IO-3515 Checkin. Crude form update with some correct values. Pricing still significantly out.

client/src/components/bill-enter-modal/bill-enter-modal.container.jsx

@@ -2,7 +2,7 @@ import { useApolloClient, useMutation } from "@apollo/client/react";
 import { useTreatmentsWithConfig } from "@splitsoftware/splitio-react";
 import { Button, Checkbox, Form, Modal, Space } from "antd";
 import _ from "lodash";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -27,6 +27,7 @@ import { handleUpload as handleLocalUpload } from "../documents-local-upload/doc
 import { handleUpload } from "../documents-upload/documents-upload.utility";
 import { handleUpload as handleUploadToImageProxy } from "../documents-upload-imgproxy/documents-upload-imgproxy.utility";
 import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
+import axios from "axios";
 
 const mapStateToProps = createStructuredSelector({
   billEnterModal: selectBillEnterModal,
@@ -53,6 +54,7 @@ function BillEnterModalContainer({ billEnterModal, toggleModalVisible, bodyshop,
   const client = useApolloClient();
   const [generateLabel, setGenerateLabel] = useLocalStorage("enter_bill_generate_label", false);
   const notification = useNotification();
+  const fileInputRef = useRef(null);
 
   const {
     treatments: { Enhanced_Payroll, Imgproxy }
@@ -419,6 +421,44 @@ function BillEnterModalContainer({ billEnterModal, toggleModalVisible, bodyshop,
       }}
       footer={
         <Space>
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept="image/*,application/pdf"
+            style={{ display: "none" }}
+            onChange={(e) => {
+              const file = e.target.files?.[0];
+              if (file) {
+                const formdata = new FormData();
+                formdata.append("billScan", file);
+                formdata.append("jobid", billEnterModal.context.job.id);
+                formdata.append("bodyshopid", bodyshop.id);
+                formdata.append("partsorderid", "3dd26419-a139-4399-af4e-43eeb6f0dbad");
+                // formdata.append("skipTextract", "true"); // For testing purposes
+                axios
+                  .post("/ai/bill-ocr", formdata)
+                  .then(({ data }) => {
+                    console.log("*** ~ BillEnterModalContainer ~ response:", data.data.billForm);
+                    //Stored in data.data
+
+                    form.setFieldsValue(data.data.billForm);
+                  })
+                  .catch((error) => {
+                    console.error("*** ~ BillEnterModalContainer ~ error:", error);
+                  });
+              }
+              // Reset the input so the same file can be selected again
+              e.target.value = "";
+            }}
+          />
+          <Button
+            onClick={() => {
+              console.log("Fields Object", form.getFieldsValue());
+              fileInputRef.current?.click();
+            }}
+          >
+            AI Scan (1 page only for now)
+          </Button>
           <Checkbox checked={generateLabel} onChange={(e) => setGenerateLabel(e.target.checked)}>
             {t("bills.labels.generatepartslabel")}
           </Checkbox>