@lysaab/lysa-pep 1.0.0-0 → 1.0.0

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,3 +0,0 @@
-{
-    "i18n-ally.localesPaths": []
-}

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;
-    };
-};