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

package/lib/pages/StatusPage/StatusMessages.js

@@ -4,7 +4,103 @@ export const isOngoingMessages = defineMessages({
     header: {
         id: "pep.status.isongoing.header",
         description: "Is ongoing header",
-        defaultMessage: "Är befattningen pågående eller avslutad?",
+        defaultMessage: `{ 
+      entityType, select,
+        PERSON {
+          { 
+            pepType, select, 
+              ME { 
+                Är din befattning pågående eller avslutad?
+              }
+              RELATIVE { 
+                {
+                  relation, select,
+                    MARRIED_PARTNER { 
+                      Är din make/maka/registrerade partners befattning pågående eller avslutad?
+                    }
+                    COLIVING_PARTNER { 
+                      Är din sambos befattning pågående eller avslutad?
+                    }
+                    CHILD { 
+                      Är din förälders befattning pågående eller avslutad?
+                    }
+                    PARENT { 
+                      Är ditt barns befattning pågående eller avslutad?
+                    }
+                    CHILD_MARRIED_PARTNER { 
+                      Är din make/makas förälders befattning pågående eller avslutad?
+                    }
+                    CHILD_COLIVING_PARTNER { 
+                      Är din sambos förälders befattning pågående eller avslutad?
+                    }
+                }
+              }
+              COLLEAGUE { 
+                {
+                  relation, select,
+                    CO_OWNERSHIP { 
+                      Är befattningen för personen i politisk utsatt ställning, som är verklig huvudman till ett företag tillsammans med dig, pågående eller avslutad?
+                    }
+                    CLOSE_CONNECTION { 
+                      Är befattningen för personen i politisk utsatt ställning, som du har eller har haft nära förbindelse med, pågående eller avslutad?
+                    }
+                    COMPANY_FOR_PEP { 
+                      Är befattningen för personen i politisk utsatt ställning, som du har en relation till, pågående eller avslutad?
+                    }
+                }
+              }
+              other {}
+          }
+        }
+        CORPORATION {
+          { 
+            pepType, select, 
+              ME { 
+                Är {possessiveName} befattning pågående eller avslutad?
+        
+              }
+              RELATIVE { 
+                {
+                  relation, select,
+                    MARRIED_PARTNER { 
+                      Är {possessiveName} make/maka/registrerade partners befattning pågående eller avslutad?
+                    }
+                    COLIVING_PARTNER { 
+                      Är {possessiveName} sambos befattning pågående eller avslutad?
+                    }
+                    CHILD { 
+                      Är {possessiveName} förälders befattning pågående eller avslutad?
+                    }
+                    PARENT { 
+                      Är {possessiveName} barns befattning pågående eller avslutad?
+                    }
+                    CHILD_MARRIED_PARTNER { 
+                      Är {possessiveName} make/makas förälders befattning pågående eller avslutad?
+                    }
+                    CHILD_COLIVING_PARTNER { 
+                      Är {possessiveName} sambos förälders befattning pågående eller avslutad?
+                    }
+                }
+              }
+              COLLEAGUE { 
+                {
+                  relation, select,
+                    CO_OWNERSHIP { 
+                      Är befattningen för personen i politisk utsatt ställning, som är verklig huvudman till ett företag tillsammans med {name}, pågående eller avslutad?
+                    }
+                    CLOSE_CONNECTION { 
+                      Är befattningen för personen i politisk utsatt ställning, som {name} har eller har haft nära förbindelse med, pågående eller avslutad?
+                    }
+                    COMPANY_FOR_PEP { 
+                      Är befattningen för personen i politisk utsatt ställning, som {name} har en relation till, pågående eller avslutad?
+                    }
+                }
+              }
+              other {}
+          }
+        }
+        other {}
+    }`,
     },
     required: {
         id: "pep.status.isongoing.required",
@@ -28,7 +124,7 @@ export const isLocalCountryMessages = defineMessages({
     header: {
         id: "pep.status.localcountry.sweden.header",
         description: "Is local country header",
-        defaultMessage: "I vilket land är befattningen?",
+        defaultMessage: "Är befattningen i Sverige?",
     },
     required: {
         id: "pep.status.localcountry.required",
@@ -40,12 +136,108 @@ export const countrySelectionMessages = defineMessages({
     header: {
         id: "pep.status.countryselecton.header",
         description: "Country selection header",
-        defaultMessage: "Välj i vilket land befattningen är",
+        defaultMessage: `{ 
+      entityType, select,
+        PERSON {
+          { 
+            pepType, select, 
+              ME { 
+                I vilket land är/var din befattning?
+              }
+              RELATIVE { 
+                {
+                  relation, select,
+                    MARRIED_PARTNER { 
+                      I vilket land är/var din make/maka/registrerade partners befattning?
+                    }
+                    COLIVING_PARTNER { 
+                      I vilket land är/var din sambos befattning?
+                    }
+                    CHILD { 
+                      I vilket land är/var din förälders befattning?
+                    }
+                    PARENT { 
+                      I vilket land är/var ditt barns befattning?
+                    }
+                    CHILD_MARRIED_PARTNER { 
+                      I vilket land är/var din make/makas förälders befattning?
+                    }
+                    CHILD_COLIVING_PARTNER { 
+                      I vilket land är/var din sambos förälders befattning?
+                    }
+                }
+              }
+              COLLEAGUE { 
+                {
+                  relation, select,
+                    CO_OWNERSHIP { 
+                      I vilket land har/hade personen som har bestämmande rätt över företaget som du har en relation till sin befattning?
+                    }
+                    CLOSE_CONNECTION { 
+                      I vilket land har/hade personen som du har eller har haft nära förbindelse med sin befattning?
+                    }
+                    COMPANY_FOR_PEP { 
+                      I vilket land har/hade personen i politisk utsatt ställning som du har en relation till sin befattning?
+                    }
+                }
+              }
+              other {}
+          }
+        }
+        CORPORATION {
+          { 
+            pepType, select, 
+              ME { 
+                I vilket land är/var {possessiveName} befattning?
+        
+              }
+              RELATIVE { 
+                {
+                  relation, select,
+                    MARRIED_PARTNER { 
+                      I vilket land är/var {possessiveName} make/maka/registrerade partners befattning?
+                    }
+                    COLIVING_PARTNER { 
+                      I vilket land är/var {possessiveName} sambos befattning?
+                    }
+                    CHILD { 
+                      I vilket land är/var {possessiveName} förälders befattning?
+                    }
+                    PARENT { 
+                      I vilket land är/var {possessiveName} barns befattning?
+                    }
+                    CHILD_MARRIED_PARTNER { 
+                      I vilket land är/var {possessiveName} make/makas förälders befattning?
+                    }
+                    CHILD_COLIVING_PARTNER { 
+                      I vilket land är/var {possessiveName} sambos förälders befattning?
+                    }
+                }
+              }
+              COLLEAGUE { 
+                {
+                  relation, select,
+                    CO_OWNERSHIP { 
+                      I vilket land har/hade personen som har bestämmande rätt över företaget som {name} har en relation till sin befattning?
+                    }
+                    CLOSE_CONNECTION { 
+                      I vilket land har/hade personen som {name} har eller har haft nära förbindelse med sin befattning?
+                    }
+                    COMPANY_FOR_PEP { 
+                      I vilket land har/hade personen i politisk utsatt ställning som {name} har en relation till sin befattning?
+                    }
+                }
+              }
+              other {}
+          }
+        }
+        other {}
+    }`,
     },
     required: {
         id: "pep.status.countryselecton.required",
         description: "Country selection required error",
-        defaultMessage: "Du måste välja land",
+        defaultMessage: "Du måste välja ett land",
     },
 });
 export const localCountryAltMessages = defineMessages({

package/lib/pages/StatusPage/StatusPage.js

@@ -1,15 +1,17 @@
-import React, { useRef, useCallback, useContext } from "react";
-import { Form, RadioGroup, RequiredValidator, PrimaryButton, Datepicker } from "@lysaab/ui-2";
-import { PepContext, PepStatus } from "../PepContext";
+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 { 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();
@@ -31,20 +33,38 @@ export const StatusPage = ({ next }) => {
         React.createElement(Form, { lysaFormRef: formRef, onSubmit: () => {
                 nextPage();
             } },
-            React.createElement(RadioGroup, { alternatives: stateAlternatives, header: intl.formatMessage(isOngoingMessages.header), onChange: updateIsOngoing, value: stateAlternatives.find(alt => alt.value === pepContext.state.isOngoing), validators: [
-                    RequiredValidator(intl.formatMessage(isOngoingMessages.required))
+            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: [
-                    RequiredValidator(intl.formatMessage(isOngoingMessages.required))
+                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), onChange: updateIsSweden, value: isSwedenAlternatives.find(alt => alt.value === pepContext.state.isSweden), validators: [
-                    RequiredValidator(intl.formatMessage(isLocalCountryMessages.required))
+            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), onChange: event => pepContext.setState({
-                    country: event.value ? event.value.toString() : undefined
+            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: [
-                    RequiredValidator(intl.formatMessage(countrySelectionMessages.required))
+                    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" })))));
@@ -53,23 +73,23 @@ function getIsLocalCountryAlternatives(intl) {
     return [
         {
             text: intl.formatMessage(localCountryAltMessages.localCountry),
-            value: "sweden"
+            value: "sweden",
         },
         {
             text: intl.formatMessage(localCountryAltMessages.otherCountry),
-            value: "other"
-        }
+            value: "other",
+        },
     ];
 }
 function getStateAlternatives(intl) {
     return [
         {
             text: intl.formatMessage(stateAltMessages[PepStatus.ONGOING]),
-            value: PepStatus.ONGOING
+            value: PepStatus.ONGOING,
         },
         {
             text: intl.formatMessage(stateAltMessages[PepStatus.ENDED]),
-            value: PepStatus.ENDED
-        }
+            value: PepStatus.ENDED,
+        },
     ];
 }

package/lib/utils/Possession.d.ts

@@ -0,0 +1 @@
+export declare function formatPossessive(text: string | undefined, locale: string): string | undefined;

package/lib/utils/Possession.js

@@ -0,0 +1,18 @@
+export function formatPossessive(text, locale) {
+    if (!text) {
+        return;
+    }
+    const language = locale.substr(0, 2);
+    if (language === "sv") {
+        return formatSwedish(text);
+    }
+    return text;
+}
+function formatSwedish(text) {
+    if (text[text.length - 1] !== "s" &&
+        text[text.length - 1] !== "z" &&
+        text[text.length - 1] !== "x") {
+        text += "s";
+    }
+    return text;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lysaab/lysa-pep",
   "author": "Lysa AB",
-  "version": "1.0.1-0",
+  "version": "1.0.2-0",
   "main": "./lib/Exports.js",
   "dependencies": {
     "@types/luxon": "^1.15.2",
@@ -10,7 +10,7 @@
     "react-intl": "^4.1.1"
   },
   "devDependencies": {
-    "@lysaab/ui-2": "^16.11.1",
+    "@lysaab/ui-2": "^18.0.0",
     "@types/jest": "24.0.20",
     "@types/luxon": "^1.15.2",
     "@types/node": "12.11.7",

package/src/demo/Pep.tsx

@@ -19,7 +19,7 @@ export function Pep() {
       pepContext.setState({
         ownerName: "Sean Banan",
         tin: "191212121212",
-        legalEntityType: EntityType.PERSON
+        legalEntityType: EntityType.PERSON,
       });
       loaded.current = true;
     }
@@ -35,30 +35,30 @@ export function Pep() {
           onBack={() => {
             if (page === 4 && type === PepType.NOT_PEP) {
               setPage(0);
-            } else if (page === 3 && type === PepType.ME) {
-              setPage(1);
+            } else if (page === 2 && type === PepType.ME) {
+              setPage(0);
             } else {
               setPage(page - 1);
             }
           }}
           transitionKey={page.toString()}
-          onExit={() => { }}
+          onExit={() => {}}
         >
           {page === 0 ? (
             <IsPepPage
-              next={() =>
-                type !== PepType.NOT_PEP ? setPage(page + 1) : setPage(4)
-              }
-            />
-          ) : null}
-          {page === 1 ? (
-            <StatusPage
-              next={() =>
-                type === PepType.ME ? setPage(page + 2) : setPage(page + 1)
-              }
+              next={() => {
+                if (type === PepType.NOT_PEP) {
+                  setPage(4);
+                } else if (type === PepType.ME) {
+                  setPage(page + 2);
+                } else {
+                  setPage(page + 1);
+                }
+              }}
             />
           ) : null}
-          {page === 2 ? <RelationPage next={() => 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>
@@ -68,14 +68,14 @@ export function Pep() {
           <div>
             <label>
               Verkligen huvudman
-            <input
+              <input
                 type="checkbox"
                 value={"true"}
-                onChange={event =>
+                onChange={(event) =>
                   pepContext.setState({
                     legalEntityType: event.currentTarget.checked
                       ? EntityType.CORPORATION
-                      : EntityType.PERSON
+                      : EntityType.PERSON,
                   })
                 }
               />
@@ -84,10 +84,10 @@ export function Pep() {
           <div>
             <label>
               Namnet på den verkliga huvudmannen
-            <input
+              <input
                 type="text"
                 value={pepContext.state.ownerName || ""}
-                onChange={event =>
+                onChange={(event) =>
                   pepContext.setState({ ownerName: event.currentTarget.value })
                 }
               />
@@ -96,10 +96,10 @@ export function Pep() {
           <div>
             <label>
               Personnummer på huvudmannen
-            <input
+              <input
                 type="text"
                 value={pepContext.state.tin || ""}
-                onChange={event =>
+                onChange={(event) =>
                   pepContext.setState({ tin: event.currentTarget.value })
                 }
               />

package/src/pages/IsPep/IsPepMessages.ts

@@ -2,10 +2,10 @@ import { defineMessages } from "react-intl";
 import { PepType } from "../PepContext";
 
 export const messages = defineMessages({
-    header: {
-        id: 'pep.ispep.header',
-        description: 'Not pep',
-        defaultMessage: `{ 
+  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)
@@ -13,30 +13,22 @@ export const messages = defineMessages({
           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: `{ 
+      }`,
+  },
+  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
@@ -44,12 +36,12 @@ export const messages = defineMessages({
           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: `{ 
+      }`,
+  },
+  [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
@@ -57,12 +49,12 @@ export const messages = defineMessages({
           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: `{ 
+      }`,
+  },
+  [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
@@ -70,6 +62,6 @@ export const messages = defineMessages({
           CORPORATION {
             På grund av sin funktion är {name} PEP
           }
-      }`
-    },
-})
+      }`,
+  },
+});

package/src/pages/IsPep/IsPepPage.tsx

@@ -2,14 +2,14 @@ import React, {
   FunctionComponent,
   useRef,
   useCallback,
-  useContext
+  useContext,
 } from "react";
 import {
   Form,
   RadioGroup,
   RequiredValidator,
   PrimaryButton,
-  LysaFormRef
+  LysaFormRef,
 } from "@lysaab/ui-2";
 import { PepType, PepContext, EntityType } from "../PepContext";
 import { useIntl, FormattedMessage } from "react-intl";
@@ -30,33 +30,53 @@ export const IsPepRadioGroup: FunctionComponent<ExternalIsPepState> = ({
   ownerName,
   entityType,
   type,
-  onChange
+  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.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.ME], {
+        entityType,
+        name: ownerName,
+      }),
+      value: PepType.ME,
     },
     {
-      text: intl.formatMessage(messages[PepType.COLLEAGUE], { entityType, name: ownerName }),
-      value: PepType.COLLEAGUE
-    }
+      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 (
     <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))]}
+      onChange={(alt) => onChange(alt.value)}
+      value={IsPepAlternatives.find((alt) => alt.value === type)}
+      header={intl.formatMessage(messages.header, {
+        entityType,
+        name: ownerName,
+      })}
+      validators={[
+        new RequiredValidator(intl.formatMessage(messages.required)),
+      ]}
     />
   );
 };
@@ -77,7 +97,7 @@ export const IsPepPage: FunctionComponent<Props> = ({ next }) => {
         entityType={pepContext.state.legalEntityType || EntityType.PERSON}
         ownerName={pepContext.state.ownerName || ""}
         type={pepContext.state.type}
-        onChange={type => {
+        onChange={(type) => {
           pepContext.setState({ type });
         }}
       />
@@ -86,7 +106,7 @@ export const IsPepPage: FunctionComponent<Props> = ({ next }) => {
         <FormattedMessage
           id="pep.ispep.next"
           description="Next button"
-          defaultMessage='Gå vidare'
+          defaultMessage="Gå vidare"
         />
       </PrimaryButton>
     </Form>