@lysaab/lysa-pep 1.0.0-1 → 1.0.0

package/src/pages/PepRolePage.tsx

@@ -0,0 +1,272 @@
+import React, {
+  FunctionComponent,
+  useRef,
+  useCallback,
+  useContext,
+} from "react";
+import { Alternative } from "@lysaab/ui-2/components/input/InputAPI";
+import {
+  LysaFormRef,
+  Form,
+  PrimaryButton,
+  RequiredValidator,
+  TextInput,
+  Select,
+} from "@lysaab/ui-2";
+import {
+  PepContext,
+  Role,
+  MilitaryRank,
+  EntityType,
+  PepType,
+} from "./PepContext";
+import { CountrySelect } from "../components/CountrySelect";
+import {
+  getGovernmentCompanyNameLabel,
+  getGovernmentCompanyRoleLabel,
+  getHighRankingPositionIntCorpNameLabel,
+  getHighRankingPositionIntCorpRoleLabel,
+  getMilitaryRankLabel,
+  getRoleLabel,
+  getAmbassadorLabel,
+} from "../model/PepTexts";
+
+interface Props {
+  next: () => void;
+}
+
+export const roleAlternatives: Alternative<Role>[] = [
+  { text: "Stats eller regeringschef", value: Role.HEAD_OF_GOVERNMENT },
+  { text: "Minister eller Vice/Biträdande minister", value: Role.MINISTER },
+  { text: "Ledamot i parlament eller riksdag", value: Role.PARLIMENT_MEMBER },
+  {
+    text: "Ledamot i centralbanks styrande organ",
+    value: Role.CENTRAL_BANK_MEMBER,
+  },
+  {
+    text: "Ledamot för styrelsen i politiskt parti representerade i riksdagen",
+    value: Role.BOARD_MEMBER_POLITICAL_PARTY,
+  },
+  { text: "Domare i högsta domstolen", value: Role.JUDGE_SUPREME_COURT },
+  {
+    text:
+      "Domare i konstitutionell domstol eller annat rättsligt organ på hög nivå vars beslut endast undantagsvis kan överklagas",
+    value: Role.JUDGE_OTHER_HIGH_COURT,
+  },
+  {
+    text: "Högre tjänsteman vid revisionsmyndighet",
+    value: Role.REVISION_INSTITUTE,
+  },
+  { text: "Ambassadör eller bestickningschef", value: Role.AMBASSADOR },
+  { text: "Högre officer i försvarsmakt", value: Role.MILITARY_OFFICER },
+  {
+    text:
+      "Person som ingår i statsägt företags förvaltnings-, lednings eller kontrollorgan",
+    value: Role.GOVERNMENT_COMPANY,
+  },
+  {
+    text: "EU-parlamentariker",
+    value: Role.EU_HIGH_RANKING_POSITION,
+  },
+  {
+    text: "Befattning på hög nivå i en internationell organisation",
+    value: Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP,
+  },
+];
+
+export const militaryAlternatives: Alternative<MilitaryRank>[] = [
+  {
+    text: "General",
+    value: MilitaryRank.GENERAL,
+  },
+  {
+    text: "Generallöjtnant",
+    value: MilitaryRank.LIEUTENANT_GENERAL,
+  },
+  {
+    text: "Generalmajor",
+    value: MilitaryRank.MAJOR_GENERAL,
+  },
+  {
+    text: "Amiral",
+    value: MilitaryRank.ADMIRAL,
+  },
+  {
+    text: "Viceamiral",
+    value: MilitaryRank.VICE_ADMIRAL,
+  },
+  {
+    text: "Konteramiral",
+    value: MilitaryRank.REAR_ADMIRAL,
+  },
+];
+
+export const PepRolePage: FunctionComponent<Props> = ({ next }) => {
+  const pepContext = useContext(PepContext);
+  const formRef = useRef<LysaFormRef>();
+  const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
+  const type = pepContext.state.type;
+
+  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 (
+    <Form onSubmit={() => nextPage()} lysaFormRef={formRef}>
+      <Select
+        label={getRoleLabel(
+          entityType,
+          type,
+          pepContext.state.relationToPEP,
+          pepContext.state.businessRelation,
+          pepContext.state.ownerName
+        )}
+        placeholder="Välj en roll"
+        alternatives={roleAlternatives}
+        value={roleAlternatives.find(
+          alt => alt.value === pepContext.state.role
+        )}
+        onChange={event => {
+          pepContext.setState({ role: event.value as Role });
+          resetRoleFields();
+        }}
+        validators={[new RequiredValidator("Du måste välja roll")]}
+      />
+
+      {pepContext.state.role && pepContext.state.role === Role.AMBASSADOR ? (
+        <CountrySelect
+          label={getAmbassadorLabel(
+            entityType,
+            type,
+            pepContext.state.relationToPEP,
+            pepContext.state.businessRelation,
+            pepContext.state.ownerName
+          )}
+          onChange={event =>
+            pepContext.setState({
+              ambassadorCountry: event.value
+                ? event.value.toString()
+                : undefined,
+            })
+          }
+          value={pepContext.state.ambassadorCountry}
+          validators={[new RequiredValidator("Du måste välja land")]}
+        />
+      ) : null}
+
+      {pepContext.state.role &&
+      pepContext.state.role === Role.GOVERNMENT_COMPANY ? (
+        <React.Fragment>
+          <TextInput
+            label={getGovernmentCompanyNameLabel(
+              entityType,
+              type,
+              pepContext.state.relationToPEP,
+              pepContext.state.businessRelation,
+              pepContext.state.ownerName
+            )}
+            value={pepContext.state.governmentCompany || ""}
+            onChange={value => {
+              pepContext.setState({ governmentCompany: value });
+            }}
+            validators={[new RequiredValidator("Du måste ange ett namn")]}
+          />
+          <TextInput
+            label={getGovernmentCompanyRoleLabel(
+              entityType,
+              type,
+              pepContext.state.relationToPEP,
+              pepContext.state.businessRelation,
+              pepContext.state.ownerName
+            )}
+            value={pepContext.state.governmentCompanyRole || ""}
+            onChange={value => {
+              pepContext.setState({
+                governmentCompanyRole: value,
+              });
+            }}
+            validators={[new RequiredValidator("Du måste ange roll")]}
+          />
+        </React.Fragment>
+      ) : null}
+
+      {pepContext.state.role &&
+      pepContext.state.role ===
+        Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP ? (
+        <React.Fragment>
+          <TextInput
+            label={getHighRankingPositionIntCorpNameLabel(
+              entityType,
+              type,
+              pepContext.state.relationToPEP,
+              pepContext.state.businessRelation,
+              pepContext.state.ownerName
+            )}
+            value={pepContext.state.internationalOrganisation || ""}
+            onChange={value => {
+              pepContext.setState({ internationalOrganisation: value });
+            }}
+            validators={[new RequiredValidator("Du måste ange ett namn")]}
+          />
+          <TextInput
+            label={getHighRankingPositionIntCorpRoleLabel(
+              entityType,
+              type,
+              pepContext.state.relationToPEP,
+              pepContext.state.businessRelation,
+              pepContext.state.ownerName
+            )}
+            value={pepContext.state.internationalOrganisationRole || ""}
+            onChange={value => {
+              pepContext.setState({
+                internationalOrganisationRole: value,
+              });
+            }}
+            validators={[new RequiredValidator("Du måste ange roll")]}
+          />
+        </React.Fragment>
+      ) : null}
+
+      {pepContext.state.role &&
+      pepContext.state.role === Role.MILITARY_OFFICER ? (
+        <Select
+          label={getMilitaryRankLabel(
+            entityType,
+            type,
+            pepContext.state.relationToPEP,
+            pepContext.state.businessRelation,
+            pepContext.state.ownerName
+          )}
+          placeholder="Välj grad"
+          alternatives={militaryAlternatives}
+          value={militaryAlternatives.find(
+            alt => alt.value === pepContext.state.militaryRank
+          )}
+          onChange={event => {
+            pepContext.setState({ militaryRank: event.value as MilitaryRank });
+          }}
+          validators={[new RequiredValidator("Du måste ange en grad")]}
+        />
+      ) : null}
+
+      <PrimaryButton type="submit">Nästa</PrimaryButton>
+    </Form>
+  );
+};

