WIP CA_BC_ETFTable decoder

client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx

@@ -0,0 +1,103 @@
+import { useLazyQuery } from "@apollo/client";
+import { Button, Form, Modal } from "antd";
+import React, { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { logImEXEvent } from "../../firebase/firebase.utils";
+import { FIND_JOBS_BY_CLAIM } from "../../graphql/jobs.queries";
+import { toggleModalVisible } from "../../redux/modals/modals.actions";
+import { selectCaBcEtfTableConvert } from "../../redux/modals/modals.selectors";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import CaBcEtfTableModalComponent from "./ca-bc-etf-table.modal.component";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+  caBcEtfTableModal: selectCaBcEtfTableConvert,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  toggleModalVisible: () =>
+    dispatch(toggleModalVisible("ca_bc_eftTableConvert")),
+});
+
+export function ContractsFindModalContainer({
+  caBcEtfTableModal,
+  toggleModalVisible,
+
+  bodyshop,
+}) {
+  const { t } = useTranslation();
+
+  const { visible } = caBcEtfTableModal;
+
+  const [form] = Form.useForm();
+
+  //  const [updateJobLines] = useMutation(UPDATE_JOB_LINE);
+  const [callSearch, { loading,// error,
+     data }] = useLazyQuery(
+    FIND_JOBS_BY_CLAIM
+  );
+
+  const handleFinish = async (values) => {
+    logImEXEvent("ca_bc_etf_table_parse");
+
+    const claimNumbers = [];
+    values.table.split("\n").forEach((row, idx, arr) => {
+      if (idx !== 0 && idx !== arr.length - 1) {
+        //Skip first row as it is header. Skip last row as it is totals.
+        const { 1: claim, 2: shortclaim } = row.split("\t");
+        if (!claim || !shortclaim) return;
+        const trimmedShortClaim = shortclaim.trim();
+        const trimmedClaim = claim.trim();
+
+        const beginning = trimmedShortClaim?.slice(0, -1); //Get everything except the last char
+        const last = trimmedShortClaim?.slice(-1); //Get the last digit
+        const alpha = trimmedClaim?.slice(-1);
+
+        const fullClaim = `${beginning}-${last}-${alpha}`;
+        if (fullClaim.length > 5) claimNumbers.push(fullClaim);
+      }
+    });
+
+    console.log(`claimNumbers`, claimNumbers);
+
+    callSearch({ variables: { claimNumbers } });
+  };
+
+  useEffect(() => {
+    if (visible) {
+      form.resetFields();
+    }
+  }, [visible, form]);
+
+  return (
+    <Modal
+      visible={visible}
+      width="70%"
+      title={t("labels.labels.findermodal")}
+      onCancel={() => toggleModalVisible()}
+      onOk={() => toggleModalVisible()}
+      destroyOnClose
+      forceRender
+    >
+      <Form
+        form={form}
+        layout="vertical"
+        autoComplete="no"
+        onFinish={handleFinish}
+      >
+        <CaBcEtfTableModalComponent form={form} />
+        <Button onClick={() => form.submit()} type="primary" loading={loading}>
+          {t("general.labels.search")}
+        </Button>
+        {JSON.stringify(data)}
+      </Form>
+    </Modal>
+  );
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ContractsFindModalContainer);

client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table.modal.component.jsx

@@ -0,0 +1,32 @@
+import { Form, Input } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+
+export default connect(mapStateToProps, null)(PartsReceiveModalComponent);
+
+export function PartsReceiveModalComponent({ bodyshop, form }) {
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <Form.Item
+        name="table"
+        rules={[
+          {
+            required: true,
+            message: t("general.validation.required"),
+          },
+        ]}
+      >
+        <Input.TextArea rows={8} />
+      </Form.Item>
+    </div>
+  );
+}