@lysaab/lysa-pep 0.10.0 → 0.12.0

package/lib/model/PepTexts.js

@@ -1,7 +1,10 @@
 import { PepType, EntityType, BusinessRelation, Relation } from "../pages/PepContext";
 export const LABELS = (name) => {
     let possessiveName = name;
-    if (possessiveName && possessiveName[possessiveName.length - 1] !== "s" && possessiveName[possessiveName.length - 1] !== "z" && possessiveName[possessiveName.length - 1] !== "x") {
+    if (possessiveName &&
+        possessiveName[possessiveName.length - 1] !== "s" &&
+        possessiveName[possessiveName.length - 1] !== "z" &&
+        possessiveName[possessiveName.length - 1] !== "x") {
         possessiveName += "s";
     }
     return {
@@ -22,7 +25,7 @@ export const LABELS = (name) => {
                 GOVERNMENT_COMPANY_ROLE_LABEL: `Ange din roll på företaget`,
                 HIGH_RANKING_POSITION_INTERNALTIONAL_CORP_NAME_LABEL: `Ange namnet på organisationen`,
                 HIGH_RANKING_POSITION_INTERNALTIONAL_CORP_ROLE_LABEL: `Ange din roll i organisationen`,
-                MILITARY_OFFICER_LABEL: `Ange din rang`
+                MILITARY_OFFICER_LABEL: `Ange din grad`
             },
             [PepType.RELATIVE]: {
                 RELATION: {
@@ -115,9 +118,9 @@ export const LABELS = (name) => {
                 },
                 BUSINESS_RELATION_LABEL: `Vilken relation har du till personen i politisk utsatt ställning?`,
                 NAME_LABEL: {
-                    [BusinessRelation.CO_OWNERSHIP]: `Vad heter personen i politisk ställning som du har en relation till`,
-                    [BusinessRelation.CLOSE_CONNECTION]: `Vad heter personen i politisk ställning som du har en relation till`,
-                    [BusinessRelation.COMPANY_FOR_PEP]: `Vad heter personen i politisk ställning som du har en relation till`
+                    [BusinessRelation.CO_OWNERSHIP]: `Vad heter personen i politisk utsatt ställning som du har en relation till`,
+                    [BusinessRelation.CLOSE_CONNECTION]: `Vad heter personen i politisk utsatt ställning som du har en relation till`,
+                    [BusinessRelation.COMPANY_FOR_PEP]: `Vad heter personen i politisk utsatt ställning som den juridiska personen eller konstruktionen har upprättats till förmån till?`
                 },
                 BIRTH_LABEL: {
                     [BusinessRelation.CO_OWNERSHIP]: `När är personen som har bestämmande rätt över företaget född?`,
@@ -125,9 +128,9 @@ export const LABELS = (name) => {
                     [BusinessRelation.COMPANY_FOR_PEP]: `När är personen född?`
                 },
                 ROLE_LABEL: {
-                    [BusinessRelation.CO_OWNERSHIP]: `Ange tjänst/roll personen i politisk ställning som du har en relation till`,
-                    [BusinessRelation.CLOSE_CONNECTION]: `AngeAnge tjänst/roll personen i politisk ställning som du har en relation till`,
-                    [BusinessRelation.COMPANY_FOR_PEP]: `Ange tjänst/roll personen i politisk ställning som du har en relation till`
+                    [BusinessRelation.CO_OWNERSHIP]: `Ange tjänst/roll för personen i politisk utsatt ställning som du har en relation till`,
+                    [BusinessRelation.CLOSE_CONNECTION]: `AngeAnge tjänst/roll för personen i politisk utsatt ställning som du har en relation till`,
+                    [BusinessRelation.COMPANY_FOR_PEP]: `Ange tjänst/roll för personen i politisk utsatt ställning som du har en relation till`
                 },
                 AMBASSADOR_LABEL: {
                     [BusinessRelation.CO_OWNERSHIP]: `Ange land`,
@@ -165,15 +168,13 @@ export const LABELS = (name) => {
             GENERIC: {
                 IS_PEP: {
                     [PepType.NOT_PEP]: `Nej`,
-                    [PepType.ME]: `På grund av sin funktion är ${name ||
-                        "Jag"} PEP`,
+                    [PepType.ME]: `På grund av sin funktion är ${name || "Jag"} PEP`,
                     [PepType.RELATIVE]: `${name ||
                         "Jag"} har en relation med en person som är PEP`,
                     [PepType.COLLEAGUE]: `${name ||
                         "Jag"} är medarbetare till, eller har en affärsrelation med, en person som är PEP`
                 },
-                IS_PEP_HEADER: `Är ${name ||
-                    "du"} eller en närstående till ${name ||
+                IS_PEP_HEADER: `Är ${name || "du"} eller en närstående till ${name ||
                     "dig"} en person i politisk utsatt ställning? (PEP)`
             },
             [PepType.ME]: {
@@ -185,7 +186,7 @@ export const LABELS = (name) => {
                 HIGH_RANKING_POSITION_INTERNALTIONAL_CORP_NAME_LABEL: `Ange namnet på organisationen`,
                 HIGH_RANKING_POSITION_INTERNALTIONAL_CORP_ROLE_LABEL: `Ange ${possessiveName ||
                     "din"} roll i organisationen`,
-                MILITARY_OFFICER_LABEL: `Ange ${possessiveName || "din"} rang`
+                MILITARY_OFFICER_LABEL: `Ange ${possessiveName || "din"} grad`
             },
             [PepType.RELATIVE]: {
                 RELATION: {
@@ -201,10 +202,10 @@ export const LABELS = (name) => {
                 NAME_LABEL: {
                     [Relation.MARRIED_PARTNER]: `Vad heter ${possessiveName ||
                         "din"} make/maka?`,
-                    [Relation.COLIVING_PARTNER]: `Vad heter ${possessiveName || "din"} sambo?`,
+                    [Relation.COLIVING_PARTNER]: `Vad heter ${possessiveName ||
+                        "din"} sambo?`,
                     [Relation.CHILD]: `Vad heter ${possessiveName || "din"} förälder?`,
-                    [Relation.PARENT]: `Vad heter ${possessiveName ||
-                        "ditt"} barn?`,
+                    [Relation.PARENT]: `Vad heter ${possessiveName || "ditt"} barn?`,
                     [Relation.CHILD_MARRIED_PARTNER]: `Vad heter föräldern till ${possessiveName ||
                         "din"} make/maka?`,
                     [Relation.CHILD_COLIVING_PARTNER]: `Vad heter föräldern till ${possessiveName ||
@@ -216,8 +217,7 @@ export const LABELS = (name) => {
                     [Relation.COLIVING_PARTNER]: `När är ${possessiveName ||
                         "din"} sambo född?`,
                     [Relation.CHILD]: `När är ${possessiveName || "din"} förälder född?`,
-                    [Relation.PARENT]: `När är ${possessiveName ||
-                        "ditt"} barn fött?`,
+                    [Relation.PARENT]: `När är ${possessiveName || "ditt"} barn fött?`,
                     [Relation.CHILD_MARRIED_PARTNER]: `När är föräldern till ${possessiveName ||
                         "din"} make/maka född?`,
                     [Relation.CHILD_COLIVING_PARTNER]: `När är föräldern till ${possessiveName ||
@@ -280,10 +280,10 @@ export const LABELS = (name) => {
                 MILITARY_OFFICER_LABEL: {
                     [Relation.MARRIED_PARTNER]: `Ange ${possessiveName ||
                         "din"} make/maka/registrerade partners grad`,
-                    [Relation.COLIVING_PARTNER]: `Ange ${possessiveName || "din"} sambos grad`,
+                    [Relation.COLIVING_PARTNER]: `Ange ${possessiveName ||
+                        "din"} sambos grad`,
                     [Relation.CHILD]: `Ange ${possessiveName || "din"} förälders grad`,
-                    [Relation.PARENT]: `Ange ${possessiveName ||
-                        "ditt"} barns grad`,
+                    [Relation.PARENT]: `Ange ${possessiveName || "ditt"} barns grad`,
                     [Relation.CHILD_MARRIED_PARTNER]: `Ange ${possessiveName ||
                         "din"} make/makas förälders grad`,
                     [Relation.CHILD_COLIVING_PARTNER]: `Ange ${possessiveName ||
@@ -302,12 +302,11 @@ export const LABELS = (name) => {
                 BUSINESS_RELATION_LABEL: `Vilken relation har ${name ||
                     "du"} till personen i politisk utsatt ställning?`,
                 NAME_LABEL: {
-                    [BusinessRelation.CO_OWNERSHIP]: `Vad heter personen i politisk ställning som ${name ||
+                    [BusinessRelation.CO_OWNERSHIP]: `Vad heter personen i politisk utsatt ställning som ${name ||
                         "du"} har en relation till`,
-                    [BusinessRelation.CLOSE_CONNECTION]: `Vad heter personen i politisk ställning som ${name ||
+                    [BusinessRelation.CLOSE_CONNECTION]: `Vad heter personen i politisk utsatt ställning som ${name ||
                         "du"} har en relation till`,
-                    [BusinessRelation.COMPANY_FOR_PEP]: `Vad heter personen i politisk ställning som ${name ||
-                        "du"} har en relation till`
+                    [BusinessRelation.COMPANY_FOR_PEP]: `Vad heter personen i politisk utsatt ställning som den juridiska personen eller konstruktionen har upprättats till förmån till?`
                 },
                 BIRTH_LABEL: {
                     [BusinessRelation.CO_OWNERSHIP]: `När är personen som har bestämmande rätt över företaget född?`,
@@ -316,11 +315,11 @@ export const LABELS = (name) => {
                     [BusinessRelation.COMPANY_FOR_PEP]: `När är personen född?`
                 },
                 ROLE_LABEL: {
-                    [BusinessRelation.CO_OWNERSHIP]: `Ange tjänst/roll personen i politisk ställning som ${name ||
+                    [BusinessRelation.CO_OWNERSHIP]: `Ange tjänst/roll för personen i politisk utsatt ställning som ${name ||
                         "du"} har en relation till`,
-                    [BusinessRelation.CLOSE_CONNECTION]: `AngeAnge tjänst/roll personen i politisk ställning som ${name ||
+                    [BusinessRelation.CLOSE_CONNECTION]: `AngeAnge tjänst/roll för personen i politisk utsatt ställning som ${name ||
                         "du"} har en relation till`,
-                    [BusinessRelation.COMPANY_FOR_PEP]: `Ange tjänst/roll personen i politisk ställning som ${name ||
+                    [BusinessRelation.COMPANY_FOR_PEP]: `Ange tjänst/roll för personen i politisk utsatt ställning som ${name ||
                         "du"} har en relation till`
                 },
                 AMBASSADOR_LABEL: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lysaab/lysa-pep",
   "author": "Lysa AB",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "main": "./lib/Exports.js",
   "dependencies": {
     "@lysaab/ui-2": "^8.7.0",

package/src/components/CountrySelect.tsx

@@ -1,6 +1,7 @@
-import React, { useState, useEffect, FunctionComponent } from "react";
-import { Alternative, API, Select } from "@lysaab/ui-2";
+import React, { useState, FunctionComponent } from "react";
+import { Alternative, Select } from "@lysaab/ui-2";
 import { ValidationProps } from "@lysaab/ui-2/hooks/useValidation";
+import { countries } from "../model/Countries";
 
 declare global {
   interface Window {
@@ -13,14 +14,6 @@ export interface Country {
   value: string;
 }
 
-function getCountries() {
-  return API.get<Country[]>(
-    `${window.lysa.contentPath}/content/files/countries.json`,
-    undefined,
-    { credentials: "omit", headers: {} }
-  );
-}
-
 interface Props extends ValidationProps {
   value?: string;
   onChange?(value: Alternative): void;
@@ -30,28 +23,24 @@ interface Props extends ValidationProps {
 
 export const CountrySelect: FunctionComponent<Props> = ({
   value,
-  removeSweden = false, 
+  removeSweden = false,
   ...props
 }) => {
-  const [countries, setCountries] = useState<Alternative[]>([]);
-
-  useEffect(() => {
-    getCountries().then(response => {
-      setCountries(
-        response.filter(country => !(removeSweden && country.value === 'SE')).map(
-          (country): Alternative => {
-            return { text: country.label, value: country.value };
-          }
-        )
-      );
-    });
-  }, [setCountries, removeSweden]);
+  const [countryAlternatives] = useState(
+    countries
+      .filter(country => !(removeSweden && country.value === "SE"))
+      .map(
+        (country): Alternative => {
+          return { text: country.label, value: country.value };
+        }
+      )
+  );
 
   return (
     <Select
-      alternatives={countries}
+      alternatives={countryAlternatives}
       placeholder={"Välj ett land"}
-      value={countries.find(country => country.value === value)}
+      value={countryAlternatives.find(country => country.value === value)}
       {...props}
     />
   );

package/src/components/PepAnswers.scss

@@ -0,0 +1,7 @@
+.static-input {
+  margin-bottom: 8px;
+
+  .label {
+    font-weight: bold;
+  }
+}

package/src/components/PepAnswers.tsx

@@ -0,0 +1,122 @@
+import React, { FunctionComponent } from "react";
+import "./PepAnswers.scss";
+import { PepRequest } from "../model/PepModel";
+import { countries } from "../model/Countries";
+import { LABELS } from "../model/PepTexts";
+import { roleAlternatives, militaryAlternatives } from "../pages/PepRolePage";
+import { EntityType, PepType } from "../pages/PepContext";
+
+interface Props {
+  answer: PepRequest;
+}
+
+export const PepAnswers: FunctionComponent<Props> = ({ answer }) => {
+  if (!answer.type || answer.type === PepType.NOT_PEP) {
+    return <div>Inte PEP</div>;
+  }
+
+  const labels = LABELS("");
+  const country = countries.find(country => country.value === answer.country);
+  const role = roleAlternatives.find(alt => alt.value === answer.role);
+  const militaryRank = militaryAlternatives.find(
+    alt => alt.value === answer.militaryRank
+  );
+  return (
+    <div>
+      {answer.type && (
+        <StaticInput
+          label="Vem är pep"
+          value={labels[EntityType.PERSON].GENERIC.IS_PEP[answer.type]}
+        />
+      )}
+      {answer.relationToPEP && (
+        <StaticInput
+          label="Relation"
+          value={
+            labels[EntityType.PERSON][PepType.RELATIVE].RELATION[
+              answer.relationToPEP
+            ]
+          }
+        />
+      )}
+      {answer.businessRelation && (
+        <StaticInput
+          label="Relation"
+          value={
+            labels[EntityType.PERSON][PepType.COLLEAGUE].BUSINESS_RELATION[
+              answer.businessRelation
+            ]
+          }
+        />
+      )}
+      {answer.nameOfPEP && (
+        <StaticInput label="Namn på personen" value={answer.nameOfPEP} />
+      )}
+      {answer.birthdayOfPEP && (
+        <StaticInput
+          label="Födelsedag för personen"
+          value={answer.birthdayOfPEP}
+        />
+      )}
+      {answer.ended ? (
+        <React.Fragment>
+          <StaticInput label="Status" value="Avslutad" />
+          <StaticInput label="Avslutades" value={answer.ended} />
+        </React.Fragment>
+      ) : (
+        <StaticInput label="Status" value="Pågående" />
+      )}
+      {answer.birthdayOfPEP && (
+        <StaticInput label="Roll" value={answer.birthdayOfPEP} />
+      )}
+      {answer.country && (
+        <StaticInput
+          label="Land"
+          value={country ? country.label : answer.country}
+        />
+      )}
+      {role && <StaticInput label="Roll" value={role.text} />}
+      {answer.ambassadorCountry && (
+        <StaticInput label="Ambassadörsland" value={answer.ambassadorCountry} />
+      )}
+      {answer.governmentCompany && (
+        <StaticInput label="Företagets namn" value={answer.governmentCompany} />
+      )}
+      {answer.governmentCompanyRole && (
+        <StaticInput
+          label="Roll på företaget"
+          value={answer.governmentCompanyRole}
+        />
+      )}
+      {answer.internationalOrganisation && (
+        <StaticInput
+          label="Organisationens namn"
+          value={answer.internationalOrganisation}
+        />
+      )}
+      {answer.internationalOrganisationRole && (
+        <StaticInput
+          label="Roll i organisationen"
+          value={answer.internationalOrganisationRole}
+        />
+      )}
+      {militaryRank && (
+        <StaticInput label="Militär grad" value={militaryRank.value} />
+      )}
+    </div>
+  );
+};
+
+interface StaticInputProps {
+  label: string;
+  value: string | React.ReactNode;
+}
+
+const StaticInput: FunctionComponent<StaticInputProps> = ({ label, value }) => {
+  return (
+    <div className="static-input">
+      <div className="label">{label}</div>
+      <div className="value">{value}</div>
+    </div>
+  );
+};