Adding credibility signals feature

src/components/NavItems/Assistant/Assistant.jsx

@@ -19,6 +19,7 @@ import AssistantSCResults from "./AssistantScrapeResults/AssistantSCResults";
 import AssistantTextResult from "./AssistantScrapeResults/AssistantTextResult";
 import AssistantUrlSelected from "./AssistantUrlSelected";
 import AssistantWarnings from "./AssistantScrapeResults/AssistantWarnings";
+import AssistantCredSignals from "./AssistantScrapeResults/AssistantCredibilitySignals";
 
 import {
   cleanAssistantState,
@@ -79,6 +80,13 @@ const Assistant = () => {
     (state) => state.assistant.dbkfMediaMatchFail,
   );
   const neFailState = useSelector((state) => state.assistant.neFail);
+  const newsFramingFailState = useSelector(
+    (state) => state.assistant.newsFramingFail,
+  );
+  const newsGenreFailState = useSelector(
+    (state) => state.assistant.newsGenreFail,
+  );
+  // const mtFailState = useSelector(state => state.assistant.mtFail)
 
   //local state
   const [formInput, setFormInput] = useState(inputUrl);
@@ -163,7 +171,9 @@ const Assistant = () => {
         {scFailState ||
         dbkfTextFailState ||
         dbkfMediaFailState ||
-        neFailState ? (
+        neFailState ||
+        newsFramingFailState ||
+        newsGenreFailState ? (
           <Grid item xs>
             <AssistantCheckStatus />
           </Grid>
@@ -233,12 +243,17 @@ const Assistant = () => {
                   <AssistantLinkResult />
                 </Grid>
               ) : null}
+
+              {text ? (
+                <Grid item xs={12}>
+                  <AssistantCredSignals />
+                </Grid>
+              ) : null}
             </Grid>
           </Card>
         </Grid>
       </Grid>
     </div>
   );
 };
-
 export default Assistant;

src/components/NavItems/Assistant/AssistantApiHandlers/useAssistantApi.jsx

@@ -76,16 +76,172 @@ export default function assistantApiCalls() {
     return result.data;
   };
 
-  const callOcrScriptService = async () => {
-    const result = await axios.get(assistantEndpoint + "gcloud/ocr-scripts");
-    return result.data;
+  const MAX_NUM_RETRIES = 3;
+
+  /**
+   * Calls an async function that throws an exception when it fails, will retry for numMaxRetries
+   * @param numMaxRetries Number of times the function will be retried
+   * @param asyncFunc The async function to call
+   * @param errorFunc Called when asyncFunc throws an error when there are additional retries
+   * @returns {Promise<*>} Output of asyncFunc
+   */
+  async function callAsyncWithNumRetries(
+    numMaxRetries,
+    asyncFunc,
+    errorFunc = null,
+  ) {
+    for (let retryCount = 0; retryCount < numMaxRetries; retryCount++) {
+      try {
+        return await asyncFunc();
+      } catch (e) {
+        if (retryCount + 1 >= MAX_NUM_RETRIES) {
+          throw e;
+        } else {
+          if (errorFunc) errorFunc(retryCount, e);
+        }
+      }
+    }
+  }
+
+  const callNewsFramingService = async (text) => {
+    return await callAsyncWithNumRetries(
+      MAX_NUM_RETRIES,
+      async () => {
+        const result = await axios.post(
+          assistantEndpoint + "gcloud/news-framing-clfr",
+          { text: text },
+        );
+        return result.data;
+      },
+      (numTries) => {
+        console.log(
+          "Could not connect to news framing service, tries " +
+            (numTries + 1) +
+            "/" +
+            MAX_NUM_RETRIES,
+        );
+      },
+    );
+  };
+
+  const callNewsGenreService = async (text) => {
+    return await callAsyncWithNumRetries(
+      MAX_NUM_RETRIES,
+      async () => {
+        const result = await axios.post(
+          assistantEndpoint + "gcloud/news-genre-clfr",
+          { text: text },
+        );
+        return result.data;
+      },
+      (numTries) => {
+        console.log(
+          "Could not connect to news genre service, tries " +
+            (numTries + 1) +
+            "/" +
+            MAX_NUM_RETRIES,
+        );
+      },
+    );
+  };
+
+  const callPersuasionService = async (text) => {
+    return await callAsyncWithNumRetries(
+      MAX_NUM_RETRIES,
+      async () => {
+        const result = await axios.post(
+          assistantEndpoint + "gcloud/persuasion-span-clfr",
+          { text: text },
+        );
+        return result.data;
+      },
+      (numTries) => {
+        console.log(
+          "Could not connect to persuasion service, tries " +
+            (numTries + 1) +
+            "/" +
+            MAX_NUM_RETRIES,
+        );
+      },
+    );
+  };
+
+  const callSubjectivityService = async (text) => {
+    return await callAsyncWithNumRetries(
+      MAX_NUM_RETRIES,
+      async () => {
+        const result = await axios.post(assistantEndpoint + "dw/subjectivity", {
+          content: text,
+        });
+        return result.data;
+      },
+      (numTries) => {
+        console.log(
+          "Could not connect to previous fact checks service, tries " +
+            (numTries + 1) +
+            "/" +
+            MAX_NUM_RETRIES,
+        );
+      },
+    );
+  };
+
+  const callPrevFactChecksService = async (text) => {
+    return await callAsyncWithNumRetries(
+      MAX_NUM_RETRIES,
+      async () => {
+        const result = await axios.get(
+          assistantEndpoint +
+            "kinit/prev-fact-checks" +
+            "?text=" +
+            encodeURIComponent(text), // max URL length is 2048 characters
+        );
+        return result.data;
+      },
+      (numTries) => {
+        console.log(
+          "Could not connect to previous fact checks service, tries " +
+            (numTries + 1) +
+            "/" +
+            MAX_NUM_RETRIES,
+        );
+      },
+    );
+  };
+
+  const callMachineGeneratedTextService = async (text) => {
+    return await callAsyncWithNumRetries(
+      MAX_NUM_RETRIES,
+      async () => {
+        const result = await axios.get(
+          assistantEndpoint +
+            "kinit/machine-generated-text" +
+            "?text=" +
+            encodeURIComponent(text), // max URL length is 2048 characters
+        );
+        return result.data;
+      },
+      (numTries) => {
+        console.log(
+          "Could not connect to machine generated text service, tries " +
+            (numTries + 1) +
+            "/" +
+            MAX_NUM_RETRIES,
+        );
+      },
+    );
   };
 
   return {
     callAssistantScraper,
     callSourceCredibilityService,
     callNamedEntityService,
     callOcrService,
-    callOcrScriptService,
+    callNewsFramingService,
+    callNewsGenreService,
+    callPersuasionService,
+    callSubjectivityService,
+    callPrevFactChecksService,
+    callMachineGeneratedTextService,
   };
 }

src/components/NavItems/Assistant/AssistantCheckResults/AssistantCheckStatus.jsx

@@ -34,11 +34,29 @@ const AssistantCheckStatus = () => {
   const neTitle = keyword("ne_title");
   const neFailState = useSelector((state) => state.assistant.neFail);
 
+  const newsFramingTitle = "news topic";
+  const newsFramingFailState = useSelector(
+    (state) => state.assistant.newsFramingFail
+  );
+
+  const newsGenreTitle = "news genre";
+  const newsGenreFailState = useSelector(
+    (state) => state.assistant.newsGenreFail
+  );
+
+  const persuasionTitle = "persuasion";
+  const persuasionFailState = useSelector(
+    (state) => state.assistant.persuasionFail
+  );
+
   const failStates = [
     { title: scTitle, failed: scFailState },
     { title: dbkfMediaTitle, failed: dbkfMediaFailState },
     { title: dbkfTextTitle, failed: dbkfTextFailState },
     { title: neTitle, failed: neFailState },
+    { title: newsFramingTitle, failed: newsFramingFailState },
+    { title: newsGenreTitle, failed: newsGenreFailState },
+    { title: persuasionTitle, failed: persuasionFailState },
   ];
 
   return (

src/components/NavItems/Assistant/AssistantCheckResults/ExtractedSourceCredibilityDBKFDialog.jsx

@@ -139,9 +139,7 @@ const ExtractedSourceCredibilityDBKFDialog = ({
                       ? sourceCredibilityResults.map((value, key) => (
                           <Accordion key={key}>
                             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-                              {sourceCredibilityResults[
-                                key
-                              ].credibilityScope.includes("/") ? (
+                              {value.credibilityScope.includes("/") ? (
                                 <Typography color={trafficLightColor}>
                                   {` ${keyword("this")}`}
                                   {getUrlTypeFromCredScope(
@@ -151,15 +149,11 @@ const ExtractedSourceCredibilityDBKFDialog = ({
                                     "source_credibility_warning_account",
                                   )} ${" "}${value.credibilitySource}`}
                                 </Typography>
-                              ) : sourceCredibilityResults[key]
-                                  .credibilityScope ? (
+                              ) : value.credibilityScope ? (
                                 <Typography color={trafficLightColor}>
                                   {` ${keyword(
                                     "source_cred_popup_header_domain",
-                                  )} ${
-                                    sourceCredibilityResults[key]
-                                      .credibilitySource
-                                  } `}
+                                  )} ${value.credibilitySource} `}
                                 </Typography>
                               ) : null}
                             </AccordionSummary>

src/components/NavItems/Assistant/AssistantCheckResults/SourceCredibilityResult.jsx

@@ -40,9 +40,6 @@ const SourceCredibilityResult = (props) => {
                       {value.credibilityScope.includes("/") ? (
                         <Typography>
                           {` ${keyword("this")}`}
-                          {/* {inputUrlType
-                            ? capitaliseFirstLetter(inputUrlType)
-                            : null} */}
                           {getUrlTypeFromCredScope(value.credibilityScope)}
                           {` ${keyword(
                             "source_credibility_warning_account",