@lysaab/lysa-pep 2.0.0 → 2.1.0

package/components/CountrySelect.d.ts

@@ -1,10 +1,6 @@
 import { FunctionComponent } from "react";
 import { Alternative } from "@lysaab/ui-2";
 import { ValidationProps } from "@lysaab/ui-2/hooks/useValidation";
-export interface Country {
-    label: string;
-    value: string;
-}
 interface Props extends ValidationProps {
     value?: string;
     onChange?(value: Alternative<string>): void;

package/components/CountrySelect.js

@@ -11,20 +11,24 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useState } from "react";
 import { Select } from "@lysaab/ui-2";
-import { countries } from "../model/Countries";
+import countries from "@lysaab/countries";
 import { defineMessages, useIntl } from "react-intl";
 const messages = defineMessages({
     placeholder: {
-        id: 'component.select.country',
-        description: 'Select a country placeholder',
-        defaultMessage: 'Välj ett land'
-    }
+        id: "component.select.country",
+        description: "Select a country placeholder",
+        defaultMessage: "Välj ett land",
+    },
 });
 export const CountrySelect = (_a) => {
     var { value, omitCountries = [] } = _a, props = __rest(_a, ["value", "omitCountries"]);
     const intl = useIntl();
-    const [countryAlternatives] = useState(countries
-        .filter(country => !omitCountries.includes(country.value))
-        .map(country => ({ text: country.label, value: country.value })));
-    return (React.createElement(Select, Object.assign({ alternatives: countryAlternatives, placeholder: intl.formatMessage(messages.placeholder), value: countryAlternatives.find(country => country.value === value) }, props)));
+    const lang = intl.locale.slice(0, 2);
+    const [countryAlternatives] = useState((countries[lang] || countries["en"])
+        .filter((country) => !omitCountries.includes(country.value))
+        .map((country) => ({
+        text: country.label,
+        value: country.value,
+    })));
+    return (React.createElement(Select, Object.assign({ alternatives: countryAlternatives, placeholder: intl.formatMessage(messages.placeholder), value: countryAlternatives.find((country) => country.value === value) }, props)));
 };

package/components/PepAnswers.js

@@ -1,6 +1,6 @@
 import React from "react";
 import "./PepAnswers.scss";
-import { countries } from "../model/Countries";
+import countries from "@lysaab/countries";
 import { getRoleAlts, getMilitaryAlts } from "../pages/RolePage/RolePage";
 import { PepType } from "../pages/PepContext";
 import { useIntl, defineMessages, FormattedMessage } from "react-intl";
@@ -102,7 +102,8 @@ export const PepAnswers = ({ answer }) => {
                 React.createElement(FormattedMessage, { id: "pep.anwers.notpep", description: "Not pep", defaultMessage: "Personen \u00E4r inte PEP" }))));
     }
     const entityType = answer.legalEntityType;
-    const country = countries.find((country) => country.value === answer.country);
+    const lang = intl.locale.slice(0, 2);
+    const country = (countries[lang] || countries["en"]).find((country) => country.value === answer.country);
     const role = getRoleAlts(intl).find((alt) => alt.value === answer.role);
     const militaryRank = getMilitaryAlts(intl).find((alt) => alt.value === answer.militaryRank);
     return (React.createElement("div", null,
@@ -122,7 +123,7 @@ export const PepAnswers = ({ answer }) => {
             React.createElement(StaticInput, { label: intl.formatMessage(messages.endedLabel), value: answer.ended }))) : (React.createElement(StaticInput, { label: intl.formatMessage(messages.statusLabel), value: intl.formatMessage(messages.statusOngoingValue) })),
         answer.country && (React.createElement(StaticInput, { label: intl.formatMessage(messages.countryLabel), value: country ? country.label : answer.country })),
         role && (React.createElement(StaticInput, { label: intl.formatMessage(messages.roleLabel), value: role.text })),
-        answer.ambassadorCountry && (React.createElement(StaticInput, { label: intl.formatMessage(messages.ambassadorCountryLabel), value: ((_a = countries.find((country) => country.value === answer.ambassadorCountry)) === null || _a === void 0 ? void 0 : _a.label) || answer.ambassadorCountry })),
+        answer.ambassadorCountry && (React.createElement(StaticInput, { label: intl.formatMessage(messages.ambassadorCountryLabel), value: ((_a = (countries[lang] || countries["en"]).find((country) => country.value === answer.ambassadorCountry)) === null || _a === void 0 ? void 0 : _a.label) || answer.ambassadorCountry })),
         answer.governmentCompany && (React.createElement(StaticInput, { label: intl.formatMessage(messages.governmentCompanyNameLabel), value: answer.governmentCompany })),
         answer.governmentCompanyRole && (React.createElement(StaticInput, { label: intl.formatMessage(messages.governmentCompanyRoleLabel), value: answer.governmentCompanyRole })),
         answer.internationalOrganisation && (React.createElement(StaticInput, { label: intl.formatMessage(messages.internationalOrganisationNameLabel), value: answer.internationalOrganisation })),

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@lysaab/lysa-pep",
   "author": "Lysa AB",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "main": "./Exports.js",
   "dependencies": {
+    "@lysaab/countries": "^3.1.1",
     "@types/luxon": "^1.15.2",
     "@types/react-intl": "^3.0.0",
     "luxon": "^1.21.1",