{"version":3,"sources":["components/Dashboard/Dashboard.js","Routes.js","components/ImageUploader/ImageUploader.js","App.js","reportWebVitals.js","index.js"],"names":["Dashboard","scrollToBottom","bodyEnd","scrollIntoView","behavior","handleApi","payload","fetch","method","headers","Token","body","JSON","stringify","then","response","json","result","Result","confidence_data","Confidence","setState","resultMsg","parseFloat","toFixed","confidence_code","result_sign","Signature","str2","state","str3","concat","gotResult","modalImg","document","getElementById","src","catch","err","console","error","handleClose","isOpen","handleFile1Upload","e","reader","FileReader","file","target","files","type","imageFile1Err","onloadend","imageFile1","index","indexOf","base64Data","slice","length","samplebase64","readAsDataURL","handleFile2Upload","imageFile2Err","imageFile2","referencebase64","handleApiUpload","resultMsg2","confidence_code2","result_sign2","gotResult2","modalImg2","setInterval","handleClose2","isOpen2","sampleImg","referenceImg","modalSample","currentIndex","output","sample","conclusion","doc_name","sam_name","demo_sample","this","setTimeout","checkImg1Flag","checkImg2Flag","reqData","sample_image","reference_image","is_form","request_id","customer_key","xmin","xmax","ymin","ymax","modal2Sample","id","className","data-text-preloader","href","srcSet","alt","data-wow-delay","style","width","padding","boxShadow","background","map","item","onClick","handleAnchorClick","height","float","fontSize","zoomImg","getResult","role","ref","el","handleResultLink","paddingTop","paddingBottom","paddingLeft","paddingRight","color","class","Form","FormGroup","Label","for","fontWeight","CustomInput","name","onChange","zoomImgUpload","marginLeft","marginRight","marginTop","getResultUpload","Modal","show","onHide","size","keyboard","aria-labelledby","centered","Header","closeButton","Component","Routes","exact","path","component","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render"],"mappings":"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","file":"static/js/main.f83663a2.chunk.js","sourcesContent":["import React, { Component, Fragment } from \"react\";\r\nimport IMAGE_STRINGS from \"../../images\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport { Form, FormGroup, CustomInput, Label } from \"reactstrap\";\r\nclass Dashboard extends Component {\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      sampleImg: \"img/sign-img/cheque1.png\",\r\n      referenceImg: \"img/sign-img/cheque1_ref.png\",\r\n      modalSample: \"img/sign-img/cheque1.png\",\r\n      confidence_code: \"\",\r\n      result_sign: \"\",\r\n      currentIndex: 1,\r\n      resultMsg: \"\",\r\n      isOpen: false,\r\n      modalImg: \"\",\r\n      confidence_code2: \"\",\r\n      result_sign2: \"\",\r\n      resultMsg2: \"\",\r\n      isOpen2: false,\r\n      imageFile1: \"\",\r\n      imageFile2: \"\",\r\n      samplebase64: \"\",\r\n      referencebase64: \"\",\r\n      modalImg2: \"\",\r\n      imageFile1Err: \"\",\r\n      imageFile2Err: \"\",\r\n      gotResult2: \"\",\r\n      error: false,\r\n      output: {\r\n        document: \"img/sign-img/cheque1.png\",\r\n        sample: \"img/sign-img/cheque1_ref.png\",\r\n        result: \"img/sign-img/result1.png\",\r\n        output: \"87.18\",\r\n        conclusion: \"Matched!\",\r\n        doc_name: \"cheque1.png\",\r\n        sam_name: \"cheque1_ref.png\",\r\n      },\r\n      demo_sample: [\r\n        {\r\n          document: \"img/sign-img/cheque1.png\",\r\n          sample: \"img/sign-img/cheque1_ref.png\",\r\n          result: \"img/sign-img/result1.png\",\r\n          output: \"87.18\",\r\n          conclusion: \"Matched!\",\r\n          doc_name: \"cheque1.png\",\r\n          sam_name: \"cheque1_ref.png\",\r\n        },\r\n        {\r\n          document: \"img/sign-img/cheque2.png\",\r\n          sample: \"img/sign-img/cheque2_ref.png\",\r\n          result: \"img/sign-img/result2.png\",\r\n          output: \"1.85\",\r\n          conclusion: \"Not Matched!\",\r\n          doc_name: \"cheque2.png\",\r\n          sam_name: \"cheque2_ref.png\",\r\n        },\r\n        {\r\n          document: \"img/sign-img/form1.png\",\r\n          sample: \"img/sign-img/form1_ref.png\",\r\n          result: \"img/sign-img/result3.png\",\r\n          output: \"90.97\",\r\n          conclusion: \"Matched!\",\r\n          doc_name: \"form1.png\",\r\n          sam_name: \"form1_ref.png\",\r\n        },\r\n        {\r\n          document: \"img/sign-img/form2.png\",\r\n          sample: \"img/sign-img/form2_ref.png\",\r\n          result: \"img/sign-img/result4.png\",\r\n          output: \"5.67\",\r\n          conclusion: \"Not Matched!\",\r\n          doc_name: \"form2.png\",\r\n          sam_name: \"form2_ref.png\",\r\n        },\r\n      ],\r\n    };\r\n  }\r\n  scrollToBottom = () => {\r\n    this.bodyEnd.scrollIntoView({ behavior: \"smooth\" });\r\n  };\r\n  handleAnchorClick(index) {\r\n    this.setState({\r\n      gotResult: \"\",\r\n      output: this.state.demo_sample[index],\r\n      currentIndex: index,\r\n    });\r\n  }\r\n  getResult() {\r\n    const { output } = this.state;\r\n    this.setState({\r\n      gotResult: false,\r\n    });\r\n    setTimeout(() => {\r\n      this.setState({\r\n        confidence_code: output.output,\r\n        result_sign: output.result,\r\n        resultMsg: `Signature ${output.conclusion}`,\r\n      });\r\n      this.setState({ gotResult: true, modalImg: output.result });\r\n      this.scrollToBottom();\r\n    }, 3000);\r\n  }\r\n  handleApi = (payload) => {\r\n    fetch(\r\n      \"http://beta.onestop.ai/signature-verification/backend/signature-verification\",\r\n      // \"http://192.168.1.71:6001/signature-verification\",\r\n      {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Content-Type\": \"application/json\",\r\n          Token: \"ED2G0-181A0-XK2L0-7D311-KSW14\",\r\n        },\r\n        body: JSON.stringify(payload),\r\n      }\r\n    )\r\n      .then((response) => response.json())\r\n      .then((response) => {\r\n        var result = response.Result;\r\n        var confidence_data = result[0].Confidence;\r\n        if (confidence_data > 0.5) {\r\n          this.setState({\r\n            resultMsg: \"Signature Matched!\",\r\n          });\r\n        } else {\r\n          this.setState({\r\n            resultMsg: \"Signature Not Matched!\",\r\n          });\r\n        }\r\n        confidence_data = parseFloat(confidence_data) * 100;\r\n        confidence_data = confidence_data.toFixed(2);\r\n        this.setState({\r\n          confidence_code: confidence_data,\r\n          result_sign: result[0].Signature,\r\n        });\r\n\r\n        let str1 = \"data:image/png;base64,\";\r\n        let str2 = this.state.result_sign;\r\n        let str3 = str1.concat(str2);\r\n        this.setState({ gotResult: true, modalImg: str3 });\r\n        document.getElementById(\"resultPic\").src = str3;\r\n        this.scrollToBottom();\r\n      })\r\n      .catch((err) => console.error(err));\r\n  };\r\n  zoomImg(index) {\r\n    if (this.state.currentIndex === 1) {\r\n      if (index === 1) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: \"img/sign-img/cheque1.png\",\r\n        });\r\n      }\r\n      if (index === 2) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: \"img/sign-img/cheque1_ref.png\",\r\n        });\r\n      }\r\n      if (index === 3) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: this.state.modalImg,\r\n        });\r\n      }\r\n    }\r\n    if (this.state.currentIndex === 2) {\r\n      if (index === 1) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: \"img/sign-img/cheque2.png\",\r\n        });\r\n      }\r\n      if (index === 2) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: \"img/sign-img/cheque2_ref.png\",\r\n        });\r\n      }\r\n      if (index === 3) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: this.state.modalImg,\r\n        });\r\n      }\r\n    }\r\n    if (this.state.currentIndex === 3) {\r\n      if (index === 1) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: \"img/sign-img/form1.png\",\r\n        });\r\n      }\r\n      if (index === 2) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: \"img/sign-img/form1_ref.png\",\r\n        });\r\n      }\r\n      if (index === 3) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: this.state.modalImg,\r\n        });\r\n      }\r\n    }\r\n    if (this.state.currentIndex === 4) {\r\n      if (index === 1) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: \"img/sign-img/form2.png\",\r\n        });\r\n      }\r\n      if (index === 2) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: \"img/sign-img/form2_ref.png\",\r\n        });\r\n      }\r\n      if (index === 3) {\r\n        this.setState({\r\n          isOpen: true,\r\n          modalSample: this.state.modalImg,\r\n        });\r\n      }\r\n    }\r\n  }\r\n  handleResultLink() {\r\n    this.setState({\r\n      gotResult: \"\",\r\n    });\r\n  }\r\n  handleClose = () => {\r\n    this.setState({\r\n      isOpen: false,\r\n    });\r\n  };\r\n  handleFile1Upload = (e) => {\r\n    let reader = new FileReader();\r\n    let file = e.target.files[0];\r\n    if (file.type === \"image/jpeg\" || file.type === \"image/png\") {\r\n      this.setState({\r\n        imageFile1Err: \"\",\r\n      });\r\n    } else {\r\n      this.setState({\r\n        imageFile1Err: \"Please Select Only Image Files\",\r\n      });\r\n    }\r\n    reader.onloadend = () => {\r\n      this.setState({\r\n        imageFile1: reader.result,\r\n      });\r\n      let index = reader.result.indexOf(\",\");\r\n      let base64Data = reader.result.slice(index + 1, reader.result.length);\r\n      this.setState({\r\n        samplebase64: base64Data,\r\n      });\r\n    };\r\n    reader.readAsDataURL(file);\r\n  };\r\n  handleFile2Upload = (e) => {\r\n    let reader = new FileReader();\r\n    let file = e.target.files[0];\r\n    if (file.type === \"image/jpeg\" || file.type === \"image/png\") {\r\n      this.setState({\r\n        imageFile2Err: \"\",\r\n      });\r\n    } else {\r\n      this.setState({\r\n        imageFile2Err: \"Please Select Only Image Files\",\r\n      });\r\n    }\r\n    reader.onloadend = () => {\r\n      this.setState({\r\n        imageFile2: reader.result,\r\n      });\r\n      let index = reader.result.indexOf(\",\");\r\n      let base64Data = reader.result.slice(index + 1, reader.result.length);\r\n      this.setState({\r\n        referencebase64: base64Data,\r\n      });\r\n    };\r\n    reader.readAsDataURL(file);\r\n  };\r\n  getResultUpload() {\r\n    let checkImg1Flag = 0;\r\n    let checkImg2Flag = 0;\r\n    if (!this.state.imageFile1) {\r\n      this.setState({\r\n        imageFile1Err: \"Please Select Original Document\",\r\n      });\r\n    }\r\n    if (!this.state.imageFile2) {\r\n      this.setState({\r\n        imageFile2Err: \"Please Select Reference Signature\",\r\n      });\r\n    }\r\n    if (!this.state.imageFile1Err && this.state.imageFile1) {\r\n      checkImg1Flag = 1;\r\n    }\r\n    if (!this.state.imageFile2Err && this.state.imageFile2) {\r\n      checkImg2Flag = 1;\r\n    }\r\n    let request_id = \"VD01\";\r\n    let customer_key = \"AAPL01\";\r\n    let is_form = true;\r\n    var sample_image = this.state.samplebase64;\r\n    var reference_image = this.state.referencebase64;\r\n    let reqData = {\r\n      sample_image,\r\n      reference_image,\r\n      is_form,\r\n      request_id,\r\n      customer_key,\r\n      xmin: \"0\",\r\n      xmax: \"1\",\r\n      ymin: \"0\",\r\n      ymax: \"1\",\r\n    };\r\n    if (checkImg1Flag === 1 && checkImg2Flag === 1) {\r\n      this.setState({\r\n        gotResult2: false,\r\n      });\r\n      this.handleApiUpload(reqData);\r\n    }\r\n  }\r\n  handleApiUpload = (payload) => {\r\n    fetch(\r\n      \"http://beta.onestop.ai/signature-verification/backend/signature-verification\",\r\n      // \"http://192.168.1.71:6001/signature-verification\",\r\n      {\r\n        method: \"POST\",\r\n        headers: {\r\n          \"Content-Type\": \"application/json\",\r\n          Token: \"ED2G0-181A0-XK2L0-7D311-KSW14\",\r\n        },\r\n        body: JSON.stringify(payload),\r\n      }\r\n    )\r\n      .then((response) => response.json())\r\n      .then((response) => {\r\n        var result = response.Result;\r\n        var confidence_data = result[0].Confidence;\r\n        if (confidence_data > 0.5) {\r\n          this.setState({\r\n            resultMsg2: \"Signature Matched!\",\r\n          });\r\n        } else {\r\n          this.setState({\r\n            resultMsg2: \"Signature Not Matched!\",\r\n          });\r\n        }\r\n        confidence_data = parseFloat(confidence_data) * 100;\r\n        confidence_data = confidence_data.toFixed(2);\r\n        this.setState({\r\n          confidence_code2: confidence_data,\r\n          result_sign2: result[0].Signature,\r\n        });\r\n        let str1 = \"data:image/png;base64,\";\r\n        let str2 = this.state.result_sign2;\r\n        let str3 = str1.concat(str2);\r\n        this.setState({ gotResult2: true, modalImg2: str3 });\r\n        document.getElementById(\"resultPic2\").src = str3;\r\n      })\r\n      .catch((err) => {\r\n        this.setState({ error: true, gotResult2: \"\" });\r\n        setInterval(() => {\r\n          this.setState({ error: false });\r\n        }, 1200);\r\n        console.error(err);\r\n      });\r\n  };\r\n  zoomImgUpload(index) {\r\n    if (index === 1) {\r\n      this.setState({\r\n        isOpen2: true,\r\n        modal2Sample: this.state.imageFile1,\r\n      });\r\n    }\r\n    if (index === 2) {\r\n      this.setState({\r\n        isOpen2: true,\r\n        modal2Sample: this.state.imageFile2,\r\n      });\r\n    }\r\n    if (index === 3) {\r\n      this.setState({\r\n        isOpen2: true,\r\n        modal2Sample: this.state.modalImg2,\r\n      });\r\n    }\r\n  }\r\n  handleClose2 = () => {\r\n    this.setState({\r\n      isOpen2: false,\r\n    });\r\n  };\r\n  render() {\r\n    const {\r\n      sampleImg,\r\n      referenceImg,\r\n      resultMsg,\r\n      confidence_code,\r\n      resultMsg2,\r\n      confidence_code2,\r\n      imageFile1,\r\n      imageFile2,\r\n      imageFile1Err,\r\n      imageFile2Err,\r\n    } = this.state;\r\n    return (\r\n      <Fragment>\r\n        <div id=\"preloader\">\r\n          <div id=\"ctn-preloader\" className=\"ctn-preloader\">\r\n            <div className=\"animation-preloader\">\r\n              <div className=\"spinner\" />\r\n              <div className=\"txt-loading\">\r\n                <span data-text-preloader=\"A\" className=\"letters-loading\">\r\n                  A\r\n                </span>\r\n                <span data-text-preloader=\"L\" className=\"letters-loading\">\r\n                  L\r\n                </span>\r\n                <span data-text-preloader=\"G\" className=\"letters-loading\">\r\n                  G\r\n                </span>\r\n                <span data-text-preloader=\"O\" className=\"letters-loading\">\r\n                  O\r\n                </span>\r\n                <span data-text-preloader=\"A\" className=\"letters-loading\">\r\n                  A\r\n                </span>\r\n                <span data-text-preloader=\"N\" className=\"letters-loading\">\r\n                  N\r\n                </span>\r\n                <span data-text-preloader=\"A\" className=\"letters-loading\">\r\n                  A\r\n                </span>\r\n                <span data-text-preloader=\"L\" className=\"letters-loading\">\r\n                  L\r\n                </span>\r\n                <span data-text-preloader=\"Y\" className=\"letters-loading\">\r\n                  Y\r\n                </span>\r\n                <span data-text-preloader=\"T\" className=\"letters-loading\">\r\n                  T\r\n                </span>\r\n                <span data-text-preloader=\"I\" className=\"letters-loading\">\r\n                  I\r\n                </span>\r\n                <span data-text-preloader=\"C\" className=\"letters-loading\">\r\n                  C\r\n                </span>\r\n                <span data-text-preloader=\"S\" className=\"letters-loading\">\r\n                  S\r\n                </span>\r\n              </div>\r\n              <p className=\"text-center\">Loading</p>\r\n            </div>\r\n            <div className=\"loader\">\r\n              <div className=\"row\">\r\n                <div className=\"col-3 loader-section section-left\">\r\n                  <div className=\"bg\" />\r\n                </div>\r\n                <div className=\"col-3 loader-section section-left\">\r\n                  <div className=\"bg\" />\r\n                </div>\r\n                <div className=\"col-3 loader-section section-right\">\r\n                  <div className=\"bg\" />\r\n                </div>\r\n                <div className=\"col-3 loader-section section-right\">\r\n                  <div className=\"bg\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"body_wrapper\">\r\n          <header className=\"header_area\">\r\n            <nav className=\"navbar navbar-expand-lg\">\r\n              <div className=\"container mt-2 \">\r\n                <a className=\"navbar-brand sticky_logo\" href=\"#\">\r\n                  <img\r\n                    src=\"img/logo-11.png\"\r\n                    srcSet=\"img/logo-11.png\"\r\n                    alt=\"logo\"\r\n                  />\r\n                  <img\r\n                    src=\"img/logo-11.png\"\r\n                    srcSet=\"img/logo-11.png 2x\"\r\n                    alt=\"\"\r\n                  />\r\n                </a>\r\n              </div>\r\n            </nav>\r\n          </header>{\" \"}\r\n          <section className=\"software_banner_area d-flex hero-section align-items-center\">\r\n            <div className=\"container\">\r\n              {\" \"}\r\n              <div className=\"row\">\r\n                <div className=\"col-lg-12 d-flex align-items-center\">\r\n                  <div className=\"software_banner_content w-100\">\r\n                    <h3\r\n                      className=\"f_500 f_size_50 w_color wow fadeInLef mb-4 text-center\"\r\n                      data-wow-delay=\"0.2s\"\r\n                    >\r\n                      Signature Detection and Verification\r\n                    </h3>\r\n                  </div>\r\n                </div>\r\n                <div className=\"col-lg-12 d-flex align-items-center\">\r\n                  <div className=\"software_banner_content w-100\">\r\n                    <div\r\n                      className=\"software_img wow fadeInLeft\"\r\n                      data-wow-delay=\"0.2s \"\r\n                    >\r\n                      <center>\r\n                        <img\r\n                          src=\"img/Verification.png\"\r\n                          style={{ width: \"85%\" }}\r\n                          alt=\"\"\r\n                        />\r\n                      </center>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"row\">\r\n                <div\r\n                  className=\" col-lg-12 action_btn d-flex align-items-center mt_40 wow fadeInLeft\"\r\n                  data-wow-delay=\"0.6s\"\r\n                >\r\n                  <a href=\"#gallery\" className=\"software_banner_btn padding-b\">\r\n                    View Demo\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n          <section\r\n            id=\"gallery\"\r\n            className=\"sign_in_area bg_color sec_pad thumbnail-image \"\r\n            style={{ padding: \"21px 5px\" }}\r\n          >\r\n            <div className=\"container mb-1\">\r\n              <div\r\n                className=\"sign_info p-4 pt-2\"\r\n                style={{ boxShadow: \"none\", background: \"transparent\" }}\r\n              >\r\n                <div className=\"row mb-1 centerTitle \">\r\n                  <center>\r\n                    <h2>Select any one example...</h2>\r\n                  </center>\r\n                </div>\r\n                <div className=\"row mb-1\">\r\n                  <div\r\n                    className=\"row portfolio_gallery mb_30\"\r\n                    id=\"work-portfolio\"\r\n                  >\r\n                    {this.state.demo_sample.map((item, index) => {\r\n                      return (\r\n                        <div className=\"col-lg-3 mb-4\">\r\n                          <a\r\n                            href=\"#chequeDetails\"\r\n                            onClick={() => {\r\n                              this.handleAnchorClick(index);\r\n                            }}\r\n                          >\r\n                            <div className=\"row m-2 mb-0 centerTitle \">\r\n                              <h3 className=\"f_p f_500 f_size_16\">\r\n                                Example-{index + 1}\r\n                              </h3>\r\n                            </div>\r\n                            <div className=\"single_sign \">\r\n                              <div className=\"row portfolio_item br ux m-2\">\r\n                                <div className=\"portfolio_img w-hund d-flex justify-content-center\">\r\n                                  <img\r\n                                    className=\"imgContent\"\r\n                                    src={item.document}\r\n                                    width=\"100\"\r\n                                    height=\"180\"\r\n                                    alt=\"\"\r\n                                  />\r\n                                  <div className=\"hover_content h_content_two\">\r\n                                    <div className=\"portfolio-description leaf\">\r\n                                      <a className=\"portfolio-title\">\r\n                                        <h3 className=\"f_500 f_size_16 f_p\">\r\n                                          Original Document\r\n                                        </h3>\r\n                                      </a>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"mt-2\" style={{ float: \"left\" }}>\r\n                                  <h3 className=\"f_p f_500 f_size_16\">\r\n                                    {item.doc_name}\r\n                                  </h3>\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"row portfolio_item br ux m-2 mt-4\">\r\n                                <div className=\"portfolio_img w-hund d-flex justify-content-center\">\r\n                                  <img\r\n                                    className=\"imgContent\"\r\n                                    src={item.sample}\r\n                                    width=\"100\"\r\n                                    height=\"180\"\r\n                                    alt=\"\"\r\n                                  />\r\n                                  <div className=\"hover_content h_content_two\">\r\n                                    <div className=\"portfolio-description leaf\">\r\n                                      <a className=\"portfolio-title\">\r\n                                        <h3 className=\"f_500 f_size_16 f_p\">\r\n                                          Reference Signature\r\n                                        </h3>\r\n                                      </a>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div style={{ float: \"left\" }}>\r\n                                  <h3 className=\"f_p f_500 f_size_16\">\r\n                                    {item.sam_name}\r\n                                  </h3>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </a>\r\n                        </div>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"row mb-1 centerTitle \">\r\n              <center>\r\n                <a\r\n                  href=\"#uploadDetails\"\r\n                  className=\"pr_title f_size_22 f_500 f_p pb-1 \"\r\n                  style={{ fontSize: \"1rem\" }}\r\n                >\r\n                  Or click here to try out our API with your own documents{\" \"}\r\n                </a>\r\n              </center>\r\n            </div>\r\n          </section>\r\n          <section\r\n            id=\"chequeDetails\"\r\n            style={{ padding: \"10px 0\" }}\r\n            className=\"sign_in_area bg_color sec_pad home-img\"\r\n          >\r\n            <div className=\"container\">\r\n              <div className=\"sign_info \" style={{ padding: \"30px 40px\" }}>\r\n                <div className=\"row mb-2\">\r\n                  <div\r\n                    className=\"row portfolio_gallery mb_30\"\r\n                    id=\"work-portfolio\"\r\n                  >\r\n                    <div className=\"col-lg-6 \">\r\n                      <a\r\n                        onClick={() => {\r\n                          this.zoomImg(1);\r\n                        }}\r\n                      >\r\n                        <div className=\"row portfolio_item br ux m-2\">\r\n                          <div className=\"portfolio_img  d-flex justify-content-center\">\r\n                            <img\r\n                              className=\"imgContent\"\r\n                              src={this.state.output.document}\r\n                              width=\"100\"\r\n                              height=\"180\"\r\n                              alt=\"\"\r\n                            />\r\n                          </div>\r\n                          <div className=\" mt-2\" style={{ float: \"left\" }}>\r\n                            <h3 className=\"f_p f_500 f_size_16\">\r\n                              Original Document\r\n                            </h3>\r\n                          </div>\r\n                        </div>\r\n                      </a>\r\n                    </div>\r\n                    <div className=\"col-lg-6  \">\r\n                      <a\r\n                        onClick={() => {\r\n                          this.zoomImg(2);\r\n                        }}\r\n                      >\r\n                        <div className=\"row portfolio_item br ux m-2 \">\r\n                          <div\r\n                            className=\"portfolio_img d-flex justify-content-center \"\r\n                            style={{ width: \"100%\" }}\r\n                          >\r\n                            <img\r\n                              className=\"imgContent\"\r\n                              src={this.state.output.sample}\r\n                              width=\"100\"\r\n                              height=\"180\"\r\n                              alt=\"\"\r\n                            />\r\n                          </div>\r\n                          <div className=\" mt-2\" style={{ float: \"left\" }}>\r\n                            <h3 className=\"f_p f_500 f_size_16\">\r\n                              Reference Signature\r\n                            </h3>\r\n                          </div>\r\n                        </div>\r\n                      </a>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div className=\"row mt-5 mb-4 d-flex justify-content-center \">\r\n                  {\" \"}\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={() => {\r\n                      this.getResult();\r\n                    }}\r\n                    className=\"app_btn btn_hover cus_mb-10\"\r\n                    style={{ fontSize: \"1rem\" }}\r\n                  >\r\n                    Get Result\r\n                  </button>\r\n                </div>\r\n                {this.state.gotResult === false ? (\r\n                  <div className=\"d-flex justify-content-center\">\r\n                    <div className=\"spinner-border\" role=\"status\">\r\n                      <span className=\"sr-only\">Loading...</span>\r\n                    </div>\r\n                  </div>\r\n                ) : null}\r\n                <div\r\n                  ref={(el) => {\r\n                    this.bodyEnd = el;\r\n                  }}\r\n                >\r\n                  {this.state.gotResult === true ? (\r\n                    <div className=\"row mt-2\">\r\n                      <div\r\n                        className=\"row portfolio_gallery mb_30\"\r\n                        id=\"work-portfolio\"\r\n                        style={{ width: \"100%\" }}\r\n                      >\r\n                        <div className=\"col-lg-6 \">\r\n                          <a\r\n                            onClick={() => {\r\n                              this.zoomImg(3);\r\n                            }}\r\n                          >\r\n                            <div className=\"row portfolio_item br ux m-2\">\r\n                              <div\r\n                                className=\"portfolio_img d-flex justify-content-center\"\r\n                                style={{ width: \"100%\" }}\r\n                              >\r\n                                <div style={{ width: \"100%\" }}>\r\n                                  <img\r\n                                    className=\"imgContent \"\r\n                                    id=\"resultPic\"\r\n                                    src={this.state.output.result}\r\n                                    alt=\"\"\r\n                                  />\r\n                                </div>\r\n                              </div>\r\n                              <div className=\" mt-2\" style={{ float: \"left\" }}>\r\n                                <h3 className=\"f_p f_500 f_size_16\">\r\n                                  Detected Signature\r\n                                </h3>\r\n                              </div>\r\n                            </div>\r\n                          </a>\r\n                        </div>\r\n                        <div className=\"col-lg-6  \">\r\n                          <div className=\"row portfolio_item br ux m-2  pt-4 centerTitle\">\r\n                            <div className=\"pr_details  pt-2\">\r\n                              <center>\r\n                                {\" \"}\r\n                                <a\r\n                                  href=\"#gallery\"\r\n                                  onClick={() => this.handleResultLink()}\r\n                                  className=\"pr_title f_size_22 f_500 f_p pb-1 \"\r\n                                >\r\n                                  Result\r\n                                </a>\r\n                                <h5 className=\"mt-2\">{resultMsg}</h5>\r\n                                <h5 className=\"mt-2\">\r\n                                  Confidence Score: {confidence_code}%\r\n                                </h5>\r\n                              </center>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  ) : null}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n          <section\r\n            id=\"uploadDetails\"\r\n            style={{ padding: \"30px 0\" }}\r\n            className=\"sign_in_area bg_color sec_pad home-img \"\r\n          >\r\n            <div className=\"container\">\r\n              <div\r\n                className=\"sign_info \"\r\n                style={{\r\n                  paddingTop: \"30px \",\r\n                  paddingBottom: \"30px \",\r\n                  paddingLeft: \"30px \",\r\n                  paddingRight: \"0px \",\r\n                }}\r\n              >\r\n                <div className=\"row mb-3  mr-1 centerTitle \">\r\n                  <center>\r\n                    <h3 style={{ color: \"#4b505e\" }}>\r\n                      Upload Your Documents Here...\r\n                    </h3>\r\n                  </center>\r\n                </div>\r\n                {this.state.error && (\r\n                  <div class=\"alert alert-danger\" role=\"alert\">\r\n                    Something went Wrong! Please try using diffrent Images.\r\n                  </div>\r\n                )}\r\n                <div className=\"row mb-2\">\r\n                  <div\r\n                    className=\"row portfolio_gallery mb_30 \"\r\n                    id=\"work-portfolio\"\r\n                    style={{ width: \"100%\" }}\r\n                  >\r\n                    <div className=\"col-lg-6 \" style={{ width: \"100%\" }}>\r\n                      <Form>\r\n                        <FormGroup>\r\n                          <Label\r\n                            for=\"exampleCustomFileBrowser\"\r\n                            style={{\r\n                              color: \"#4b505e\",\r\n                              fontWeight: \"bold\",\r\n                              fontSize: \"1.1rem\",\r\n                            }}\r\n                          >\r\n                            Upload Original Document\r\n                          </Label>\r\n                          <CustomInput\r\n                            type=\"file\"\r\n                            id=\"exampleCustomFileBrowser\"\r\n                            name=\"customFile\"\r\n                            onChange={this.handleFile1Upload}\r\n                          />\r\n                        </FormGroup>\r\n                      </Form>\r\n                      {imageFile1 ? (\r\n                        imageFile1Err.length > 1 ? (\r\n                          <div style={{ float: \"left\" }}>\r\n                            <p\r\n                              className=\"f_p f_500 f_size_16\"\r\n                              style={{ color: \"red\" }}\r\n                            >\r\n                              {imageFile1Err}\r\n                            </p>\r\n                          </div>\r\n                        ) : (\r\n                          <div className=\"row portfolio_item br ux mt-4 m-2\">\r\n                            <div className=\"portfolio_img  d-flex justify-content-center\">\r\n                              <a\r\n                                onClick={() => {\r\n                                  this.zoomImgUpload(1);\r\n                                }}\r\n                              >\r\n                                <img\r\n                                  className=\"imgContent\"\r\n                                  src={imageFile1}\r\n                                  width=\"100\"\r\n                                  height=\"180\"\r\n                                  alt=\"\"\r\n                                />\r\n                              </a>\r\n                            </div>\r\n                            <div className=\" mt-2\" style={{ float: \"left\" }}>\r\n                              <h3 className=\"f_p f_500 f_size_16\">\r\n                                Original Document\r\n                              </h3>\r\n                            </div>\r\n                          </div>\r\n                        )\r\n                      ) : (\r\n                        <div style={{ float: \"left\" }}>\r\n                          <p\r\n                            className=\"f_p f_500 f_size_16\"\r\n                            style={{ color: \"red\" }}\r\n                          >\r\n                            {imageFile1Err}\r\n                          </p>\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                    <div className=\"col-lg-6 \" style={{ width: \"100%\" }}>\r\n                      <Form>\r\n                        <FormGroup>\r\n                          <Label\r\n                            for=\"exampleCustomFileBrowser\"\r\n                            style={{\r\n                              color: \"#4b505e\",\r\n                              fontWeight: \"bold\",\r\n                              fontSize: \"1.1rem\",\r\n                            }}\r\n                          >\r\n                            Upload Reference Signature\r\n                          </Label>\r\n                          <CustomInput\r\n                            type=\"file\"\r\n                            id=\"exampleCustomFileBrowser\"\r\n                            name=\"customFile\"\r\n                            onChange={this.handleFile2Upload}\r\n                          />\r\n                        </FormGroup>\r\n                      </Form>\r\n                      {imageFile2Err.length < 1 ? (\r\n                        imageFile2 ? (\r\n                          <div\r\n                            className=\"row portfolio_item br ux mt-4 m-2 \"\r\n                            style={{ width: \"100%\" }}\r\n                          >\r\n                            <div\r\n                              className=\"portfolio_img  d-flex justify-content-center\"\r\n                              style={{\r\n                                width: \"100%\",\r\n                                height: \"180\",\r\n                                marginLeft: \"-2px\",\r\n                                marginRight: \"12px\",\r\n                              }}\r\n                            >\r\n                              <a\r\n                                onClick={() => {\r\n                                  this.zoomImgUpload(2);\r\n                                }}\r\n                                style={{ width: \"100%\" }}\r\n                              >\r\n                                <img\r\n                                  className=\"imgContent\"\r\n                                  src={imageFile2}\r\n                                  style={{ width: \"100%\" }}\r\n                                  alt=\"\"\r\n                                />\r\n                              </a>\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                float: \"left\",\r\n                                marginLeft: \" -3px\",\r\n                                marginTop: \"6px\",\r\n                              }}\r\n                            >\r\n                              <h3 className=\"f_p f_500 f_size_16\">\r\n                                Reference Signature\r\n                              </h3>\r\n                            </div>\r\n                          </div>\r\n                        ) : (\r\n                          <div style={{ float: \"left\" }}>\r\n                            <p\r\n                              className=\"f_p f_500 f_size_16\"\r\n                              style={{ color: \"red\" }}\r\n                            >\r\n                              {imageFile2Err}\r\n                            </p>\r\n                          </div>\r\n                        )\r\n                      ) : (\r\n                        <div style={{ float: \"left\" }}>\r\n                          <p\r\n                            className=\"f_p f_500 f_size_16\"\r\n                            style={{ color: \"red\" }}\r\n                          >\r\n                            {imageFile2Err}\r\n                          </p>\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div className=\"row mt-5 mb-4 d-flex justify-content-center \">\r\n                  {\" \"}\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={() => {\r\n                      this.getResultUpload();\r\n                    }}\r\n                    className=\"app_btn btn_hover cus_mb-10\"\r\n                    style={{ fontSize: \"1rem\" }}\r\n                  >\r\n                    Get Result\r\n                  </button>\r\n                </div>\r\n                {this.state.gotResult2 === false ? (\r\n                  <div className=\"d-flex justify-content-center\">\r\n                    <div className=\"spinner-border\" role=\"status\">\r\n                      <span className=\"sr-only\">Loading...</span>\r\n                    </div>\r\n                  </div>\r\n                ) : null}\r\n                {this.state.gotResult2 === true ? (\r\n                  <div className=\"row mt-2\">\r\n                    <div\r\n                      className=\"row portfolio_gallery mb_30\"\r\n                      id=\"work-portfolio\"\r\n                      style={{ width: \"100%\" }}\r\n                    >\r\n                      <div className=\"col-lg-6 \">\r\n                        <a\r\n                          onClick={() => {\r\n                            this.zoomImgUpload(3);\r\n                          }}\r\n                        >\r\n                          <div className=\"row portfolio_item br ux m-2\">\r\n                            <div\r\n                              className=\"portfolio_img d-flex justify-content-center\"\r\n                              style={{ width: \"100%\" }}\r\n                            >\r\n                              <div style={{ width: \"100%\" }}>\r\n                                <img\r\n                                  className=\"imgContent \"\r\n                                  id=\"resultPic2\"\r\n                                  alt=\"\"\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <div className=\" mt-2\" style={{ float: \"left\" }}>\r\n                              <h3 className=\"f_p f_500 f_size_16\">\r\n                                Detected Signature\r\n                              </h3>\r\n                            </div>\r\n                          </div>\r\n                        </a>\r\n                      </div>\r\n                      <div className=\"col-lg-6  \">\r\n                        <div className=\"row portfolio_item br ux m-2  pt-4 centerTitle\">\r\n                          <div className=\"pr_details \">\r\n                            <center>\r\n                              {\" \"}\r\n                              <p className=\"pr_title f_size_22 f_500 f_p pb-1 \">\r\n                                Result\r\n                              </p>\r\n                              <h5 className=\"mt-2\">{resultMsg2}</h5>\r\n                              <h5 className=\"mt-2\">\r\n                                Confidence Score: {confidence_code2}%\r\n                              </h5>\r\n                            </center>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                ) : null}\r\n              </div>\r\n            </div>\r\n          </section>\r\n          <footer>\r\n            <div className=\"row\">\r\n              <div className=\"col-6 col-sm-6 col=xs-6 col-md-6 col-lg-9 col-xl-9\">\r\n                <a\r\n                  className=\"navbar-brand sticky_logo\"\r\n                  href=\"https://algoanalytics.com/\"\r\n                >\r\n                  <img\r\n                    src=\"Algo_Analytics_Logo.png\"\r\n                    srcSet=\"Algo_Analytics_Logo.png\"\r\n                    alt=\"logo\"\r\n                    height=\"5\"\r\n                  />\r\n                  <span style={{ fontSize: \"1rem\" }}>AlgoAnalytics</span>\r\n                </a>\r\n              </div>\r\n              <div className=\"col-6 col-sm-6 col=xs-6 col-md-6 col-lg-3 col-xl-3 centerTitle\">\r\n                <span className=\"mb-0 f_400\" style={{ color: \"grey\" }}>\r\n                  Email:{\" \"}\r\n                  <span style={{ color: \"#007bff\" }}>\r\n                    info@algoanalytics.com\r\n                  </span>\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </footer>\r\n          <Fragment>\r\n            <Modal\r\n              show={this.state.isOpen}\r\n              onHide={this.handleClose}\r\n              size=\"lg\"\r\n              keyboard={false}\r\n              aria-labelledby=\"contained-modal-title-vcenter\"\r\n              centered\r\n            >\r\n              <Modal.Header closeButton>\r\n                <img\r\n                  className=\"imgContent ml-2 mt-4 mb-4\"\r\n                  style={{\r\n                    width: \"95%\",\r\n                  }}\r\n                  src={this.state.modalSample}\r\n                  alt=\"\"\r\n                />\r\n              </Modal.Header>\r\n            </Modal>\r\n          </Fragment>\r\n          <Fragment>\r\n            <Modal\r\n              show={this.state.isOpen2}\r\n              onHide={this.handleClose2}\r\n              size=\"lg\"\r\n              keyboard={false}\r\n              aria-labelledby=\"contained-modal-title-vcenter\"\r\n              centered\r\n            >\r\n              <Modal.Header closeButton>\r\n                <img\r\n                  className=\"imgContent ml-2 mt-4 mb-4\"\r\n                  style={{\r\n                    width: \"95%\",\r\n                  }}\r\n                  src={this.state.modal2Sample}\r\n                  alt=\"\"\r\n                />\r\n              </Modal.Header>\r\n            </Modal>\r\n          </Fragment>\r\n        </div>\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Dashboard;\r\n","import React from \"react\";\r\n\r\nimport { BrowserRouter, Switch, Route } from \"react-router-dom\";\r\n\r\nimport Dashboard from \"./components/Dashboard/Dashboard\";\r\nimport ImageUploader from \"./components/ImageUploader/ImageUploader\";\r\n\r\nconst Routes = () => (\r\n  <BrowserRouter>\r\n    <Switch>\r\n      <Route exact path=\"/signature-verification\" component={Dashboard} />\r\n      {/* <Route exact path=\"/signature/uploader\" component={ImageUploader} /> */}\r\n    </Switch>\r\n  </BrowserRouter>\r\n);\r\n\r\nexport default Routes;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport IMAGE_STRINGS from \"../../images\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport { Form, FormGroup, CustomInput, Label } from \"reactstrap\";\r\n\r\nclass ImageUploader extends Component {\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      confidence_code2: \"\",\r\n      result_sign2: \"\",\r\n      resultMsg2: \"\",\r\n      isOpen2: false,\r\n      imageFile1: \"\",\r\n      imageFile2: \"\",\r\n      samplebase64: \"\",\r\n      referencebase64: \"\",\r\n      modalImg2: \"\",\r\n      imageFile1Err: \"\",\r\n      imageFile2Err: \"\",\r\n      gotResult2: \"\",\r\n    };\r\n  }\r\n  handleFile1Upload = (e) => {\r\n    let reader = new FileReader();\r\n    let file = e.target.files[0];\r\n    if (file.type === \"image/jpeg\" || file.type === \"image/png\") {\r\n      this.setState({\r\n        imageFile1Err: \"\",\r\n      });\r\n    } else {\r\n      this.setState({\r\n        imageFile1Err: \"Please Select Only Image Files\",\r\n      });\r\n    }\r\n    reader.onloadend = () => {\r\n      this.setState({\r\n        imageFile1: reader.result,\r\n      });\r\n      let index = reader.result.indexOf(\",\");\r\n      let base64Data = reader.result.slice(index + 1, reader.result.length);\r\n      this.setState({\r\n        samplebase64: base64Data,\r\n      });\r\n    };\r\n    reader.readAsDataURL(file);\r\n  };\r\n  handleFile2Upload = (e) => {\r\n    let reader = new FileReader();\r\n    let file = e.target.files[0];\r\n    if (file.type === \"image/jpeg\" || file.type === \"image/png\") {\r\n      this.setState({\r\n        imageFile2Err: \"\",\r\n      });\r\n    } else {\r\n      this.setState({\r\n        imageFile2Err: \"Please Select Only Image Files\",\r\n      });\r\n    }\r\n    reader.onloadend = () => {\r\n      this.setState({\r\n        imageFile2: reader.result,\r\n      });\r\n      let index = reader.result.indexOf(\",\");\r\n      let base64Data = reader.result.slice(index + 1, reader.result.length);\r\n      this.setState({\r\n        referencebase64: base64Data,\r\n      });\r\n    };\r\n    reader.readAsDataURL(file);\r\n  };\r\n  getResultUpload() {\r\n    let checkImg1Flag = 0;\r\n    let checkImg2Flag = 0;\r\n    if (!this.state.imageFile1) {\r\n      this.setState({\r\n        imageFile1Err: \"Please Select Original Document\",\r\n      });\r\n    }\r\n    if (!this.state.imageFile2) {\r\n      this.setState({\r\n        imageFile2Err: \"Please Select Reference Signature\",\r\n      });\r\n    }\r\n    if (!this.state.imageFile1Err && this.state.imageFile1) {\r\n      checkImg1Flag = 1;\r\n    }\r\n    if (!this.state.imageFile2Err && this.state.imageFile2) {\r\n      checkImg2Flag = 1;\r\n    }\r\n    let request_id = \"VD01\";\r\n    let customer_key = \"AAPL01\";\r\n    let is_form = true;\r\n    var sample_image = this.state.samplebase64;\r\n    var reference_image = this.state.referencebase64;\r\n    let reqData = {\r\n      sample_image,\r\n      reference_image,\r\n      is_form,\r\n      request_id,\r\n      customer_key,\r\n    };\r\n    if (checkImg1Flag === 1 && checkImg2Flag === 1) {\r\n      this.setState({\r\n        gotResult2: false,\r\n      });\r\n      this.handleApiUpload(reqData);\r\n    }\r\n  }\r\n  handleApiUpload = (payload) => {\r\n    fetch(\"http://104.211.101.49:6001/signature-verification\", {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Content-Type\": \"application/json\",\r\n        Token: \"ED2G0-181A0-XK2L0-7D311-KSW14\",\r\n      },\r\n      body: JSON.stringify(payload),\r\n    })\r\n      .then((response) => response.json())\r\n      .then((response) => {\r\n        var result = response.Result;\r\n        var confidence_data = result[0].Confidence;\r\n        if (confidence_data > 0.5) {\r\n          this.setState({\r\n            resultMsg2: \"Signature Matched!\",\r\n          });\r\n        } else {\r\n          this.setState({\r\n            resultMsg2: \"Signature Not Matched!\",\r\n          });\r\n        }\r\n        confidence_data = parseFloat(confidence_data) * 100;\r\n        confidence_data = confidence_data.toFixed(2);\r\n        this.setState({\r\n          confidence_code2: confidence_data,\r\n          result_sign2: result[0].Signature,\r\n        });\r\n        let str1 = \"data:image/png;base64,\";\r\n        let str2 = this.state.result_sign2;\r\n        let str3 = str1.concat(str2);\r\n        this.setState({ gotResult2: true, modalImg2: str3 });\r\n        document.getElementById(\"resultPic2\").src = str3;\r\n      })\r\n      .catch((err) => console.error(err));\r\n  };\r\n  zoomImgUpload(index) {\r\n    if (index === 1) {\r\n      this.setState({\r\n        isOpen2: true,\r\n        modal2Sample: this.state.imageFile1,\r\n      });\r\n    }\r\n    if (index === 2) {\r\n      this.setState({\r\n        isOpen2: true,\r\n        modal2Sample: this.state.imageFile2,\r\n      });\r\n    }\r\n    if (index === 3) {\r\n      this.setState({\r\n        isOpen2: true,\r\n        modal2Sample: this.state.modalImg2,\r\n      });\r\n    }\r\n  }\r\n  handleClose2 = () => {\r\n    this.setState({\r\n      isOpen2: false,\r\n    });\r\n  };\r\n  render() {\r\n    const {\r\n      resultMsg2,\r\n      confidence_code2,\r\n      imageFile1,\r\n      imageFile2,\r\n      imageFile1Err,\r\n      imageFile2Err,\r\n    } = this.state;\r\n    return (\r\n      <Fragment>\r\n        <div id=\"preloader\">\r\n          <div id=\"ctn-preloader\" className=\"ctn-preloader\">\r\n            <div className=\"animation-preloader\">\r\n              <div className=\"spinner\" />\r\n              <div className=\"txt-loading\">\r\n                <span data-text-preloader=\"A\" className=\"letters-loading\">\r\n                  A\r\n                </span>\r\n                <span data-text-preloader=\"L\" className=\"letters-loading\">\r\n                  L\r\n                </span>\r\n                <span data-text-preloader=\"G\" className=\"letters-loading\">\r\n                  G\r\n                </span>\r\n                <span data-text-preloader=\"O\" className=\"letters-loading\">\r\n                  O\r\n                </span>\r\n                <span data-text-preloader=\"A\" className=\"letters-loading\">\r\n                  A\r\n                </span>\r\n                <span data-text-preloader=\"N\" className=\"letters-loading\">\r\n                  N\r\n                </span>\r\n                <span data-text-preloader=\"A\" className=\"letters-loading\">\r\n                  A\r\n                </span>\r\n                <span data-text-preloader=\"L\" className=\"letters-loading\">\r\n                  L\r\n                </span>\r\n                <span data-text-preloader=\"Y\" className=\"letters-loading\">\r\n                  Y\r\n                </span>\r\n                <span data-text-preloader=\"T\" className=\"letters-loading\">\r\n                  T\r\n                </span>\r\n                <span data-text-preloader=\"I\" className=\"letters-loading\">\r\n                  I\r\n                </span>\r\n                <span data-text-preloader=\"C\" className=\"letters-loading\">\r\n                  C\r\n                </span>\r\n                <span data-text-preloader=\"S\" className=\"letters-loading\">\r\n                  S\r\n                </span>\r\n              </div>\r\n              <p className=\"text-center\">Loading</p>\r\n            </div>\r\n            <div className=\"loader\">\r\n              <div className=\"row\">\r\n                <div className=\"col-3 loader-section section-left\">\r\n                  <div className=\"bg\" />\r\n                </div>\r\n                <div className=\"col-3 loader-section section-left\">\r\n                  <div className=\"bg\" />\r\n                </div>\r\n                <div className=\"col-3 loader-section section-right\">\r\n                  <div className=\"bg\" />\r\n                </div>\r\n                <div className=\"col-3 loader-section section-right\">\r\n                  <div className=\"bg\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"body_wrapper\">\r\n          <section\r\n            id=\"uploadDetails\"\r\n            style={{ padding: \"10px 0\" }}\r\n            className=\"sign_in_area bg_color sec_pad home-img\"\r\n          >\r\n            <div className=\"container\">\r\n              <div\r\n                className=\"sign_info \"\r\n                style={{\r\n                  paddingTop: \"30px \",\r\n                  paddingBottom: \"30px \",\r\n                  paddingLeft: \"30px \",\r\n                  paddingRight: \"0px \",\r\n                }}\r\n              >\r\n                <div className=\"row mb-3  mr-1 centerTitle \">\r\n                  <center>\r\n                    <h3 style={{ color: \"#4b505e\" }}>\r\n                      Upload Youe Files Here...\r\n                    </h3>\r\n                  </center>\r\n                </div>\r\n\r\n                <div className=\"row mb-2\">\r\n                  <div\r\n                    className=\"row portfolio_gallery mb_30 \"\r\n                    id=\"work-portfolio\"\r\n                    style={{ width: \"100%\" }}\r\n                  >\r\n                    <div className=\"col-lg-6 \" style={{ width: \"100%\" }}>\r\n                      <Form>\r\n                        <FormGroup>\r\n                          <Label\r\n                            for=\"exampleCustomFileBrowser\"\r\n                            style={{\r\n                              color: \"#4b505e\",\r\n                              fontWeight: \"bold\",\r\n                              fontSize: \"1.1rem\",\r\n                            }}\r\n                          >\r\n                            Upload Original Document\r\n                          </Label>\r\n                          <CustomInput\r\n                            type=\"file\"\r\n                            id=\"exampleCustomFileBrowser\"\r\n                            name=\"customFile\"\r\n                            onChange={this.handleFile1Upload}\r\n                          />\r\n                        </FormGroup>\r\n                      </Form>\r\n                      {imageFile1 ? (\r\n                        imageFile1Err.length > 1 ? (\r\n                          <div style={{ float: \"left\" }}>\r\n                            <p\r\n                              className=\"f_p f_500 f_size_16\"\r\n                              style={{ color: \"red\" }}\r\n                            >\r\n                              {imageFile1Err}\r\n                            </p>\r\n                          </div>\r\n                        ) : (\r\n                          <div className=\"row portfolio_item br ux mt-4 m-2\">\r\n                            <div className=\"portfolio_img  d-flex justify-content-center\">\r\n                              <a\r\n                                onClick={() => {\r\n                                  this.zoomImgUpload(1);\r\n                                }}\r\n                              >\r\n                                <img\r\n                                  className=\"imgContent\"\r\n                                  src={imageFile1}\r\n                                  width=\"100\"\r\n                                  height=\"180\"\r\n                                  alt=\"\"\r\n                                />\r\n                              </a>\r\n                            </div>\r\n                            <div className=\" mt-2\" style={{ float: \"left\" }}>\r\n                              <h3 className=\"f_p f_500 f_size_16\">\r\n                                Original Document\r\n                              </h3>\r\n                            </div>\r\n                          </div>\r\n                        )\r\n                      ) : (\r\n                        <div style={{ float: \"left\" }}>\r\n                          <p\r\n                            className=\"f_p f_500 f_size_16\"\r\n                            style={{ color: \"red\" }}\r\n                          >\r\n                            {imageFile1Err}\r\n                          </p>\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                    <div className=\"col-lg-6 \" style={{ width: \"100%\" }}>\r\n                      <Form>\r\n                        <FormGroup>\r\n                          <Label\r\n                            for=\"exampleCustomFileBrowser\"\r\n                            style={{\r\n                              color: \"#4b505e\",\r\n                              fontWeight: \"bold\",\r\n                              fontSize: \"1.1rem\",\r\n                            }}\r\n                          >\r\n                            Upload Reference Signature\r\n                          </Label>\r\n                          <CustomInput\r\n                            type=\"file\"\r\n                            id=\"exampleCustomFileBrowser\"\r\n                            name=\"customFile\"\r\n                            onChange={this.handleFile2Upload}\r\n                          />\r\n                        </FormGroup>\r\n                      </Form>\r\n                      {imageFile2Err.length < 1 ? (\r\n                        imageFile2 ? (\r\n                          <div\r\n                            className=\"row portfolio_item br ux mt-4 m-2 \"\r\n                            style={{ width: \"100%\" }}\r\n                          >\r\n                            <div\r\n                              className=\"portfolio_img  d-flex justify-content-center\"\r\n                              style={{\r\n                                width: \"100%\",\r\n                                height: \"180\",\r\n                                marginLeft: \"-2px\",\r\n                                marginRight: \"12px\",\r\n                              }}\r\n                            >\r\n                              <a\r\n                                onClick={() => {\r\n                                  this.zoomImgUpload(2);\r\n                                }}\r\n                                style={{ width: \"100%\" }}\r\n                              >\r\n                                <img\r\n                                  className=\"imgContent\"\r\n                                  src={imageFile2}\r\n                                  style={{ width: \"100%\" }}\r\n                                  alt=\"\"\r\n                                />\r\n                              </a>\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                float: \"left\",\r\n                                marginLeft: \" -3px\",\r\n                                marginTop: \"6px\",\r\n                              }}\r\n                            >\r\n                              <h3 className=\"f_p f_500 f_size_16\">\r\n                                Reference Signature\r\n                              </h3>\r\n                            </div>\r\n                          </div>\r\n                        ) : (\r\n                          <div style={{ float: \"left\" }}>\r\n                            <p\r\n                              className=\"f_p f_500 f_size_16\"\r\n                              style={{ color: \"red\" }}\r\n                            >\r\n                              {imageFile2Err}\r\n                            </p>\r\n                          </div>\r\n                        )\r\n                      ) : (\r\n                        <div style={{ float: \"left\" }}>\r\n                          <p\r\n                            className=\"f_p f_500 f_size_16\"\r\n                            style={{ color: \"red\" }}\r\n                          >\r\n                            {imageFile2Err}\r\n                          </p>\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div className=\"row mt-5 mb-4 d-flex justify-content-center \">\r\n                  {\" \"}\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={() => {\r\n                      this.getResultUpload();\r\n                    }}\r\n                    className=\"app_btn btn_hover cus_mb-10\"\r\n                    style={{ fontSize: \"1rem\" }}\r\n                  >\r\n                    Get Result\r\n                  </button>\r\n                </div>\r\n                {this.state.gotResult2 === false ? (\r\n                  <div className=\"d-flex justify-content-center\">\r\n                    <div className=\"spinner-border\" role=\"status\">\r\n                      <span className=\"sr-only\">Loading...</span>\r\n                    </div>\r\n                  </div>\r\n                ) : null}\r\n                {this.state.gotResult2 === true ? (\r\n                  <div className=\"row mt-2\">\r\n                    <div\r\n                      className=\"row portfolio_gallery mb_30\"\r\n                      id=\"work-portfolio\"\r\n                      style={{ width: \"100%\" }}\r\n                    >\r\n                      <div className=\"col-lg-6 \">\r\n                        <a\r\n                          onClick={() => {\r\n                            this.zoomImgUpload(3);\r\n                          }}\r\n                        >\r\n                          <div className=\"row portfolio_item br ux m-2\">\r\n                            <div\r\n                              className=\"portfolio_img d-flex justify-content-center\"\r\n                              style={{ width: \"100%\" }}\r\n                            >\r\n                              <div style={{ width: \"100%\" }}>\r\n                                <img\r\n                                  className=\"imgContent \"\r\n                                  id=\"resultPic2\"\r\n                                  alt=\"\"\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                            <div className=\" mt-2\" style={{ float: \"left\" }}>\r\n                              <h3 className=\"f_p f_500 f_size_16\">\r\n                                Detected Signature\r\n                              </h3>\r\n                            </div>\r\n                          </div>\r\n                        </a>\r\n                      </div>\r\n                      <div className=\"col-lg-6  \">\r\n                        <div className=\"row portfolio_item br ux m-2  pt-4 centerTitle\">\r\n                          <div className=\"pr_details  pt-2\">\r\n                            <center>\r\n                              {\" \"}\r\n                              <p className=\"pr_title f_size_22 f_500 f_p pb-1 \">\r\n                                Result\r\n                              </p>\r\n                              <h5 className=\"mt-2\">{resultMsg2}</h5>\r\n                              <h5 className=\"mt-2\">\r\n                                Confidence Score: {confidence_code2}%\r\n                              </h5>\r\n                            </center>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                ) : null}\r\n              </div>\r\n            </div>\r\n          </section>\r\n          <Fragment>\r\n            <Modal\r\n              show={this.state.isOpen2}\r\n              onHide={this.handleClose2}\r\n              size=\"lg\"\r\n              keyboard={false}\r\n              aria-labelledby=\"contained-modal-title-vcenter\"\r\n              centered\r\n            >\r\n              <Modal.Header closeButton>\r\n                <img\r\n                  className=\"imgContent ml-2 mt-4 mb-4\"\r\n                  style={{\r\n                    width: \"95%\",\r\n                  }}\r\n                  src={this.state.modal2Sample}\r\n                  alt=\"\"\r\n                />\r\n              </Modal.Header>\r\n            </Modal>\r\n          </Fragment>\r\n        </div>\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ImageUploader;\r\n","import React from \"react\";\r\nimport AppRoutes from \"./Routes\";\r\n\r\nfunction App() {\r\n  return <AppRoutes />;\r\n}\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport \"./index.css\";\r\nimport App from \"./App\";\r\nimport reportWebVitals from \"./reportWebVitals\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\n\r\nReactDOM.render(<App />, document.getElementById(\"root\"));\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}