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

package/src/demo/Pep.tsx

@@ -1,112 +1,112 @@
-import React, { useState, useContext, useEffect, useRef } from "react";
-import { Story } from "@lysaab/ui-2";
-import { IntlProvider } from "react-intl";
-import { IsPepPage } from "../pages/IsPep/IsPepPage";
-import { StatusPage } from "../pages/StatusPage/StatusPage";
-import { RolePage } from "../pages/RolePage/RolePage";
-import { PepContext, PepType, EntityType } from "../pages/PepContext";
-import { Done } from "./Done";
-import { RelationPage } from "../pages/RelationPage/RelationPage";
-
-export function Pep() {
-  const [page, setPage] = useState(0);
-  const pepContext = useContext(PepContext);
-  const type = pepContext.state.type;
-  const loaded = useRef(false);
-
-  useEffect(() => {
-    if (!loaded.current) {
-      pepContext.setState({
-        ownerName: "Sean Banan",
-        tin: "191212121212",
-        legalEntityType: EntityType.PERSON,
-      });
-      loaded.current = true;
-    }
-  }, [loaded, pepContext]);
-
-  return (
-    <div style={{ maxWidth: "1000px", margin: "0 auto" }}>
-      <IntlProvider locale="sv">
-        <Story
-          header="PEP Lib"
-          showBack={page > 0}
-          showClose={false}
-          onBack={() => {
-            if (page === 4 && type === PepType.NOT_PEP) {
-              setPage(0);
-            } else if (page === 2 && type === PepType.ME) {
-              setPage(0);
-            } else {
-              setPage(page - 1);
-            }
-          }}
-          transitionKey={page.toString()}
-          onExit={() => {}}
-        >
-          {page === 0 ? (
-            <IsPepPage
-              next={() => {
-                if (type === PepType.NOT_PEP) {
-                  setPage(4);
-                } else if (type === PepType.ME) {
-                  setPage(page + 2);
-                } else {
-                  setPage(page + 1);
-                }
-              }}
-            />
-          ) : null}
-          {page === 1 ? <RelationPage next={() => setPage(page + 1)} /> : null}
-          {page === 2 ? <StatusPage next={() => setPage(page + 1)} /> : null}
-          {page === 3 ? <RolePage next={() => setPage(page + 1)} /> : null}
-          {page === 4 ? <Done /> : null}
-        </Story>
-        <hr />
-        <fieldset>
-          <legend>Konfig</legend>
-          <div>
-            <label>
-              Verkligen huvudman
-              <input
-                type="checkbox"
-                value={"true"}
-                onChange={(event) =>
-                  pepContext.setState({
-                    legalEntityType: event.currentTarget.checked
-                      ? EntityType.CORPORATION
-                      : EntityType.PERSON,
-                  })
-                }
-              />
-            </label>
-          </div>
-          <div>
-            <label>
-              Namnet på den verkliga huvudmannen
-              <input
-                type="text"
-                value={pepContext.state.ownerName || ""}
-                onChange={(event) =>
-                  pepContext.setState({ ownerName: event.currentTarget.value })
-                }
-              />
-            </label>
-          </div>
-          <div>
-            <label>
-              Personnummer på huvudmannen
-              <input
-                type="text"
-                value={pepContext.state.tin || ""}
-                onChange={(event) =>
-                  pepContext.setState({ tin: event.currentTarget.value })
-                }
-              />
-            </label>
-          </div>
-        </fieldset>
-      </IntlProvider>
-    </div>
-  );
-}
+import React, { useState, useContext, useEffect, useRef } from "react";
+import { Story } from "@lysaab/ui-2";
+import { IntlProvider } from "react-intl";
+import { IsPepPage } from "../pages/IsPep/IsPepPage";
+import { StatusPage } from "../pages/StatusPage/StatusPage";
+import { RolePage } from "../pages/RolePage/RolePage";
+import { PepContext, PepType, EntityType } from "../pages/PepContext";
+import { Done } from "./Done";
+import { RelationPage } from "../pages/RelationPage/RelationPage";
+
+export function Pep() {
+  const [page, setPage] = useState(0);
+  const pepContext = useContext(PepContext);
+  const type = pepContext.state.type;
+  const loaded = useRef(false);
+
+  useEffect(() => {
+    if (!loaded.current) {
+      pepContext.setState({
+        ownerName: "Sean Banan",
+        tin: "191212121212",
+        legalEntityType: EntityType.PERSON,
+      });
+      loaded.current = true;
+    }
+  }, [loaded, pepContext]);
+
+  return (
+    <div style={{ maxWidth: "1000px", margin: "0 auto" }}>
+      <IntlProvider locale="sv">
+        <Story
+          header="PEP Lib"
+          showBack={page > 0}
+          showClose={false}
+          onBack={() => {
+            if (page === 4 && type === PepType.NOT_PEP) {
+              setPage(0);
+            } else if (page === 2 && type === PepType.ME) {
+              setPage(0);
+            } else {
+              setPage(page - 1);
+            }
+          }}
+          transitionKey={page.toString()}
+          onExit={() => {}}
+        >
+          {page === 0 ? (
+            <IsPepPage
+              next={() => {
+                if (type === PepType.NOT_PEP) {
+                  setPage(4);
+                } else if (type === PepType.ME) {
+                  setPage(page + 2);
+                } else {
+                  setPage(page + 1);
+                }
+              }}
+            />
+          ) : null}
+          {page === 1 ? <RelationPage next={() => setPage(page + 1)} /> : null}
+          {page === 2 ? <StatusPage next={() => setPage(page + 1)} /> : null}
+          {page === 3 ? <RolePage next={() => setPage(page + 1)} /> : null}
+          {page === 4 ? <Done /> : null}
+        </Story>
+        <hr />
+        <fieldset>
+          <legend>Konfig</legend>
+          <div>
+            <label>
+              Verkligen huvudman
+              <input
+                type="checkbox"
+                value={"true"}
+                onChange={(event) =>
+                  pepContext.setState({
+                    legalEntityType: event.currentTarget.checked
+                      ? EntityType.CORPORATION
+                      : EntityType.PERSON,
+                  })
+                }
+              />
+            </label>
+          </div>
+          <div>
+            <label>
+              Namnet på den verkliga huvudmannen
+              <input
+                type="text"
+                value={pepContext.state.ownerName || ""}
+                onChange={(event) =>
+                  pepContext.setState({ ownerName: event.currentTarget.value })
+                }
+              />
+            </label>
+          </div>
+          <div>
+            <label>
+              Personnummer på huvudmannen
+              <input
+                type="text"
+                value={pepContext.state.tin || ""}
+                onChange={(event) =>
+                  pepContext.setState({ tin: event.currentTarget.value })
+                }
+              />
+            </label>
+          </div>
+        </fieldset>
+      </IntlProvider>
+    </div>
+  );
+}

