@lysaab/lysa-pep 1.0.3-0 → 1.0.5-0

package/lib/pages/RolePage/RolePage.js

@@ -1,220 +0,0 @@
-import React, { useRef, useCallback, useContext, } from "react";
-import { Form, PrimaryButton, RequiredValidator, TextInput, Select, } from "@lysaab/ui-2";
-import { PepContext, Role, MilitaryRank, PepType, EntityType, } from "../PepContext";
-import { CountrySelect } from "../../components/CountrySelect";
-import { useIntl, FormattedMessage } from "react-intl";
-import { roleMessages, ambassadorMessages, governmentCompanyMessages, intCompanyMessages, militaryMessages, } from "./RoleMessages";
-import { formatPossessive } from "../../utils/Possession";
-export const RolePage = ({ next }) => {
-    const pepContext = useContext(PepContext);
-    const formRef = useRef();
-    const intl = useIntl();
-    const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
-    const type = pepContext.state.type;
-    const roleAlternatives = getRoleAlts(intl);
-    const militaryAlternatives = getMilitaryAlts(intl);
-    const nextPage = useCallback(() => {
-        if (formRef.current && formRef.current.isValid) {
-            next();
-        }
-    }, [formRef, next]);
-    const resetRoleFields = useCallback(() => {
-        pepContext.setState({
-            ambassadorCountry: undefined,
-            governmentCompany: undefined,
-            governmentCompanyRole: undefined,
-            internationalOrganisation: undefined,
-            internationalOrganisationRole: undefined,
-            militaryRank: undefined,
-        });
-    }, [pepContext]);
-    if (!type || type === PepType.NOT_PEP) {
-        return null;
-    }
-    return (React.createElement(Form, { onSubmit: () => nextPage(), lysaFormRef: formRef },
-        React.createElement(Select, { label: intl.formatMessage(roleMessages.header, {
-                entityType,
-                pepType: type,
-                relation: pepContext.state.type === PepType.COLLEAGUE
-                    ? pepContext.state.businessRelation
-                    : pepContext.state.relationToPEP,
-                name: pepContext.state.ownerName,
-                possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
-            }), placeholder: intl.formatMessage(roleMessages.placeholder), alternatives: roleAlternatives, value: roleAlternatives.find((alt) => alt.value === pepContext.state.role), onChange: (event) => {
-                pepContext.setState({ role: event.value });
-                resetRoleFields();
-            }, validators: [
-                new RequiredValidator(intl.formatMessage(roleMessages.required)),
-            ] }),
-        pepContext.state.role && pepContext.state.role === Role.AMBASSADOR ? (React.createElement(CountrySelect, { label: intl.formatMessage(ambassadorMessages.header, {
-                entityType,
-                pepType: type,
-                relation: pepContext.state.type === PepType.COLLEAGUE
-                    ? pepContext.state.businessRelation
-                    : pepContext.state.relationToPEP,
-                name: pepContext.state.ownerName,
-            }), onChange: (event) => pepContext.setState({
-                ambassadorCountry: event.value
-                    ? event.value.toString()
-                    : undefined,
-            }), value: pepContext.state.ambassadorCountry, validators: [
-                new RequiredValidator(intl.formatMessage(ambassadorMessages.required)),
-            ] })) : null,
-        pepContext.state.role &&
-            pepContext.state.role === Role.GOVERNMENT_COMPANY ? (React.createElement(React.Fragment, null,
-            React.createElement(TextInput, { label: intl.formatMessage(governmentCompanyMessages.nameHeader, {
-                    entityType,
-                    pepType: type,
-                    relation: pepContext.state.type === PepType.COLLEAGUE
-                        ? pepContext.state.businessRelation
-                        : pepContext.state.relationToPEP,
-                    name: pepContext.state.ownerName,
-                }), value: pepContext.state.governmentCompany || "", onChange: (value) => {
-                    pepContext.setState({ governmentCompany: value });
-                }, validators: [
-                    new RequiredValidator(intl.formatMessage(governmentCompanyMessages.nameRequired)),
-                ] }),
-            React.createElement(TextInput, { label: intl.formatMessage(governmentCompanyMessages.roleHeader, {
-                    entityType,
-                    pepType: type,
-                    relation: pepContext.state.type === PepType.COLLEAGUE
-                        ? pepContext.state.businessRelation
-                        : pepContext.state.relationToPEP,
-                    name: pepContext.state.ownerName,
-                }), value: pepContext.state.governmentCompanyRole || "", onChange: (value) => {
-                    pepContext.setState({
-                        governmentCompanyRole: value,
-                    });
-                }, validators: [
-                    new RequiredValidator(intl.formatMessage(governmentCompanyMessages.roleRequired)),
-                ] }))) : null,
-        pepContext.state.role &&
-            pepContext.state.role ===
-                Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP ? (React.createElement(React.Fragment, null,
-            React.createElement(TextInput, { label: intl.formatMessage(intCompanyMessages.nameHeader, {
-                    entityType,
-                    pepType: type,
-                    relation: pepContext.state.type === PepType.COLLEAGUE
-                        ? pepContext.state.businessRelation
-                        : pepContext.state.relationToPEP,
-                    name: pepContext.state.ownerName,
-                }), value: pepContext.state.internationalOrganisation || "", onChange: (value) => {
-                    pepContext.setState({ internationalOrganisation: value });
-                }, validators: [
-                    new RequiredValidator(intl.formatMessage(intCompanyMessages.nameRequired)),
-                ] }),
-            React.createElement(TextInput, { label: intl.formatMessage(intCompanyMessages.roleHeader, {
-                    entityType,
-                    pepType: type,
-                    relation: pepContext.state.type === PepType.COLLEAGUE
-                        ? pepContext.state.businessRelation
-                        : pepContext.state.relationToPEP,
-                    name: pepContext.state.ownerName,
-                }), value: pepContext.state.internationalOrganisationRole || "", onChange: (value) => {
-                    pepContext.setState({
-                        internationalOrganisationRole: value,
-                    });
-                }, validators: [
-                    new RequiredValidator(intl.formatMessage(intCompanyMessages.roleRequired)),
-                ] }))) : null,
-        pepContext.state.role &&
-            pepContext.state.role === Role.MILITARY_OFFICER ? (React.createElement(Select, { label: intl.formatMessage(militaryMessages.header, {
-                entityType,
-                pepType: type,
-                relation: pepContext.state.type === PepType.COLLEAGUE
-                    ? pepContext.state.businessRelation
-                    : pepContext.state.relationToPEP,
-                name: pepContext.state.ownerName,
-                possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
-            }), placeholder: intl.formatMessage(militaryMessages.placeholder), alternatives: militaryAlternatives, value: militaryAlternatives.find((alt) => alt.value === pepContext.state.militaryRank), onChange: (event) => {
-                pepContext.setState({ militaryRank: event.value });
-            }, validators: [
-                new RequiredValidator(intl.formatMessage(militaryMessages.required)),
-            ] })) : null,
-        React.createElement(PrimaryButton, { type: "submit" },
-            React.createElement(FormattedMessage, { id: "pep.role.next", description: "Next button", defaultMessage: "G\u00E5 vidare" }))));
-};
-export function getRoleAlts(intl) {
-    return [
-        {
-            text: intl.formatMessage(roleMessages[Role.HEAD_OF_GOVERNMENT]),
-            value: Role.HEAD_OF_GOVERNMENT,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.MINISTER]),
-            value: Role.MINISTER,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.PARLIMENT_MEMBER]),
-            value: Role.PARLIMENT_MEMBER,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.CENTRAL_BANK_MEMBER]),
-            value: Role.CENTRAL_BANK_MEMBER,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.BOARD_MEMBER_POLITICAL_PARTY]),
-            value: Role.BOARD_MEMBER_POLITICAL_PARTY,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.JUDGE_SUPREME_COURT]),
-            value: Role.JUDGE_SUPREME_COURT,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.JUDGE_OTHER_HIGH_COURT]),
-            value: Role.JUDGE_OTHER_HIGH_COURT,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.REVISION_INSTITUTE]),
-            value: Role.REVISION_INSTITUTE,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.AMBASSADOR]),
-            value: Role.AMBASSADOR,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.MILITARY_OFFICER]),
-            value: Role.MILITARY_OFFICER,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.GOVERNMENT_COMPANY]),
-            value: Role.GOVERNMENT_COMPANY,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.EU_HIGH_RANKING_POSITION]),
-            value: Role.EU_HIGH_RANKING_POSITION,
-        },
-        {
-            text: intl.formatMessage(roleMessages[Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP]),
-            value: Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP,
-        },
-    ];
-}
-export function getMilitaryAlts(intl) {
-    return [
-        {
-            text: intl.formatMessage(militaryMessages[MilitaryRank.GENERAL]),
-            value: MilitaryRank.GENERAL,
-        },
-        {
-            text: intl.formatMessage(militaryMessages[MilitaryRank.LIEUTENANT_GENERAL]),
-            value: MilitaryRank.LIEUTENANT_GENERAL,
-        },
-        {
-            text: intl.formatMessage(militaryMessages[MilitaryRank.MAJOR_GENERAL]),
-            value: MilitaryRank.MAJOR_GENERAL,
-        },
-        {
-            text: intl.formatMessage(militaryMessages[MilitaryRank.ADMIRAL]),
-            value: MilitaryRank.ADMIRAL,
-        },
-        {
-            text: intl.formatMessage(militaryMessages[MilitaryRank.VICE_ADMIRAL]),
-            value: MilitaryRank.VICE_ADMIRAL,
-        },
-        {
-            text: intl.formatMessage(militaryMessages[MilitaryRank.REAR_ADMIRAL]),
-            value: MilitaryRank.REAR_ADMIRAL,
-        },
-    ];
-}

