{"version":3,"sources":["webpack:///./src/css/charters.module.scss","webpack:///./src/css/modal.module.scss","webpack:///./src/pages/charters.js","webpack:///./src/css/orderform.module.scss","webpack:///./src/components/orderform.js"],"names":["module","exports","IndexPage","title","data-side","className","names","tubeid","posterimagename","svgclass","name","scheme","id","vbox","viewBox","slides","style","paddingRight","styles","mobileInfo","table","column","Orderform","props","handleChangeIncludePrice","evt","newsensorsarray","state","sensorsarray","map","row","updatedVal","enabled","setState","handleChangeCount","target","value","test","item","count","handleChangeSetsCount","CurrentVal","setsNeeded","calcDiscount","handleCountEncrement","type","Number","handleSetsEncrement","prevState","typeCharter","DeviceItem","device","mykey","inputkey","sensorprice","price","formcss","formrowFlex","item_name","onChange","checked","iscountvisible","item_countsetter","button","onClick","key","item_price","SensorsList","group","items","devicelist","filter","i","rowgroup","ViewCurrentOrderList","orderList","changeFormSteps","stepName","formStepName","FormButton","buttonText","buttonType","disabled","buttonClass","OrderSetsView","hiddenIframe","React","createRef","selectSource","setsOnStart","isFormSubmitted","discount","bind","submitDone","handleCloseModal","this","sourceDataCharter","calcSum","priceSum","reduce","total","currentValue","finalPrice","Math","round","current","onload","render","OrderList","console","log","shouldFocusAfterRender","closeOnEscape","isOpen","onRequestClose","modalcss","modal","overlayClassName","overlay","method","action","onSubmit","hidden","formrow","htmlFor","required","selected","rows","formTotals","totalTop","editbutton","buttonlink","totalBottom","fullbutton","ref","src","display","Component"],"mappings":"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","file":"component---src-pages-charters-js-1b67de758061b3207e02.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"bug\":\"charters-module--bug--1uoPu\",\"table\":\"charters-module--table--2UWI5\",\"mobileInfo\":\"charters-module--mobileInfo---B8L1\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"bug\":\"modal-module--bug--3Ol4R\",\"modal\":\"modal-module--modal--vaLun\",\"overlay\":\"modal-module--overlay--2xKty\"};","import React from \"react\";\nimport Layout from \"../components/layout\";\nimport SEO from \"../components/seo\";\nimport Minislider from \"../components/minislider\";\nimport scheme from \"../images/svg/scheme.svg\";\nimport pricetable from \"../images/svg/pricetable.svg\";\nimport Svgsprite from \"../components/svgsprite\";\nimport Youtube from \"../components/youtube\";\nimport Orderform from \"../components/orderform\";\nimport styles from \"../css/charters.module.scss\";\n\nconst IndexPage = () => (\n  <Layout>\n    <SEO title=\"For Charters\" />\n    <section data-side=\"boatGod\" className=\"contentbox wrap --fullw\">\n      <div className=\"textcontent\">\n        <h2>\n          Our solution <span>for charter companies</span>\n        </h2>\n        <p>\n          Our solution for charter companies is based on the BoatGod module,\n          which is a full-fledged yachting computer. It allows to collect,\n          process, analyse and deliver data from the boat system, both through\n          the NMEA interface and additional sensors manufactured by BoatPilot.\n        </p>\n\n        <p>\n          This allows the charter company to have full control over the state of\n          the entire fleet, regardless of its size. Obtaining statistics on\n          equipment wear and service intervals, helping to efficiently build up\n          stock reserves of spare parts and an efficient distribution. In\n          addition, the artificial intelligence system analyzes all the\n          skipper’s actions and so draws up his profile. This means, that the\n          charter company can save a significant amount of time during the\n          check-out routine, receiving notifications about the need for\n          additional or more thorough check of specific ship systems in abnormal\n          operation, helping decide to keep the deposit or not. It also provides\n          handy documentary evidence of violations by the skipper supported by\n          data from objective control devices.\n        </p>\n\n        <p>\n          Such an approach allows for a significant optimization of insurance\n          premiums, especially considering the guaranteed theft protection\n          provided by the BlackOut service.\n        </p>\n\n        <p>\n          We also supply data on violation of the rules of navigation -\n          violation of the rules of the COLREGS, violation of the speed limit,\n          passage to restricted areas, dangerous proximity with other vessels\n          and/or approach to the shallows.\n        </p>\n      </div>\n      <div className=\"minislider\">\n        <Minislider\n          names={[\n            \"charter_1.png\",\n            \"charter_2.png\",\n            \"charter_3.png\",\n            \"charter_4.png\",\n            \"charter_5.jpg\",\n            \"charter_6.jpg\",\n            \"charter_7.jpg\",\n            \"charter_8.jpg\",\n          ]}\n        />\n      </div>\n      <div className=\"videocontent\">\n        <Youtube\n          tubeid=\"vHFx6zIssh0\"\n          posterimagename=\"tubeposter_charter.jpg\"\n        />\n      </div>\n    </section>\n    <section\n      data-side=\"scheme\"\n      className=\"contentbox  wrap --fullw --dark --novideo --killtoppadding\"\n    >\n      <div className=\"textcontent\">\n        <Svgsprite svgclass=\"scheme\" name={scheme.id} vbox={scheme.viewBox} />\n      </div>\n    </section>\n    <section data-side=\"why\" className=\"contentbox wrap --fullw --novideo\">\n      <div className=\"textcontent --max80\">\n        <h2>\n          Why Boatpilot <span>what problems does it solve</span>\n        </h2>\n        <h3>Always in touch</h3>\n        <p>\n          The BoatGod head module is equipped with GPS, WIFI, 4G interfaces as\n          well as the iridium satellite interface as an offshore option.\n          Theprocessor’s power and its memory capacity allows for full logging\n          and analysis of the data for several weeks. The module is equally\n          equipped with a built-in UPS in case of a pirate attack or a power\n          disconnection or failure.\n        </p>\n        <h3>Telemetry</h3>\n        <p>\n          Aside from the accurate positioning, speed and direction it also\n          calculates and defines depths, usage of the sails and motor, the speed\n          and direction of the wind and errors on or damage to the NMEA devices.\n        </p>\n        <h3>Data cloud & analytics</h3>\n        <p>\n          The module is responsible for sending the collected analytical\n          information to the BoatPilot cloud, so providing it to the charter\n          company. In addition, it provides the skipper with the ability to\n          receive data from on-board systems directly on his chartplotter via\n          the WiFi Nmea multiplexer. The developed alert system warns the\n          captain of the risk of emergency situations based off the monitoring\n          of all on-board systems, the actions of the skipper and the situation\n          around the boat - data provided by AIS.\n        </p>\n\n        <p>\n          The system will also remind to recharge batteries, drain black tanks,\n          and replenish water supplies. It’s also able to identify problems in\n          the operation of on-board equipment, including the motor (impeller,\n          antifreeze leak, lack of oil). This can significantly reduce the risk\n          of collisions, damage and improve sailing safety.\n        </p>\n\n        <h3>Support and feedback</h3>\n\n        <p>\n          And finally, the central module provides the charter company with the\n          opportunity to organize a user support and feedback channel. The\n          charter company gets the chance to receive requests from the skipper\n          and equally to send him notifications, warnings and recommendations.\n          For example, in the event of a storm warning, the operator may\n          recommend that vessels head to a sheltered bay or a specific marina,\n          where boat spaces for this company would stand reserved.\n        </p>\n\n        <p>\n          The list of functions of the head module also includes WiFi APN with\n          the ability to provide guests with Internet access services and\n          centralized management of traffic packages.\n        </p>\n      </div>\n    </section>\n    <section\n      data-side=\"sensors\"\n      className=\"contentbox wrap --fullw --dark --novideo\"\n    >\n      <div className=\"textcontent --max80\">\n        <h2>\n          Additional services <span> proprietary BoatPilot sensors</span>\n        </h2>\n        <p>\n          As aside from the standard sensors, such as a gas leakage sensor, a\n          sea water intake sensor, a PIR sensor, a burglary sensor (unauthorized\n          access), BoatPilot also offers the following types of sensors and\n          modules:\n        </p>\n\n        <h3>Battery sensor</h3>\n        <p>\n          Our sensor not only determines the battery level, but also its\n          possible damage (bloating, lack of electrolyte) and the associated\n          increase in temperature (spontaneous heating) of battery banks. Unlike\n          any other solutions on the market, our sensor has the ability to\n          automatically or manually remotely disconnect batteries. This allows\n          to avoid the risk of spontaneous ignition of the batteries, prevents\n          deep discharge and prolongs the bank life cycle.{\" \"}\n        </p>\n        <h3>Motor sensor</h3>\n        <p>\n          Motor sensor - ‘motor guard’. It not only determines the number of\n          revolutions, allowing the charter company to identify violations in\n          the operation of the motor (constant use at high or maximum RPM) but\n          it also allows to identify problems associated with a lack of oil or\n          antifreeze, as well as impeller.\n        </p>\n        <h3>Liquid level sensor for tanks</h3>\n        <p>\n          This sensor can be used on all types of marine tanks - water, fuel or\n          black. The sensor is glued to the outside of the tank. It does not\n          require immersion and therefore does not clog or fail. This sensor can\n          issue warnings about exceeding or decreasing the permissible fluid\n          level. It’s equipped with a wireless interface and an independent\n          battery; therefore its installation does not require wiring and takes\n          just several minutes.\n        </p>\n        <h3>BlackOut module</h3>\n        <p>\n          The module is designed to guarantee protection of the vessel from\n          theft. Its work is based on fuel management. In cases where the\n          BoatGod head module determines a possible pirate attack, the BlackOut\n          module reduces the fuel supply to the engine, making the hijacking of\n          the vessel impractical. In this limiting mode, the maximum RPM can be\n          is limited to 500-700 (2 knots max speed). Important to note: the\n          modules operate in a completely independent mode. They are not\n          sensitive to just any pirate actions - to the turning off of the\n          onboard power supply, turning off of the NMEA, interference or\n          complete jamming of the GPS, GSM and/or iridium signals.\n        </p>\n      </div>\n      <div className=\"minislider --upHeight\">\n        <Minislider\n          slides=\"3\"\n          names={[\n            \"god_1.jpg\",\n            \"god_2.jpg\",\n            \"god_3.jpg\",\n            \"god_4.jpg\",\n            \"god_5.jpg\",\n            \"god_6.jpg\",\n            \"god_7.jpg\",\n          ]}\n        />\n      </div>\n    </section>\n    <section data-side=\"pricing\" className=\"contentbox wrap --fullw  --novideo\">\n      <div className=\"textcontent\" style={{ paddingRight: \"0px\" }}>\n        <h2>\n          Pricing <span> table</span>\n        </h2>\n        <div className={styles.mobileInfo}>\n          <p>\n            <b>Equipment</b>\n          </p>\n          <p>\n            BoatGod nmea 2000 main module + 6 sensors for installation at two\n            points (engine rpm, battery charge, temperature x2, leakage)\n          </p>\n          <p>\n            <b>Cloud platform</b>\n          </p>\n          <p>\n            Fleet manager's personal account with access to telemetry, alerts\n            and analytics. Cost per month of use with a 3 year contract\n          </p>\n        </div>\n\n        {/* <table className={styles.table}>\n          <thead>\n            <tr>\n              <td className={styles.column}></td>\n              <th>\n                Basic <span>Price</span>\n              </th>\n              <th>\n                20+ <span>boats</span>\n              </th>\n              <th>\n                50+ <span>boats</span>\n              </th>\n              <th>\n                100+ <span>boats</span>\n              </th>\n              <th>\n                250+ <span>boats</span>\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <th className={styles.column}>\n                Equipment\n                <p>\n                  BoatGod nmea 2000 main module + 6 sensors for installation at\n                  two points (engine rpm, battery charge, temperature x2,\n                  leakage)\n                </p>\n              </th>\n              <td>EUR 295</td>\n              <td>EUR 245</td>\n              <td>EUR 195</td>\n              <td>EUR 95</td>\n              <td>EUR 55</td>\n            </tr>\n            <tr>\n              <th className={styles.column}>\n                Cloud platform{\" \"}\n                <p>\n                  Fleet manager's personal account with access to telemetry,\n                  alerts and analytics. Cost per month of use with a 3 year\n                  contract\n                </p>\n              </th>\n              <td>EUR 19.95/m</td>\n              <td>EUR 15.95/m</td>\n              <td>EUR 13.95/m</td>\n              <td>EUR 10.95/m</td>\n              <td>EUR 5.95/m</td>\n            </tr>\n          </tbody>\n        </table> */}\n\n        <table className={styles.table}>\n          <thead>\n            <tr>\n              <td className={styles.column}></td>\n              <th>\n                Equipment\n                <p>\n                  BoatGod nmea 2000 main module + 6 sensors for installation at\n                  two points (engine rpm, battery charge, temperature x2,\n                  leakage).\n                </p>\n              </th>\n              <th>\n                Cloud platform\n                <p>\n                  Fleet manager's personal account with access to telemetry,\n                  alerts and analytics. Cost per month of use with a 3 year\n                  contract.\n                </p>\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <th>\n                Basic <span>Price</span>\n              </th>\n              <td>EUR 295</td>\n              <td>EUR 19.95/m</td>\n            </tr>\n            <tr>\n              <th>\n                20+ <span>boats</span>\n              </th>\n              <td>EUR 245</td>\n              <td>EUR 15.95/m</td>\n            </tr>\n            <tr>\n              <th>\n                50+ <span>boats</span>\n              </th>\n              <td>EUR 195</td>\n              <td>EUR 13.95/m</td>\n            </tr>\n            <tr>\n              <th>\n                100+ <span>boats</span>\n              </th>\n              <td>EUR 95</td>\n              <td>EUR 10.95/m</td>\n            </tr>\n            <tr>\n              <th>\n                250+ <span>boats</span>\n              </th>\n              <td>EUR 55</td>\n              <td>EUR 5.95/m</td>\n            </tr>\n          </tbody>\n        </table>\n\n        <h3>Additional optional sensors</h3>\n        <ul className=\"list\">\n          <li>Anti-theft module (preorder): € 99</li>\n          <li>UPS: € 25</li>\n          <li>Tank level and leak: € 39</li>\n        </ul>\n      </div>\n    </section>\n\n    {/* <Orderform typeCharter={true} orderType=\"charter\" /> */}\n  </Layout>\n);\n\nexport default IndexPage;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"bug\":\"orderform-module--bug--1YZ_b\",\"item_name\":\"orderform-module--item_name--23mug\",\"item_price\":\"orderform-module--item_price--1p8Q4\",\"item_countsetter\":\"orderform-module--item_countsetter--3_dFH\",\"formTotals\":\"orderform-module--formTotals--3EVrm\",\"editbutton\":\"orderform-module--editbutton--3GwDm\",\"totalBottom\":\"orderform-module--totalBottom--3voO2\",\"hidden\":\"orderform-module--hidden--25TsA\"};","import React, { Component, useEffect } from \"react\";\n//import Svgsprite from \"./svgsprite\";\nimport styles from \"../css/orderform.module.scss\";\nimport formcss from \"../css/form.module.scss\";\nimport Modal from \"react-modal\";\nimport modalcss from \"../css/modal.module.scss\";\n\nclass Orderform extends Component {\n  constructor(props) {\n    super(props);\n    this.hiddenIframe = React.createRef();\n    this.state = {\n      sensorsarray: this.selectSource(),\n      value: \"\",\n      formStepName: \"stepOne\",\n      setsNeeded: this.setsOnStart(),\n      isFormSubmitted: \"no\",\n      discount: 1,\n    };\n\n    this.handleChangeIncludePrice = this.handleChangeIncludePrice.bind(this);\n    this.handleChangeCount = this.handleChangeCount.bind(this);\n    this.handleCountEncrement = this.handleCountEncrement.bind(this);\n    this.changeFormSteps = this.changeFormSteps.bind(this);\n    this.handleChangeSetsCount = this.handleChangeSetsCount.bind(this);\n    this.handleSetsEncrement = this.handleSetsEncrement.bind(this);\n    this.submitDone = this.submitDone.bind(this);\n    this.handleCloseModal = this.handleCloseModal.bind(this);\n  }\n\n  setsOnStart() {\n    if (this.props.typeCharter) {\n      return 250;\n    } else {\n      return 1;\n    }\n  }\n\n  selectSource() {\n    const privateData = [\n      {\n        id: 1,\n        name: \"BoatGOD\",\n        count: 1,\n        iscountvisible: false,\n        price: 195,\n        enabled: true,\n        group: \"god\",\n      },\n\n      {\n        id: 2,\n        name: \"Wifi + 4G\",\n        count: 1,\n        iscountvisible: false,\n        price: 45,\n        enabled: false,\n        group: \"base\",\n      },\n      {\n        id: 3,\n        name: \"UPS\",\n        count: 1,\n        price: 25,\n        iscountvisible: false,\n        enabled: false,\n        group: \"base\",\n      },\n      {\n        id: 4,\n        name: \"Anti-theft module, preorder\",\n        count: 1,\n        price: 99,\n        iscountvisible: false,\n        enabled: false,\n        group: \"base\",\n      },\n      {\n        id: 5,\n        name: \"Battery voltage and temperature\",\n        count: 1,\n        price: 29,\n        iscountvisible: true,\n        enabled: false,\n        group: \"optional\",\n      },\n      {\n        id: 6,\n        name: \"Engine RPM, temperature and leak\",\n        count: 1,\n        price: 39,\n        iscountvisible: true,\n        enabled: false,\n        group: \"optional\",\n      },\n      {\n        id: 7,\n        name: \"Tank level and leak\",\n        count: 1,\n        price: 39,\n        iscountvisible: true,\n        enabled: false,\n        group: \"optional\",\n      },\n    ];\n    const charterData = [\n      {\n        id: 1,\n        name: \"BoatGOD\",\n        count: 1,\n        iscountvisible: false,\n        price: 195,\n        enabled: true,\n        group: \"god\",\n      },\n\n      {\n        id: 2,\n        name: \"Wifi + 4G\",\n        count: 1,\n        iscountvisible: false,\n        price: 45,\n        enabled: true,\n        group: \"base\",\n      },\n      {\n        id: 3,\n        name: \"UPS\",\n        count: 1,\n        price: 25,\n        iscountvisible: false,\n        enabled: true,\n        group: \"base\",\n      },\n      {\n        id: 4,\n        name: \"Anti-theft module, preorder\",\n        count: 1,\n        price: 99,\n        iscountvisible: false,\n        enabled: true,\n        group: \"base\",\n      },\n      {\n        id: 5,\n        name: \"Battery voltage and temperature\",\n        count: 1,\n        price: 29,\n        iscountvisible: true,\n        enabled: true,\n        group: \"optional\",\n      },\n      {\n        id: 6,\n        name: \"Engine RPM, temperature and leak\",\n        count: 1,\n        price: 39,\n        iscountvisible: true,\n        enabled: true,\n        group: \"optional\",\n      },\n      {\n        id: 7,\n        name: \"Tank level and leak\",\n        count: 1,\n        price: 39,\n        iscountvisible: true,\n        enabled: true,\n        group: \"optional\",\n      },\n    ];\n\n    if (this.props.sourceDataCharter) {\n      return privateData;\n    } else {\n      return charterData;\n    }\n  }\n\n  calcSum() {\n    const allsensorsstate = this.state.sensorsarray;\n    const priceSum = allsensorsstate\n      .filter((row) => row.enabled === true)\n      .reduce(\n        (total, currentValue) =>\n          (total = total + currentValue.price * Number(currentValue.count)),\n        0\n      );\n\n    let discount = this.state.discount;\n\n    let sets = this.props.typeCharter ? 1 : this.state.setsNeeded;\n\n    let finalPrice = priceSum * sets * discount;\n\n    if (finalPrice !== 0) {\n      return \"€\" + Math.round(finalPrice);\n    } else return \"special offer!\";\n  }\n\n  handleChangeIncludePrice = (id) => (evt) => {\n    let newsensorsarray = this.state.sensorsarray.map((row) => {\n      if (id !== row.id) return row;\n      else {\n        const updatedVal = !row.enabled;\n        return { ...row, enabled: updatedVal };\n      }\n    });\n\n    this.setState({ sensorsarray: newsensorsarray });\n  };\n\n  handleChangeCount = (id) => (evt) => {\n    const re = /^[0-9\\b]+$/;\n\n    if (evt.target.value === \"\" || re.test(evt.target.value)) {\n      let newsensorsarray = this.state.sensorsarray.map((item) => {\n        if (id !== item.id) return item;\n        else return { ...item, count: evt.target.value };\n      });\n\n      this.setState({ sensorsarray: newsensorsarray });\n    }\n  };\n\n  handleChangeSetsCount = (evt) => {\n    var CurrentVal = evt.target.value;\n    const re = /^[0-9\\b]+$/;\n\n    if (CurrentVal === \"\" || re.test(CurrentVal)) {\n      this.setState(\n        {\n          setsNeeded: CurrentVal,\n        },\n        this.calcDiscount\n      );\n    }\n  };\n\n  handleCountEncrement = (id, type) => (evt) => {\n    let newsensorsarray = this.state.sensorsarray.map((row) => {\n      if (type === \"plus\" && id === row.id) {\n        const updatedVal = Number(row.count) + 1;\n        return { ...row, count: updatedVal };\n      }\n      if (type === \"minus\" && id === row.id && row.count > 1) {\n        const updatedVal = Number(row.count) - 1;\n        return { ...row, count: updatedVal };\n      } else return row;\n    });\n\n    this.setState({ sensorsarray: newsensorsarray });\n  };\n\n  handleSetsEncrement = (type, prevState) => (evt) => {\n    if (type === \"plus\") {\n      if (this.props.typeCharter) {\n        this.setState((prevState) => {\n          return { setsNeeded: Number(prevState.setsNeeded) + 50 };\n        }, this.calcDiscount);\n      } else {\n        this.setState((prevState) => {\n          return { setsNeeded: Number(prevState.setsNeeded) + 1 };\n        }, this.calcDiscount);\n      }\n    }\n    if (type === \"minus\" && this.state.setsNeeded > 1) {\n      if (this.props.typeCharter) {\n        this.setState((prevState) => {\n          return { setsNeeded: Number(prevState.setsNeeded) - 50 };\n        }, this.calcDiscount);\n      } else {\n        this.setState((prevState) => {\n          return { setsNeeded: Number(prevState.setsNeeded) - 1 };\n        }, this.calcDiscount);\n      }\n    }\n  };\n\n  calcDiscount() {\n    let currentSets = this.state.setsNeeded;\n\n    if (currentSets > 250) {\n      this.setState({\n        discount: 0,\n      });\n    } else {\n      this.setState({\n        discount: 1,\n      });\n    }\n  }\n\n  DeviceItem = (props) => {\n    const device = props.device;\n    const mykey = props.inputkey;\n    let sensorprice = device.count * device.price;\n\n    return (\n      <section className={formcss.formrowFlex}>\n        <div className={(styles.item, styles.item_name)}>\n          <label>\n            <input\n              onChange={this.handleChangeIncludePrice(device.id)}\n              checked={device.enabled}\n              name={device.id}\n              type=\"checkbox\"\n            />\n            {device.name}\n          </label>\n        </div>\n        {device.iscountvisible && (\n          <div className={(styles.item, styles.item_countsetter)}>\n            <button\n              className={formcss.button}\n              type=\"button\"\n              onClick={this.handleCountEncrement(device.id, \"minus\")}\n            >\n              -\n            </button>\n            <input\n              value={device.count}\n              id={device.count}\n              name={device.name}\n              onChange={this.handleChangeCount(device.id)}\n              type=\"text\"\n              key={mykey}\n            />\n            <button\n              className={formcss.button}\n              type=\"button\"\n              onClick={this.handleCountEncrement(device.id, \"plus\")}\n            >\n              +\n            </button>\n          </div>\n        )}\n        <div className={(styles.item, styles.item_price)}>€ {sensorprice}</div>\n      </section>\n    );\n  };\n\n  SensorsList = (props) => {\n    const DeviceItem = this.DeviceItem;\n    const group = props.group;\n    const sensors = props.devicelist;\n    const items = sensors\n      .filter((row) => row.group === `${group}`)\n      .map((device, i) => {\n        return (\n          <DeviceItem key={device.id} inputkey={device.id} device={device} />\n        );\n      });\n    return <div className={formcss.rowgroup}>{items}</div>;\n  };\n\n  ViewCurrentOrderList = (props) => {\n    const items = this.state.sensorsarray\n      .filter((row) => row.enabled === true)\n      .map((item, i) => {\n        return (\n          <div key={item.id} className={formcss.formrowFlex}>\n            <div className={(styles.item, styles.item_name)}>{item.name}</div>\n            <div className={styles.item}>x{item.count}</div>\n          </div>\n        );\n      });\n    return <div className={styles.orderList}>{items} </div>;\n  };\n\n  changeFormSteps = (stepName) => (evt) => {\n    this.setState({\n      formStepName: `${stepName}`,\n    });\n  };\n\n  FormButton = (props) => {\n    let buttonText = props.buttonText;\n    let buttonType = props.buttonType;\n    let disabled = props.disabled;\n    let stepName = props.stepName;\n    let buttonClass = props.buttonClass;\n\n    return (\n      <button\n        onClick={this.changeFormSteps(stepName)}\n        className={buttonClass}\n        type={buttonType}\n        disabled={disabled}\n      >\n        {buttonText}\n      </button>\n    );\n  };\n\n  OrderSetsView = () => {\n    return (\n      <section className={formcss.formrowFlex}>\n        <div className={(styles.item, styles.item_countsetter)}>\n          <button\n            className={formcss.button}\n            type=\"button\"\n            onClick={this.handleSetsEncrement(\"minus\")}\n          >\n            -\n          </button>\n          <input\n            value={this.state.setsNeeded}\n            onChange={this.handleChangeSetsCount}\n            type=\"text\"\n            name=\"setsNeeded\"\n            id=\"setsNeeded\"\n            key=\"sets\"\n          />\n          <button\n            className={formcss.button}\n            type=\"button\"\n            onClick={this.handleSetsEncrement(\"plus\")}\n          >\n            +\n          </button>\n        </div>\n      </section>\n    );\n  };\n\n  submitDone() {\n    this.setState((state) => ({\n      isFormSubmitted: \"loading\",\n    }));\n    this.hiddenIframe.current.onload = () => {\n      this.setState((state) => ({\n        isFormSubmitted: \"yes\",\n        sensorsarray: this.selectSource(),\n        formStepName: \"stepOne\",\n        setsNeeded: this.setsOnStart(),\n      }));\n    };\n  }\n\n  handleCloseModal() {\n    this.setState({\n      isFormSubmitted: `no`,\n    });\n  }\n\n  render() {\n    let OrderList = this.ViewCurrentOrderList;\n    let FormButton = this.FormButton;\n    let SensorsList = this.SensorsList;\n    let OrderSetsView = this.OrderSetsView;\n\n    let button = \"Send request\";\n\n    if (this.state.isFormSubmitted === \"no\") {\n      console.log(\"not_submited\");\n    }\n    if (this.state.isFormSubmitted === \"loading\") {\n      console.log(\"loading now\");\n      button = \"Wait, sending...\";\n    }\n    if (this.state.isFormSubmitted === \"yes\") {\n      console.log(\"submit done!\");\n    }\n\n    return (\n      <>\n        <Modal\n          shouldFocusAfterRender={false}\n          closeOnEscape={true}\n          isOpen={this.state.isFormSubmitted === \"yes\"}\n          //isOpen={true}\n          onRequestClose={this.handleCloseModal}\n          className={modalcss.modal}\n          overlayClassName={modalcss.overlay}\n        >\n          <div className=\"textcontent\">\n            <h3>Thank you for your request!</h3>\n            <p>\n              We will carefully review your request. Usually the response time\n              is 5 business days.\n            </p>\n            <p>\n              <button\n                className={formcss.button}\n                onClick={this.handleCloseModal}\n                type=\"button\"\n              >\n                Close\n              </button>\n            </p>\n          </div>\n        </Modal>\n        <form\n          method=\"post\"\n          target=\"hiddenFrame\"\n          action=\"https://www.flexyform.com/f/f0ebfac5ce0046f0d1a6625de133fc3015b0332b\"\n          //action=\"/\"\n          onSubmit={this.submitDone}\n        >\n          <section data-side=\"order\" className=\"contentbox wrap --fullw\">\n            <div className=\"textcontent\">\n              <h2>\n                Your order <span>configuration</span>\n              </h2>\n\n              <section\n                className={\n                  this.state.formStepName === \"stepOne\" ? \"\" : styles.hidden\n                }\n              >\n                <h4>Required system module with NMEA + 2G</h4>\n                <SensorsList group=\"god\" devicelist={this.state.sensorsarray} />\n                <h4>Additional options to the base module</h4>\n                <SensorsList\n                  group=\"base\"\n                  devicelist={this.state.sensorsarray}\n                />\n                <h4>Sensors available for installation</h4>\n                <SensorsList\n                  group=\"optional\"\n                  devicelist={this.state.sensorsarray}\n                />\n              </section>\n\n              <section\n                className={\n                  this.state.formStepName === \"stepTwo\" ? \"\" : styles.hidden\n                }\n              >\n                <input\n                  type=\"hidden\"\n                  name=\"Order type\"\n                  value={\n                    this.props.typeCharter\n                      ? \"Charter order\"\n                      : \"Individual order\"\n                  }\n                />\n                <input\n                  type=\"hidden\"\n                  name=\"Total price\"\n                  value={this.calcSum()}\n                />\n                <div className={formcss.formrow}>\n                  <label htmlFor=\"name\">Name</label>\n                  <input type=\"text\" name=\"name\" id=\"name\" />\n                </div>\n                <div className={formcss.formrow}>\n                  <label htmlFor=\"email\">Email*</label>\n                  <input type=\"email\" name=\"email\" id=\"email\" required />\n                </div>\n                <div className={formcss.formrow}>\n                  <label htmlFor=\"phone\">Phone</label>\n                  <input type=\"text\" name=\"phone\" id=\"phone\" />\n                </div>\n                <div className={formcss.formrow}>\n                  <label htmlFor=\"addressCountry\">Country</label>\n                  <select name=\"addressCountry\">\n                    <option value=\"\" selected disabled hidden>\n                      Select shipping country\n                    </option>\n                    <option value=\"Other\">Other</option>\n                    <option value=\"GB\">United Kingdom</option>\n                    <option value=\"AL\">Albania</option>\n                    <option value=\"AD\">Andorra</option>\n                    <option value=\"AT\">Austria</option>\n                    <option value=\"BY\">Belarus</option>\n                    <option value=\"BE\">Belgium</option>\n                    <option value=\"BA\">Bosnia and Herzegovina</option>\n                    <option value=\"BG\">Bulgaria</option>\n                    <option value=\"HR\">Croatia (Hrvatska)</option>\n                    <option value=\"CY\">Cyprus</option>\n                    <option value=\"CZ\">Czech Republic</option>\n                    <option value=\"FR\">France</option>\n                    <option value=\"GI\">Gibraltar</option>\n                    <option value=\"DE\">Germany</option>\n                    <option value=\"GR\">Greece</option>\n                    <option value=\"VA\">Holy See (Vatican City State)</option>\n                    <option value=\"HU\">Hungary</option>\n                    <option value=\"IT\">Italy</option>\n                    <option value=\"LI\">Liechtenstein</option>\n                    <option value=\"LU\">Luxembourg</option>\n                    <option value=\"MK\">Macedonia</option>\n                    <option value=\"MT\">Malta</option>\n                    <option value=\"MD\">Moldova</option>\n                    <option value=\"MC\">Monaco</option>\n                    <option value=\"ME\">Montenegro</option>\n                    <option value=\"NL\">Netherlands</option>\n                    <option value=\"PL\">Poland</option>\n                    <option value=\"PT\">Portugal</option>\n                    <option value=\"RO\">Romania</option>\n                    <option value=\"SM\">San Marino</option>\n                    <option value=\"RS\">Serbia</option>\n                    <option value=\"SK\">Slovakia</option>\n                    <option value=\"SI\">Slovenia</option>\n                    <option value=\"ES\">Spain</option>\n                    <option value=\"UA\">Ukraine</option>\n                    <option value=\"DK\">Denmark</option>\n                    <option value=\"EE\">Estonia</option>\n                    <option value=\"FO\">Faroe Islands</option>\n                    <option value=\"FI\">Finland</option>\n                    <option value=\"GL\">Greenland</option>\n                    <option value=\"IS\">Iceland</option>\n                    <option value=\"IE\">Ireland</option>\n                    <option value=\"LV\">Latvia</option>\n                    <option value=\"LT\">Lithuania</option>\n                    <option value=\"NO\">Norway</option>\n                    <option value=\"SJ\">Svalbard and Jan Mayen Islands</option>\n                    <option value=\"SE\">Sweden</option>\n                    <option value=\"CH\">Switzerland</option>\n                    <option value=\"TR\">Turkey</option>\n                  </select>\n                </div>\n                <div className={formcss.formrow}>\n                  <label htmlFor=\"message\">Message</label>\n                  <textarea name=\"message\" id=\"message\" rows=\"5\" />\n                </div>\n              </section>\n            </div>\n\n            <div className={(\"videocontent\", styles.formTotals)}>\n              <section className={styles.totalTop}>\n                {this.props.typeCharter ? (\n                  <h3>Price for 1 set: {this.calcSum()}</h3>\n                ) : (\n                  <h3>Total amount: {this.calcSum()}</h3>\n                )}\n\n                <section>\n                  <OrderList />\n                  <div className={styles.editbutton}>\n                    {this.state.formStepName === \"stepTwo\" && (\n                      <FormButton\n                        buttonText=\"Edit configuration\"\n                        buttonType=\"button\"\n                        stepName=\"stepOne\"\n                        buttonClass={formcss.buttonlink}\n                      />\n                    )}\n                  </div>\n                </section>\n\n                <h4>Sets to purchase:</h4>\n                <OrderSetsView />\n              </section>\n\n              <section className={styles.totalBottom}>\n                {this.state.formStepName === \"stepOne\" && (\n                  <FormButton\n                    buttonClass={formcss.fullbutton}\n                    buttonText=\"Save and proceed\"\n                    buttonType=\"button\"\n                    stepName=\"stepTwo\"\n                  />\n                )}\n                {this.state.formStepName === \"stepTwo\" && (\n                  <FormButton\n                    buttonClass={formcss.fullbutton}\n                    buttonText={button}\n                    buttonType=\"submit\"\n                    stepName=\"stepTwo\"\n                    disabled={\n                      this.state.isFormSubmitted === \"loading\" && \"disabled\"\n                    }\n                  />\n                )}\n              </section>\n            </div>\n          </section>\n        </form>\n        <iframe\n          ref={this.hiddenIframe}\n          title=\"hiddenframe\"\n          name=\"hiddenFrame\"\n          src=\"about:blank\"\n          style={{ display: \"none\" }}\n        ></iframe>\n      </>\n    );\n  }\n}\n\nexport default Orderform;\n"],"sourceRoot":""}