package/src/model/PepModel.ts

@@ -1,52 +1,52 @@
-import { PepState, PepType, EntityType, PepStatus } from "../pages/PepContext";
-import { DateTime } from "luxon";
-
-export interface PepRequest
-  extends Omit<PepState, "isSweden" | "isOngoing" | "ended" | "birthdayOfPEP"> {
-  ended?: string;
-  birthdayOfPEP?: string;
-}
-
-/**
- * Do some minor preprocessing before we are ready to send everything to the
- * server
- */
-export function stateToRequest(pepData: PepState): PepRequest {
-  const data = { ...pepData };
-  delete data.isSweden;
-  delete data.isOngoing;
-  delete data.ownerName;
-  if (data.legalEntityType === EntityType.PERSON) {
-    delete data.tin;
-  }
-  return {
-    ...data,
-    country: data.type !== PepType.NOT_PEP ? data.country || "SE" : undefined,
-    ended: data.ended
-      ? DateTime.fromJSDate(data.ended).toFormat("yyyy-MM")
-      : undefined,
-    birthdayOfPEP: data.birthdayOfPEP
-      ? DateTime.fromJSDate(data.birthdayOfPEP).toFormat("yyyy-MM-dd")
-      : undefined
-  };
-}
-
-export function requestToState({
-  ended,
-  birthdayOfPEP,
-  ...serverData
-}: PepRequest): PepState {
-  const state: PepState = { ...serverData };
-  if (ended) {
-    state.ended = DateTime.fromFormat(ended, "yyyy-MM").toJSDate();
-  }
-  if (birthdayOfPEP) {
-    state.birthdayOfPEP = DateTime.fromFormat(
-      birthdayOfPEP,
-      "yyyy-MM-dd"
-    ).toJSDate();
-  }
-  state.isSweden = state.country === "SE" ? "sweden" : "other";
-  state.isOngoing = state.ended ? PepStatus.ENDED : PepStatus.ONGOING;
-  return state;
-}
+import { PepState, PepType, EntityType, PepStatus } from "../pages/PepContext";
+import { DateTime } from "luxon";
+
+export interface PepRequest
+  extends Omit<PepState, "isSweden" | "isOngoing" | "ended" | "birthdayOfPEP"> {
+  ended?: string;
+  birthdayOfPEP?: string;
+}
+
+/**
+ * Do some minor preprocessing before we are ready to send everything to the
+ * server
+ */
+export function stateToRequest(pepData: PepState): PepRequest {
+  const data = { ...pepData };
+  delete data.isSweden;
+  delete data.isOngoing;
+  delete data.ownerName;
+  if (data.legalEntityType === EntityType.PERSON) {
+    delete data.tin;
+  }
+  return {
+    ...data,
+    country: data.type !== PepType.NOT_PEP ? data.country || "SE" : undefined,
+    ended: data.ended
+      ? DateTime.fromJSDate(data.ended).toFormat("yyyy-MM")
+      : undefined,
+    birthdayOfPEP: data.birthdayOfPEP
+      ? DateTime.fromJSDate(data.birthdayOfPEP).toFormat("yyyy-MM-dd")
+      : undefined
+  };
+}
+
+export function requestToState({
+  ended,
+  birthdayOfPEP,
+  ...serverData
+}: PepRequest): PepState {
+  const state: PepState = { ...serverData };
+  if (ended) {
+    state.ended = DateTime.fromFormat(ended, "yyyy-MM").toJSDate();
+  }
+  if (birthdayOfPEP) {
+    state.birthdayOfPEP = DateTime.fromFormat(
+      birthdayOfPEP,
+      "yyyy-MM-dd"
+    ).toJSDate();
+  }
+  state.isSweden = state.country === "SE" ? "sweden" : "other";
+  state.isOngoing = state.ended ? PepStatus.ENDED : PepStatus.ONGOING;
+  return state;
+}

package/src/pages/IsPep/IsPepMessages.ts

@@ -1,67 +1,67 @@
-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.required",
-    description: "Not pep",
-    defaultMessage: "Du måste välja ett alternativ",
-  },
-  [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
-          }
-      }`,
-  },
-});
+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.required",
+    description: "Not pep",
+    defaultMessage: "Du måste välja ett alternativ",
+  },
+  [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
+          }
+      }`,
+  },
+});