package/lib/pages/StatusPage/StatusPage.js

@@ -1,95 +0,0 @@
-import React, { useRef, useCallback, useContext, } from "react";
-import { Form, RadioGroup, RequiredValidator, PrimaryButton, Datepicker, } from "@lysaab/ui-2";
-import { PepContext, PepStatus, EntityType, PepType } from "../PepContext";
-import { CountrySelect } from "../../components/CountrySelect";
-import { useIntl, FormattedMessage } from "react-intl";
-import { isOngoingMessages, endedMessages, isLocalCountryMessages, countrySelectionMessages, localCountryAltMessages, stateAltMessages, } from "./StatusMessages";
-import { formatPossessive } from "../../utils/Possession";
-export const StatusPage = ({ next }) => {
-    const pepContext = useContext(PepContext);
-    const formRef = useRef();
-    const intl = useIntl();
-    const stateAlternatives = getStateAlternatives(intl);
-    const isSwedenAlternatives = getIsLocalCountryAlternatives(intl);
-    const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
-    const nextPage = useCallback(() => {
-        if (formRef.current && formRef.current.isValid) {
-            next();
-        }
-    }, [formRef, next]);
-    const updateIsSweden = useCallback((alternative) => {
-        pepContext.setState({ isSweden: alternative.value });
-        if (alternative.value === "other") {
-            pepContext.setState({ country: undefined });
-        }
-    }, [pepContext]);
-    const updateIsOngoing = useCallback((alternative) => {
-        pepContext.setState({ isOngoing: alternative.value });
-        if (alternative.value === PepStatus.ONGOING) {
-            pepContext.setState({ ended: undefined });
-        }
-    }, [pepContext]);
-    return (React.createElement("div", null,
-        React.createElement(Form, { lysaFormRef: formRef, onSubmit: () => {
-                nextPage();
-            } },
-            React.createElement(RadioGroup, { alternatives: stateAlternatives, header: intl.formatMessage(isOngoingMessages.header, {
-                    entityType,
-                    name: pepContext.state.ownerName,
-                    possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
-                    relation: pepContext.state.type === PepType.COLLEAGUE
-                        ? pepContext.state.businessRelation
-                        : pepContext.state.relationToPEP,
-                    pepType: pepContext.state.type,
-                }), onChange: updateIsOngoing, value: stateAlternatives.find((alt) => alt.value === pepContext.state.isOngoing), validators: [
-                    new RequiredValidator(intl.formatMessage(isOngoingMessages.required)),
-                ] }),
-            pepContext.state.isOngoing &&
-                pepContext.state.isOngoing === PepStatus.ENDED ? (React.createElement(Datepicker, { label: intl.formatMessage(endedMessages.header), selected: pepContext.state.ended, onChange: (event) => pepContext.setState({ ended: event || undefined }), validators: [
-                    new RequiredValidator(intl.formatMessage(isOngoingMessages.required)),
-                ], showMonthYearPicker: true, dateFormat: "yyyy-MM", maxDate: new Date() })) : null,
-            React.createElement(RadioGroup, { alternatives: isSwedenAlternatives, header: intl.formatMessage(isLocalCountryMessages.header, {
-                    possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
-                }), onChange: updateIsSweden, value: isSwedenAlternatives.find((alt) => alt.value === pepContext.state.isSweden), validators: [
-                    new RequiredValidator(intl.formatMessage(isLocalCountryMessages.required)),
-                ] }),
-            pepContext.state.isSweden && pepContext.state.isSweden === "other" ? (React.createElement(CountrySelect, { label: intl.formatMessage(countrySelectionMessages.header, {
-                    entityType,
-                    name: pepContext.state.ownerName,
-                    possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
-                    relation: pepContext.state.type === PepType.COLLEAGUE
-                        ? pepContext.state.businessRelation
-                        : pepContext.state.relationToPEP,
-                    pepType: pepContext.state.type,
-                }), onChange: (event) => pepContext.setState({
-                    country: event.value ? event.value.toString() : undefined,
-                }), validators: [
-                    new RequiredValidator(intl.formatMessage(countrySelectionMessages.required)),
-                ], value: pepContext.state.country, omitCountries: ["SE"] })) : null,
-            React.createElement(PrimaryButton, { type: "submit" },
-                React.createElement(FormattedMessage, { id: "pep.status.next", description: "Next button", defaultMessage: "G\u00E5 vidare" })))));
-};
-function getIsLocalCountryAlternatives(intl) {
-    return [
-        {
-            text: intl.formatMessage(localCountryAltMessages.localCountry),
-            value: "sweden",
-        },
-        {
-            text: intl.formatMessage(localCountryAltMessages.otherCountry),
-            value: "other",
-        },
-    ];
-}
-function getStateAlternatives(intl) {
-    return [
-        {
-            text: intl.formatMessage(stateAltMessages[PepStatus.ONGOING]),
-            value: PepStatus.ONGOING,
-        },
-        {
-            text: intl.formatMessage(stateAltMessages[PepStatus.ENDED]),
-            value: PepStatus.ENDED,
-        },
-    ];
-}

