@lysaab/lysa-pep 1.0.0 → 1.0.1-0

package/src/pages/PepStatusPage.tsx

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