Integration issue 727

README.md

@@ -54,6 +54,7 @@ The Verification plugin is a browser based plugin built with React and Redux.
    REACT_APP_DBKF_SEARCH_API=<dbkf_url>
    REACT_APP_DBKF_SIMILARITY_API=<dbkf_similarity_url>
    REACT_APP_BASEURL=<baseurl>
+   REACT_APP_WRAPPER=<wrapper_url>
    REACT_APP_CAA_FORENSICS_URL=<forensics_url>
    REACT_APP_CAA_ANALYSIS_URL=<analysis_url>
    REACT_APP_CAA_ENVISU4_UTILS_URL=<envisu4_url>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "weverify-plugin",
-  "version": "0.84",
+  "version": "0.85",
   "description": "",
   "main": "index.js",
   "scripts": {

public/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Fake news debunker by InVID & WeVerify",
-  "version": "0.84",
+  "version": "0.85",
   "description": "InVID WeVerify extension",
   "short_name": "Verification Plugin",
   "action": {

src/components/NavItems/tools/C2pa/C2pa.jsx

@@ -19,7 +19,6 @@ import { ArrowDownward } from "@mui/icons-material";
 
 import HeaderTool from "components/Shared/HeaderTool/HeaderTool";
 import { i18nLoadNamespace } from "components/Shared/Languages/i18nLoadNamespace";
-import useMyStyles from "components/Shared/MaterialUiStyles/useMyStyles";
 import StringFileUploadField from "components/Shared/StringFileUploadField";
 import exifr from "exifr";
 import {
@@ -62,8 +61,6 @@ const C2paData = () => {
 
   const dispatch = useDispatch();
 
-  const classes = useMyStyles();
-
   const keyword = i18nLoadNamespace("components/NavItems/tools/C2pa");
 
   const [errorMessage, setErrorMessage] = useState(null);
@@ -115,6 +112,7 @@ const C2paData = () => {
     try {
       res = await authenticatedRequest(config);
     } catch (error) {
+      console.log(error);
       setErrorMessage(keyword("error_message_reverse_search_generic"));
       return;
     }
@@ -206,7 +204,7 @@ const C2paData = () => {
         method: "get",
         responseType: "blob",
         maxBodyLength: Infinity,
-        url: `https://plugin-archiving.afp.com/gateway/c2paafp${urls.thumbnailUrl}`,
+        url: `${serverUrl}${urls.thumbnailUrl}`,
         headers: {
           "X-AFP-TRANSACTION-ID": getTransactionId(),
         },

src/components/NavItems/tools/Gif/Hooks/useGetGif.jsx

@@ -1,12 +1,14 @@
 import { useEffect } from "react";
 import { useDispatch } from "react-redux";
-import { setError } from "redux/reducers/errorReducer";
+
 import { i18nLoadNamespace } from "components/Shared/Languages/i18nLoadNamespace";
+import { saveAs } from "file-saver";
+import { setError } from "redux/reducers/errorReducer";
+
 import {
-  setStateDownloading,
   setStateBackResults,
+  setStateDownloading,
 } from "../../../../../redux/reducers/tools/gifReducer";
-import { saveAs } from "file-saver";
 import useAuthenticatedRequest from "../../../../Shared/Authentication/useAuthenticatedRequest";
 
 const useGetGif = (
@@ -19,7 +21,7 @@ const useGetGif = (
   const keyword = i18nLoadNamespace("components/NavItems/tools/Forensic");
   const dispatch = useDispatch();
   const authenticatedRequest = useAuthenticatedRequest();
-  const baseURL = process.env.REACT_APP_BASEURL;
+  const baseURL = process.env.REACT_APP_WRAPPER;
 
   useEffect(() => {
     const handleError = (e) => {

src/components/NavItems/tools/Gif/Hooks/useGetHomographics.jsx

@@ -1,17 +1,19 @@
 import { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
+
+import { setError } from "redux/reducers/errorReducer";
+
 import {
   setStateError,
   setStateLoading,
   setStateShow,
 } from "../../../../../redux/reducers/tools/gifReducer";
-import { setError } from "redux/reducers/errorReducer";
 import useAuthenticatedRequest from "../../../../Shared/Authentication/useAuthenticatedRequest";
 
 const useGetHomographics = (files, mode, keyword) => {
   const dispatch = useDispatch();
   const toolState = useSelector((state) => state.gif.toolState);
-  const baseURL = process.env.REACT_APP_BASEURL;
+  const baseURL = process.env.REACT_APP_WRAPPER;
 
   const authenticatedRequest = useAuthenticatedRequest();
 

src/components/NavItems/tools/SyntheticImageDetection/SyntheticImageDetectionAlgorithms.jsx

@@ -104,6 +104,13 @@ export const itwRineMever = new SyntheticImageDetectionAlgorithm(
   [ROLES.EVALUATION, ROLES.EXTRA_FEATURE],
 );
 
+export const itwSpaiMever = new SyntheticImageDetectionAlgorithm(
+  "itw_spai_mever",
+  "synthetic_image_detection_itw_spai_mever_name",
+  "synthetic_image_detection_itw_spai_mever_description",
+  [ROLES.EVALUATION, ROLES.EXTRA_FEATURE],
+);
+
 /**
  * The list of the synthetic image detection algorithms
  * TODO:Use SET
@@ -121,6 +128,7 @@ export const syntheticImageDetectionAlgorithms = [
   proGanRineMever,
   ldmRineMever,
   itwRineMever,
+  itwSpaiMever,
 ];
 
 /**