package/public/index.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/public/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/public/robots.txt

@@ -1,2 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *

package/src/App.css

@@ -1,3 +0,0 @@
-.lysa-story .lysa-story-body {
-  min-height: calc(100vh - 300px) !important;
-}

package/src/App.test.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
-});

package/src/App.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import "./App.css";
-import { Pep } from "./demo/Pep";
-import { PepContextProvider } from "./pages/PepContext";
-
-
-declare global {
-  interface Window {
-    lysa: { contentPath: string };
-  }
-}
-
-window.lysa = {
-  contentPath: 'https://kund.lysa-test.se'
-}
-
-const App: React.FC = () => {
-  return (
-    <PepContextProvider>
-      <Pep />
-    </PepContextProvider>
-  );
-};
-
-export default App;

package/src/Exports.ts

@@ -1,12 +0,0 @@
-export * from "./pages/PepContext";
-export * from "./model/PepModel";
-export * from "./pages/IsPep/IsPepPage";
-export { RelationPage } from "./pages/RelationPage/RelationPage";
-export {
-  RolePage as PepRolePage,
-  getMilitaryAlts,
-  getRoleAlts
-} from "./pages/RolePage/RolePage";
-export { StatusPage as PepStatusPage } from "./pages/StatusPage/StatusPage";
-
-export { PepAnswers } from "./components/PepAnswers";

package/src/components/CountrySelect.tsx

@@ -1,47 +0,0 @@
-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";
-import { defineMessages, useIntl } from "react-intl";
-
-export interface Country {
-  label: string;
-  value: string;
-}
-
-interface Props extends ValidationProps {
-  value?: string;
-  onChange?(value: Alternative<string>): void;
-  label: string;
-  omitCountries?: string[];
-}
-
-const messages = defineMessages({
-  placeholder: {
-    id: 'component.select.country',
-    description: 'Select a country placeholder',
-    defaultMessage: 'Välj ett land'
-  }
-})
-
-export const CountrySelect: FunctionComponent<Props> = ({
-  value,
-  omitCountries = [],
-  ...props
-}) => {
-  const intl = useIntl();
-  const [countryAlternatives] = useState(
-    countries
-      .filter(country => !omitCountries.includes(country.value))
-      .map(country => ({ text: country.label, value: country.value }))
-  );
-
-  return (
-    <Select
-      alternatives={countryAlternatives}
-      placeholder={intl.formatMessage(messages.placeholder)}
-      value={countryAlternatives.find(country => country.value === value)}
-      {...props}
-    />
-  );
-};

package/src/components/PepAnswers.scss

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