@lysaab/lysa-pep 7.0.0 → 7.1.0

package/src/pages/StatusPage/StatusPage.tsx

@@ -1,237 +0,0 @@
-import React, {
-  FunctionComponent,
-  useRef,
-  useCallback,
-  useContext,
-} from "react";
-import {
-  Form,
-  RadioGroup,
-  RequiredValidator,
-  LysaFormRef,
-  Datepicker,
-  Card,
-  CountrySelect,
-  Language,
-  WorldCountry,
-  Button,
-} from "@lysaab/ui-2";
-import { Alternative } from "@lysaab/ui-2/components/input/InputAPI";
-import { PepContext, PepStatus, EntityType, PepType } from "../PepContext";
-import { useIntl, FormattedMessage, IntlShape } from "react-intl";
-import {
-  isOngoingMessages,
-  endedMessages,
-  isLocalCountryMessages,
-  countrySelectionMessages,
-  localCountryAltMessages,
-  stateAltMessages,
-} from "./StatusMessages";
-import { formatPossessive } from "../../utils/Possession";
-
-interface Props {
-  countryName: string;
-  countryCode: WorldCountry;
-  language: Language;
-  next: () => void;
-}
-
-export const StatusPage: FunctionComponent<Props> = ({
-  countryName,
-  countryCode,
-  language,
-  next,
-}) => {
-  const pepContext = useContext(PepContext);
-  const formRef = useRef<LysaFormRef>();
-  const intl = useIntl();
-  const stateAlternatives = getStateAlternatives(intl);
-  const isLocalCountryAlternatives = getIsLocalCountryAlternatives(
-    intl,
-    countryName
-  );
-  const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
-
-  const nextPage = useCallback(() => {
-    if (formRef.current && formRef.current.isValid) {
-      next();
-    }
-  }, [formRef, next]);
-
-  const updateIsLocalCountry = useCallback(
-    (alternative: Alternative<string>) => {
-      pepContext.setState({ isLocalCountry: alternative.value });
-
-      if (alternative.value === "other") {
-        pepContext.setState({ country: undefined });
-      } else {
-        pepContext.setState({ country: countryCode });
-      }
-    },
-    [pepContext, countryCode]
-  );
-
-  const updateIsOngoing = useCallback(
-    (alternative: Alternative<PepStatus>) => {
-      pepContext.setState({ isOngoing: alternative.value });
-
-      if (alternative.value === PepStatus.ONGOING) {
-        pepContext.setState({ ended: undefined });
-      }
-    },
-    [pepContext]
-  );
-
-  return (
-    <div>
-      <Form
-        lysaFormRef={formRef}
-        onSubmit={() => {
-          nextPage();
-        }}
-      >
-        <Card>
-          <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 ? (
-            <Datepicker
-              label={intl.formatMessage(endedMessages.header)}
-              selected={pepContext.state.ended}
-              onChange={(event) => {
-                // event has a type that says it can be [startDate, endDate]
-                // but we know that will never be the case here
-                pepContext.setState({ ended: (event as Date) || undefined });
-              }}
-              validators={[
-                new RequiredValidator(
-                  intl.formatMessage(endedMessages.required)
-                ),
-              ]}
-              showMonthYearPicker
-              dateFormat="yyyy-MM"
-              maxDate={new Date()}
-            />
-          ) : null}
-        </Card>
-
-        <Card>
-          <RadioGroup
-            alternatives={isLocalCountryAlternatives}
-            header={intl.formatMessage(isLocalCountryMessages.header, {
-              possessiveName: formatPossessive(
-                pepContext.state.ownerName,
-                intl.locale
-              ),
-            })}
-            onChange={updateIsLocalCountry}
-            value={isLocalCountryAlternatives.find(
-              (alt) => alt.value === pepContext.state.isLocalCountry
-            )}
-            validators={[
-              new RequiredValidator(
-                intl.formatMessage(isLocalCountryMessages.required)
-              ),
-            ]}
-          />
-
-          {pepContext.state.isLocalCountry &&
-          pepContext.state.isLocalCountry === "other" ? (
-            <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 : undefined,
-                })
-              }
-              validators={[
-                new RequiredValidator(
-                  intl.formatMessage(countrySelectionMessages.required)
-                ),
-              ]}
-              value={pepContext.state.country}
-              omitList={[countryCode]}
-              language={language}
-              placeholder={intl.formatMessage(
-                countrySelectionMessages.placeholder
-              )}
-            />
-          ) : null}
-        </Card>
-
-        <Button
-          label={<FormattedMessage id="pep.status.next" />}
-          block
-          type="submit"
-        />
-      </Form>
-    </div>
-  );
-};
-
-function getIsLocalCountryAlternatives(
-  intl: IntlShape,
-  countryName: string
-): Alternative<string>[] {
-  return [
-    {
-      text: intl.formatMessage(localCountryAltMessages.localCountry, {
-        countryName,
-      }),
-      value: "local",
-    },
-    {
-      text: intl.formatMessage(localCountryAltMessages.otherCountry),
-      value: "other",
-    },
-  ];
-}
-
-function getStateAlternatives(intl: IntlShape): Alternative<PepStatus>[] {
-  return [
-    {
-      text: intl.formatMessage(stateAltMessages[PepStatus.ONGOING]),
-      value: PepStatus.ONGOING,
-    },
-    {
-      text: intl.formatMessage(stateAltMessages[PepStatus.ENDED]),
-      value: PepStatus.ENDED,
-    },
-  ];
-}

