@lysaab/lysa-pep 1.0.0 → 1.0.1-0

package/src/pages/PepIsPepPage.tsx

@@ -1,107 +0,0 @@
-import React, { useRef, useCallback, useContext } from "react";
-import {
-  Form,
-  RadioGroup,
-  RequiredValidator,
-  PrimaryButton,
-  LysaFormRef,
-} from "@lysaab/ui-2";
-import { PepType, PepContext, EntityType } from "./PepContext";
-import { LABELS } from "../model/PepTexts";
-
-interface QuestionsProps {
-  ownerName?: string;
-  legalEntityType?: EntityType;
-  type?: PepType;
-  onChange: (type: PepType) => void;
-  resetValues?: () => void;
-}
-
-export const PepIsPepQuestions: React.FC<QuestionsProps> = ({
-  ownerName,
-  legalEntityType,
-  type,
-  onChange,
-  resetValues,
-}) => {
-  const labels = LABELS(ownerName);
-  const entityType = legalEntityType || EntityType.PERSON;
-
-  const IsPepAlternatives = [
-    {
-      text: labels[entityType].GENERIC.IS_PEP[PepType.NOT_PEP],
-      value: PepType.NOT_PEP,
-    },
-    { text: labels[entityType].GENERIC.IS_PEP[PepType.ME], value: PepType.ME },
-    {
-      text: labels[entityType].GENERIC.IS_PEP[PepType.RELATIVE],
-      value: PepType.RELATIVE,
-    },
-    {
-      text: labels[entityType].GENERIC.IS_PEP[PepType.COLLEAGUE],
-      value: PepType.COLLEAGUE,
-    },
-  ];
-
-  return (
-    <RadioGroup
-      alternatives={IsPepAlternatives}
-      onChange={(alternative) => {
-        onChange(alternative.value);
-        resetValues?.();
-      }}
-      value={IsPepAlternatives.find((alt) => alt.value === type)}
-      header={labels[entityType].GENERIC.IS_PEP_HEADER}
-      validators={[new RequiredValidator("Du måste välja ett alternativ")]}
-    />
-  );
-};
-
-interface Props {
-  next: () => void;
-}
-
-export const PepIsPepPage: React.FC<Props> = ({ next }) => {
-  const pepContext = useContext(PepContext);
-  const formRef = useRef<LysaFormRef>();
-
-  const nextPage = useCallback(() => {
-    if (formRef.current && formRef.current.isValid) {
-      next();
-    }
-  }, [formRef, next]);
-
-  const resetValues = useCallback(() => {
-    pepContext.setState({
-      ambassadorCountry: undefined,
-      birthdayOfPEP: undefined,
-      businessRelation: undefined,
-      country: undefined,
-      ended: undefined,
-      governmentCompany: undefined,
-      governmentCompanyRole: undefined,
-      internationalOrganisation: undefined,
-      internationalOrganisationRole: undefined,
-      isOngoing: undefined,
-      isSweden: undefined,
-      militaryRank: undefined,
-      nameOfPEP: undefined,
-      relationToPEP: undefined,
-      role: undefined,
-    });
-  }, [pepContext]);
-
-  return (
-    <Form onSubmit={nextPage} lysaFormRef={formRef}>
-      <PepIsPepQuestions
-        ownerName={pepContext.state.ownerName}
-        legalEntityType={pepContext.state.legalEntityType}
-        type={pepContext.state.type}
-        onChange={(type) => pepContext.setState({ type })}
-        resetValues={resetValues}
-      />
-
-      <PrimaryButton type="submit">Nästa</PrimaryButton>
-    </Form>
-  );
-};

package/src/pages/PepRelationPage.tsx

