update jsonpath library

components/newappeal/buildcheckrow.js

@@ -2,7 +2,7 @@ import Link from "next/link";
 import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
 import xpath from "xpath";
-import jsonpath from "jsonpath";
+import { JSONPath as jsonpath } from "jsonpath-plus";
 import BuildCheckField from "./buildCheckfield";
 import { useSelector, shallowEqual, connect } from "react-redux";
 import fieldLookup from "../../data/crmfieldlookuptranslations.json";
@@ -63,14 +63,11 @@ let BuildCheckRow = (props) => {
         const { locale } = router;
         const { appealtypes } = router.query;
 
-        let formObj = jsonpath.query(fieldLookup, "$['" + appealtypes + "']");
+        let formObj = jsonpath(fieldLookup, "$['" + appealtypes + "']");
 
         let labelTrans =
             router.locale == "cy"
-                ? jsonpath.query(
-                      formObj,
-                      "$..[?(@.value=='" + label + "')].value_cy"
-                  )
+                ? jsonpath("$..[?(@.value=='" + label + "')].value_cy", formObj)
                 : label;
         return labelTrans;
     };
@@ -88,11 +85,11 @@ let BuildCheckRow = (props) => {
                     var rows = xpath.select("//label/@description", doc);
                     var fieldtype = xpath.select("//@classid", doc);
                     var datafieldname = xpath.select("//@datafieldname", doc);
-                    const isRequiredField = jsonpath.query(
-                        mandatoryFieldsData,
+                    const isRequiredField = jsonpath(
                         "$..value[?(@.LogicalName=='" +
                             datafieldname[0].value +
-                            "')]"
+                            "')]",
+                        mandatoryFieldsData
                     );
 
                     // if (datafieldname[0].value.indexOf("fileUpload") > 0) {