package/src/pages/PepStatusPage.tsx

@@ -0,0 +1,157 @@
+import React, {
+  FunctionComponent,
+  useRef,
+  useCallback,
+  useContext,
+} from "react";
+import {
+  Form,
+  RadioGroup,
+  RequiredValidator,
+  PrimaryButton,
+  LysaFormRef,
+  Datepicker,
+} from "@lysaab/ui-2";
+import { Alternative } from "@lysaab/ui-2/components/input/InputAPI";
+import { PepContext, PepStatus, EntityType, PepType } from "./PepContext";
+import { CountrySelect } from "../components/CountrySelect";
+import {
+  LABELS,
+  getStatusOngoingHeader,
+  getStatusCountryHeader,
+} from "../model/PepTexts";
+
+const stateAlternatives: Alternative<PepStatus>[] = [
+  {
+    text: "Pågående",
+    value: PepStatus.ONGOING,
+  },
+  {
+    text: "Avslutad",
+    value: PepStatus.ENDED,
+  },
+];
+
+const isSwedenAlternatives: Alternative<string>[] = [
+  { text: "Sverige", value: "sweden" },
+  { text: "Annat", value: "other" },
+];
+
+interface Props {
+  next: () => void;
+}
+
+export const PepStatusPage: FunctionComponent<Props> = ({ next }) => {
+  const pepContext = useContext(PepContext);
+  const formRef = useRef<LysaFormRef>();
+
+  const nextPage = useCallback(() => {
+    if (formRef.current && formRef.current.isValid) {
+      next();
+    }
+  }, [formRef, next]);
+
+  const updateIsSweden = useCallback(
+    (alternative: Alternative<string>) => {
+      pepContext.setState({ isSweden: alternative.value });
+
+      if (alternative.value === "other") {
+        pepContext.setState({ country: undefined });
+      }
+    },
+    [pepContext]
+  );
+
+  const updateIsOngoing = useCallback(
+    (alternative: Alternative<PepStatus>) => {
+      pepContext.setState({ isOngoing: alternative.value });
+
+      if (alternative.value === PepStatus.ONGOING) {
+        pepContext.setState({ ended: undefined });
+      }
+    },
+    [pepContext]
+  );
+
+  const labels = LABELS(pepContext.state.ownerName);
+  const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
+  const type = pepContext.state.type;
+
+  if (!type || type === PepType.NOT_PEP) {
+    return null;
+  }
+
+  return (
+    <div>
+      <Form
+        lysaFormRef={formRef}
+        onSubmit={() => {
+          nextPage();
+        }}
+      >
+        <RadioGroup
+          alternatives={stateAlternatives}
+          header={getStatusOngoingHeader(
+            entityType,
+            type,
+            pepContext.state.relationToPEP,
+            pepContext.state.businessRelation,
+            pepContext.state.ownerName
+          )}
+          onChange={updateIsOngoing}
+          value={stateAlternatives.find(
+            (alt) => alt.value === pepContext.state.isOngoing
+          )}
+          validators={[new RequiredValidator("Du måste välja ett alternativ")]}
+        />
+
+        {pepContext.state.isOngoing &&
+        pepContext.state.isOngoing === PepStatus.ENDED ? (
+          <Datepicker
+            label="När avslutades uppdraget?"
+            selected={pepContext.state.ended}
+            onChange={(event) =>
+              pepContext.setState({ ended: event || undefined })
+            }
+            validators={[new RequiredValidator("Du måste ange datum")]}
+            showMonthYearPicker
+            dateFormat="yyyy-MM"
+            maxDate={new Date()}
+          />
+        ) : null}
+
+        <RadioGroup
+          alternatives={isSwedenAlternatives}
+          header={getStatusCountryHeader(
+            entityType,
+            type,
+            pepContext.state.relationToPEP,
+            pepContext.state.businessRelation,
+            pepContext.state.ownerName
+          )}
+          onChange={updateIsSweden}
+          value={isSwedenAlternatives.find(
+            (alt) => alt.value === pepContext.state.isSweden
+          )}
+          validators={[new RequiredValidator("Du måste välja ett alternativ")]}
+        />
+
+        {pepContext.state.isSweden && pepContext.state.isSweden === "other" ? (
+          <CountrySelect
+            label="Välj i vilket land befattningen är"
+            onChange={(event) =>
+              pepContext.setState({
+                country: event.value ? event.value.toString() : undefined,
+              })
+            }
+            validators={[new RequiredValidator("Du måste välja land")]}
+            value={pepContext.state.country}
+            removeSweden={true}
+          />
+        ) : null}
+
+        <PrimaryButton type="submit">Nästa</PrimaryButton>
+      </Form>
+    </div>
+  );
+};