@@ -1,188 +0,0 @@
-import React, {
-  useContext,
-  useRef,
-  useCallback,
-  FunctionComponent,
-} from "react";
-import {
-  PepContext,
-  PepType,
-  BusinessRelation,
-  Relation,
-  EntityType,
-} from "./PepContext";
-import {
-  LysaFormRef,
-  RadioGroup,
-  Form,
-  Alternative,
-  RequiredValidator,
-  TextInput,
-  Datepicker,
-  PrimaryButton,
-} from "@lysaab/ui-2";
-import { LABELS } from "../model/PepTexts";
-import { DateTime } from "luxon";
-
-const DATEPICKER_START_DATE = DateTime.fromISO("1970-01-01").toJSDate();
-
-interface Props {
-  next: () => void;
-}
-
-export const PepRelationPage: FunctionComponent<Props> = ({ next }) => {
-  const pepContext = useContext(PepContext);
-  const formRef = useRef<LysaFormRef>();
-  const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
-  const type = pepContext.state.type;
-  const labels = LABELS(pepContext.state.ownerName);
-
-  const businessRelationAlternatives: Alternative<BusinessRelation>[] = [
-    {
-      text:
-        labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION[
-          BusinessRelation.CO_OWNERSHIP
-        ],
-      value: BusinessRelation.CO_OWNERSHIP,
-    },
-    {
-      text:
-        labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION[
-          BusinessRelation.CLOSE_CONNECTION
-        ],
-      value: BusinessRelation.CLOSE_CONNECTION,
-    },
-    {
-      text:
-        labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION[
-          BusinessRelation.COMPANY_FOR_PEP
-        ],
-      value: BusinessRelation.COMPANY_FOR_PEP,
-    },
-  ];
-
-  const relationAlternatives: Alternative<Relation>[] = [
-    {
-      text:
-        labels[entityType][PepType.RELATIVE].RELATION[Relation.MARRIED_PARTNER],
-      value: Relation.MARRIED_PARTNER,
-    },
-    {
-      text:
-        labels[entityType][PepType.RELATIVE].RELATION[
-          Relation.COLIVING_PARTNER
-        ],
-      value: Relation.COLIVING_PARTNER,
-    },
-    {
-      text: labels[entityType][PepType.RELATIVE].RELATION[Relation.CHILD],
-      value: Relation.CHILD,
-    },
-    {
-      text: labels[entityType][PepType.RELATIVE].RELATION[Relation.PARENT],
-      value: Relation.PARENT,
-    },
-    {
-      text:
-        labels[entityType][PepType.RELATIVE].RELATION[
-          Relation.CHILD_MARRIED_PARTNER
-        ],
-      value: Relation.CHILD_MARRIED_PARTNER,
-    },
-    {
-      text:
-        labels[entityType][PepType.RELATIVE].RELATION[
-          Relation.CHILD_COLIVING_PARTNER
-        ],
-      value: Relation.CHILD_COLIVING_PARTNER,
-    },
-  ];
-
-  const nextPage = useCallback(() => {
-    if (formRef.current && formRef.current.isValid) {
-      next();
-    }
-  }, [formRef, next]);
-  return (
-    <Form onSubmit={() => nextPage()} lysaFormRef={formRef}>
-      {type === PepType.RELATIVE ? (
-        <RadioGroup
-          alternatives={relationAlternatives}
-          onChange={alternative => {
-            pepContext.setState({
-              relationToPEP: alternative.value,
-            });
-          }}
-          value={relationAlternatives.find(
-            alt => alt.value === pepContext.state.relationToPEP
-          )}
-          header={labels[entityType][PepType.RELATIVE].RELATION_LABEL}
-          validators={[new RequiredValidator("Du måste välja ett alternativ")]}
-        />
-      ) : null}
-      {type === PepType.COLLEAGUE ? (
-        <RadioGroup
-          alternatives={businessRelationAlternatives}
-          onChange={alternative => {
-            pepContext.setState({
-              businessRelation: alternative.value,
-            });
-          }}
-          value={businessRelationAlternatives.find(
-            alt => alt.value === pepContext.state.businessRelation
-          )}
-          header={labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION_LABEL}
-          validators={[new RequiredValidator("Du måste välja ett alternativ")]}
-        />
-      ) : null}
-      {pepContext.state.relationToPEP && type === PepType.RELATIVE ? (
-        <React.Fragment>
-          <TextInput
-            label={
-              labels[entityType][type].NAME_LABEL[
-                pepContext.state.relationToPEP
-              ]
-            }
-            value={pepContext.state.nameOfPEP || ""}
-            onChange={value => {
-              pepContext.setState({ nameOfPEP: value });
-            }}
-            validators={[new RequiredValidator("Du måste ange namn")]}
-          />
-          <Datepicker
-            label={
-              labels[entityType][type].BIRTH_LABEL[
-                pepContext.state.relationToPEP
-              ]
-            }
-            selected={pepContext.state.birthdayOfPEP}
-            onChange={event =>
-              pepContext.setState({ birthdayOfPEP: event || undefined })
-            }
-            validators={[new RequiredValidator("Ange datum")]}
-            maxDate={new Date()}
-            openToDate={pepContext.state.birthdayOfPEP || DATEPICKER_START_DATE}
-          />
-        </React.Fragment>
-      ) : null}
-
-      {pepContext.state.businessRelation && type === PepType.COLLEAGUE ? (
-        <React.Fragment>
-          <TextInput
-            label={
-              labels[entityType][type].NAME_LABEL[
-                pepContext.state.businessRelation
-              ]
-            }
-            value={pepContext.state.nameOfPEP || ""}
-            onChange={value => {
-              pepContext.setState({ nameOfPEP: value });
-            }}
-            validators={[new RequiredValidator("Du måste ange namn")]}
-          />
-        </React.Fragment>
-      ) : null}
-      <PrimaryButton type="submit">Nästa</PrimaryButton>
-    </Form>
-  );
-};

package/src/pages/PepRolePage.tsx

@@ -1,272 +0,0 @@
-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>
-  );
-};