package/src/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />

package/src/serviceWorker.ts

@@ -1,143 +0,0 @@
-// This optional code is used to register a service worker.
-// register() is not called by default.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on subsequent visits to a page, after all the
-// existing tabs open on the page have been closed, since previously cached
-// resources are updated in the background.
-
-// To learn more about the benefits of this model and instructions on how to
-// opt-in, read https://bit.ly/CRA-PWA
-
-const isLocalhost = Boolean(
-  window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.1/8 is considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
-);
-
-type Config = {
-  onSuccess?: (registration: ServiceWorkerRegistration) => void;
-  onUpdate?: (registration: ServiceWorkerRegistration) => void;
-};
-
-export function register(config?: Config) {
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(
-      (process as { env: { [key: string]: string } }).env.PUBLIC_URL,
-      window.location.href
-    );
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener('load', () => {
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (isLocalhost) {
-        // This is running on localhost. Let's check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl, config);
-
-        // Add some additional logging to localhost, pointing developers to the
-        // service worker/PWA documentation.
-        navigator.serviceWorker.ready.then(() => {
-          console.log(
-            'This web app is being served cache-first by a service ' +
-              'worker. To learn more, visit https://bit.ly/CRA-PWA'
-          );
-        });
-      } else {
-        // Is not localhost. Just register service worker
-        registerValidSW(swUrl, config);
-      }
-    });
-  }
-}
-
-function registerValidSW(swUrl: string, config?: Config) {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then(registration => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        if (installingWorker == null) {
-          return;
-        }
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === 'installed') {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the updated precached content has been fetched,
-              // but the previous service worker will still serve the older
-              // content until all client tabs are closed.
-              console.log(
-                'New content is available and will be used when all ' +
-                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
-              );
-
-              // Execute callback
-              if (config && config.onUpdate) {
-                config.onUpdate(registration);
-              }
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-              console.log('Content is cached for offline use.');
-
-              // Execute callback
-              if (config && config.onSuccess) {
-                config.onSuccess(registration);
-              }
-            }
-          }
-        };
-      };
-    })
-    .catch(error => {
-      console.error('Error during service worker registration:', error);
-    });
-}
-
-function checkValidServiceWorker(swUrl: string, config?: Config) {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl)
-    .then(response => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      const contentType = response.headers.get('content-type');
-      if (
-        response.status === 404 ||
-        (contentType != null && contentType.indexOf('javascript') === -1)
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then(registration => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl, config);
-      }
-    })
-    .catch(() => {
-      console.log(
-        'No internet connection found. App is running in offline mode.'
-      );
-    });
-}
-
-export function unregister() {
-  if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.ready.then(registration => {
-      registration.unregister();
-    });
-  }
-}

package/src/utils/Possession.ts

@@ -1,41 +0,0 @@
-export function formatPossessive(text: string | undefined, locale: string) {
-  if (!text) {
-    return;
-  }
-
-  const language = locale.substr(0, 2);
-
-  if (language === "sv") {
-    return formatSwedish(text);
-  } else if (language === "en") {
-    return formatEnglish(text);
-  }
-
-  return text;
-}
-
-function formatSwedish(text: string) {
-  if (
-    text[text.length - 1] !== "s" &&
-    text[text.length - 1] !== "z" &&
-    text[text.length - 1] !== "x"
-  ) {
-    text += "s";
-  }
-  return text;
-}
-
-// There are no proper rules for English
-// Jess -> Jess's
-// Charles -> Charles's or Charles'
-// Jesus -> Jesus'
-// Martinez -> Martinez's or Martinez'
-// Alex -> Alex's
-// Hendrix -> Hendrix'
-function formatEnglish(text: string) {
-  if (text[text.length - 1] === "s") {
-    return text + "'";
-  }
-
-  return text + "'s";
-}

package/translationRunner.js

@@ -1,7 +0,0 @@
-const manageTranslations = require("react-intl-translations-manager").default;
-manageTranslations({
-  messagesDirectory: "build/messages",
-  translationsDirectory: "src/locales",
-  languages: ["en", "sv", "da", "fi"],
-  singleMessagesFile: true,
-});

package/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": [
-    "src"
-  ]
-}

package/tsconfig_build.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "target": "ES2015",
-    "module": "esnext",
-    "declaration": true,
-    "outDir": "lib",
-    "strict": true,
-    "removeComments": true,
-    "jsx": "react",
-    "allowSyntheticDefaultImports": true,
-    "forceConsistentCasingInFileNames": true,
-    "moduleResolution": "node",
-    "resolveJsonModule": true
-  },
-  "include": ["src/Exports.ts"]
-}