package/.vscode/settings.json

@@ -1,4 +0,0 @@
-{
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "editor.formatOnSave": true
-}

package/lib/pages/IsPep/IsPepMessages.d.ts

@@ -1,32 +0,0 @@
-export declare const messages: {
-    header: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    required: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    NOT_PEP: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    ME: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    RELATIVE: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    COLLEAGUE: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};

package/lib/pages/IsPep/IsPepMessages.js

@@ -1,74 +0,0 @@
-import { defineMessages } from "react-intl";
-import { PepType } from "../PepContext";
-export const messages = defineMessages({
-    header: {
-        id: 'pep.ispep.header',
-        description: 'Not pep',
-        defaultMessage: `{ 
-        entityType, select,
-          PERSON {
-            Är du eller en närstående till dig en person i politisk utsatt ställning? (PEP)
-          }
-          CORPORATION {
-            Är {name} eller en närstående till {name} en person i politisk utsatt ställning? (PEP)
-          }
-      }`
-    },
-    required: {
-        id: 'pep.ispep.header',
-        description: 'Not pep',
-        defaultMessage: `{ 
-        entityType, select,
-          PERSON {
-            Är du eller en närstående till dig en person i politisk utsatt ställning? (PEP)
-          }
-          CORPORATION {
-            Är {name} eller en närstående till {name} en person i politisk utsatt ställning? (PEP)
-          }
-      }`
-    },
-    [PepType.NOT_PEP]: {
-        id: 'pep.ispep.NOT_PEP',
-        description: 'Not pep',
-        defaultMessage: 'Nej'
-    },
-    [PepType.ME]: {
-        id: 'pep.ispep.ME',
-        description: 'The person is pep',
-        defaultMessage: `{ 
-        entityType, select,
-          PERSON {
-            Jag har en funktion som gör mig till PEP
-          }
-          CORPORATION {
-            På grund av sin funktion är {name} PEP
-          }
-      }`
-    },
-    [PepType.RELATIVE]: {
-        id: 'pep.ispep.RELATIVE',
-        description: 'Jag har en relation med en person som är PEP',
-        defaultMessage: `{ 
-        entityType, select,
-          PERSON {
-            Jag har en relation med en person som är PEP
-          }
-          CORPORATION {
-            {name} är medarbetare till, eller har en affärsrelation med, en person som är PEP
-          }
-      }`
-    },
-    [PepType.COLLEAGUE]: {
-        id: 'pep.ispep.COLLEAGUE',
-        description: 'The person has a colleague that is pep',
-        defaultMessage: `{ 
-        entityType, select,
-          PERSON {
-            Jag är medarbetare till, eller har en affärsrelation med, en person som är PEP
-          }
-          CORPORATION {
-            På grund av sin funktion är {name} PEP
-          }
-      }`
-    },
-});

package/lib/pages/IsPep/IsPepPage.d.ts

@@ -1,14 +0,0 @@
-import { FunctionComponent } from "react";
-import { PepType, EntityType } from "../PepContext";
-export interface ExternalIsPepState {
-    ownerName: string;
-    entityType: EntityType;
-    type?: PepType;
-    onChange: (type: PepType) => void;
-}
-interface Props {
-    next?: () => void;
-}
-export declare const IsPepRadioGroup: FunctionComponent<ExternalIsPepState>;
-export declare const IsPepPage: FunctionComponent<Props>;
-export {};

package/lib/pages/IsPep/IsPepPage.js

@@ -1,39 +0,0 @@
-import React, { useRef, useCallback, useContext } from "react";
-import { Form, RadioGroup, RequiredValidator, PrimaryButton } from "@lysaab/ui-2";
-import { PepType, PepContext, EntityType } from "../PepContext";
-import { useIntl, FormattedMessage } from "react-intl";
-import { messages } from "./IsPepMessages";
-export const IsPepRadioGroup = ({ ownerName, entityType, type, onChange }) => {
-    const intl = useIntl();
-    const IsPepAlternatives = [
-        {
-            text: intl.formatMessage(messages[PepType.NOT_PEP], { entityType, name: ownerName }),
-            value: PepType.NOT_PEP
-        },
-        { text: intl.formatMessage(messages[PepType.ME], { entityType, name: ownerName }), value: PepType.ME },
-        {
-            text: intl.formatMessage(messages[PepType.RELATIVE], { entityType, name: ownerName }),
-            value: PepType.RELATIVE
-        },
-        {
-            text: intl.formatMessage(messages[PepType.COLLEAGUE], { entityType, name: ownerName }),
-            value: PepType.COLLEAGUE
-        }
-    ];
-    return (React.createElement(RadioGroup, { alternatives: IsPepAlternatives, onChange: alt => onChange(alt.value), value: IsPepAlternatives.find(alt => alt.value === type), header: intl.formatMessage(messages.header, { entityType, name: ownerName }), validators: [RequiredValidator(intl.formatMessage(messages.required))] }));
-};
-export const IsPepPage = ({ next }) => {
-    const pepContext = useContext(PepContext);
-    const formRef = useRef();
-    const nextPage = useCallback(() => {
-        if (formRef.current && formRef.current.isValid && next) {
-            next();
-        }
-    }, [formRef, next]);
-    return (React.createElement(Form, { onSubmit: nextPage, lysaFormRef: formRef },
-        React.createElement(IsPepRadioGroup, { entityType: pepContext.state.legalEntityType || EntityType.PERSON, ownerName: pepContext.state.ownerName || "", type: pepContext.state.type, onChange: type => {
-                pepContext.setState({ type });
-            } }),
-        React.createElement(PrimaryButton, { type: "submit" },
-            React.createElement(FormattedMessage, { id: "pep.ispep.next", description: "Next button", defaultMessage: 'G\u00E5 vidare' }))));
-};

package/lib/pages/RelationPage/RelationMessages.d.ts

@@ -1,105 +0,0 @@
-export declare const relationMessages: {
-    header: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    required: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    MARRIED_PARTNER: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    COLIVING_PARTNER: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    CHILD: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    PARENT: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    CHILD_MARRIED_PARTNER: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    CHILD_COLIVING_PARTNER: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export declare const businessRelationMessages: {
-    header: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    required: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    CO_OWNERSHIP: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    CLOSE_CONNECTION: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    COMPANY_FOR_PEP: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export declare const relativeNameMessages: {
-    header: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    required: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export declare const birthdayMessages: {
-    header: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    required: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export declare const colleagueNameMessages: {
-    header: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    required: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};