diff --git a/app/src/components/NonFieldError/styles.module.css b/app/src/components/NonFieldError/styles.module.css
index 0c3a5adf12..db25d7b0d0 100644
--- a/app/src/components/NonFieldError/styles.module.css
+++ b/app/src/components/NonFieldError/styles.module.css
@@ -5,7 +5,6 @@
animation-delay: var(--go-ui-duration-animation-slow);
gap: var(--go-ui-spacing-sm);
color: var(--go-ui-color-red);
- font-weight: var(--go-ui-font-weight-medium);
.icon {
flex-shrink: 0;
diff --git a/app/src/components/PerExportModal/index.tsx b/app/src/components/PerExportModal/index.tsx
index 732fbdb2bb..f7a855357e 100644
--- a/app/src/components/PerExportModal/index.tsx
+++ b/app/src/components/PerExportModal/index.tsx
@@ -14,11 +14,15 @@ import {
import Link from '#components/Link';
import { type components } from '#generated/types';
-import { useRequest } from '#utils/restRequest';
+import {
+ type GoApiBody,
+ useRequest,
+} from '#utils/restRequest';
import i18n from './i18n.json';
type ExportStatusEnum = components<'read'>['schemas']['ExportStatusEnum'];
+type ExportBody = GoApiBody<'/api/v2/pdf-export/', 'POST'>;
const EXPORT_STATUS_PENDING = 0 satisfies ExportStatusEnum;
const EXPORT_STATUS_COMPLETED = 1 satisfies ExportStatusEnum;
@@ -45,8 +49,11 @@ function PerExportModal(props: Props) {
export_id: Number(perId),
export_type: 'per' as const,
per_country: Number(countryId),
- is_pga: false,
- }),
+ is_pga: undefined,
+ summary: undefined,
+ version: undefined,
+ diff: undefined,
+ } satisfies ExportBody),
[perId, countryId],
);
diff --git a/app/src/components/TabPage/index.tsx b/app/src/components/TabPage/index.tsx
index 74dd4371b9..94e7fd0b98 100644
--- a/app/src/components/TabPage/index.tsx
+++ b/app/src/components/TabPage/index.tsx
@@ -1,5 +1,6 @@
import {
DefaultMessage,
+ InlineLayout,
ListView,
} from '@ifrc-go/ui';
import { isDefined } from '@togglecorp/fujs';
@@ -24,6 +25,9 @@ interface Props {
pendingMessage?: React.ReactNode;
withoutMessageIcon?: boolean;
withCompactMessage?: boolean;
+
+ spacingOffset?: number;
+ headerAction?: React.ReactNode;
}
function TabPage(props: Props) {
@@ -31,6 +35,7 @@ function TabPage(props: Props) {
elementRef,
children,
wikiLinkPathName,
+ headerAction,
empty = false,
filtered = false,
@@ -43,6 +48,7 @@ function TabPage(props: Props) {
errorMessage,
withoutMessageIcon,
withCompactMessage,
+ spacingOffset,
} = props;
const mainContent = (children || empty || pending || errored || filtered) && (
@@ -70,15 +76,24 @@ function TabPage(props: Props) {
ref={elementRef}
className={styles.tabPage}
>
- {isDefined(wikiLinkPathName) && (
-
- )}
+
+ {isDefined(headerAction) && (
+
{mainContent}
diff --git a/app/src/components/TabPage/styles.module.css b/app/src/components/TabPage/styles.module.css
index 61e7afd99d..3115a8fc8f 100644
--- a/app/src/components/TabPage/styles.module.css
+++ b/app/src/components/TabPage/styles.module.css
@@ -2,10 +2,16 @@
position: relative;
isolation: isolate;
- .wiki-link {
+ .action {
+ display: flex;
position: absolute;
top: 0;
right: 0;
- transform: translateY(-100%);
+ align-items: center;
+ transform: translateY(-150%);
+
+ &:empty {
+ display: none;
+ }
}
}
diff --git a/app/src/components/domain/Admin2Input/i18n.json b/app/src/components/domain/Admin2Input/i18n.json
new file mode 100644
index 0000000000..813a463a5a
--- /dev/null
+++ b/app/src/components/domain/Admin2Input/i18n.json
@@ -0,0 +1,8 @@
+{
+ "namespace": "admin2Input",
+ "strings": {
+ "heading": "Selected Areas",
+ "buttonLabel": "Select Areas",
+ "emptyMessage": "Admin Level 2 data is not available for this country."
+ }
+}
diff --git a/app/src/components/domain/Admin2Input/index.tsx b/app/src/components/domain/Admin2Input/index.tsx
new file mode 100644
index 0000000000..9771f90d17
--- /dev/null
+++ b/app/src/components/domain/Admin2Input/index.tsx
@@ -0,0 +1,443 @@
+import {
+ useCallback,
+ useEffect,
+ useMemo,
+ useState,
+} from 'react';
+import { CloseLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ ButtonLayout,
+ Container,
+ InputError,
+ ListView,
+ Modal,
+} from '@ifrc-go/ui';
+import {
+ useBooleanState,
+ useTranslation,
+} from '@ifrc-go/ui/hooks';
+import {
+ isDefined,
+ isNotDefined,
+ listToMap,
+} from '@togglecorp/fujs';
+import {
+ MapBounds,
+ MapLayer,
+ MapSource,
+} from '@togglecorp/re-map';
+import {
+ type FillLayer,
+ type LineLayer,
+ type MapboxGeoJSONFeature,
+ type SymbolLayer,
+} from 'mapbox-gl';
+
+import GoMapContainer from '#components/GoMapContainer';
+import useCountry from '#hooks/domain/useCountry';
+import useDebouncedValue from '#hooks/useDebouncedValue';
+import {
+ COLOR_BLACK,
+ COLOR_DARK_GREY,
+ COLOR_LIGHT_GREY,
+ COLOR_PRIMARY_RED,
+ COLOR_TEXT,
+ COLOR_TEXT_ON_DARK,
+ DEFAULT_MAP_PADDING,
+ DURATION_MAP_ZOOM,
+ MAX_PAGE_LIMIT,
+} from '#utils/constants';
+import { getGeoJsonBounds } from '#utils/geo';
+import {
+ useLazyRequest,
+ useRequest,
+} from '#utils/restRequest';
+
+import BaseMap from '../BaseMap';
+
+import i18n from './i18n.json';
+
+interface Props
{
+ name: NAME;
+ value: number[] | null | undefined;
+ onChange: (newValue: number[] | undefined, name: NAME) => void;
+ countryId: number;
+ error?: React.ReactNode;
+ readOnly?: boolean;
+}
+
+function Admin2Input(props: Props) {
+ const {
+ name,
+ value,
+ onChange,
+ countryId,
+ error,
+ readOnly,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const countryDetails = useCountry({ id: countryId });
+ const iso3 = countryDetails?.iso3;
+
+ const [selectedCodes, setSelectedCodes] = useState([]);
+
+ const selectedCodesDebounced = useDebouncedValue(selectedCodes, 300);
+
+ const { trigger: retrieveAdmin2Codes } = useLazyRequest({
+ url: '/api/v2/admin2/',
+ query: {
+ id__in: value ?? [],
+ limit: MAX_PAGE_LIMIT,
+ },
+ onSuccess: (response) => {
+ const responseCode = response.results.map(({ code }) => code);
+ setSelectedCodes(responseCode);
+ },
+ });
+
+ // NOTE: To check if country has admin2 value or not
+ const {
+ response: admin2TestResponse,
+ pending: admin2TestPending,
+ } = useRequest({
+ skip: isNotDefined(iso3),
+ url: '/api/v2/admin2/',
+ query: {
+ admin1__country__iso3: iso3 ?? undefined,
+ // NOTE: we just need 1 value to check
+ limit: 1,
+ },
+ });
+
+ const hasAdmin2 = !admin2TestPending
+ && isDefined(admin2TestResponse)
+ && admin2TestResponse?.results.length > 0;
+
+ const { response: admin2Details } = useRequest({
+ skip: isNotDefined(selectedCodesDebounced) || selectedCodesDebounced.length === 0,
+ url: '/api/v2/admin2/',
+ query: {
+ code__in: selectedCodesDebounced ?? [],
+ limit: MAX_PAGE_LIMIT,
+ },
+ onSuccess: (response) => {
+ onChange(
+ response.results.map(({ id }) => id),
+ name,
+ );
+ },
+ });
+
+ useEffect(() => {
+ // NOTE: Hydrate selected codes from provided value(IDs) on initialization
+ if (isDefined(value)
+ && value.length > 0
+ && selectedCodes.length === 0
+ ) {
+ retrieveAdmin2Codes(null);
+ }
+ }, [retrieveAdmin2Codes, value, selectedCodes]);
+
+ const admin2NameMap = listToMap(
+ admin2Details?.results,
+ ({ id }) => id,
+ ({ name: admin2Name, district_name }) => `${admin2Name} (${district_name})`,
+ );
+
+ const admin2CodeMap = listToMap(
+ admin2Details?.results,
+ ({ id }) => id,
+ ({ code }) => code,
+ );
+
+ const bounds = useMemo(() => {
+ if (!countryDetails) {
+ return undefined;
+ }
+
+ return getGeoJsonBounds(countryDetails.bbox);
+ }, [
+ countryDetails,
+ ]);
+
+ const adminOneLabelLayerOptions: Omit = useMemo(() => ({
+ type: 'symbol',
+ paint: {
+ 'text-opacity': [
+ 'match',
+ ['get', 'country_id'],
+ countryId,
+ 1,
+ 0,
+ ],
+ },
+ layout: {
+ 'text-offset': [
+ 0,
+ 1,
+ ],
+ visibility: 'visible',
+ },
+ }), [countryId]);
+
+ const adminTwoLineLayerOptions: Omit | undefined = useMemo(() => {
+ if (!iso3) {
+ return undefined;
+ }
+
+ return {
+ type: 'line',
+ 'source-layer': `go-admin2-${iso3}-staging`,
+ paint: {
+ 'line-color': COLOR_BLACK,
+ 'line-opacity': 1,
+ },
+ layout: {
+ visibility: 'visible',
+ },
+ };
+ }, [iso3]);
+
+ const adminTwoFillLayerOptions = useMemo((): Omit | undefined => {
+ if (!iso3) {
+ return undefined;
+ }
+ const defaultColor: NonNullable['fill-color'] = [
+ 'case',
+ ['boolean', ['feature-state', 'hovered'], false],
+ COLOR_DARK_GREY,
+ COLOR_LIGHT_GREY,
+ ];
+ const options: Omit = {
+ type: 'fill',
+ 'source-layer': `go-admin2-${iso3}-staging`,
+ paint: {
+ 'fill-color': (!value || value.length <= 0)
+ ? defaultColor
+ : [
+ 'match',
+ ['get', 'code'],
+ ...value.map((admin2Id) => [
+ admin2CodeMap?.[admin2Id] ?? admin2Id,
+ COLOR_PRIMARY_RED,
+ ]).flat(),
+ defaultColor,
+ ],
+ 'fill-outline-color': COLOR_DARK_GREY,
+ 'fill-opacity': 1,
+ },
+ layout: {
+ visibility: 'visible',
+ },
+ };
+ return options;
+ }, [iso3, value, admin2CodeMap]);
+
+ const adminTwoLabelLayerOptions = useMemo((): Omit | undefined => {
+ const textColor: NonNullable['text-color'] = (
+ value && value.length > 0
+ ? [
+ 'match',
+ ['get', 'id'],
+ ...value.map((admin2Id) => [
+ admin2Id,
+ COLOR_TEXT_ON_DARK,
+ ]).flat(),
+ COLOR_TEXT,
+ ]
+ : COLOR_TEXT
+ );
+
+ const options: Omit = {
+ type: 'symbol',
+ 'source-layer': `go-admin2-${iso3}-centroids`,
+ paint: {
+ 'text-color': textColor,
+ 'text-opacity': 1,
+ },
+ layout: {
+ 'text-field': ['get', 'name'],
+ 'text-anchor': 'center',
+ 'text-size': 10,
+ },
+ };
+ return options;
+ }, [iso3, value]);
+
+ const handleAdmin2Click = useCallback((clickedFeature: MapboxGeoJSONFeature) => {
+ const properties = clickedFeature?.properties as {
+ id: number;
+ admin1_id: number;
+ code: string;
+ admin1_name: string;
+ name?: string;
+ };
+
+ if (isNotDefined(properties.code)) {
+ return false;
+ }
+
+ setSelectedCodes((prevCodes) => {
+ const codeIndex = prevCodes.findIndex((prevCode) => prevCode === properties.code);
+
+ if (codeIndex === -1) {
+ return [...prevCodes, properties.code];
+ }
+
+ return prevCodes.toSpliced(codeIndex, 1);
+ });
+
+ return false;
+ }, []);
+
+ const [
+ showModal,
+ {
+ setTrue: setShowModalTrue,
+ setFalse: setShowModalFalse,
+ },
+ ] = useBooleanState(false);
+
+ const removeSelection = useCallback((admin2Id: number) => {
+ const index = value?.findIndex((selectedAdmin2Id) => selectedAdmin2Id === admin2Id) ?? -1;
+
+ if (index !== -1) {
+ onChange(value?.toSpliced(index, 1), name);
+ }
+ }, [value, onChange, name]);
+
+ return (
+
+
+ {strings.buttonLabel}
+
+ )}
+ withCompactMessage
+ empty={!value || value.length === 0}
+ emptyMessage={!hasAdmin2 ? strings.emptyMessage : undefined}
+ withBorder
+ withPadding
+ >
+
+ {value?.map((admin2Id) => (
+
+
+ ))}
+
+
+ {error && (
+
+ {error}
+
+ )}
+ {showModal && (
+
+ Done
+
+ )}
+ >
+
+
+
+
+
+ )}
+
+
+ )}
+
+ );
+}
+
+export default Admin2Input;
diff --git a/app/src/components/domain/BaseMap/index.tsx b/app/src/components/domain/BaseMap/index.tsx
index ec4a793584..125d6138fc 100644
--- a/app/src/components/domain/BaseMap/index.tsx
+++ b/app/src/components/domain/BaseMap/index.tsx
@@ -28,7 +28,7 @@ export type Props = Omit & {
withDisclaimer?: boolean;
} & Partial>;
-function BaseMap(props: Props) {
+function BaseMapWithoutErrorBoundary(props: Props) {
const {
baseLayers,
mapStyle,
@@ -101,7 +101,7 @@ function BaseMap(props: Props) {
);
}
-function BaseMapWithErrorBoundary(props: Props) {
+function BaseMap(props: Props) {
return (
)}
>
- = K extends `${infer P}_${ContactFields}` ? P : never;
+
+type HasAllKeys =
+ `${P}_name` extends K
+ ? `${P}_title` extends K
+ ? `${P}_email` extends K
+ ? `${P}_phone_number` extends K
+ ? true
+ : false
+ : false
+ : false
+ : false;
+
+type ValidPrefixes =
+ PrefixFromKey extends infer P
+ ? P extends string
+ ? HasAllKeys extends true ? P : never
+ : never
+ : never;
+
+interface Props<
+ FORM_VALUE extends object,
+ NAME_PREFIX extends ValidPrefixes>
+> {
+ namePrefix: NAME_PREFIX;
+ value: FORM_VALUE;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+
+ title?: React.ReactNode;
+ description?: React.ReactNode;
+ disabled?: boolean;
+ readOnly?: boolean;
+ withAsteriskOnTitle?: boolean;
+ withRequiredNameAndEmail?: boolean;
+}
+
+function ContactInputsSection<
+ FORM_VALUE extends object,
+ const NAME_PREFIX extends ValidPrefixes>
+>(props: Props) {
+ const {
+ title: sectionTitle,
+ description,
+ namePrefix,
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ readOnly,
+ withAsteriskOnTitle,
+ withRequiredNameAndEmail,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const error = getErrorObject(formError);
+
+ function getContactFieldValue(field: ContactFields) {
+ return value?.[`${namePrefix}_${field}`];
+ }
+
+ function getContactFieldError(field: ContactFields) {
+ return error?.[`${namePrefix}_${field}`] as string | undefined;
+ }
+
+ const setContactFieldValue = useCallback(
+ (newValue: string | undefined, field: ContactFields) => {
+ const fieldName = `${namePrefix}_${field}` as const;
+ setFieldValue(newValue as ReturnType, fieldName);
+ },
+ [setFieldValue, namePrefix],
+ );
+
+ return (
+
+
+ );
+}
+
+export default ContactInputsSection;
diff --git a/app/src/components/domain/DrefExportModal/index.tsx b/app/src/components/domain/DrefExportModal/index.tsx
index 0bcebcca03..4240a3bf2f 100644
--- a/app/src/components/domain/DrefExportModal/index.tsx
+++ b/app/src/components/domain/DrefExportModal/index.tsx
@@ -24,6 +24,7 @@ import {
type TypeOfDrefEnum,
} from '#utils/constants';
import {
+ type GoApiBody,
useLazyRequest,
useRequest,
} from '#utils/restRequest';
@@ -33,6 +34,7 @@ import styles from './styles.module.css';
type ExportTypeEnum = components<'read'>['schemas']['ExportTypeEnum'];
type ExportStatusEnum = components<'read'>['schemas']['ExportStatusEnum'];
+type ExportBody = GoApiBody<'/api/v2/pdf-export/', 'POST'>;
const EXPORT_STATUS_PENDING = 0 satisfies ExportStatusEnum;
const EXPORT_STATUS_COMPLETED = 1 satisfies ExportStatusEnum;
@@ -83,9 +85,12 @@ function DrefExportModal(props: Props) {
export_id: id,
export_type: type,
is_pga: includePga,
- selector: '#pdf-preview-ready',
+ // selector: '#pdf-preview-ready',
per_country: undefined,
- };
+ summary: undefined,
+ version: undefined,
+ diff: undefined,
+ } satisfies ExportBody;
},
[
id,
diff --git a/app/src/components/domain/DrefShareModal/index.tsx b/app/src/components/domain/DrefShareModal/index.tsx
index 7766b3881d..0185bedea9 100644
--- a/app/src/components/domain/DrefShareModal/index.tsx
+++ b/app/src/components/domain/DrefShareModal/index.tsx
@@ -23,7 +23,7 @@ import {
useRequest,
} from '#utils/restRequest';
-import UserItem from './UserItem';
+import ShareUserItem from '../ShareUserItem';
import i18n from './i18n.json';
@@ -143,7 +143,7 @@ function DrefShareModal(props: Props) {
>
();
+
+ const exportTriggerBody = useMemo(
+ () => ({
+ export_id: eapId,
+ export_type: eapType === EAP_TYPE_SIMPLIFIED ? 'simplified' : 'full',
+ selector: '#pdf-preview-ready',
+ is_pga: undefined,
+ per_country: undefined,
+ version,
+ summary,
+ diff,
+ }),
+ [eapId, eapType, version, diff, summary],
+ );
+
+ const {
+ pending: exportPending,
+ error: exportError,
+ trigger: triggerExport,
+ } = useLazyRequest({
+ method: 'POST',
+ useCurrentLanguageForMutation: true,
+ url: '/api/v2/pdf-export/',
+ body: exportTriggerBody,
+ onSuccess: (response) => {
+ if (isDefined(response.id)) {
+ setExportId(response.id);
+ }
+ },
+ onFailure: () => {
+ alert.show(
+ strings.failureToExportMessage,
+ { variant: 'danger' },
+ );
+ },
+ });
+
+ useEffect(() => {
+ triggerExport(null);
+ }, [triggerExport]);
+
+ const {
+ pending: exportStatusPending,
+ response: exportStatusResponse,
+ error: exportStatusError,
+ } = useRequest({
+ skip: isNotDefined(exportId),
+ url: '/api/v2/pdf-export/{id}/',
+ // FIXME: typings should be fixed in the server
+ pathVariables: isDefined(exportId) ? ({ id: String(exportId) }) : undefined,
+ shouldPoll: (poll) => {
+ if (poll?.errored || poll?.value?.status !== EXPORT_STATUS_PENDING) {
+ return -1;
+ }
+
+ return 5000;
+ },
+ });
+
+ const exportStatus = useMemo(() => {
+ if (exportPending) {
+ return 'PREPARE';
+ }
+
+ if (exportStatusPending || exportStatusResponse?.status === EXPORT_STATUS_PENDING) {
+ return 'WAITING';
+ }
+
+ if (isDefined(exportStatusError)
+ || isDefined(exportError)
+ || (isDefined(exportStatusResponse)
+ && exportStatusResponse.status === EXPORT_STATUS_ERRORED)
+ ) {
+ return 'FAILED';
+ }
+
+ if (isDefined(exportStatusResponse)
+ && isDefined(exportStatusResponse.status === EXPORT_STATUS_COMPLETED)
+ && isDefined(exportStatusResponse.pdf_file)
+ ) {
+ return 'SUCCESS';
+ }
+
+ return 'NOT_STARTED';
+ }, [
+ exportPending,
+ exportStatusError,
+ exportError,
+ exportStatusPending,
+ exportStatusResponse,
+ ]);
+
+ return (
+
+ {exportStatus === 'PREPARE' && (
+
+ );
+}
+
+export default EapExportModal;
diff --git a/app/src/components/domain/EapExportModal/styles.module.css b/app/src/components/domain/EapExportModal/styles.module.css
new file mode 100644
index 0000000000..2de1f5fc87
--- /dev/null
+++ b/app/src/components/domain/EapExportModal/styles.module.css
@@ -0,0 +1,5 @@
+.dref-export-modal {
+ .icon {
+ font-size: var(--go-ui-height-icon-multiplier);
+ }
+}
diff --git a/app/src/components/domain/EapIndicatorInput/i18n.json b/app/src/components/domain/EapIndicatorInput/i18n.json
new file mode 100644
index 0000000000..960fdad93c
--- /dev/null
+++ b/app/src/components/domain/EapIndicatorInput/i18n.json
@@ -0,0 +1,8 @@
+{
+ "namespace": "eapIndicatorInput",
+ "strings": {
+ "removeButtonTitle": "Remove",
+ "titleInputLabel": "Title",
+ "targetInputLabel": "Indicator Target"
+ }
+}
diff --git a/app/src/components/domain/EapIndicatorInput/index.tsx b/app/src/components/domain/EapIndicatorInput/index.tsx
new file mode 100644
index 0000000000..5b812cace0
--- /dev/null
+++ b/app/src/components/domain/EapIndicatorInput/index.tsx
@@ -0,0 +1,103 @@
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ IconButton,
+ InlineLayout,
+ ListView,
+ NumberInput,
+ TextInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ type ArrayError,
+ getErrorObject,
+ type LeafError,
+ type PartialForm,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import { type components } from '#generated/types';
+
+import i18n from './i18n.json';
+
+type Indicator = components<'write'>['schemas']['Indicator'] & { client_id: string };
+type IndicatorFormFields = PartialForm;
+
+const defaultIndicatorValue: IndicatorFormFields = {
+ client_id: '-1',
+};
+
+interface Props {
+ value: IndicatorFormFields;
+ error: ArrayError | LeafError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ readOnly?: boolean;
+}
+
+function EapIndicatorInput(props: Props) {
+ const {
+ error: errorFromProps,
+ readOnly,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const onFieldChange = useFormObject(index, onChange, defaultIndicatorValue);
+
+ const error = value && value.client_id && errorFromProps
+ ? getErrorObject(getErrorObject(errorFromProps)?.[value.client_id])
+ : undefined;
+
+ return (
+
+
+
+
+ );
+}
+
+export default EapIndicatorInput;
diff --git a/app/src/components/domain/EapIndicatorInput/schema.ts b/app/src/components/domain/EapIndicatorInput/schema.ts
new file mode 100644
index 0000000000..d502d53249
--- /dev/null
+++ b/app/src/components/domain/EapIndicatorInput/schema.ts
@@ -0,0 +1,35 @@
+import {
+ type ObjectSchema,
+ type PartialForm,
+ requiredStringCondition,
+ undefinedValue,
+} from '@togglecorp/toggle-form';
+
+import { type components } from '#generated/types';
+import { positiveNumberCondition } from '#utils/form';
+
+type Indicator = components<'write'>['schemas']['Indicator'];
+
+export type IndicatorFormFields = PartialForm & {
+ client_id: string;
+}
+
+type IndicatorSchema = ObjectSchema;
+
+const schema = (isSubmit: boolean): IndicatorSchema => ({
+ fields: (): ReturnType => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ title: {
+ // FIXME: add validation for character limit
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ target: {
+ required: isSubmit,
+ validations: [positiveNumberCondition],
+ },
+ }),
+});
+
+export default schema;
diff --git a/app/src/components/domain/EapIndicatorListInput/i18n.json b/app/src/components/domain/EapIndicatorListInput/i18n.json
new file mode 100644
index 0000000000..364ada6509
--- /dev/null
+++ b/app/src/components/domain/EapIndicatorListInput/i18n.json
@@ -0,0 +1,8 @@
+{
+ "namespace": "eapIndicatorListInput",
+ "strings": {
+ "indicatorsTitle": "Indicators",
+ "addButtonLabel": "Add indicator",
+ "emptyMessage": "No indicators yet!"
+ }
+}
diff --git a/app/src/components/domain/EapIndicatorListInput/index.tsx b/app/src/components/domain/EapIndicatorListInput/index.tsx
new file mode 100644
index 0000000000..d6f486afa0
--- /dev/null
+++ b/app/src/components/domain/EapIndicatorListInput/index.tsx
@@ -0,0 +1,127 @@
+import { useCallback } from 'react';
+import { AddLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Container,
+ ListView,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ isNotDefined,
+ randomString,
+} from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type LeafError,
+ type SetValueArg,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import EapIndicatorInput from '#components/domain/EapIndicatorInput';
+import { type IndicatorFormFields } from '#components/domain/EapIndicatorInput/schema';
+import NonFieldError from '#components/NonFieldError';
+
+import i18n from './i18n.json';
+
+type FormName = 'indicators';
+
+interface Props {
+ disabled?: boolean;
+ readOnly?: boolean;
+
+ name: NAME,
+ value: IndicatorFormFields[] | undefined;
+ onChange: (newValue: SetValueArg, name: NAME) => void;
+ error: ArrayError | LeafError | undefined;
+}
+
+function EapIndicatorListInput(props: Props) {
+ const {
+ disabled,
+ readOnly,
+
+ name,
+ value,
+ onChange,
+ error,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const {
+ setValue: onReadinessChange,
+ removeValue: onReadinessRemove,
+ } = useFormArray(
+ name,
+ onChange,
+ );
+
+ const handleReadinessAddButtonClick = useCallback(
+ () => {
+ const newActionItem: IndicatorFormFields = {
+ client_id: randomString(),
+ };
+
+ onChange(
+ (oldValue: IndicatorFormFields[] | undefined) => (
+ [...(oldValue ?? []), newActionItem]
+ ),
+ name,
+ );
+ },
+ [onChange, name],
+ );
+
+ return (
+
+ {strings.indicatorsTitle}
+ *
+
+ )}
+ headingLevel={5}
+ footerActions={(
+
+ {value?.map((activity, i) => (
+
+
+ );
+}
+
+export default EapIndicatorListInput;
diff --git a/app/src/components/domain/EapObsoleteResolutionModal/i18n.json b/app/src/components/domain/EapObsoleteResolutionModal/i18n.json
new file mode 100644
index 0000000000..34f2c6840b
--- /dev/null
+++ b/app/src/components/domain/EapObsoleteResolutionModal/i18n.json
@@ -0,0 +1,11 @@
+{
+ "namespace": "eapObsoleteResolutionModal",
+ "strings": {
+ "conflictWhileSaving": "There's a newer version of current EAP form which was modified by",
+ "changesWillBeOverridden": "If you continue saving, the previous changes will be overwritten by your changes.",
+ "changesConflictWhileSaving": "Conflict while saving",
+ "changesCancelButton": "Cancel",
+ "changesOverwriteButton": "Overwrite",
+ "changesNoteLabel": "Note"
+ }
+}
diff --git a/app/src/components/domain/EapObsoleteResolutionModal/index.tsx b/app/src/components/domain/EapObsoleteResolutionModal/index.tsx
new file mode 100644
index 0000000000..a33d8c6010
--- /dev/null
+++ b/app/src/components/domain/EapObsoleteResolutionModal/index.tsx
@@ -0,0 +1,95 @@
+import {
+ BlockLoading,
+ Button,
+ Description,
+ ListView,
+ Modal,
+ TextOutput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ isDefined,
+ isNotDefined,
+} from '@togglecorp/fujs';
+
+import { getUserName } from '#utils/domain/user';
+import { useRequest } from '#utils/restRequest';
+
+import i18n from './i18n.json';
+
+interface Props {
+ fullEapId?: number;
+ simplifiedEapId?: number;
+ onOverwriteButtonClick: (newModifiedAt: string | undefined) => void;
+ onCancelButtonClick: (_: boolean) => void;
+}
+
+function EapObsoleteResolutionModal(props: Props) {
+ const {
+ fullEapId,
+ simplifiedEapId,
+ onOverwriteButtonClick,
+ onCancelButtonClick,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const { pending: fullEapPending, response: fullEapResponse } = useRequest({
+ skip: isNotDefined(fullEapId) || isDefined(simplifiedEapId),
+ url: '/api/v2/full-eap/{id}/',
+ pathVariables: isDefined(fullEapId) ? { id: fullEapId } : undefined,
+ });
+
+ const { pending: simplifiedEapPending, response: simplifiedEapResponse } = useRequest({
+ skip: isNotDefined(simplifiedEapId) || isDefined(fullEapId),
+ url: '/api/v2/simplified-eap/{id}/',
+ pathVariables: isDefined(simplifiedEapId)
+ ? {
+ id: Number(simplifiedEapId),
+ }
+ : undefined,
+ });
+
+ const response = fullEapResponse ?? simplifiedEapResponse;
+ const pending = fullEapPending || simplifiedEapPending;
+
+ return (
+
+
+ {strings.changesCancelButton}
+
+
+ {strings.changesOverwriteButton}
+
+
+ )}
+ >
+ {pending ?
+ {strings.changesWillBeOverridden}
+
+ )}
+
+ );
+}
+
+export default EapObsoleteResolutionModal;
diff --git a/app/src/components/domain/EapOperationActivityInput/TimeSpanCheck/index.tsx b/app/src/components/domain/EapOperationActivityInput/TimeSpanCheck/index.tsx
new file mode 100644
index 0000000000..d94c47b047
--- /dev/null
+++ b/app/src/components/domain/EapOperationActivityInput/TimeSpanCheck/index.tsx
@@ -0,0 +1,90 @@
+import { useCallback } from 'react';
+import {
+ type CheckboxProps,
+ InputError,
+} from '@ifrc-go/ui';
+import { _cs } from '@togglecorp/fujs';
+
+import styles from './styles.module.css';
+
+function TimeSpanCheck(props: CheckboxProps) {
+ const {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ checkmarkClassName,
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ checkmarkContainerClassName,
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ inputClassName,
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ labelContainerClassName,
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ description,
+
+ className: classNameFromProps,
+ disabled,
+ error,
+ indeterminate,
+ invertedLogic = false,
+ label,
+ name,
+ onChange,
+ readOnly,
+ tooltip,
+ value,
+ withBackground,
+ withDarkBackground,
+ ...otherProps
+ } = props;
+
+ const handleChange = useCallback(
+ (e: React.FormEvent) => {
+ const v = e.currentTarget.checked;
+ onChange(
+ invertedLogic ? !v : v,
+ name,
+ );
+ },
+ [name, onChange, invertedLogic],
+ );
+
+ const checked = invertedLogic ? !value : value;
+
+ const className = _cs(
+ styles.checkbox,
+ classNameFromProps,
+ !indeterminate && checked && styles.checked,
+ withBackground && styles.withBackground,
+ withDarkBackground && styles.withDarkBackground,
+ disabled && styles.disabledCheckbox,
+ readOnly && styles.readOnly,
+ );
+
+ return (
+
+
+ {error}
+
+ )}
+
+ );
+}
+
+export default TimeSpanCheck;
diff --git a/app/src/components/domain/EapOperationActivityInput/TimeSpanCheck/styles.module.css b/app/src/components/domain/EapOperationActivityInput/TimeSpanCheck/styles.module.css
new file mode 100644
index 0000000000..00ca96a56f
--- /dev/null
+++ b/app/src/components/domain/EapOperationActivityInput/TimeSpanCheck/styles.module.css
@@ -0,0 +1,29 @@
+.time-span-check {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: var(--go-ui-width-separator-thin) solid var(--go-ui-color-gray-50);
+ border-radius: var(--go-ui-border-radius-md);
+ cursor: pointer;
+ padding: 0 var(--go-ui-spacing-3xs);
+ min-width: 1.5rem;
+ height: 1.5rem;
+ text-align: center;
+ font-size: var(--go-ui-font-size-sm);
+
+ &.checked {
+ border-color: var(--go-ui-color-primary-red);
+ background-color: var(--go-ui-color-primary-red);
+ color: var(--go-ui-color-text-on-dark);
+ }
+
+ .input {
+ position: absolute;
+ opacity: 0;
+ margin: 0;
+ padding: 0;
+ width: 0;
+ height: 0;
+ pointer-events: none;
+ }
+}
diff --git a/app/src/components/domain/EapOperationActivityInput/i18n.json b/app/src/components/domain/EapOperationActivityInput/i18n.json
new file mode 100644
index 0000000000..b7fa2d0a49
--- /dev/null
+++ b/app/src/components/domain/EapOperationActivityInput/i18n.json
@@ -0,0 +1,8 @@
+{
+ "namespace": "eapOperationActivityInput",
+ "strings": {
+ "operationPriorityActionLabel": "Priority Action",
+ "operationTimeFrameLabel": "Timeframe",
+ "operationTimeValueLabel": "Activity Time Span"
+ }
+}
diff --git a/app/src/components/domain/EapOperationActivityInput/index.tsx b/app/src/components/domain/EapOperationActivityInput/index.tsx
new file mode 100644
index 0000000000..f6aac057f1
--- /dev/null
+++ b/app/src/components/domain/EapOperationActivityInput/index.tsx
@@ -0,0 +1,193 @@
+import {
+ useCallback,
+ useMemo,
+} from 'react';
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Checklist,
+ IconButton,
+ InlineLayout,
+ ListView,
+ SelectInput,
+ TextInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { stringValueSelector } from '@ifrc-go/ui/utils';
+import {
+ type ArrayError,
+ getErrorObject,
+ getErrorString,
+ type LeafError,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import { type components } from '#generated/types';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import { TIMEFRAME_YEAR } from '#utils/constants';
+
+import { type OperationActivityFormFields } from './schema';
+import TimeSpanCheck from './TimeSpanCheck';
+
+import i18n from './i18n.json';
+
+const defaultActivityValue: OperationActivityFormFields = {
+ client_id: '-1',
+};
+
+export type ActivityInputType = 'readiness_activities' | 'prepositioning_activities' | 'early_action_activities';
+
+type TimeframeOption = components['schemas']['EapTimeframeEnum'];
+
+function timeframeKeySelector(option: TimeframeOption) {
+ return option.key;
+}
+
+const timeValueKeySelector = (
+ option: { key: number; value: string },
+) => option.key;
+
+interface Props {
+ value: OperationActivityFormFields;
+ error: ArrayError | LeafError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ readOnly?: boolean;
+
+ name: ActivityInputType;
+}
+
+function EapOperationActivityInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ readOnly,
+ name,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const {
+ eap_timeframe,
+ eap_years_timeframe_value,
+ eap_months_timeframe_value,
+ eap_days_timeframe_value,
+ eap_hours_timeframe_value,
+ } = useGlobalEnums();
+ const onFieldChange = useFormObject(index, onChange, defaultActivityValue);
+
+ const error = (value && value.client_id && errorFromProps)
+ ? getErrorObject(getErrorObject(errorFromProps)?.[value.client_id])
+ : undefined;
+
+ const eapTimeframeOption = useMemo(() => {
+ if (name === 'early_action_activities') {
+ return eap_timeframe?.filter((item) => item.key !== TIMEFRAME_YEAR);
+ }
+ return eap_timeframe;
+ }, [eap_timeframe, name]);
+
+ const eapTimeFrameReadOnly = name === 'readiness_activities' || name === 'prepositioning_activities';
+
+ const getTimeValueOptions = useCallback(
+ (timeframe?: number) => {
+ switch (timeframe) {
+ case 10:
+ return eap_years_timeframe_value ?? [];
+ case 20:
+ return eap_months_timeframe_value ?? [];
+ case 30:
+ return eap_days_timeframe_value ?? [];
+ case 40:
+ return eap_hours_timeframe_value ?? [];
+ default:
+ return [];
+ }
+ },
+ [
+ eap_years_timeframe_value,
+ eap_months_timeframe_value,
+ eap_days_timeframe_value,
+ eap_hours_timeframe_value,
+ ],
+ );
+
+ const timeValueOptions = getTimeValueOptions(value?.timeframe);
+
+ const handleTimeframeChange = useCallback(
+ (newTimeframe: TimeframeOption['key'] | undefined) => {
+ onFieldChange(newTimeframe, 'timeframe');
+ onFieldChange(undefined, 'time_value');
+ },
+ [onFieldChange],
+ );
+
+ return (
+
+
+
+
+
+
+ );
+}
+
+export default EapOperationActivityInput;
diff --git a/app/src/components/domain/EapOperationActivityInput/schema.ts b/app/src/components/domain/EapOperationActivityInput/schema.ts
new file mode 100644
index 0000000000..1eb11d29d2
--- /dev/null
+++ b/app/src/components/domain/EapOperationActivityInput/schema.ts
@@ -0,0 +1,32 @@
+import {
+ type ObjectSchema,
+ type PartialForm,
+ requiredStringCondition,
+ undefinedValue,
+} from '@togglecorp/toggle-form';
+
+import { type components } from '#generated/types';
+
+type OperationActivity = components<'write'>['schemas']['OperationActivity'];
+
+export type OperationActivityFormFields = PartialForm & {
+ client_id: string;
+}
+
+type OperationActivitySchema = ObjectSchema;
+
+const schema = (isSubmit: boolean): OperationActivitySchema => ({
+ fields: (): ReturnType => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ activity: {
+ // FIXME: add validation for character limit
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ time_value: {},
+ timeframe: {},
+ }),
+});
+
+export default schema;
diff --git a/app/src/components/domain/EapOperationActivityListInput/i18n.json b/app/src/components/domain/EapOperationActivityListInput/i18n.json
new file mode 100644
index 0000000000..2f3ba72329
--- /dev/null
+++ b/app/src/components/domain/EapOperationActivityListInput/i18n.json
@@ -0,0 +1,14 @@
+{
+ "namespace": "eapOperationActivityListInput",
+ "strings": {
+ "addButtonLabel": "Add activity",
+ "emptyMessage": "No activities yet!",
+ "readinessTitle": "Readiness Activities",
+ "readinessDescription": "Readiness activities are done year on year to ensure that the National Society is ready to conduct the early actions. These are activities that will happen irrespective of an activation. Readiness activities may include refresher training, coordination meetings with government, readiness meetings, simulations, etc. Under readiness they can include any ongoing costs and services (human resources and logistics) that are deemed indispensable for subsequent trigger-based early action activities. If, during the simplified EAP development process the National Society finds some areas for improvement to deliver on their selected early actions, these could be addressed with activities included under readiness.",
+ "prepositioningTitle": "Pre-positioning Activities",
+ "prepositioningDescription": "The National Society should preposition the materials needed to undertake the early action, especially those that may require a longer procurement process. For example, prepositioned stocks could include shelter kits (for house reinforcement), sandbags (for protecting infrastructure), or tarpaulins (for protecting water sources), etc. Food, medicine and other items with a shelf life of less than two years are not eligible as pre-positioning, they will have to be procured as part of the early actions. Pre-positioning activities are one-off and done in the first year following approval of the simplified EAP.",
+ "earlyActionTitle": "Early Action Activities",
+ "earlyActionDescription": "Early action activities are implemented once a trigger is reached and before the impact of the hazard. Early actions seek to reduce or mitigate the impact of the hazard. Consider selecting only a few early actions, especially for sudden onset events, as they will have to be implemented within a short timeframe. The early actions will be unique to each hazard and context, but may be activities such as evacuation of at-risk communities and/or livestock, early harvest of crops, cash transfer, shelter strengthening, provision of water treatment, hygiene kits or mosquito nets, etc. For more examples of early action activities, visit the {earlyActionDatabaseLink} on the Anticipation Hub.",
+ "earlyActionDatabaseLinkLabel": "early action database"
+ }
+}
diff --git a/app/src/components/domain/EapOperationActivityListInput/index.tsx b/app/src/components/domain/EapOperationActivityListInput/index.tsx
new file mode 100644
index 0000000000..e5b90a2771
--- /dev/null
+++ b/app/src/components/domain/EapOperationActivityListInput/index.tsx
@@ -0,0 +1,185 @@
+import {
+ useCallback,
+ useMemo,
+} from 'react';
+import { AddLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Container,
+ Description,
+ ListView,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { resolveToComponent } from '@ifrc-go/ui/utils';
+import {
+ isNotDefined,
+ randomString,
+} from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type LeafError,
+ type SetValueArg,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import EapOperationActivityInput, { type ActivityInputType } from '#components/domain/EapOperationActivityInput';
+import { type OperationActivityFormFields } from '#components/domain/EapOperationActivityInput/schema';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import Link from '#components/Link';
+import NonFieldError from '#components/NonFieldError';
+import { TIMEFRAME_YEAR } from '#utils/constants';
+
+import i18n from './i18n.json';
+
+interface Props {
+ disabled?: boolean;
+ readOnly?: boolean;
+
+ name: NAME,
+ value: OperationActivityFormFields[] | undefined;
+ onChange: (newValue: SetValueArg, name: NAME) => void;
+ error: ArrayError | LeafError | undefined;
+}
+
+function EapOperationActivityListInput(props: Props) {
+ const {
+ disabled,
+ readOnly,
+
+ name,
+ value,
+ onChange,
+ error,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const {
+ setValue: onReadinessChange,
+ removeValue: onReadinessRemove,
+ } = useFormArray(
+ name,
+ onChange,
+ );
+
+ const handleReadinessAddButtonClick = useCallback(
+ () => {
+ const timeframeValue = name === 'readiness_activities' || name === 'prepositioning_activities'
+ ? TIMEFRAME_YEAR
+ : undefined;
+ const newActionItem: OperationActivityFormFields = {
+ client_id: randomString(),
+ timeframe: timeframeValue,
+ };
+
+ onChange(
+ (oldValue: OperationActivityFormFields[] | undefined) => (
+ [...(oldValue ?? []), newActionItem]
+ ),
+ name,
+ );
+ },
+ [onChange, name],
+ );
+
+ const [
+ title,
+ description,
+ ] = useMemo(() => {
+ if (name === 'readiness_activities') {
+ return [strings.readinessTitle, strings.readinessDescription];
+ }
+
+ if (name === 'prepositioning_activities') {
+ return [strings.prepositioningTitle, strings.prepositioningDescription];
+ }
+
+ if (name === 'early_action_activities') {
+ return [
+ strings.earlyActionTitle,
+ resolveToComponent(
+ strings.earlyActionDescription,
+ {
+ earlyActionDatabaseLink: (
+
+ {title}
+ {(title && description) && (
+
+ {description}
+
+ )}
+ />
+ )}
+
+ )}
+ headingLevel={5}
+ footerActions={(
+
+ {value?.map((activity, i) => (
+
+
+ );
+}
+
+export default EapOperationActivityListInput;
diff --git a/app/src/components/domain/EapShareModal/i18n.json b/app/src/components/domain/EapShareModal/i18n.json
new file mode 100644
index 0000000000..eff7f3d51f
--- /dev/null
+++ b/app/src/components/domain/EapShareModal/i18n.json
@@ -0,0 +1,13 @@
+{
+ "namespace": "eapShareModal",
+ "strings": {
+ "eapShareTitle": "share EAP",
+ "eapShareDescription": "Add or Remove users you with whom you want to share the EAP.",
+ "eapShareSuccessfully": "Successfully updated sharing preferences!",
+ "eapShareFailed": "Unable to save sharing preferences!",
+ "eapShareUpdate": "Update",
+ "eapSelectUserLabel": "Select users",
+ "eapAlreadySharedHeading": "Already shared to",
+ "userListEmptyMessage": "The EAP form is not shared with anyone."
+ }
+}
diff --git a/app/src/components/domain/EapShareModal/index.tsx b/app/src/components/domain/EapShareModal/index.tsx
new file mode 100644
index 0000000000..ac480436ff
--- /dev/null
+++ b/app/src/components/domain/EapShareModal/index.tsx
@@ -0,0 +1,173 @@
+import {
+ useCallback,
+ useMemo,
+} from 'react';
+import {
+ Button,
+ Container,
+ ListView,
+ Modal,
+ RawList,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ isDefined,
+ isNotDefined,
+ listToMap,
+} from '@togglecorp/fujs';
+
+import UserSearchMultiSelectInput, { type User } from '#components/domain/UserSearchMultiSelectInput';
+import useAlert from '#hooks/useAlert';
+import useInputState from '#hooks/useInputState';
+import {
+ useLazyRequest,
+ useRequest,
+} from '#utils/restRequest';
+
+import ShareUserItem from '../ShareUserItem';
+
+import i18n from './i18n.json';
+
+interface Props {
+ eapId: number;
+ onCancel: () => void;
+ onSuccess: () => void;
+}
+
+const userKeySelector = (item: User) => item.id;
+
+function EapShareModal(props: Props) {
+ const {
+ eapId,
+ onCancel,
+ onSuccess,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const alert = useAlert();
+ const [users, setUsers] = useInputState([]);
+ const [userOptions, setUserOptions] = useInputState([]);
+
+ const {
+ pending: updatePending,
+ trigger: triggerUpdate,
+ } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/eap-registration/{id}/share/',
+ pathVariables: { id: eapId },
+ body: () => ({
+ users,
+ }),
+ onSuccess: () => {
+ alert.show(
+ strings.eapShareSuccessfully,
+ { variant: 'success' },
+ );
+ onSuccess();
+ },
+ onFailure: () => {
+ alert.show(
+ strings.eapShareFailed,
+ { variant: 'danger' },
+ );
+ },
+ });
+
+ const {
+ pending: usersPending,
+ } = useRequest({
+ skip: isNotDefined(eapId),
+ url: '/api/v2/eap-share-users/{id}/',
+ pathVariables: { id: eapId },
+ onSuccess: (response) => {
+ if (isDefined(response.users)) {
+ setUsers(response.users);
+ }
+
+ setUserOptions(response.users_details);
+ },
+ });
+
+ const handleUserRemove = useCallback((userId: number) => {
+ setUsers((oldVal = []) => {
+ const index = oldVal.indexOf(userId);
+
+ if (index === -1) return oldVal;
+
+ const userList = [...oldVal];
+ userList.splice(index, 1);
+
+ return userList;
+ });
+ }, [setUsers]);
+
+ const userOptionsMap = useMemo(() => listToMap(
+ userOptions,
+ (item) => item.id,
+ ), [userOptions]);
+
+ const selectedUsers = useMemo(() => (
+ users?.map((item) => userOptionsMap?.[item])
+ ), [userOptionsMap, users]);
+
+ const userRendererParams = useCallback((userId: number, user: User) => ({
+ userId,
+ user,
+ onUserRemove: handleUserRemove,
+ }), [
+ handleUserRemove,
+ ]);
+
+ return (
+
+ {strings.eapShareUpdate}
+
+ )}
+ size="md"
+ withHeaderBorder
+ >
+
+
+
+
+
+
+
+ );
+}
+
+export default EapShareModal;
diff --git a/app/src/components/domain/GoMultiFileInput/i18n.json b/app/src/components/domain/GoMultiFileInput/i18n.json
index 07d67703b1..42f738ff02 100644
--- a/app/src/components/domain/GoMultiFileInput/i18n.json
+++ b/app/src/components/domain/GoMultiFileInput/i18n.json
@@ -2,6 +2,7 @@
"namespace": "goMultiFileInput",
"strings": {
"goMultiFailedUploadMessage": "Failed to upload the file!",
+ "noFileSelected": "No file Selected",
"goMultiDeleteButton": "Delete"
}
-}
\ No newline at end of file
+}
diff --git a/app/src/components/domain/GoMultiFileInput/index.tsx b/app/src/components/domain/GoMultiFileInput/index.tsx
index d4f8f74916..a83f06105c 100644
--- a/app/src/components/domain/GoMultiFileInput/index.tsx
+++ b/app/src/components/domain/GoMultiFileInput/index.tsx
@@ -31,7 +31,7 @@ import { transformObjectError } from '#utils/restRequest/error';
import i18n from './i18n.json';
-export type SupportedPaths = '/api/v2/per-file/multiple/' | '/api/v2/dref-files/multiple/' | '/api/v2/flash-update-file/multiple/';
+export type SupportedPaths = '/api/v2/per-file/multiple/' | '/api/v2/dref-files/multiple/' | '/api/v2/flash-update-file/multiple/' | '/api/v2/eap-file/multiple/';
interface FileUploadResult {
id: number;
@@ -170,7 +170,7 @@ function GoMultiFileInput(props: Props) {
}, [onChange, name]);
const disabled = disabledFromProps || pending || readOnly;
- const valueUrls = isDefined(value) ? (
+ const valueUrls = (isDefined(value) && value.length > 0) ? (
value.map((fileId) => ({ id: fileId, url: fileIdToUrlMap?.[fileId] }))
) : undefined;
@@ -193,10 +193,14 @@ function GoMultiFileInput(props: Props) {
return (
-
+
(props: Props) {
>
{children}
- {clearable && value && (
+ {clearable && value && value.length > 0 && (
(props: Props) {
)}
+ {isNotDefined(valueUrls) && (
+
+ {strings.noFileSelected}
+
+ )}
{!withoutPreview && isDefined(valueUrls) && valueUrls.length > 0 && (
= Omit, 'value'> & {
name: NAME;
@@ -156,10 +156,14 @@ function GoSingleFileInput(props: Props) {
return (
-
+
(props: Props) {
>
{children}
- {clearable && isDefined(value) && (
-
-
+ {isNotDefined(selectedFileUrl) && !withoutStatus && (
+
+ {strings.noFileSelected}
+
)}
+
+ {!withoutPreview && isDefined(selectedFileUrl) && (
+
+
+ )}
+
- {!withoutPreview && isDefined(selectedFileUrl) && (
-
- {strings.noFileSelected}
-
- )}
{description && (
{description}
diff --git a/app/src/components/domain/ImageWithCaptionInput/i18n.json b/app/src/components/domain/ImageWithCaptionInput/i18n.json
index 2ac3a6a3ec..f10ddae406 100644
--- a/app/src/components/domain/ImageWithCaptionInput/i18n.json
+++ b/app/src/components/domain/ImageWithCaptionInput/i18n.json
@@ -1,7 +1,8 @@
{
"namespace": "imageWithCaptionInput",
"strings": {
- "imageWithCaptionEnterCaption": "Enter Caption",
- "imageWithCaptionPreview": "preview"
+ "captionInputPlaceholder": "Enter Caption",
+ "previewFallbackText": "Preview not available",
+ "defaultLabel": "Select an image"
}
-}
\ No newline at end of file
+}
diff --git a/app/src/components/domain/ImageWithCaptionInput/index.tsx b/app/src/components/domain/ImageWithCaptionInput/index.tsx
index cf74833d98..6d167e3adc 100644
--- a/app/src/components/domain/ImageWithCaptionInput/index.tsx
+++ b/app/src/components/domain/ImageWithCaptionInput/index.tsx
@@ -21,22 +21,28 @@ import NonFieldError from '#components/NonFieldError';
import i18n from './i18n.json';
-type Value = {
- id?: number | undefined;
+type ImageWithCaptionValue = {
+ id?: number;
client_id: string;
- caption?: string | undefined;
+ caption?: string | null;
};
-interface Props {
+type OutputValue = {
+ id?: number;
+ client_id: string;
+ caption?: string;
+}
+
+interface Props {
className?: string;
- name: N;
+ name: NAME;
url: SupportedPaths;
- value: Value | null | undefined;
- onChange: (value: SetValueArg | undefined, name: N) => void;
- error: ObjectError | undefined;
+ value: ImageWithCaptionValue | null | undefined;
+ onChange: (value: SetValueArg | undefined, name: NAME) => void;
+ error: ObjectError | undefined;
fileIdToUrlMap: Record;
setFileIdToUrlMap?: React.Dispatch>>;
- label: React.ReactNode;
+ label?: React.ReactNode;
before?: React.ReactNode;
after?: React.ReactNode;
disabled?: boolean;
@@ -46,6 +52,8 @@ interface Props {
// FIXME: Move this to components
function ImageWithCaptionInput(props: Props) {
+ const strings = useTranslation(i18n);
+
const {
className,
readOnly,
@@ -56,15 +64,13 @@ function ImageWithCaptionInput(props: Props)
setFileIdToUrlMap,
onChange,
error: formError,
- label,
+ label = strings.defaultLabel,
before,
after,
disabled,
useCurrentLanguageForMutation,
} = props;
- const strings = useTranslation(i18n);
-
const setFieldValue = useFormObject(
name,
onChange,
@@ -113,13 +119,14 @@ function ImageWithCaptionInput(props: Props)
// FIXME: Make Go single file input with preview
description={isDefined(fileUrl) ? (
(props: Props)
readOnly={readOnly}
onChange={setFieldValue}
error={error?.caption}
- placeholder={strings.imageWithCaptionEnterCaption}
+ placeholder={strings.captionInputPlaceholder}
disabled={disabled}
/>
)}
diff --git a/app/src/components/domain/InfoModal/index.tsx b/app/src/components/domain/InfoModal/index.tsx
new file mode 100644
index 0000000000..ddcf1f5383
--- /dev/null
+++ b/app/src/components/domain/InfoModal/index.tsx
@@ -0,0 +1,87 @@
+import {
+ Button,
+ type ButtonProps,
+ IconButton,
+ Modal,
+} from '@ifrc-go/ui';
+import { useBooleanState } from '@ifrc-go/ui/hooks';
+
+type IconButtonProps = {
+ icon: React.ReactNode;
+ ariaLabel: string;
+ label?: never;
+ title: string;
+}
+
+type LabelButtonProps = {
+ icon?: never;
+ ariaLabel?: string;
+ label?: string;
+}
+
+type ButtonTypeProps = IconButtonProps | LabelButtonProps;
+
+// FIXME: make the props consistent with other similar components
+// e.g. DropdownMenu
+interface BaseProps extends ButtonProps {
+ heading?: string;
+ modalContent: React.ReactNode;
+}
+
+type Props = BaseProps & ButtonTypeProps;
+
+// FIXME: this component should be in `/components`
+function InfoModal(props: Props) {
+ const {
+ heading,
+ label,
+ modalContent,
+ ariaLabel,
+ title,
+ icon,
+ ...otherButtonProps
+ } = props;
+
+ const [
+ showInfoModal,
+ {
+ setTrue: setShowInfoModalTrue,
+ setFalse: setShowInfoModalFalse,
+ },
+ ] = useBooleanState(false);
+
+ return (
+ <>
+ {icon ? (
+
+ {icon}
+
+ ) : (
+
+ {label}
+
+ )}
+ {showInfoModal && (
+
+ {modalContent}
+
+ )}
+
+ );
+}
+
+export default InfoModal;
diff --git a/app/src/components/domain/MultiImageWithCaptionInput/i18n.json b/app/src/components/domain/MultiImageWithCaptionInput/i18n.json
index a9dca445a8..d454e9df57 100644
--- a/app/src/components/domain/MultiImageWithCaptionInput/i18n.json
+++ b/app/src/components/domain/MultiImageWithCaptionInput/i18n.json
@@ -1,8 +1,9 @@
{
"namespace": "multiImageWithCaptionInput",
"strings": {
- "removeImagesButtonTitle": "Remove",
- "imagePreviewAlt": "preview",
- "enterCaptionPlaceholder": "Enter Caption"
+ "removeImageButtonTitle": "Remove",
+ "imagePreviewFallbackText": "Preview not available",
+ "defaultLabel": "Select images",
+ "captionInputPlaceholder": "Enter caption"
}
-}
\ No newline at end of file
+}
diff --git a/app/src/components/domain/MultiImageWithCaptionInput/index.tsx b/app/src/components/domain/MultiImageWithCaptionInput/index.tsx
index c7e2be8461..cafd69f5e1 100644
--- a/app/src/components/domain/MultiImageWithCaptionInput/index.tsx
+++ b/app/src/components/domain/MultiImageWithCaptionInput/index.tsx
@@ -29,31 +29,40 @@ import NonFieldError from '#components/NonFieldError';
import i18n from './i18n.json';
import styles from './styles.module.css';
-type Value = {
+type InputValue = {
+ id?: number;
client_id: string;
+ caption?: string | null;
+};
+
+type OutputValue = {
id?: number;
+ client_id: string;
caption?: string;
-};
+}
interface Props {
className?: string;
name: N;
url: SupportedPaths;
- value: Value[] | null | undefined;
- onChange: (value: SetValueArg, name: N) => void;
- error: ArrayError | undefined;
+ value: InputValue[] | null | undefined;
+ onChange: (value: SetValueArg, name: N) => void;
+ error: ArrayError | undefined;
fileIdToUrlMap: Record;
setFileIdToUrlMap?: React.Dispatch>>;
- label: React.ReactNode;
+ label?: React.ReactNode;
readOnly?: boolean;
before?: React.ReactNode;
after?: React.ReactNode;
disabled?: boolean;
+ description?: React.ReactNode;
useCurrentLanguageForMutation?: boolean;
}
// FIXME: Move this to components
function MultiImageWithCaptionInput(props: Props) {
+ const strings = useTranslation(i18n);
+
const {
className,
name,
@@ -63,16 +72,15 @@ function MultiImageWithCaptionInput(props: Prop
setFileIdToUrlMap,
onChange,
error: formError,
- label,
+ label = strings.defaultLabel,
readOnly,
before,
after,
disabled,
+ description,
useCurrentLanguageForMutation = false,
} = props;
- const strings = useTranslation(i18n);
-
const error = getErrorObject(formError);
const {
@@ -152,6 +160,7 @@ function MultiImageWithCaptionInput(props: Prop
readOnly={readOnly}
disabled={disabled}
useCurrentLanguageForMutation={useCurrentLanguageForMutation}
+ description={description}
>
{label}
@@ -185,8 +194,8 @@ function MultiImageWithCaptionInput(props: Prop
(props: Prop
/>
(props: Prop
value={fileValue?.caption}
onChange={handleCaptionChange}
error={imageError?.caption}
- placeholder={strings.enterCaptionPlaceholder}
+ placeholder={strings.captionInputPlaceholder}
readOnly={readOnly}
disabled={disabled}
/>
diff --git a/app/src/components/domain/PrintableActivityOutput/index.tsx b/app/src/components/domain/PrintableActivityOutput/index.tsx
new file mode 100644
index 0000000000..baa3d53ed6
--- /dev/null
+++ b/app/src/components/domain/PrintableActivityOutput/index.tsx
@@ -0,0 +1,180 @@
+import {
+ useCallback,
+ useMemo,
+} from 'react';
+import {
+ compareNumber,
+ isDefined,
+ isNotDefined,
+ listToMap,
+} from '@togglecorp/fujs';
+
+import PrintableDataDisplay from '#components/printable/PrintableDataDisplay';
+import PrintableLabel from '#components/printable/PrintableLabel';
+import { type components } from '#generated/types';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import {
+ TIMEFRAME_DAYS,
+ TIMEFRAME_HOURS,
+ TIMEFRAME_MONTHS,
+ TIMEFRAME_YEAR,
+ type TimeFrameEnumKey,
+} from '#utils/constants';
+
+type OperationActivity = components['schemas']['OperationActivity'];
+
+type ExtendedOperationActivity = Omit & {
+ time_value: number[] | string[];
+};
+type HoursTimeFrameKey = components['schemas']['EapHoursTimeframeValueEnumKey'];
+type DaysTimeFrameKey = components['schemas']['EapDaysTimeframeValueEnumKey'];
+type YearsTimeFrameKey = components['schemas']['EapYearsTimeframeValueEnumKey'];
+type MonthsTimeFrameKey = components['schemas']['EapMonthsTimeframeValueEnumKey'];
+
+function getFormattedActivityTimeline(activity: ExtendedOperationActivity | undefined) {
+ if (isNotDefined(activity)) {
+ return undefined;
+ }
+
+ const {
+ time_value,
+ timeframe_display,
+ } = activity;
+
+ const timeValueDisplay = time_value.join(',');
+
+ return (
+ `${timeValueDisplay} ${timeframe_display}`
+ );
+}
+
+function getFormattedActivityLabel(activity: ExtendedOperationActivity | undefined, index: number) {
+ if (isNotDefined(activity)) {
+ return undefined;
+ }
+
+ return `${index + 1}. ${activity.activity}`;
+}
+
+interface Props {
+ activity: OperationActivity;
+ prevActivity: OperationActivity | undefined;
+ withDiff: boolean;
+ index: number;
+}
+
+function PrintableActivityOutput(props: Props) {
+ const {
+ activity: currentActivity,
+ prevActivity: previousActivity,
+ withDiff,
+ index,
+ } = props;
+
+ const {
+ eap_years_timeframe_value,
+ eap_months_timeframe_value,
+ eap_days_timeframe_value,
+ eap_hours_timeframe_value,
+ } = useGlobalEnums();
+
+ const hoursTimeframeMap = useMemo(() => (
+ listToMap(
+ eap_hours_timeframe_value,
+ ({ key }) => key,
+ ({ value: label }) => label,
+ )
+ ), [eap_hours_timeframe_value]);
+
+ const daysTimeframeMap = useMemo(() => (
+ listToMap(
+ eap_days_timeframe_value,
+ ({ key }) => key,
+ ({ value: label }) => label,
+ )
+ ), [eap_days_timeframe_value]);
+
+ const monthsTimeframeMap = useMemo(() => (
+ listToMap(
+ eap_months_timeframe_value,
+ ({ key }) => key,
+ ({ value: label }) => label,
+ )
+ ), [eap_months_timeframe_value]);
+
+ const yearsTimeframeMap = useMemo(() => (
+ listToMap(
+ eap_years_timeframe_value,
+ ({ key }) => key,
+ ({ value: label }) => label,
+ )
+ ), [eap_years_timeframe_value]);
+
+ const timeValue = useCallback((timeArray: number[], timeframeKey: TimeFrameEnumKey) => {
+ const sortedTimeValue = timeArray.toSorted(compareNumber);
+
+ if (timeframeKey === TIMEFRAME_HOURS && isDefined(hoursTimeframeMap)) {
+ return sortedTimeValue.map(
+ (hour) => hoursTimeframeMap?.[hour as HoursTimeFrameKey],
+ ).filter(isDefined);
+ }
+ if (timeframeKey === TIMEFRAME_DAYS && isDefined(daysTimeframeMap)) {
+ return sortedTimeValue.map(
+ (day) => daysTimeframeMap?.[day as DaysTimeFrameKey],
+ ).filter(isDefined);
+ }
+
+ if (timeframeKey === TIMEFRAME_MONTHS && isDefined(monthsTimeframeMap)) {
+ return sortedTimeValue.map(
+ (month) => monthsTimeframeMap?.[month as MonthsTimeFrameKey],
+ ).filter(isDefined);
+ }
+
+ if (timeframeKey === TIMEFRAME_YEAR && isDefined(yearsTimeframeMap)) {
+ return sortedTimeValue.map(
+ (year) => yearsTimeframeMap?.[year as YearsTimeFrameKey],
+ ).filter(isDefined);
+ }
+
+ return sortedTimeValue;
+ }, [
+ hoursTimeframeMap,
+ daysTimeframeMap,
+ monthsTimeframeMap,
+ yearsTimeframeMap,
+ ]);
+
+ const activity = {
+ ...currentActivity,
+ time_value: timeValue(currentActivity.time_value, currentActivity.timeframe),
+ };
+
+ const prevActivity = isDefined(previousActivity) ? {
+ ...previousActivity,
+ time_value: timeValue(previousActivity?.time_value, previousActivity?.timeframe),
+ } : previousActivity;
+
+ return (
+ [number];
+type SourceInformationFormFields = NonNullable<
+ PartialDref['source_information']
+>[number];
interface Props {
value: SourceInformationFormFields;
error: ArrayError | undefined;
- onChange: (value: SetValueArg, index: number) => void;
+ onChange: (
+ value: SetValueArg,
+ index: number
+ ) => void;
onRemove: (index: number) => void;
index: number;
disabled?: boolean;
@@ -47,39 +50,17 @@ function SourceInformationInput(props: Props) {
const strings = useTranslation(i18n);
- const onFieldChange = useFormObject(
- index,
- onChange,
- () => ({
- client_id: randomString(),
- }),
- );
+ const onFieldChange = useFormObject(index, onChange, () => ({
+ client_id: randomString(),
+ }));
- const error = (value && value.client_id && errorFromProps)
+ const error = value && value.client_id && errorFromProps
? getErrorObject(errorFromProps?.[value.client_id])
: undefined;
const handleSourceFieldChange = useCallback(
- (newValue: string | undefined) => {
- if (
- isNotDefined(newValue)
- || newValue.startsWith('http://')
- || newValue.startsWith('https://')
- || newValue === 'h'
- || newValue === 'ht'
- || newValue === 'htt'
- || newValue === 'http'
- || newValue === 'http:'
- || newValue === 'http:/'
- || newValue === 'https'
- || newValue === 'https:'
- || newValue === 'https:/'
- ) {
- onFieldChange(newValue, 'source_link');
- return;
- }
-
- onFieldChange(`https://${newValue}`, 'source_link');
+ (linkValue: string | undefined) => {
+ onFieldChange(formatSourceLink(linkValue), 'source_link');
},
[onFieldChange],
);
diff --git a/app/src/components/printable/DiffTextOutput/index.tsx b/app/src/components/printable/DiffTextOutput/index.tsx
new file mode 100644
index 0000000000..1c4c27ef25
--- /dev/null
+++ b/app/src/components/printable/DiffTextOutput/index.tsx
@@ -0,0 +1,95 @@
+import {
+ Fragment,
+ useMemo,
+} from 'react';
+import {
+ _cs,
+ isNotDefined,
+} from '@togglecorp/fujs';
+import DiffMatchPatch from 'diff-match-patch';
+
+import styles from './styles.module.css';
+
+const ADDED = 1;
+const REMOVED = -1;
+
+interface Props {
+ value?: string | null;
+ className?: string;
+ withDiff?: boolean;
+ prevValue?: string | null;
+}
+
+const diffMatch = new DiffMatchPatch();
+
+function DiffTextOutput(props: Props) {
+ const {
+ className,
+ value,
+ prevValue,
+ withDiff = false,
+ } = props;
+
+ const diff = useMemo(() => {
+ if (!withDiff) {
+ return undefined;
+ }
+ const diffs = diffMatch.diff_main(prevValue ?? '', value ?? '');
+ diffMatch.diff_cleanupSemantic(diffs);
+
+ return diffs;
+ }, [withDiff, value, prevValue]);
+
+ if (isNotDefined(diff)) {
+ return (
+
+ {value}
+
+ );
+ }
+
+ return (
+
+ {diff.map(([changeType, content], index) => {
+ if (changeType === ADDED) {
+ return (
+
+ {content}
+
+ );
+ }
+
+ if (changeType === REMOVED) {
+ return (
+
+ {content}
+
+ );
+ }
+
+ return (
+ // eslint-disable-next-line react/no-array-index-key
+
+ {content}
+
+ );
+ })}
+
+ );
+}
+
+export default DiffTextOutput;
diff --git a/app/src/components/printable/DiffTextOutput/styles.module.css b/app/src/components/printable/DiffTextOutput/styles.module.css
new file mode 100644
index 0000000000..7e9b59945e
--- /dev/null
+++ b/app/src/components/printable/DiffTextOutput/styles.module.css
@@ -0,0 +1,18 @@
+.diff-text-output {
+ text-align: justify;
+ white-space: pre-wrap;
+ overflow-wrap: break-word;
+
+ &.with-diff-view {
+ .added {
+ background-color: color-mix(in srgb, var(--go-ui-color-green) 10%, transparent);
+ color: var(--go-ui-color-green);
+ }
+
+ .removed {
+ background-color: color-mix(in srgb, var(--go-ui-color-red) 10%, transparent);
+ text-decoration: line-through;
+ color: var(--go-ui-color-red);
+ }
+ }
+}
diff --git a/app/src/components/printable/PrintableContainer/index.tsx b/app/src/components/printable/PrintableContainer/index.tsx
new file mode 100644
index 0000000000..c0d248eefa
--- /dev/null
+++ b/app/src/components/printable/PrintableContainer/index.tsx
@@ -0,0 +1,49 @@
+import {
+ Heading,
+ type HeadingProps,
+} from '@ifrc-go/ui/printable';
+import { getSpacingValue } from '@ifrc-go/ui/utils';
+
+import styles from './styles.module.css';
+
+interface Props {
+ heading?: React.ReactNode;
+ headingLevel?: HeadingProps['level'];
+ breakBefore?: boolean;
+ breakAfter?: boolean;
+ children?: React.ReactNode;
+}
+
+function PrintableContainer(props: Props) {
+ const {
+ heading,
+ headingLevel = 3,
+ breakAfter,
+ breakBefore,
+ children,
+ } = props;
+
+ const spacing = getSpacingValue('3xl', -headingLevel);
+
+ return (
+ <>
+ {breakBefore &&
}
+ {heading && (
+
+ {heading}
+
+ )}
+ {children}
+
+ {breakAfter &&
}
+
+ );
+}
+
+export default PrintableContainer;
diff --git a/app/src/components/printable/PrintableContainer/styles.module.css b/app/src/components/printable/PrintableContainer/styles.module.css
new file mode 100644
index 0000000000..904bf35cd1
--- /dev/null
+++ b/app/src/components/printable/PrintableContainer/styles.module.css
@@ -0,0 +1,17 @@
+.page-break {
+ break-before: page;
+
+ @media screen {
+ margin: var(--go-ui-spacing-lg) 0;
+ border: var(--go-ui-width-separator-thin) dashed var(--go-ui-color-separator);
+ }
+}
+
+.heading:has(+ :empty),
+.heading:has(+ .heading + :empty) {
+ display: none;
+}
+
+.block-spacing:has(+ :empty) {
+ display: none;
+}
diff --git a/app/src/components/printable/PrintableDataDisplay/index.tsx b/app/src/components/printable/PrintableDataDisplay/index.tsx
new file mode 100644
index 0000000000..b2d6d08ed7
--- /dev/null
+++ b/app/src/components/printable/PrintableDataDisplay/index.tsx
@@ -0,0 +1,282 @@
+import { useMemo } from 'react';
+import {
+ BooleanOutput,
+ type BooleanOutputProps,
+ DateOutput,
+ type DateOutputProps,
+ ListView,
+ NumberOutput,
+ type NumberOutputProps,
+} from '@ifrc-go/ui';
+import { useSpacingToken } from '@ifrc-go/ui/hooks';
+import {
+ DEFAULT_INVALID_TEXT,
+ DEFAULT_PRINT_DATE_FORMAT,
+ fullSpacings,
+ gapSpacings,
+ paddingSpacings,
+ type SpacingType,
+} from '@ifrc-go/ui/utils';
+import {
+ _cs,
+ isDefined,
+ isNotDefined,
+ isTruthyString,
+} from '@togglecorp/fujs';
+
+import styles from './styles.module.css';
+
+interface BaseProps {
+ className?: string;
+ label?: React.ReactNode;
+ strongValue?: boolean;
+ strongLabel?: boolean;
+ withoutLabelColon?: boolean;
+ invalidText?: React.ReactNode;
+ variant?: 'block' | 'inline' | 'contents';
+ withPadding?: boolean;
+ withBackground?: boolean;
+ spacing?: SpacingType;
+ withDiff: boolean;
+}
+
+interface BooleanProps extends BooleanOutputProps {
+ valueType: 'boolean',
+ prevValue?: BooleanOutputProps['value'];
+}
+
+interface NumberProps extends NumberOutputProps {
+ valueType: 'number',
+ prevValue?: NumberOutputProps['value'];
+}
+
+interface DateProps extends DateOutputProps {
+ valueType: 'date',
+ prevValue?: DateProps['value'];
+}
+
+interface TextProps {
+ valueType: 'text',
+ value: string | null | undefined;
+ prevValue?: TextProps['value'];
+}
+
+interface NodeProps {
+ valueType?: never;
+ value?: React.ReactNode;
+ prevValue?: never;
+}
+
+type Props = BaseProps & (
+ NodeProps | TextProps | DateProps | NumberProps | BooleanProps
+);
+
+function PrintableDataDisplay(props: Props) {
+ const {
+ className,
+ label,
+ strongLabel,
+ strongValue,
+ withoutLabelColon,
+ invalidText = DEFAULT_INVALID_TEXT,
+ variant = 'inline',
+ withPadding,
+ withBackground,
+ spacing,
+ withDiff,
+ ...otherProps
+ } = props;
+
+ const valueComponent = useMemo(() => {
+ const {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ prevValue: _,
+ ...componentProps
+ } = otherProps;
+
+ if (componentProps.valueType === 'number') {
+ return (
+
+ {label && (
+
+ {label}
+
+ )}
+ {(valueComponent || prevValueComponent) && (
+
+ {isNotDefined(diffType) && valueComponent}
+ {isDefined(diffType) && (
+
+ {diffType === 'updated' && (
+ {prevValueComponent}
+ )}
+
+ {valueComponent}
+
+
+ )}
+
+ )}
+
;
+}
+
+function PrintablePage(props: Props) {
+ const {
+ className,
+ children,
+ heading,
+ description,
+ dataReady = false,
+ mainRef,
+ } = props;
+
+ const [previewReady, setPreviewReady] = useState(false);
+
+ useEffect(() => {
+ if (!dataReady) {
+ return;
+ }
+
+ const mainContainer = mainRef.current;
+
+ async function waitForImages() {
+ if (!mainContainer) {
+ return;
+ }
+
+ const images = mainContainer.querySelectorAll('img');
+
+ if (images.length === 0) {
+ setPreviewReady(true);
+ return;
+ }
+
+ const promises = Array.from(images).map(
+ (image) => {
+ if (image.complete) {
+ return undefined;
+ }
+
+ return new Promise((accept) => {
+ image.addEventListener('load', () => {
+ accept(true);
+ });
+ });
+ },
+ );
+
+ await Promise.all(promises);
+ setPreviewReady(true);
+ }
+
+ waitForImages();
+ }, [dataReady, mainRef]);
+
+ return (
+
+
+
+
+ {heading}
+
+
+ {description}
+
+
}
+
+ );
+}
+
+export default PrintablePage;
diff --git a/app/src/components/printable/PrintablePage/styles.module.css b/app/src/components/printable/PrintablePage/styles.module.css
new file mode 100644
index 0000000000..06f063c82c
--- /dev/null
+++ b/app/src/components/printable/PrintablePage/styles.module.css
@@ -0,0 +1,38 @@
+.printable-page {
+ font-family: 'Open Sans', sans-serif;
+ font-size: var(--go-ui-font-size-export);
+
+ @media screen {
+ margin: var(--go-ui-spacing-xl) auto;
+ background-color: var(--go-ui-color-foreground);
+ padding: var(--go-ui-export-page-margin);
+ width: 210mm;
+ min-height: 297mm;
+ }
+
+ .header-section {
+ display: grid;
+ grid-template-areas:
+ "logo heading"
+ "desc desc";
+ margin-block-end: var(--go-ui-spacing-xl);
+
+ .ifrc-logo {
+ width: 6rem;
+ height: 6rem;
+ grid-area: logo;
+ }
+
+ .heading {
+ text-align: end;
+ grid-area: heading;
+ }
+
+ .description {
+ grid-area: desc;
+ text-align: end;
+ color: var(--go-ui-color-primary-blue);
+ font-size: var(--go-ui-font-size-lg);
+ }
+ }
+}
diff --git a/app/src/utils/common.ts b/app/src/utils/common.ts
index 6210ae901c..855251944c 100644
--- a/app/src/utils/common.ts
+++ b/app/src/utils/common.ts
@@ -1,6 +1,10 @@
import { type Language } from '@ifrc-go/ui/contexts';
import { DEFAULT_INVALID_TEXT } from '@ifrc-go/ui/utils';
-import { isTruthyString } from '@togglecorp/fujs';
+import {
+ isDefined,
+ isNotDefined,
+ isTruthyString,
+} from '@togglecorp/fujs';
import type { GoApiResponse } from '#utils/restRequest';
@@ -68,3 +72,32 @@ export function joinStrings(
): string {
return values.filter(Boolean).join(separator);
}
+
+export function formatSourceLink(value: string | undefined): string | undefined {
+ if (
+ isNotDefined(value)
+ || value.startsWith('http://')
+ || value.startsWith('https://')
+ || value === 'h'
+ || value === 'ht'
+ || value === 'htt'
+ || value === 'http'
+ || value === 'http:'
+ || value === 'http:/'
+ || value === 'https'
+ || value === 'https:'
+ || value === 'https:/'
+ ) {
+ return value;
+ }
+
+ return `https://${value}`;
+}
+
+export function lengthSmallerOrEqualToCondition(x?: number) {
+ return (value: string | undefined) => (
+ (isDefined(value) && isDefined(x)) && value.length > x
+ ? `Length must be smaller or equal to ${x}`
+ : undefined
+ );
+}
diff --git a/app/src/utils/constants.ts b/app/src/utils/constants.ts
index 93b6b00878..e35e2e9d77 100644
--- a/app/src/utils/constants.ts
+++ b/app/src/utils/constants.ts
@@ -58,8 +58,8 @@ export const CATEGORY_RISK_VERY_HIGH = 5;
// Colors
export const COLOR_WHITE = '#ffffff';
-// export const COLOR_TEXT = '#313131';
-// export const COLOR_TEXT_ON_DARK = '#ffffff';
+export const COLOR_TEXT = '#313131';
+export const COLOR_TEXT_ON_DARK = '#ffffff';
export const COLOR_LIGHT_GREY = '#e0e0e0';
export const COLOR_DARK_GREY = '#a5a5a5';
export const COLOR_BLACK = '#000000';
@@ -198,6 +198,7 @@ export const multiMonthSelectDefaultValue = listToMap(
() => false,
);
+// FIXME these need to satisfy some enum
export const ERU_READINESS_READY = 1;
export const ERU_READINESS_CAN_CONTRIBUTE = 2;
export const ERU_READINESS_NO_CAPACITY = 3;
@@ -220,3 +221,24 @@ export const OTHER_TRAINING_FACILITIES = 9 satisfies LocalUnitTrainingFacilityTy
type LocalUnitAffiliationOptions = NonNullable['affiliation']>[number]>['id']
export const OTHER_AFFILIATION = 9 satisfies LocalUnitAffiliationOptions;
+
+type EapTypeEnumKey = components['schemas']['EapEapTypeEnumKey'];
+export const EAP_TYPE_SIMPLIFIED = 20 satisfies EapTypeEnumKey;
+export const EAP_TYPE_FULL = 10 satisfies EapTypeEnumKey;
+
+// Timeframe
+export type TimeFrameEnumKey = components['schemas']['EapTimeframeEnumKey'];
+
+export const TIMEFRAME_YEAR = 10 satisfies TimeFrameEnumKey;
+export const TIMEFRAME_DAYS = 30 satisfies TimeFrameEnumKey;
+export const TIMEFRAME_MONTHS = 20 satisfies TimeFrameEnumKey;
+export const TIMEFRAME_HOURS = 40 satisfies TimeFrameEnumKey;
+
+type EapStatus = components['schemas']['EapEapStatusEnumKey'];
+
+export const EAP_STATUS_UNDER_DEVELOPMENT = 10 satisfies EapStatus;
+export const EAP_STATUS_UNDER_REVIEW = 20 satisfies EapStatus;
+export const EAP_STATUS_NS_ADDRESSING_COMMENTS = 30 satisfies EapStatus;
+export const EAP_STATUS_TECHNICALLY_VALIDATED = 40 satisfies EapStatus;
+export const EAP_STATUS_PENDING_PFA = 50 satisfies EapStatus;
+export const EAP_STATUS_APPROVED = 60 satisfies EapStatus;
diff --git a/app/src/utils/domain/eap.ts b/app/src/utils/domain/eap.ts
new file mode 100644
index 0000000000..32ec7d334f
--- /dev/null
+++ b/app/src/utils/domain/eap.ts
@@ -0,0 +1,15 @@
+import { isNotDefined } from '@togglecorp/fujs';
+
+export function getFullDateFromYearMonth(val: string | undefined) {
+ if (isNotDefined(val)) {
+ return undefined;
+ }
+ return `${val}-01`;
+}
+
+export function getYearMonthFromFullDate(val: string | undefined) {
+ if (isNotDefined(val)) {
+ return undefined;
+ }
+ return val?.slice(0, 7);
+}
diff --git a/app/src/views/AccountMyFormsEap/EapShareActions/i18n.json b/app/src/views/AccountMyFormsEap/EapShareActions/i18n.json
new file mode 100644
index 0000000000..b2b3aa79ad
--- /dev/null
+++ b/app/src/views/AccountMyFormsEap/EapShareActions/i18n.json
@@ -0,0 +1,6 @@
+{
+ "namespace":"accountMyFormsEap",
+ "strings":{
+ "shareDropDownLabel": "Share"
+ }
+}
diff --git a/app/src/views/AccountMyFormsEap/EapShareActions/index.tsx b/app/src/views/AccountMyFormsEap/EapShareActions/index.tsx
new file mode 100644
index 0000000000..f09a0a6d2e
--- /dev/null
+++ b/app/src/views/AccountMyFormsEap/EapShareActions/index.tsx
@@ -0,0 +1,62 @@
+import { useCallback } from 'react';
+import { ShareLineIcon } from '@ifrc-go/icons';
+import {
+ type ButtonProps,
+ TableActions,
+} from '@ifrc-go/ui';
+import {
+ useBooleanState,
+ useTranslation,
+} from '@ifrc-go/ui/hooks';
+
+import EapShareModal from '#components/domain/EapShareModal';
+import DropdownMenuItem from '#components/DropdownMenuItem';
+
+import i18n from './i18n.json';
+
+export interface Props {
+ id: number;
+ disabled?: boolean;
+}
+
+function EapShareActions(props: Props) {
+ const { id, disabled } = props;
+
+ const strings = useTranslation(i18n);
+
+ const [
+ showShareModal,
+ { setTrue: setShowShareModalTrue, setFalse: setShowShareModalFalse },
+ ] = useBooleanState(false);
+
+ const handleShareClick: NonNullable['onClick']> = useCallback(() => {
+ setShowShareModalTrue();
+ }, [setShowShareModalTrue]);
+
+ return (
+ <>
+ = {
+ [EAP_STATUS_UNDER_DEVELOPMENT]: [EAP_STATUS_UNDER_REVIEW],
+ [EAP_STATUS_UNDER_REVIEW]: [
+ EAP_STATUS_NS_ADDRESSING_COMMENTS,
+ EAP_STATUS_TECHNICALLY_VALIDATED,
+ ],
+ [EAP_STATUS_NS_ADDRESSING_COMMENTS]: [
+ EAP_STATUS_UNDER_REVIEW,
+ ],
+ [EAP_STATUS_TECHNICALLY_VALIDATED]: [
+ EAP_STATUS_NS_ADDRESSING_COMMENTS,
+ EAP_STATUS_PENDING_PFA,
+ ],
+ [EAP_STATUS_PENDING_PFA]: [EAP_STATUS_APPROVED],
+ [EAP_STATUS_APPROVED]: [],
+};
+
+export interface Props {
+ eapId: number;
+ status: EapStatus;
+ onStatusUpdate?: () => void;
+ hasValidatedBudgetFile?: boolean;
+ details: EapListItem;
+}
+
+function EapStatus(props: Props) {
+ const {
+ eapId,
+ status,
+ onStatusUpdate,
+ hasValidatedBudgetFile,
+ details,
+ } = props;
+
+ const latestId = useMemo(() => {
+ if (details.eap_type === EAP_TYPE_SIMPLIFIED) {
+ return details.latest_simplified_eap ?? undefined;
+ }
+
+ if (details.eap_type === EAP_TYPE_FULL) {
+ return details.latest_full_eap ?? undefined;
+ }
+
+ return undefined;
+ }, [details]);
+
+ const latestSimplifiedEap = details.eap_type === EAP_TYPE_SIMPLIFIED
+ ? details.simplified_eap_details.find(({ id }) => latestId === id)
+ : undefined;
+
+ const latestFullEap = details.eap_type === EAP_TYPE_FULL
+ ? details.full_eap_details.find(({ id }) => latestId === id)
+ : undefined;
+
+ const alert = useAlert();
+
+ const { eap_eap_status: eapStatusOptions } = useGlobalEnums();
+ const [newStatus, setNewStatus] = useState();
+ const [checklistFile, setChecklistFile] = useState();
+ const [responseFormErrors, setResponseFormErrors] = useState();
+
+ const strings = useTranslation(i18n);
+
+ const statusLabelMapping = listToMap(
+ eapStatusOptions,
+ ({ key }) => key,
+ ({ value }) => value,
+ );
+
+ const { trigger: triggerStatusUpdate } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/eap-registration/{id}/status/',
+ pathVariables: {
+ id: eapId,
+ },
+ body: (fields: EapStatusBody) => fields,
+ onSuccess: () => {
+ setNewStatus(undefined);
+ if (onStatusUpdate) {
+ onStatusUpdate();
+ }
+
+ alert.show(
+ strings.statusUpdateSuccessAlert,
+ { variant: 'success' },
+ );
+ },
+ formData: true,
+ onFailure: (error) => {
+ const {
+ value: { formErrors, messageForNotification },
+ } = error;
+
+ if (isDefined(formErrors)) {
+ setResponseFormErrors(formErrors);
+ }
+
+ alert.show(
+ strings.statusUpdateFailedAlert,
+ {
+ variant: 'danger',
+ description: messageForNotification,
+ },
+ );
+ },
+ });
+
+ // FIXME: fix typings in the server
+ const requestBody = useMemo(
+ () => ({
+ status: newStatus,
+ review_checklist_file: checklistFile,
+ } as EapStatusBody),
+ [newStatus, checklistFile],
+ );
+
+ const handleStatusUpdateCancel = useCallback(() => {
+ setNewStatus(undefined);
+ }, []);
+
+ const isSimplifiedEapLocked = status === EAP_STATUS_NS_ADDRESSING_COMMENTS
+ && latestSimplifiedEap?.is_locked;
+ const isFullEapLocked = status === EAP_STATUS_NS_ADDRESSING_COMMENTS
+ && latestFullEap?.is_locked;
+
+ const confirmDisabled = (
+ (newStatus === EAP_STATUS_NS_ADDRESSING_COMMENTS && isNotDefined(checklistFile))
+ || (newStatus === EAP_STATUS_PENDING_PFA && !hasValidatedBudgetFile)
+ || isDefined(responseFormErrors)
+ || isSimplifiedEapLocked || isFullEapLocked
+ );
+
+ return (
+ <>
+
+ {eapStatusOptions?.map((option) => (
+
+ {option.value}
+
+ ))}
+
+ {isDefined(newStatus) && (
+
+ {!isSimplifiedEapLocked
+ && details.eap_type === EAP_TYPE_SIMPLIFIED
+ && responseFormErrors
+ && (
+
+ {strings.confirmStatusButtonLabel}
+
+
+ )}
+ >
+
+
+ {strings.updateStatusDescription}
+
+
+
+ {statusLabelMapping?.[status]}
+
+
+ {statusLabelMapping?.[newStatus]}
+
+
+ {newStatus === EAP_STATUS_NS_ADDRESSING_COMMENTS && (
+
+
+ {strings.reviewChecklistDescription}
+
+
+ {isDefined(checklistFile) && checklistFile.name}
+
+
+ )}
+ {(isSimplifiedEapLocked || isFullEapLocked) && (
+
+
+ )}
+
+ );
+}
+
+export default EapStatus;
diff --git a/app/src/views/AccountMyFormsEap/EapTableActions/BudgetFileInput/i18n.json b/app/src/views/AccountMyFormsEap/EapTableActions/BudgetFileInput/i18n.json
new file mode 100644
index 0000000000..544ab68ac1
--- /dev/null
+++ b/app/src/views/AccountMyFormsEap/EapTableActions/BudgetFileInput/i18n.json
@@ -0,0 +1,12 @@
+{
+ "namespace":"accountMyFormsEap",
+ "strings":{
+ "newBudgetFileUploadLabel": "Upload validated budget",
+ "updateBudgetFileLabel": "Update validated budget",
+ "uploadFileDescription": "Please select the validate budget file to be uploaded!",
+ "fileInputLabel": "Select a file to upload",
+ "confirmButtonLabel": "Confirm",
+ "uploadSuccessfulMessage": "Budget file uploaded successfully!",
+ "uploadFailureMessage": "Failed to upload the budget file!"
+ }
+}
diff --git a/app/src/views/AccountMyFormsEap/EapTableActions/BudgetFileInput/index.tsx b/app/src/views/AccountMyFormsEap/EapTableActions/BudgetFileInput/index.tsx
new file mode 100644
index 0000000000..de9faa01dc
--- /dev/null
+++ b/app/src/views/AccountMyFormsEap/EapTableActions/BudgetFileInput/index.tsx
@@ -0,0 +1,139 @@
+import {
+ useCallback,
+ useMemo,
+ useState,
+} from 'react';
+import { UploadLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Description,
+ Label,
+ ListView,
+ Modal,
+ RawFileInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { isDefined } from '@togglecorp/fujs';
+
+import useAlert from '#hooks/useAlert';
+import {
+ type GoApiBody,
+ useLazyRequest,
+} from '#utils/restRequest';
+
+import i18n from './i18n.json';
+
+type UploadBudgetFileBody = GoApiBody<'/api/v2/eap-registration/{id}/upload-validated-budget-file/', 'POST'>;
+
+interface Props {
+ eapId: number;
+ onBudgetFileUpload?: () => void;
+ hasBudgetFile?: boolean;
+}
+
+function BudgetFileInput(props: Props) {
+ const {
+ eapId,
+ onBudgetFileUpload,
+ hasBudgetFile,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const alert = useAlert();
+
+ const [budgetFile, setBudgetFile] = useState();
+ const [showUploadModal, setShowUploadModal] = useState(false);
+
+ const { trigger: triggerUploadBudget } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/eap-registration/{id}/upload-validated-budget-file/',
+ pathVariables: {
+ id: eapId,
+ },
+ body: (fields: UploadBudgetFileBody) => fields,
+ onSuccess: () => {
+ if (onBudgetFileUpload) {
+ onBudgetFileUpload();
+ }
+
+ alert.show(
+ strings.uploadSuccessfulMessage,
+ { variant: 'success' },
+ );
+
+ setBudgetFile(undefined);
+ setShowUploadModal(false);
+ },
+ formData: true,
+ onFailure: (error) => {
+ alert.show(
+ strings.uploadFailureMessage,
+ {
+ variant: 'danger',
+ description: error.value.messageForNotification,
+ },
+ );
+ },
+ });
+
+ // FIXME: fix typings in the server
+ const requestBody = useMemo(
+ () => ({
+ validated_budget_file: budgetFile,
+ } as unknown as UploadBudgetFileBody),
+ [budgetFile],
+ );
+
+ const handleUploadModalClose = useCallback(() => {
+ setShowUploadModal(false);
+ setBudgetFile(undefined);
+ }, []);
+
+ return (
+ <>
+
+ {strings.confirmButtonLabel}
+
+ )}
+ >
+
+
+ {strings.uploadFileDescription}
+
+
+ {isDefined(budgetFile) && budgetFile.name}
+
+
+
+ )}
+
+ );
+}
+
+export default BudgetFileInput;
diff --git a/app/src/views/AccountMyFormsEap/EapTableActions/i18n.json b/app/src/views/AccountMyFormsEap/EapTableActions/i18n.json
new file mode 100644
index 0000000000..dca9f9c1e2
--- /dev/null
+++ b/app/src/views/AccountMyFormsEap/EapTableActions/i18n.json
@@ -0,0 +1,30 @@
+{
+ "namespace":"accountMyFormsEap",
+ "strings":{
+ "startFullEapLinkLabel": "Start Full EAP",
+ "startSimplifiedEapLinkLabel": "Start sEAP",
+ "editFullEapLinkLabel": "Edit Full EAP",
+ "viewFullEapLinkLabel": "View Full EAP",
+ "exportWithChangesButtonLabel": "Export v{version} PDF (with track changes)",
+ "previewExportWithChangesButtonLabel": "Preview Export v{version} PDF (with track changes)",
+ "exportButtonLabel": "Export",
+ "exportSummaryButtonLabel": "Export Summary",
+ "previewExportLinkLabel": "Preview Export",
+ "previewSummaryExportLinkLabel": "Preview Summary Export",
+ "downloadReviewChecklistLinkLabel": "Review Checklist v{version} (with IFRC comments)",
+ "downloadUpdatedChecklistLinkLabel": "Review Checklist v{version} (with NS comments)",
+ "downloadBudgetFileLabel": "Budget v{version}",
+ "editSimplifiedEapLinkLabel": "Edit sEAP",
+ "viewSimplifiedEapLinkLabel": "View sEAP",
+ "reviseEapLabel": "Revise EAP",
+ "reviseEapMessage": "Revising this EAP will create a new version. You can make any necessary changes in the new version.",
+ "downloadValidatedBudgetLinkLabel": "Download Validated Budget",
+ "additionalFilesButtonLabel": "Additional Attachments",
+ "theoryOfChangeTableLinkLabel": "Theory of Change Table",
+ "fullReviseSuccessAlert": "Full EAP revised successfully",
+ "fullReviseFailedAlert": "Full EAP revision failed",
+ "simplifiedReviseSuccessAlert": "Simplified EAP revised successfully",
+ "simplifiedReviseFailedAlert": "Simplified EAP revision failed",
+ "forecastTableLinkLabel": "Forecast Table"
+ }
+}
diff --git a/app/src/views/AccountMyFormsEap/EapTableActions/index.tsx b/app/src/views/AccountMyFormsEap/EapTableActions/index.tsx
new file mode 100644
index 0000000000..a58a3dcb16
--- /dev/null
+++ b/app/src/views/AccountMyFormsEap/EapTableActions/index.tsx
@@ -0,0 +1,571 @@
+import {
+ useCallback,
+ useMemo,
+ useState,
+} from 'react';
+import {
+ DocumentPdfLineIcon,
+ DownloadTwoLineIcon,
+} from '@ifrc-go/icons';
+import {
+ Button,
+ ConfirmButton,
+ ListView,
+ Modal,
+} from '@ifrc-go/ui';
+import {
+ useBooleanState,
+ useTranslation,
+} from '@ifrc-go/ui/hooks';
+import { resolveToString } from '@ifrc-go/ui/utils';
+import {
+ isDefined,
+ isNotDefined,
+} from '@togglecorp/fujs';
+
+import EapExportModal from '#components/domain/EapExportModal';
+import Link from '#components/Link';
+import { environment } from '#config';
+import useAlert from '#hooks/useAlert';
+import useRouting from '#hooks/useRouting';
+import {
+ EAP_STATUS_NS_ADDRESSING_COMMENTS,
+ EAP_STATUS_PENDING_PFA,
+ EAP_STATUS_TECHNICALLY_VALIDATED,
+ EAP_STATUS_UNDER_DEVELOPMENT,
+ EAP_TYPE_FULL,
+ EAP_TYPE_SIMPLIFIED,
+} from '#utils/constants';
+import { useLazyRequest } from '#utils/restRequest';
+
+import { type EapExpandedListItem } from '../utils';
+import BudgetFileInput from './BudgetFileInput';
+
+import i18n from './i18n.json';
+
+export interface Props {
+ expandedListItem: EapExpandedListItem;
+ onUpdate?: () => void;
+}
+
+function EapTableActions(props: Props) {
+ const {
+ expandedListItem,
+ onUpdate,
+ } = props;
+
+ const {
+ type,
+ eap,
+ details,
+ } = expandedListItem;
+
+ const [exportWithDiffView, setExportWithDiffView] = useState(false);
+ const [summaryExport, setSummaryExport] = useState(false);
+ const [showExportModal, setShowExportModal] = useState(false);
+ const [
+ showAdditionalFileModal,
+ {
+ setTrue: setShowAdditionalFileModalTrue,
+ setFalse: setShowAdditionalFileModalFalse,
+ },
+ ] = useBooleanState(false);
+
+ const alert = useAlert();
+ const { navigate } = useRouting();
+
+ const strings = useTranslation(i18n);
+
+ const setShowSummaryExportTrue = useCallback(() => {
+ setSummaryExport(true);
+ setExportWithDiffView(false);
+ setShowExportModal(true);
+ }, []);
+
+ const setShowExportModalTrue = useCallback((withDiff?: boolean) => {
+ setSummaryExport(false);
+ setExportWithDiffView(!!withDiff);
+ setShowExportModal(true);
+ }, []);
+
+ const setShowExportModalFalse = useCallback(() => {
+ setSummaryExport(false);
+ setExportWithDiffView(false);
+ setShowExportModal(false);
+ }, []);
+
+ const latestId = useMemo(() => {
+ if (eap.eap_type === EAP_TYPE_SIMPLIFIED) {
+ return eap.latest_simplified_eap ?? undefined;
+ }
+
+ if (eap.eap_type === EAP_TYPE_FULL) {
+ return eap.latest_full_eap ?? undefined;
+ }
+
+ return undefined;
+ }, [eap]);
+
+ const {
+ trigger: reviseSEAP,
+ pending: reviseSEAPPending,
+ } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/simplified-eap/{id}/revise/',
+ pathVariables: isDefined(latestId) ? { id: latestId } : undefined,
+ body: () => ({} as never),
+ onSuccess: () => {
+ alert.show(
+ strings.simplifiedReviseSuccessAlert,
+ { variant: 'success' },
+ );
+ navigate(
+ 'simplifiedEapForm',
+ { params: { eapId: eap.id } },
+ );
+ },
+ onFailure: ({
+ value: { messageForNotification },
+ }) => {
+ alert.show(
+ strings.simplifiedReviseFailedAlert,
+ {
+ description: messageForNotification,
+ variant: 'danger',
+ },
+ );
+ },
+ });
+
+ const {
+ trigger: reviseFullEAP,
+ pending: reviseFullEAPPending,
+ } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/full-eap/{id}/revise/',
+ pathVariables: isDefined(latestId) ? { id: latestId } : undefined,
+ body: () => ({} as never),
+ onSuccess: () => {
+ alert.show(
+ strings.fullReviseSuccessAlert,
+ { variant: 'success' },
+ );
+ navigate(
+ 'fullEapForm',
+ { params: { eapId: eap.id } },
+ );
+ },
+ onFailure: ({
+ value: { messageForNotification },
+ }) => {
+ alert.show(
+ strings.fullReviseFailedAlert,
+ {
+ description: messageForNotification,
+ variant: 'danger',
+ },
+ );
+ },
+ });
+
+ const handleReviseClick = useCallback(
+ () => {
+ if (eap.eap_type === EAP_TYPE_SIMPLIFIED) {
+ reviseSEAP(null);
+ }
+
+ if (eap.eap_type === EAP_TYPE_FULL) {
+ reviseFullEAP(null);
+ }
+ },
+ [
+ eap.eap_type,
+ reviseSEAP,
+ reviseFullEAP,
+ ],
+ );
+
+ const latestVersion = useMemo(() => {
+ if (eap.eap_type === EAP_TYPE_SIMPLIFIED) {
+ return eap.simplified_eap_details.find(({ id }) => latestId === id)?.version;
+ }
+
+ if (eap.eap_type === EAP_TYPE_FULL) {
+ return eap.full_eap_details.find(({ id }) => latestId === id)?.version;
+ }
+
+ return undefined;
+ }, [eap, latestId]);
+
+ const isCreated = isDefined(latestId);
+ const isLocked = isDefined(details) && !!details.data.is_locked;
+
+ const isLatestVersion = useMemo(() => {
+ if (eap.eap_type === EAP_TYPE_SIMPLIFIED) {
+ return eap.latest_simplified_eap === details?.data.id;
+ }
+
+ if (eap.eap_type === EAP_TYPE_FULL) {
+ return eap.latest_full_eap === details?.data.id;
+ }
+
+ return false;
+ }, [eap, details]);
+
+ const isEditable = useMemo(() => {
+ if (isCreated && !isLatestVersion) {
+ return false;
+ }
+
+ if (isLocked) {
+ return false;
+ }
+
+ if (eap.status !== EAP_STATUS_UNDER_DEVELOPMENT
+ && eap.status !== EAP_STATUS_NS_ADDRESSING_COMMENTS) {
+ return false;
+ }
+
+ return true;
+ }, [isCreated, isLatestVersion, isLocked, eap]);
+
+ const isRevised = useMemo(() => {
+ if (!isLatestVersion) {
+ return false;
+ }
+ if (!isLocked) {
+ return false;
+ }
+ if (eap.status !== EAP_STATUS_NS_ADDRESSING_COMMENTS) {
+ return false;
+ }
+ return true;
+ }, [eap, isLocked, isLatestVersion]);
+
+ return (
+
+ {type === 'registration' && isNotDefined(eap.eap_type) && isNotDefined(details) && (
+
+
+ )}
+ {type === 'development' && (
+ <>
+ {details?.eapType === EAP_TYPE_FULL
+ && (isDefined(details?.data.theory_of_change_table_file_details)
+ || isDefined(details?.data.forecast_table_file_details))
+ && (
+
+ {strings.reviseEapLabel}
+
+ )}
+ {eap.eap_type === EAP_TYPE_SIMPLIFIED && isEditable && (
+
+
+
+ )}
+
+ )}
+ {showExportModal && isDefined(eap.eap_type) && (
+
+
+ {isDefined(details?.data.theory_of_change_table_file_details) && (
+
+
+ )}
+
+ );
+}
+
+export default EapTableActions;
diff --git a/app/src/views/AccountMyFormsEap/Filters/i18n.json b/app/src/views/AccountMyFormsEap/Filters/i18n.json
new file mode 100644
index 0000000000..9aab9233d2
--- /dev/null
+++ b/app/src/views/AccountMyFormsEap/Filters/i18n.json
@@ -0,0 +1,6 @@
+{
+ "namespace": "accountMyFormsEap",
+ "strings": {
+ "filterStatusPlaceholder": "Select Status"
+ }
+}
diff --git a/app/src/views/AccountMyFormsEap/Filters/index.tsx b/app/src/views/AccountMyFormsEap/Filters/index.tsx
new file mode 100644
index 0000000000..8ebee10365
--- /dev/null
+++ b/app/src/views/AccountMyFormsEap/Filters/index.tsx
@@ -0,0 +1,47 @@
+import { SelectInput } from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { stringValueSelector } from '@ifrc-go/ui/utils';
+import { type EntriesAsList } from '@togglecorp/toggle-form';
+
+import { type components } from '#generated/types';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+
+import i18n from './i18n.json';
+
+type TypeOfEapStatus = components<'read'>['schemas']['EapEapStatusEnumKey'];
+function typeOfEapStatusKeySelector({ key } : { key: TypeOfEapStatus }) {
+ return key;
+}
+
+export interface FilterValue {
+ status?: TypeOfEapStatus | undefined;
+}
+
+interface Props {
+ value: FilterValue;
+ onChange: (...args: EntriesAsList) => void;
+}
+
+function Filters(props: Props) {
+ const {
+ value,
+ onChange,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const { eap_eap_status: eapStatusTypeOptions } = useGlobalEnums();
+
+ return (
+ ({
+ filter: {},
+ pageSize: ITEM_PER_PAGE,
+ });
+
+ const {
+ response: eapListResponse,
+ pending: eapListPending,
+ retrigger: reloadEapList,
+ } = useRequest({
+ url: '/api/v2/eap-registration/',
+ preserveResponse: true,
+ query: {
+ offset,
+ limit,
+ status: filter.status,
+ },
+ });
+
+ const [expandedRow, setExpandedRow] = useState();
+ const handleExpandClick = useCallback(
+ (row: EapListItem) => {
+ setExpandedRow(
+ (prevValue) => (prevValue?.id === row.id ? undefined : row),
+ );
+ },
+ [],
+ );
+
+ const aggregatedColumns = useMemo(
+ () => ([
+ createExpansionIndicatorColumn(false),
+ createDateColumn(
+ 'created_at',
+ strings.eapLastUpdated,
+ (item) => item.modified_at,
+ ),
+ createStringColumn(
+ 'name',
+ strings.eapName,
+ (item) => {
+ const baseYear = new Date(item.created_at).getFullYear();
+
+ let addedYear = baseYear;
+
+ if (item.eap_type === EAP_TYPE_FULL) {
+ addedYear = baseYear + 5;
+ } else if (item.eap_type === EAP_TYPE_SIMPLIFIED) {
+ addedYear = baseYear + 2;
+ }
+
+ return `${item.country_details?.name}:
+ ${item.disaster_type_details?.name}
+ ${baseYear} - ${addedYear}`;
+ },
+ ),
+ createStringColumn(
+ 'eap_type_display',
+ strings.eapType,
+ (item) => item.eap_type_display,
+ ),
+ createElementColumn(
+ 'status',
+ strings.eapStatus,
+ EapStatus,
+ (key, row) => ({
+ eapId: key,
+ status: row.status,
+ hasValidatedBudgetFile: isTruthyString(row.validated_budget_file),
+ onStatusUpdate: reloadEapList,
+ eapType: row.eap_type,
+ details: row,
+ }),
+ { columnClassName: styles.status },
+ ),
+ createElementColumn(
+ 'actions',
+ '',
+ EapShareActions,
+ (_, item) => ({
+ id: item.id,
+ disabled: (item.eap_type === EAP_TYPE_FULL
+ && isNotDefined(item.latest_full_eap))
+ || (item.eap_type === EAP_TYPE_SIMPLIFIED
+ && isNotDefined(item.latest_simplified_eap)),
+ }),
+
+ ),
+ createExpandColumn(
+ 'expandRow',
+ '',
+ (row) => ({
+ onClick: handleExpandClick,
+ expanded: row.id === expandedRow?.id,
+ }),
+ ),
+ ]),
+ [
+ strings.eapLastUpdated,
+ strings.eapName,
+ strings.eapType,
+ strings.eapStatus,
+ expandedRow,
+ handleExpandClick,
+ reloadEapList,
+ ],
+ );
+
+ const eapExpandedItems = useMemo(() => (
+ listToMap(
+ eapListResponse?.results,
+ (eapListItem) => eapListItem.id,
+ (eapListItem) => {
+ const {
+ simplified_eap_details,
+ full_eap_details,
+ modified_at,
+ eap_type,
+ status,
+ } = eapListItem;
+
+ const eapStarted = simplified_eap_details.length > 0 || full_eap_details.length > 0;
+
+ const items = [
+ {
+ label: 'EAP Development Registration',
+ lastUpdated: modified_at,
+ eap: eapListItem,
+ type: 'registration',
+ details: undefined,
+ disabled: false,
+ } satisfies EapExpandedListItem,
+ ...(eap_type === EAP_TYPE_SIMPLIFIED
+ ? simplified_eap_details.map((simplifiedEap) => ({
+ label: `EAP Application v${simplifiedEap.version}`,
+ lastUpdated: simplifiedEap.modified_at,
+ eap: eapListItem,
+ type: 'development',
+ details: {
+ eapType: EAP_TYPE_SIMPLIFIED,
+ data: simplifiedEap,
+ },
+ disabled: false,
+ } satisfies EapExpandedListItem)).toReversed()
+ : []
+ ),
+ ...(eap_type === EAP_TYPE_FULL
+ ? full_eap_details.map((fullEap) => ({
+ label: `EAP Application v${fullEap.version}`,
+ lastUpdated: fullEap.modified_at,
+ eap: eapListItem,
+ type: 'development',
+ details: {
+ eapType: EAP_TYPE_FULL,
+ data: fullEap,
+ },
+ disabled: false,
+ } satisfies EapExpandedListItem)).toReversed()
+ : []
+ ),
+ ((isNotDefined(eap_type) || !eapStarted)
+ ? ({
+ label: 'EAP Application v1',
+ eap: eapListItem,
+ type: 'development',
+ details: undefined,
+ disabled: true,
+ } satisfies EapExpandedListItem)
+ : undefined
+ ),
+ {
+ label: 'Technically Validated',
+ eap: eapListItem,
+ type: 'validated',
+ lastUpdated: eapListItem.technically_validated_at ?? undefined,
+ details: undefined,
+ disabled: status < EAP_STATUS_TECHNICALLY_VALIDATED,
+ } satisfies EapExpandedListItem,
+ {
+ label: 'Approved (Pending PFA)',
+ lastUpdated: eapListItem.pending_pfa_at ?? undefined,
+ eap: eapListItem,
+ type: 'pending-pfa',
+ details: undefined,
+ disabled: status < EAP_STATUS_PENDING_PFA,
+ } satisfies EapExpandedListItem,
+ {
+ label: 'Approved',
+ eap: eapListItem,
+ lastUpdated: eapListItem.approved_at ?? undefined,
+ type: 'approved',
+ details: undefined,
+ disabled: status < EAP_STATUS_APPROVED,
+ } satisfies EapExpandedListItem,
+ ].filter(isDefined).toReversed();
+
+ return {
+ eap: eapListItem,
+ expandedItems: items,
+ } satisfies EapExpandedItem;
+ },
+ )
+ ), [eapListResponse]);
+
+ const detailColumns = useMemo(
+ () => ([
+ createExpansionIndicatorColumn(
+ true,
+ (row) => !!row.disabled,
+ ),
+ createDateColumn(
+ 'created_at',
+ strings.eapLastUpdated,
+ (row) => row.lastUpdated,
+ ),
+ createStringColumn(
+ 'title',
+ '',
+ (row) => row.label,
+ { withLightText: (item) => !!item.disabled },
+ ),
+ createEmptyColumn(),
+ createElementColumn(
+ 'actions',
+ '',
+ EapTableActions,
+ (_, row) => ({
+ expandedListItem: row,
+ onUpdate: reloadEapList,
+ }),
+ ),
+ createEmptyColumn(),
+ createEmptyColumn(),
+ ]),
+ [strings.eapLastUpdated, reloadEapList],
+ );
+
+ const rowModifier = useCallback(
+ ({ row, datum }: RowOptions) => {
+ if (datum.id !== expandedRow?.id) {
+ return row;
+ }
+
+ const subRows = eapExpandedItems?.[expandedRow.id];
+
+ return (
+ <>
+ {row}
+ expandedItem.label}
+ data={subRows?.expandedItems}
+ columns={detailColumns}
+ expandedContent
+ />
+
+ );
+ },
+ [
+ expandedRow,
+ detailColumns,
+ eapExpandedItems,
+ ],
+ );
+
+ return (
+ [number];
+
+interface SimplifiedEapDetails {
+ eapType: typeof EAP_TYPE_SIMPLIFIED;
+ data: EapListItem['simplified_eap_details'][number];
+}
+
+interface FullEapDetails {
+ eapType: typeof EAP_TYPE_FULL;
+ data: EapListItem['full_eap_details'][number];
+}
+
+export type EapExpandedListItem = {
+ label: string;
+ lastUpdated?: string;
+ eap: EapListItem;
+ type: 'registration' | 'development' | 'validated' | 'pending-pfa' | 'approved';
+ disabled?: boolean;
+
+ // Only applicable for development type
+ details: SimplifiedEapDetails | FullEapDetails | undefined;
+};
+
+export type EapExpandedItem = {
+ eap: EapListItem;
+ expandedItems: EapExpandedListItem[];
+};
diff --git a/app/src/views/AccountMyFormsLayout/i18n.json b/app/src/views/AccountMyFormsLayout/i18n.json
index 6b70856db7..992e8f5685 100644
--- a/app/src/views/AccountMyFormsLayout/i18n.json
+++ b/app/src/views/AccountMyFormsLayout/i18n.json
@@ -3,7 +3,8 @@
"strings": {
"fieldReportTabTitle": "Field Report",
"perTabTitle": "PER",
- "drefTabTitle": "DREF",
- "threeWTabTitle": "3W"
+ "drefTabTitle": "DREF Applications",
+ "threeWTabTitle": "3W",
+ "eapApplications": "EAP Applications"
}
-}
\ No newline at end of file
+}
diff --git a/app/src/views/AccountMyFormsLayout/index.tsx b/app/src/views/AccountMyFormsLayout/index.tsx
index 5364a38441..c7eaac05d2 100644
--- a/app/src/views/AccountMyFormsLayout/index.tsx
+++ b/app/src/views/AccountMyFormsLayout/index.tsx
@@ -35,6 +35,11 @@ export function Component() {
>
{strings.threeWTabTitle}
+
+ {strings.eapApplications}
+
+
+
+ {strings.drefIntroDetailOne}
+ {strings.drefIntroDetailTwo}
+
+
+ {strings.drefProcessSubHeading}
+
+
+ {strings.drefProcessListOne}
+
+
+ {strings.drefProcessListTwo}
+
+
+
+ {strings.drefProcessDetailOne}
+
+
+ {strings.drefProcessDetailTwo}
+
+
+
+
+ );
+}
+
+Component.displayName = 'DrefDetail';
diff --git a/app/src/views/DrefFinalReportForm/Overview/index.tsx b/app/src/views/DrefFinalReportForm/Overview/index.tsx
index e364912b23..0d1f701ae7 100644
--- a/app/src/views/DrefFinalReportForm/Overview/index.tsx
+++ b/app/src/views/DrefFinalReportForm/Overview/index.tsx
@@ -40,9 +40,9 @@ import CountrySelectInput from '#components/domain/CountrySelectInput';
import DisasterTypeSelectInput from '#components/domain/DisasterTypeSelectInput';
import DistrictSearchMultiSelectInput, { type DistrictItem } from '#components/domain/DistrictSearchMultiSelectInput';
import DrefShareModal from '#components/domain/DrefShareModal';
-import UserItem from '#components/domain/DrefShareModal/UserItem';
import ImageWithCaptionInput from '#components/domain/ImageWithCaptionInput';
import NationalSocietySelectInput from '#components/domain/NationalSocietySelectInput';
+import ShareUserItem from '#components/domain/ShareUserItem';
import { type User } from '#components/domain/UserSearchMultiSelectInput';
import Link from '#components/Link';
import useCountry from '#hooks/domain/useCountry';
@@ -221,7 +221,7 @@ function Overview(props: Props) {
>
+
+
+ {strings.eapProcessDrefTab}
+
+
+ {strings.eapProcessEapTab}
+
+
+
+ );
+}
+
+Component.displayName = 'DrefProcess';
diff --git a/app/src/views/EapFullExport/PrintableContactOutput/index.tsx b/app/src/views/EapFullExport/PrintableContactOutput/index.tsx
new file mode 100644
index 0000000000..145208e619
--- /dev/null
+++ b/app/src/views/EapFullExport/PrintableContactOutput/index.tsx
@@ -0,0 +1,75 @@
+import { isTruthyString } from '@togglecorp/fujs';
+
+import PrintableContainer from '#components/printable/PrintableContainer';
+import PrintableDataDisplay from '#components/printable/PrintableDataDisplay';
+import { type GoApiResponse } from '#utils/restRequest';
+
+type FullEap = GoApiResponse<'/api/v2/full-eap/{id}/'>;
+type FieldKeys = keyof FullEap;
+
+type ExtractContactPrefix = KEY extends `${infer PREFIX}_name`
+ ? `${PREFIX}_title` extends FieldKeys
+ ? `${PREFIX}_email` extends FieldKeys
+ ? `${PREFIX}_phone_number` extends FieldKeys
+ ? PREFIX
+ : never
+ : never
+ : never
+ : never
+
+type ValidContactFieldPrefixes = ExtractContactPrefix;
+
+interface Props {
+ label: React.ReactNode;
+ namePrefix: ValidContactFieldPrefixes;
+ data: FullEap | undefined | null;
+ prevData: FullEap | undefined | null;
+ withDiff: boolean;
+}
+
+function PrintableContactOutput(props: Props) {
+ const {
+ label,
+ namePrefix,
+ data,
+ prevData,
+ withDiff,
+ } = props;
+
+ const nameKey = `${namePrefix}_name` satisfies FieldKeys;
+ const titleKey = `${namePrefix}_title` satisfies FieldKeys;
+ const emailKey = `${namePrefix}_email` satisfies FieldKeys;
+ const phoneNumberKey = `${namePrefix}_phone_number` satisfies FieldKeys;
+
+ const value = [
+ data?.[nameKey],
+ data?.[titleKey],
+ data?.[emailKey],
+ data?.[phoneNumberKey],
+ ].filter(isTruthyString).join(', ');
+
+ const prevValue = [
+ prevData?.[nameKey],
+ prevData?.[titleKey],
+ prevData?.[emailKey],
+ prevData?.[phoneNumberKey],
+ ].filter(isTruthyString).join(', ');
+
+ return (
+
+
+ );
+}
+
+export default PrintableContactOutput;
diff --git a/app/src/views/EapFullExport/TableOfContents/index.tsx b/app/src/views/EapFullExport/TableOfContents/index.tsx
new file mode 100644
index 0000000000..dd3a619156
--- /dev/null
+++ b/app/src/views/EapFullExport/TableOfContents/index.tsx
@@ -0,0 +1,84 @@
+import {
+ type RefObject,
+ useMemo,
+} from 'react';
+import { randomString } from '@togglecorp/fujs';
+
+import styles from './styles.module.css';
+
+type HeadingData = {
+ id: string;
+ text: string;
+ level: number;
+ children?: HeadingData[];
+}
+
+interface Props {
+ mainRef: RefObject;
+}
+
+function TableOfContents(props: Props) {
+ const { mainRef } = props;
+
+ const headings = useMemo(() => {
+ const contentElement = mainRef.current;
+
+ /* eslint-disable-next-line react-hooks/refs */
+ if (!contentElement) return undefined;
+
+ /* FIXME(shreeyash07): contentElement.querySelectorAll read in render to
+ * heading level h2 and h3 */
+ /* eslint-disable-next-line react-hooks/refs */
+ const elements = Array.from(contentElement.querySelectorAll('h2, h3'));
+
+ const headingList: HeadingData[] = [];
+
+ elements.forEach((elem) => {
+ const level = Number(elem.tagName.substring(1));
+
+ if (level === 2) {
+ headingList.push({
+ id: randomString(),
+ text: elem.textContent || '',
+ level,
+ });
+ }
+
+ const lastHeadingData = headingList[headingList.length - 1];
+ if (level === 3 && lastHeadingData) {
+ if (!lastHeadingData.children) {
+ lastHeadingData.children = [];
+ }
+
+ lastHeadingData.children?.push({
+ id: randomString(),
+ text: elem.textContent || '',
+ level,
+ });
+ }
+ });
+
+ return headingList;
+ }, [mainRef]);
+
+ return (
+
+ {headings?.map((heading) => (
+
+ {heading.text}
+ {heading.children && (
+
+ {heading.children?.map((subHeading) => (
+
+ {subHeading.text}
+
+ ))}
+
+ )}
+
+ ))}
+
+ );
+}
+
+export default TableOfContents;
diff --git a/app/src/views/EapFullExport/TableOfContents/styles.module.css b/app/src/views/EapFullExport/TableOfContents/styles.module.css
new file mode 100644
index 0000000000..804e5fcf38
--- /dev/null
+++ b/app/src/views/EapFullExport/TableOfContents/styles.module.css
@@ -0,0 +1,41 @@
+.table-of-contents {
+ padding-inline-start: 0;
+ list-style: none;
+ counter-reset: section;
+
+ > li {
+ margin: unset;
+ font-weight: var(--go-ui-font-weight-bold);
+ margin-block-end: var(--go-ui-spacing-xs);
+ counter-reset: subsection;
+ counter-increment: section;
+
+ &::before {
+ content: counter(section) ". ";
+ }
+ }
+
+ ol {
+ padding-inline-start: 0;
+ list-style: none;
+
+ > li {
+ margin: unset;
+ counter-increment: subsection;
+ margin-block-start: var(--go-ui-spacing-3xs);
+
+ &::before {
+ content: counter(section) "." counter(subsection) " ";
+ }
+ }
+ }
+
+ .sub-section {
+ font-weight: var(--go-ui-font-weight-light);
+ }
+}
+
+
+
+
+
diff --git a/app/src/views/EapFullExport/i18n.json b/app/src/views/EapFullExport/i18n.json
new file mode 100644
index 0000000000..c6dcb3fe31
--- /dev/null
+++ b/app/src/views/EapFullExport/i18n.json
@@ -0,0 +1,98 @@
+{
+ "namespace": "eapFullExport",
+ "strings": {
+ "summaryPageTitle": "Early Action Protocol Summary",
+ "hazardLabel": "Hazard",
+ "prioritizedImpactsSummaryLabel": "Prioritized risks/impacts to be addressed by early actions",
+ "earlyActionsSummaryLabel": "Proposed Early Actions by based on the IFRC’s Planned Operation Matrix",
+ "houseHoldsSummaryLabel": "Potential No. of households to be reached",
+ "eapBudgetSummaryLabel": "EAP budget",
+ "pageTitleFullText": "Full",
+ "pageTitleEapText": "Early Action Protocol",
+ "overviewHeading": "Overview",
+ "eapNoLabel": "EAP No",
+ "eapTimeframeLabel": "EAP Timeframe",
+ "eapApprovedLabel": "EAP Approved",
+ "objectiveLabel": "Objective",
+ "nationalLabel": "National",
+ "nationalSocietyContactLabel": "National Society Contact",
+ "partnerNationalSocietyContactLabel": "Partner National Society Contact",
+ "delegationLabel": "Delegation",
+ "delegationFocalLabel": "IFRC Delegation AA Focal Point",
+ "delegationHeadLabel": "IFRC Head of Delegation",
+ "regionalGlobalLabel": "Regional and Global",
+ "drefFocalLabel": "DREF Focal Point",
+ "regionalFocalLabel":"IFRC Regional AA Focal Point",
+ "regionalOpsLabel":"IFRC Regional Ops Manager",
+ "regionalHeadLabel":"IFRC Regional Head of DCC",
+ "globalOpsLabel":"IFRC Global Ops Coordinator",
+ "stakeholdersHeading":"Stakeholders",
+ "workWithGovernmentLabel":"Did you work with the government and other relevant actors in the development of this EAP? *",
+ "workWithGovernmentDescription":"Please briefly describe the process",
+ "keyActorsHeading": "Key Actors",
+ "technicalWorkingHeading": "Technical working groups in place",
+ "isTechnicalLabel": "Is there TWG in place?",
+ "workingDescriptionLabel": "Please briefly describe the process",
+ "riskAnalysisHeading": "Risk Analysis",
+ "hazardSelectionHeading": "Hazard Selection",
+ "exposedElementsLabel": "Exposed elements and their vulnerability factors",
+ "prioritizedImpactHeading": "Prioritized Impact",
+ "listPrioritizedImpactLabel": "List of prioritized impacts",
+ "triggerModelHeading": "Trigger Model",
+ "triggerStatementLabel": "Trigger Statement",
+ "leadTimeLabel": "Lead Time",
+ "forecastSelectionLabel": "Forecast Selection",
+ "downloadForecastTableLabel": "Download forecast table",
+ "definitionJustificationLabel": "Definition and justification of impact level",
+ "identificationInterventionLabel": "Identification of the intervention area",
+ "selectionOfActionHeading": "Selection of Actions",
+ "listEarlyActionsLabel": "List of Early Actions",
+ "earlySelectionLabel": "Early Action Selection Process",
+ "downloadTheoryChangeTableLabel": "Download Theory of Change Table",
+ "evidenceBaseLabel": "Evidence Base",
+ "usefulnessActionsLabel": "Usefulness of actions in case of non-occurring event",
+ "totalBudgetLabel": "Total Budget",
+ "downloadBudgetLabel": "Download Full Budget Template",
+ "feasibilityLabel": "Feasibility",
+ "activationProcessHeading": "EAP Activation Process",
+ "actionProcessLabel": "Early Action implementation process",
+ "triggerActivationLabel": "Trigger activation system",
+ "peopleTargetLabel": "People Targeted",
+ "selectionTargetLabel": "Selection of target population",
+ "stopMechanismLabel": "Stop Mechanism",
+ "sourceInformationLabel": "Sources of Information",
+ "sourceForecastLabel": "Sources of Forecast",
+ "nameLabel": "Name",
+ "linkLabel": "Link",
+ "descriptionLabel": "Description",
+ "titleLabel": "Title",
+ "mealHeading": "Monitoring, Evaluation, Accountability Learning(Meal)",
+ "mealLabel": "Meal",
+ "nationalSocietyHeading": "National Society Capacity",
+ "operationalThematicLabel": "Operational, thematic and administrative capacity",
+ "strategiesPlanLabel": "Strategies and plans",
+ "financialCapacityLabel": "Financial capacity to advance funds",
+ "financeLogisticsHeading": "Finance and Logistics",
+ "budgetDescriptionLabel": "Budget Description",
+ "totalReadinessLabel": "Total Readiness",
+ "readinessBudgetDescriptionLabel": "Readiness Budget Description",
+ "totalPrepositioningLabel": "Total Pre-positioning",
+ "prepositioningBudgetDescriptionLabel": "Pre-positioning Budget Description",
+ "totalEarlyActionsLabel": "Total Early Actions",
+ "earlyActionsBudgetDescriptionLabel": "Early Actions Budget Description",
+ "eapEndorsementLabel": "EAP Endorsement",
+ "plannedOperationsHeading": "Planned Operations",
+ "operationBudgetLabel": "Budget",
+ "apCodeLabel": "AP Code",
+ "operationPeopleTargetedLabel": "No. people targeted",
+ "indicatorsHeading": "Indicators",
+ "indicatorTitleLabel": "Title",
+ "indicatorTargetLabel": "Target",
+ "readinessActivitiesHeading": "Readiness activities",
+ "prepositioningActivitiesHeading": "Prepositioning activities",
+ "earlyActionActivitiesHeading": "Prioritized early actions",
+ "enablingApproachesLabel": "Enabling Approaches",
+ "contactInformationHeading": "Contact information",
+ "contactInformationDescription": "For further information, specifically related to this simplified EAP please contact:"
+ }
+}
diff --git a/app/src/views/EapFullExport/index.tsx b/app/src/views/EapFullExport/index.tsx
new file mode 100644
index 0000000000..243f084686
--- /dev/null
+++ b/app/src/views/EapFullExport/index.tsx
@@ -0,0 +1,1950 @@
+import {
+ useMemo,
+ useRef,
+} from 'react';
+import {
+ useParams,
+ useSearchParams,
+} from 'react-router-dom';
+import { ListView } from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { Image } from '@ifrc-go/ui/printable';
+import {
+ isDefined,
+ isFalsyString,
+ isNotDefined,
+ isTruthyString,
+ listToMap,
+} from '@togglecorp/fujs';
+
+import PrintableActivityOutput from '#components/domain/PrintableActivityOutput';
+import Link from '#components/printable/Link';
+import PrintableContainer from '#components/printable/PrintableContainer';
+import PrintableDataDisplay from '#components/printable/PrintableDataDisplay';
+import PrintableDescription from '#components/printable/PrintableDescription';
+import PrintableLabel from '#components/printable/PrintableLabel';
+import PrintablePage from '#components/printable/PrintablePage';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import useDebouncedValue from '#hooks/useDebouncedValue';
+import { useRequest } from '#utils/restRequest';
+
+import PrintableContactOutput from './PrintableContactOutput';
+import TableOfContents from './TableOfContents';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+/** @knipignore */
+// eslint-disable-next-line import/prefer-default-export
+export function Component() {
+ const { eapId } = useParams<{ eapId: string }>();
+
+ const { pending: eapRegistrationPending, response: eapRegistrationResponse } = useRequest({
+ skip: isFalsyString(eapId),
+ url: '/api/v2/eap-registration/{id}/',
+ pathVariables: isTruthyString(eapId)
+ ? {
+ id: Number(eapId),
+ }
+ : undefined,
+ });
+
+ const mainRef = useRef(null);
+ const [searchParams] = useSearchParams();
+
+ const strings = useTranslation(i18n);
+
+ const version = searchParams.get('version') ?? undefined;
+ const withDiff = searchParams.get('diff')?.toLowerCase() === 'true';
+
+ const selectedFullEap = eapRegistrationResponse?.full_eap_details?.find(
+ (fullEap) => String(fullEap.version) === String(version),
+ );
+
+ const latestFullEapId = eapRegistrationResponse?.latest_full_eap;
+ const latestFullEap = eapRegistrationResponse?.full_eap_details?.find(
+ (fullEap) => fullEap.id === latestFullEapId,
+ );
+
+ const currentFullEap = selectedFullEap ?? latestFullEap;
+ const currentFullEapId = currentFullEap?.id;
+
+ const prevFullEapVersion = isDefined(currentFullEap?.version) && currentFullEap.version > 1
+ ? currentFullEap.version - 1
+ : undefined;
+
+ const prevFullEap = eapRegistrationResponse?.full_eap_details.find(
+ (fullEap) => fullEap.version === prevFullEapVersion,
+ );
+
+ const { pending: fullEapPending, response: fullEapResponse } = useRequest({
+ skip: isNotDefined(currentFullEapId),
+ url: '/api/v2/full-eap/{id}/',
+ pathVariables: isDefined(currentFullEapId)
+ ? {
+ id: Number(currentFullEapId),
+ }
+ : undefined,
+ });
+
+ const { pending: prevFullEapPending, response: prevFullEapResponse } = useRequest({
+ skip: isNotDefined(prevFullEap) || !withDiff,
+ url: '/api/v2/full-eap/{id}/',
+ pathVariables: isDefined(prevFullEap)
+ ? {
+ id: Number(prevFullEap.id),
+ }
+ : undefined,
+ });
+
+ const { response: apCodeOptions } = useRequest({
+ url: '/api/v2/eap/options/',
+ });
+
+ const { eap_sector, eap_approach } = useGlobalEnums();
+
+ const eapSectorTitleMap = listToMap(
+ eap_sector,
+ ({ key }) => key,
+ ({ value }) => value,
+ );
+
+ const eapApproachTitleMap = listToMap(
+ eap_approach,
+ ({ key }) => key,
+ ({ value }) => value,
+ );
+
+ const {
+ disaster_type_details,
+ country_details,
+ approved_at,
+ } = eapRegistrationResponse ?? {};
+
+ const {
+ cover_image_file,
+ objective,
+
+ partner_contacts,
+
+ admin2_details,
+ is_worked_with_government,
+ worked_with_government_description,
+ key_actors,
+ is_technical_working_groups,
+ technically_working_group_title,
+ technical_working_groups_in_place_description,
+
+ hazard_selection,
+ hazard_selection_images,
+ exposed_element_and_vulnerability_factor,
+ exposed_element_and_vulnerability_factor_images,
+ prioritized_impact,
+ prioritized_impact_images,
+ prioritized_impacts,
+ risk_analysis_source_of_information,
+
+ trigger_statement,
+ trigger_statement_source_of_information,
+ lead_time,
+ forecast_selection,
+ forecast_selection_images,
+ forecast_table_file_details,
+ definition_and_justification_impact_level,
+ definition_and_justification_impact_level_images,
+ identification_of_the_intervention_area,
+ identification_of_the_intervention_area_images,
+ trigger_model_source_of_information,
+
+ early_actions,
+ early_action_selection_process,
+ early_action_selection_process_images,
+ theory_of_change_table_file_details,
+ evidence_base,
+ evidence_base_source_of_information,
+
+ planned_operations,
+ enabling_approaches,
+ usefulness_of_actions,
+ feasibility,
+
+ early_action_implementation_process,
+ early_action_implementation_images,
+ trigger_activation_system,
+ trigger_activation_system_images,
+ people_targeted,
+ selection_of_target_population,
+ stop_mechanism,
+ activation_process_source_of_information,
+
+ meal,
+
+ operational_administrative_capacity,
+ strategies_and_plans,
+ advance_financial_capacity,
+
+ total_budget,
+ budget_description,
+ budget_file_details,
+ readiness_budget,
+ readiness_cost_description,
+ pre_positioning_budget,
+ prepositioning_cost_description,
+ early_action_budget,
+ early_action_cost_description,
+ eap_endorsement,
+ } = fullEapResponse ?? {};
+
+ const {
+ objective: prev_objective,
+
+ partner_contacts: prev_partner_contacts,
+
+ is_worked_with_government: prev_is_worked_with_government,
+ worked_with_government_description: prev_worked_with_government_description,
+ key_actors: prev_key_actors,
+ is_technical_working_groups: prev_is_technical_working_groups,
+ technically_working_group_title: prev_technically_working_group_title,
+ technical_working_groups_in_place_description:
+ prev_technical_working_groups_in_place_description,
+
+ hazard_selection: prev_hazard_selection,
+ exposed_element_and_vulnerability_factor:
+ prev_exposed_element_and_vulnerability_factor,
+ prioritized_impact: prev_prioritized_impact,
+ prioritized_impacts: prev_prioritized_impacts,
+ risk_analysis_source_of_information:
+ prev_risk_analysis_source_of_information,
+
+ trigger_statement: prev_trigger_statement,
+ trigger_statement_source_of_information:
+ prev_trigger_statement_source_of_information,
+ lead_time: prev_lead_time,
+ forecast_selection: prev_forecast_selection,
+ definition_and_justification_impact_level:
+ prev_definition_and_justification_impact_level,
+ identification_of_the_intervention_area:
+ prev_identification_of_the_intervention_area,
+ trigger_model_source_of_information:
+ prev_trigger_model_source_of_information,
+
+ early_actions: prev_early_actions,
+ early_action_selection_process: prev_early_action_selection_process,
+ evidence_base: prev_evidence_base,
+ evidence_base_source_of_information:
+ prev_evidence_base_source_of_information,
+
+ planned_operations: prev_planned_operations,
+ enabling_approaches: prev_enabling_approaches,
+ usefulness_of_actions: prev_usefulness_of_actions,
+ feasibility: prev_feasibility,
+
+ early_action_implementation_process:
+ prev_early_action_implementation_process,
+ trigger_activation_system: prev_trigger_activation_system,
+ people_targeted: prev_people_targeted,
+ selection_of_target_population: prev_selection_of_target_population,
+ stop_mechanism: prev_stop_mechanism,
+ activation_process_source_of_information:
+ prev_activation_process_source_of_information,
+
+ meal: prev_meal,
+
+ operational_administrative_capacity:
+ prev_operational_administrative_capacity,
+ strategies_and_plans: prev_strategies_and_plans,
+ advance_financial_capacity: prev_advance_financial_capacity,
+
+ total_budget: prev_total_budget,
+ budget_description: prev_budget_description,
+ readiness_budget: prev_readiness_budget,
+ readiness_cost_description: prev_readiness_cost_description,
+ pre_positioning_budget: prev_pre_positioning_budget,
+ prepositioning_cost_description: prev_prepositioning_cost_description,
+ early_action_budget: prev_early_action_budget,
+ early_action_cost_description: prev_early_action_cost_description,
+ eap_endorsement: prev_eap_endorsement,
+ } = prevFullEapResponse ?? {};
+
+ const eapTitle = [
+ country_details?.name,
+ admin2_details?.map(({ name }) => name).join(', '),
+ disaster_type_details?.name,
+ ]
+ .filter(isTruthyString)
+ .join(' | ');
+
+ const prevKeyActorsMapping = useMemo(
+ () => listToMap(prev_key_actors ?? [], (actor) => actor.national_society),
+ [prev_key_actors],
+ );
+
+ const prevPartnerContactsMapping = useMemo(
+ () => listToMap(prev_partner_contacts ?? [], (partner) => partner.id!),
+ [prev_partner_contacts],
+ );
+
+ const prevRiskSourceInformationMapping = useMemo(
+ () => listToMap(
+ prev_risk_analysis_source_of_information ?? [],
+ (actor) => actor.id!,
+ ),
+ [prev_risk_analysis_source_of_information],
+ );
+
+ const prevTriggerStatementSourceInformationMapping = useMemo(
+ () => listToMap(
+ prev_trigger_statement_source_of_information ?? [],
+ (actor) => actor.id!,
+ ),
+ [prev_trigger_statement_source_of_information],
+ );
+
+ const prevTriggerModelSourceInformationMapping = useMemo(
+ () => listToMap(
+ prev_trigger_model_source_of_information ?? [],
+ (actor) => actor.id!,
+ ),
+ [prev_trigger_model_source_of_information],
+ );
+
+ const prevEvidenceBaseSourceInformationMapping = useMemo(
+ () => listToMap(
+ prev_evidence_base_source_of_information ?? [],
+ (actor) => actor.id!,
+ ),
+ [prev_evidence_base_source_of_information],
+ );
+
+ const prevPlannedOperationsMapping = useMemo(
+ () => listToMap(prev_planned_operations ?? [], (actor) => actor.sector!),
+ [prev_planned_operations],
+ );
+
+ const prevEnableApproachesMapping = useMemo(
+ () => listToMap(prev_enabling_approaches ?? [], (approach) => approach.approach!),
+ [prev_enabling_approaches],
+ );
+
+ const prevActivationSourceInformationMapping = useMemo(
+ () => listToMap(
+ prev_activation_process_source_of_information ?? [],
+ (actor) => actor.id!,
+ ),
+ [prev_activation_process_source_of_information],
+ );
+
+ const prevPrioritizedImpactsMapping = useMemo(
+ () => listToMap(prev_prioritized_impacts ?? [], (impact) => impact.id!),
+ [prev_prioritized_impacts],
+ );
+
+ const prevEarlyActionsMapping = useMemo(
+ () => listToMap(prev_early_actions ?? [], (action) => action.id!),
+ [prev_early_actions],
+ );
+
+ const previewReady = !eapRegistrationPending && !fullEapPending && !prevFullEapPending;
+
+ // NOTE: We render Table of Content after preview is ready so adding additional delay
+ const dataReady = useDebouncedValue(previewReady);
+
+ return (
+
+ {strings.pageTitleFullText}
+
+
+
+
+ )}
+ strongLabel
+ variant="contents"
+ withPadding
+ withBackground
+ withDiff={false}
+ />
+
+ {prioritized_impacts?.map((impact) => (
+
+
+ ))}
+
+ )}
+ strongLabel
+ variant="contents"
+ withPadding
+ withBackground
+ withDiff={false}
+ />
+
+ {early_actions?.map((action) => (
+
+
+ ))}
+
+ )}
+ strongLabel
+ variant="contents"
+ withPadding
+ withBackground
+ withDiff={false}
+ />
+ (
+
+ {previewReady && (
+
+
+ )}
+
+ {isDefined(cover_image_file?.file) && (
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+ {partner_contacts?.map((partner) => {
+ const prevPartner = prevPartnerContactsMapping[partner
+ .previous_id!];
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {key_actors?.map((actor) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {hazard_selection_images?.map((hazard) => (
+
+
+
+
+
+ {exposed_element_and_vulnerability_factor_images?.map((element) => (
+
+
+
+
+
+ {prioritized_impacts?.map((impact) => (
+
+
+ ))}
+
+
+
+
+
+
+
+ {prioritized_impact_images?.map((element) => (
+
+
+
+
+ {risk_analysis_source_of_information?.map((source) => (
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+ {trigger_statement_source_of_information?.map((trigger) => (
+
+
+ ))}
+
+
+
+
+
+
+ {forecast_selection_images?.map((element) => (
+
+
+
+
+
+
+
+
+ {definition_and_justification_impact_level_images?.map(
+ (element) => (
+
+
+
+
+
+
+ {identification_of_the_intervention_area_images?.map((element) => (
+
+
+
+
+ {trigger_model_source_of_information?.map((trigger) => (
+
+
+ ))}
+
+
+
+
+
+
+
+ {early_actions?.map((action) => (
+
+
+ ))}
+
+
+
+
+
+
+
+ {early_action_selection_process_images?.map((element) => (
+
+
+
+
+
+
+
+
+ {evidence_base_source_of_information?.map((trigger) => (
+
+
+ ))}
+
+
+
+
+
+
+
+
+ {planned_operations?.map((operation) => {
+ const prevOperation = prevPlannedOperationsMapping?.[operation.sector];
+
+ const apCodeSectorValue = apCodeOptions?.sector_ap_codes
+ ?.[operation.sector]?.join(', ');
+
+ const prevApCodeSectorValue = apCodeOptions?.sector_ap_codes
+ ?.[prevOperation?.sector]?.join(', ');
+
+ const prevOperationIndicatorMap = listToMap(
+ prevOperation?.indicators,
+ ({ id }) => id!,
+ );
+ const prevReadinessActivitiesMap = listToMap(
+ prevOperation?.readiness_activities,
+ ({ id }) => id!,
+ );
+ const prevPrepositioningActivitiesMap = listToMap(
+ prevOperation?.prepositioning_activities,
+ ({ id }) => id!,
+ );
+ const prevEarlyActionActivitiesMap = listToMap(
+ prevOperation?.early_action_activities,
+ ({ id }) => id!,
+ );
+
+ return (
+
+
+
+
+
+
+
+
+
+ {operation.indicators.map((indicator) => {
+ const prevIndicator = prevOperationIndicatorMap
+ ?.[indicator.previous_id!];
+ return (
+
+ )}
+ value={indicator.target}
+ prevValue={prevIndicator?.target}
+ valueType="number"
+ variant="contents"
+ withBackground
+ withPadding
+ withoutLabelColon
+ withDiff={withDiff}
+ />
+ );
+ })}
+
+
+
+ {operation.readiness_activities.map((activity, index) => {
+ const prevActivity = prevReadinessActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+
+ {operation.prepositioning_activities.map(
+ (activity, index) => {
+ const prevActivity = prevPrepositioningActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ },
+ )}
+
+
+
+ {operation.early_action_activities.map((activity, index) => {
+ const prevActivity = prevEarlyActionActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+ );
+ })}
+
+
+ {enabling_approaches?.map((approach) => {
+ const prevApproach = prevEnableApproachesMapping?.[approach.approach];
+
+ const apCodeApproachValue = apCodeOptions?.approach_ap_codes
+ ?.[approach.approach]?.join(', ');
+
+ const prevApCodeApproachValue = isDefined(prevApproach)
+ ? apCodeOptions?.approach_ap_codes
+ ?.[prevApproach.approach]?.join(', ')
+ : '-';
+
+ const prevApproachIndicatorMap = listToMap(
+ prevApproach?.indicators,
+ ({ id }) => id!,
+ );
+ const prevReadinessActivitiesMap = listToMap(
+ prevApproach?.readiness_activities,
+ ({ id }) => id!,
+ );
+ const prevPrepositioningActivitiesMap = listToMap(
+ prevApproach?.prepositioning_activities,
+ ({ id }) => id!,
+ );
+ const prevEarlyActionActivitiesMap = listToMap(
+ prevApproach?.early_action_activities,
+ ({ id }) => id!,
+ );
+
+ return (
+
+
+
+
+
+
+
+
+
+ {approach.indicators.map((indicator) => {
+ const prevIndicator = prevApproachIndicatorMap
+ ?.[indicator.previous_id!];
+ return (
+
+ )}
+ value={indicator.target}
+ prevValue={prevIndicator?.target}
+ valueType="number"
+ variant="contents"
+ withBackground
+ withPadding
+ withoutLabelColon
+ withDiff={withDiff}
+ />
+ );
+ })}
+
+
+
+ {approach.readiness_activities.map((activity, index) => {
+ const prevActivity = prevReadinessActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+
+ {approach.prepositioning_activities.map((activity, index) => {
+ const prevActivity = prevPrepositioningActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+
+ {approach.early_action_activities.map((activity, index) => {
+ const prevActivity = prevEarlyActionActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+ );
+ })}
+
+
+
+
+
+
+ {early_action_implementation_images?.map((element) => (
+
+
+
+
+
+
+ {trigger_activation_system_images?.map((element) => (
+
+
+
+
+
+
+
+
+
+
+
+
+ {activation_process_source_of_information?.map((source) => (
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+Component.displayName = 'EapFullExport';
diff --git a/app/src/views/EapFullExport/styles.module.css b/app/src/views/EapFullExport/styles.module.css
new file mode 100644
index 0000000000..4c77bdb54f
--- /dev/null
+++ b/app/src/views/EapFullExport/styles.module.css
@@ -0,0 +1,34 @@
+.summary {
+ display: grid;
+ gap: var(--go-ui-width-separator-md);
+ grid-template-columns: 3fr 7fr;
+}
+
+.meta-items {
+ display: flex;
+ flex-direction: column;
+ gap: var(--go-ui-width-separator-md);
+
+ .meta-children-items {
+ display: grid;
+ gap: var(--go-ui-width-separator-md);
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+}
+
+.activity-items,
+.indicator-items {
+ display: grid;
+ gap: var(--go-ui-width-separator-md);
+ grid-template-columns: 2fr 1fr;
+}
+
+.image-items {
+ display: flex;
+ gap: var(--go-ui-width-separator-md);
+}
+
+.sources {
+ display: flex;
+ gap: var(--go-ui-spacing-md);
+}
diff --git a/app/src/views/EapFullForm/EAPSourceInformationInput/i18n.json b/app/src/views/EapFullForm/EAPSourceInformationInput/i18n.json
new file mode 100644
index 0000000000..fb51cf85e1
--- /dev/null
+++ b/app/src/views/EapFullForm/EAPSourceInformationInput/i18n.json
@@ -0,0 +1,8 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "eapSourceInformationNameLabel": "Name",
+ "eapSourceInformationLinkLabel": "Link",
+ "eapSourceInformationDeleteButton": "Delete Source Information"
+ }
+}
diff --git a/app/src/views/EapFullForm/EAPSourceInformationInput/index.tsx b/app/src/views/EapFullForm/EAPSourceInformationInput/index.tsx
new file mode 100644
index 0000000000..c096522555
--- /dev/null
+++ b/app/src/views/EapFullForm/EAPSourceInformationInput/index.tsx
@@ -0,0 +1,120 @@
+import { useCallback } from 'react';
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Container,
+ IconButton,
+ InlineView,
+ ListView,
+ TextInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type PartialForm,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import NonFieldError from '#components/NonFieldError';
+import { type components } from '#generated/types';
+import { formatSourceLink } from '#utils/common';
+
+import i18n from './i18n.json';
+
+type EAPSourceInformation = components['schemas']['EAPSourceInformation'] & {
+ client_id: string;
+};
+
+export type SourceInformationFormFields = PartialForm<
+ EAPSourceInformation,
+ 'client_id'
+>;
+
+interface Props {
+ value: SourceInformationFormFields;
+ error: ArrayError | undefined;
+ onChange: (
+ value: SetValueArg,
+ index: number
+ ) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ readOnly?: boolean;
+}
+
+function EAPSourceInformationInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ readOnly,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const onFieldChange = useFormObject(index, onChange, () => ({
+ client_id: randomString(),
+ }));
+
+ const error = value && value.client_id && errorFromProps
+ ? getErrorObject(errorFromProps?.[value.client_id])
+ : undefined;
+
+ const handleSourceFieldChange = useCallback(
+ (linkValue: string | undefined) => {
+ onFieldChange(formatSourceLink(linkValue), 'source_link');
+ },
+ [onFieldChange],
+ );
+
+ return (
+
+
+
+
+
+ );
+}
+
+export default EAPSourceInformationInput;
diff --git a/app/src/views/EapFullForm/EapActivationProcess/i18n.json b/app/src/views/EapFullForm/EapActivationProcess/i18n.json
new file mode 100644
index 0000000000..9cdf91f14b
--- /dev/null
+++ b/app/src/views/EapFullForm/EapActivationProcess/i18n.json
@@ -0,0 +1,56 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "activationProcessHeading": "EAP Activation Process",
+ "activationProcessTooltip": "It is crucial to select early actions that have the most potential to reduce the identified risks(s) and are feasible to implement given the lead time of the forecast. It is important to describe briefly: Who was involved? What data was consulted? Was research conducted? Were communities involved? For more guidance see FbF Manual, Chapter 4.2 Select Early Actions.",
+ "activationProcessTitle": "Early action implementation process",
+ "activationProcessDescription1": "Include a matrix/flowchart for a quick overview of the early action implementation process.",
+ "activationProcessDescription2": "Early Describe the step-by-step process from Day 1 to Day X for the implementation of the selected early actions. Indicate the day when the Stop Mechanism would occur. Include all critical and support tasks that are necessary for each of the steps. Each task should indicate the position of the person responsible (including when cash-based actions are planned liaison with the financial service provider)... implementation process",
+ "activationProcessDescriptionLabel": "Description",
+ "activationProcessExplanatoryLabel": "Explanatory Note",
+ "activationProcessRequiredPointsLabel": "Required Points",
+ "activationImplementationExplanatoryNote": "As a crucial component of the EAP, once the trigger has been reached, everyone involved should be knowledgeable about what will be done, where, when and by whom. The described implementation process shows that each step of the activation has been thought through and considered and that implementation in the lead time available is possible. The set of tasks described in this section should cover all activities from the moment the trigger is reached (Day 1) to the completion of post-impact surveys (Day X).",
+ "activationRequiredPoint1": "Include a matrix/flowchart for a quick overview of the early action implementation process.",
+ "activationRequiredPoint2": "Describe the step-by-step process from Day 1 to Day X for the implementation of the selected early actions. Indicate the day when the Stop Mechanism would occur. Include all critical and support tasks that are necessary for each of the steps. Each task should indicate the position of the person responsible (including when cash-based actions are planned liaison with the financial service provider).",
+ "activationRequiredPoint3": "For each action, include at which level it will take place (HQ, branch, community).",
+ "activationRequiredPoint4": "Each NS should have a detailed version of this process, including communication flows, for each task and the name of the person responsible with their contact information. This document should be regularly updated.",
+ "activationProcessUploadLabel": "Upload",
+ "activationTriggerTitle": "Trigger activation system",
+ "activationTriggerDescription1": "Describe the automatic system used to monitor the forecasts, generate the intervention map and send the alert message when the trigger is reached.",
+ "activationTriggerDescription2": "If this automatic system does not yet exist, explain how forecasts will be monitored, intervention maps generated and how the relevant actors will be informed that the trigger has been reached.",
+ "activationTriggerDescription3": "Indicate who gives the signal to start the activation.",
+ "activationTriggerExplanatoryNote": "The activation process starts with the message that the trigger has been reached (on Day 1). Ideally, there is a system in place to automatically monitor the forecasts and send an automatic message of alert to relevant actors as soon as a trigger is reached. It is expected that this will be executed by the national meteorological office and/or national DRM authority. If this automatic system does not exist, a mechanism needs to be in place to monitor the forecasts and alert relevant actors as soon as a trigger is reached to initiate the early actions.",
+ "activationTriggerRequiredPoint1": "Describe the automatic system used to monitor the forecasts, generate the intervention map and send the alert message when the trigger is reached.",
+ "activationTriggerRequiredPoint2": "If this automatic system does not yet exist, explain how forecasts will be monitored, intervention maps generated and how the relevant actors will be informed that the trigger has been reached.",
+ "activationTriggerRequiredPoint3": "Indicate who gives the signal to start the activation.",
+ "activationPeopleTargetedTitle": "People targeted",
+ "activationPeopleTargetedDescription": "Specify number of people targeted",
+ "activationSelectionPopulationTitle": "Selection of target population",
+ "activationSelectionDescription1": "Provide a short summary of the target population, (the number, location etc.)",
+ "activationSelectionDescription2": "Describe how the target population will be selected, with a special focus on feasibility in the short period of time between forecast and event",
+ "activationSelectionDescription3": "If the EAP is intending to use Social Protection systems or other government beneficiary databases, indicate how the potential number of targeted households be selected",
+ "activationSelectionExplanatoryNote": "FbF aims to protect the most vulnerable from the impact of extreme weather events. Based on the analysis on vulnerability and exposure (in section 3) and on the described mechanism for identifying intervention areas/communities (in section 4- Intervention area), it needs to be clear, how vulnerability criteria and impact forecasts will be applied to determine who will be targeted.",
+ "activationStopMechanismTitle": "Stop mechanism",
+ "activationStopDescription1": "Indicate on which day of activation the stop mechanism is foreseen, and who is responsible to give the signal to stop.",
+ "activationStopDescription2": "Describe when the stop mechanism begins and whether in-kind/cash distribution would be stopped or not. For cash actions cancelled, how would this be coordinated with the financial service provider? For in-kind distribution, what would happen with the perishable items?",
+ "activationStopDescription3": "Explain how it would be communicated to communities and stakeholders that the activities are being stopped.",
+ "activationStopMechanismExplanatoryNote": "For forecast triggers with a lead time of more than three days, the EAP should include the description of a stop mechanism. This means that if a later forecast – prior to the start of activities (related to the early action(s)) shows that the event is no longer likely to occur, the activation of the EAP will be stopped to avoid generating further use of resources. For example, if the 6-day forecast on Day 1 indicates high risk of heavy rainfall and thereby triggers the activation and the new 6-day-forecast released on Day 3 shows that the risk has significantly lowered, the trigger level is no longer reached. If the start of distributions was planned for Day 4, activation should be stopped. Items that have been purchased based on the trigger being reached and are not distributed due to the stop mechanism should be stored in the warehouse for a future activation. For forecast triggers with a lead time of less than 3 days, the EAP should include the description of what the National Society would do if the forecast changes in strength or location within the last three days before the event.",
+ "activationAttachFilesTitle": "Attach relevant files",
+ "activationAttachFilesDescription": "Attach any additional maps, documentation, files, images, etc.",
+ "activationSourceOfInformationTitle": "Sources of information",
+ "activationAddNewButtonLabel": "Add",
+ "activationSelectImagesLabel": "Select images",
+ "activationImageCountLabel": "5 images max(optional)",
+ "activationSourceOfInformationDescription": "Add the description of the sources one at a time. If the source has a link, add in the second field.",
+ "activationSectionHeading": "Quality Criteria: EAP activation process",
+ "activationSectionCriteriaIntroduction1": "There is a mechanism in place to monitor the forecasts (ad /or trigger related indicators) and alert relevant actors as soon as a trigger is reached to initiate the early actions. This implies that the process to trigger the FbF system is clearly understood by all the key staff of the NS and relevant partners.",
+ "activationSectionCriteriaComment11": "Ideally, there is a system in place to automatically monitor the forecasts and send an automatic message of alert to relevant actors as soon as a trigger is reached. It is expected that this will be executed by the national meteorological office and/or national DRM authority. If this automatic system does not exist, a mechanism needs to be in place to monitor the forecasts/indicators and alert relevant actors as soon as a trigger is reached to initiate the early actions",
+ "activationSectionCriteriaComment12": "If the trigger is based on a combination of multiple indicators (e.g. for slow onset hazard) and no suitable product exists yet, the EAP needs to explain who will provide the data and how it will be combined and analyzed. This may need to be a consortium of institutions, each providing pieces of information, therefore a clear communication mechanism is vital.",
+ "activationSectionCriteriaComment13": "Any risk (e.g. certain data is not collected in time) and mitigation measures (e.g.MOU) should be outlined.",
+ "activationSectionCriteriaIntroduction2": "The EAP clearly explains how the target beneficiaries within the intervention areas will be selected.",
+ "activationSectionCriteriaComment2": "Once an intervention area has been identified, the NS still has to have a clear process to select which households in that area it will provide assistance to. The selection process needs to be feasible within the lead time.",
+ "activationSectionCriteriaIntroduction3": "The EAP includes the description of a stop mechanism for forecast triggers with a lead time of more than three days. For forecast triggers with a lead time of less than 3 days, the EAP should include the description of what the National Society would do if the forecast changes in strength or location within the last three days before the event.",
+ "activationSectionCriteriaComment31": "If the forecast triggers action, but then in subsequent days the forecast reduces below the trigger, the action should be able to stop. Exceptions might be accepted if the trigger chosen has a very high probability.",
+ "activationSectionCriteriaComment32": "In some cases, a stop mechanism may not be possible (very short lead time or limited frequency of forecast for seasonal forecast)"
+ }
+}
diff --git a/app/src/views/EapFullForm/EapActivationProcess/index.tsx b/app/src/views/EapFullForm/EapActivationProcess/index.tsx
new file mode 100644
index 0000000000..66677083ea
--- /dev/null
+++ b/app/src/views/EapFullForm/EapActivationProcess/index.tsx
@@ -0,0 +1,483 @@
+import { useCallback } from 'react';
+import { AddLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Container,
+ Description,
+ InputSection,
+ Label,
+ ListView,
+ NumberInput,
+ TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import GoMultiFileInput from '#components/domain/GoMultiFileInput';
+import MultiImageWithCaptionInput from '#components/domain/MultiImageWithCaptionInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+
+import { charLimits } from '../common';
+import EAPSourceInformationInput, { type SourceInformationFormFields } from '../EAPSourceInformationInput';
+import { type PartialEapFullFormType } from '../schema';
+import SectionQualityCriteria from '../SectionQualityCriteria';
+
+import i18n from './i18n.json';
+
+interface Props {
+ value: PartialEapFullFormType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch<
+ React.SetStateAction>
+ >;
+ readOnly?: boolean;
+}
+
+function EapActivationProcess(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ readOnly,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const error = getErrorObject(formError);
+
+ const {
+ setValue: onRiskSourceInformationChange,
+ removeValue: onRiskSourceInformationRemove,
+ } = useFormArray<
+ 'activation_process_source_of_information',
+ SourceInformationFormFields
+ >('activation_process_source_of_information', setFieldValue);
+
+ const handleSourceInformationAdd = useCallback(() => {
+ const newSourceInformationItem: SourceInformationFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: SourceInformationFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newSourceInformationItem,
+ ],
+ 'activation_process_source_of_information' as const,
+ );
+ }, [setFieldValue]);
+
+ return (
+
+
+ {strings.activationSectionCriteriaIntroduction1}
+
+
+
+ {strings.activationSectionCriteriaComment11}
+
+
+ {strings.activationSectionCriteriaComment12}
+
+
+ {strings.activationSectionCriteriaComment13}
+
+
+
+ {strings.activationSectionCriteriaIntroduction2}
+
+
+ {strings.activationSectionCriteriaComment2}
+
+
+ {strings.activationSectionCriteriaIntroduction3}
+
+
+
+ {strings.activationSectionCriteriaComment31}
+
+
+ {strings.activationSectionCriteriaComment32}
+
+
+
+ )}
+ />
+ )}
+ >
+
+ {strings.activationProcessHeading}
+
+ {strings.activationProcessTooltip}
+
+ )}
+ />
+
+ )}
+ variant="form"
+ >
+
+
+
+
+ {strings.activationProcessExplanatoryLabel}
+
+
+ {strings.activationImplementationExplanatoryNote}
+
+
+
+
+ {strings.activationProcessRequiredPointsLabel}
+
+
+
+
+ {strings.activationRequiredPoint1}
+
+
+ {strings.activationRequiredPoint2}
+
+
+ {strings.activationRequiredPoint3}
+
+
+ {strings.activationRequiredPoint4}
+
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.activationProcessDescription1}
+ {strings.activationProcessDescription2}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {strings.activationProcessExplanatoryLabel}
+
+
+ {strings.activationTriggerExplanatoryNote}
+
+
+
+
+ {strings.activationProcessRequiredPointsLabel}
+
+
+
+
+ {strings.activationTriggerRequiredPoint1}
+
+
+ {strings.activationTriggerRequiredPoint2}
+
+
+ {strings.activationTriggerRequiredPoint3}
+
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.activationTriggerDescription1}
+ {strings.activationTriggerDescription2}
+ {strings.activationTriggerDescription3}
+
+ )}
+ >
+
+
+
+
+
+
+ {strings.activationProcessExplanatoryLabel}
+
+
+ {strings.activationSelectionExplanatoryNote}
+
+
+
+
+ {strings.activationProcessRequiredPointsLabel}
+
+
+
+
+ {strings.activationSelectionDescription1}
+
+
+ {strings.activationSelectionDescription2}
+
+
+ {strings.activationSelectionDescription3}
+
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.activationSelectionDescription1}
+ {strings.activationSelectionDescription2}
+ {strings.activationSelectionDescription3}
+
+ )}
+ >
+
+
+
+
+
+ {strings.activationProcessExplanatoryLabel}
+
+
+ {strings.activationStopMechanismExplanatoryNote}
+
+
+
+
+ {strings.activationProcessRequiredPointsLabel}
+
+
+
+ {strings.activationStopDescription1}
+ {strings.activationStopDescription2}
+ {strings.activationStopDescription3}
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.activationStopDescription1}
+ {strings.activationStopDescription2}
+ {strings.activationStopDescription3}
+
+ )}
+ >
+
+
+
+
+ {strings.activationProcessUploadLabel}
+
+
+
+
+
+
+
+ );
+}
+
+export default EapActivationProcess;
diff --git a/app/src/views/EapFullForm/FinanceLogistics/i18n.json b/app/src/views/EapFullForm/FinanceLogistics/i18n.json
new file mode 100644
index 0000000000..fe6f86bbf3
--- /dev/null
+++ b/app/src/views/EapFullForm/FinanceLogistics/i18n.json
@@ -0,0 +1,52 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "financeHeading": "Finance and Logistics",
+ "financeBudgetTitle": "Budget",
+ "financeBudgetDescription1": "Provide the EAP budget as a separate annex using the IFRC standard budgeting template for Early Action Protocol and following the same order (and output codes) as in the operational matrix filled in the EAP activation process section.",
+ "financeBudgetDescription2": "In the budget, make sure to indicate who (Host National Society, PNS, IFRC) will be responsible for each expenditure according to the roles and responsibilities in the EAP.",
+ "financeBudgetDescription3": "The budget groups in the budget template are meant to be a guidance and the most suitable one should be identified and used.",
+ "financeBudgetDescription4": "Avoid using lumpsums as unit measure.",
+ "financeTotalBudgetLabel": "Total Budget(CHF)",
+ "financeDescriptionLabel": "Description",
+ "financeExplanatoryNoteLabel": "Explanatory Note",
+ "financeRequiredPointsLabel": "Required Points",
+ "financeExplanatoryNote": "The EAP budget consists of all the costs linked to the activation of the EAP as well as readiness and pre-positioning costs. The budget cannot include costs for the development of the EAP and the setting up of the FbF system in a country (e.g. initial trainings of volunteers, etc.). This process should be financed by other sources of longer-term funding. The maximum amount of funding available for each EAP from the DREF is 500,000 Swiss francs. The budget will have to include the IFRC indirect costs of 6,5%. The National Society may include administrative costs as well in the EAP which should not be more than 5% of the early action budget. If the 5% rate is not used the National Society will need to list out the each of the admin cost individually. The M&E budget should be maximum 5% of overall the budget.",
+ "financeUploadButtonLabel": "Upload",
+ "financeBudgetDetails": "Budget details",
+ "financeDownloadDescription": "Download full budget template",
+ "financeUploadBudgetLabel": "Upload Budget",
+ "financeReadinessCostTitle": "Readiness cost",
+ "financeReadinessCostExplanatoryNote": "Readiness costs cover those costs related to the upkeep/maintenance of the FbF system in-country, once it has been established and the EAP has been developed. This refers to the required costs to ensure that the NS is “ready” to implement the EAP at any point during the five-year lifecycle of the EAP. These could include, for example, costs for refresher trainings, warehouses, updating data, staff, costs for markets monitoring, costs for updating the cash transfer value etc. Readiness combined with pre-positioning costs are limited to 65% of the total EAP budget over the EAP’s lifecycle and are disbursed by the DREF on an annual basis through the IFRC Operational Plan for that specific country.",
+ "financeReadinessCostDescription1": "For each item of readiness costs in the budget, explain why these are necessary for the upkeep of the EAP and how these were calculated.",
+ "financeReadinessCostDescription2": "Indicate who will manage these funds and describe how it will be ensured that they are only used for the indicated purposes.",
+ "financeReadinessBudgetLabel": "Readiness Budget(CHF)",
+ "financePrePositioningTitle": "Pre-positioning cost(CHF)",
+ "financePrePositioningExplanatoryNote": "In order to ensure the feasibility of the rapid distribution of items in the short timeframe between forecast and event, pre-positioning of goods might be necessary. They should normally have a lifetime of at least the lifecycle of the EAP and should only be replenished after an activation. The DREF covers these costs, combined with readiness, to a maximum amount of 65% of the EAP budget (combined with the readiness activities). Please note that costs that are not for the procurement of the items but related to the maintenance of the stock, such as warehousing, are part of the readiness costs of an EAP (see section 9.2.)",
+ "financePrePositioningDescription1": "If funds for pre-positioning are requested from the DREF, explain for which items and why no other option is possible. Explain why standard response stocks cannot be used.",
+ "financePrePositioningDescription2": "Expiry date of the items should not be prior to the end of the lifecycle of the EAP",
+ "financePrePositioningDescription3": "Provide information about the location of the storage facilities and costs of storage, etc.",
+ "financePrePositioningBudgetLabel": "Pre-Positioning Budget",
+ "financeEarlyActionCostTitle": "Early action cost",
+ "financeEarlyActionBudgetLabel": "Early Actions Budget(CHF)",
+ "financeEarlyActionCostDescription1": "In the budget, list all these costs under the section early action costs.",
+ "financeEarlyActionCostDescription2": "Indicate activation procedures once the trigger is reached, clearly define the funds release procedures including who initiates the funds request, approval chain/procedures and process of disbursement including time frames from the source of funds to HQ and branches.",
+ "financeEarlyActionCostDescription3": "For the items included in the early action budget, indicate how they will be procured in the short activation period (e.g. Are there pre-disaster agreements made with suppliers? Are items readily available in the needed quantities with the identified suppliers? Are agreements with financial service providers ready for activation?) Or will you use the early action funds to replenish items that are already in stock?",
+ "financeEarlyActionCostDescription4": "Indicate if other sources of funding were used for the initial purchase of relief items for an activation (in this case the DREF could fund the replenishment of stock only if they are used for the early actions).",
+ "financeEarlyActionCostExplanatoryNote": "Early Action costs cover all expenditures that are linked to the activation of the EAP, once the trigger has been reached. This can cover identification of target populations; CVA; distribution of items and/or cash, and provision of services; deployment of volunteers and staff; reporting and M & E, such as implementation monitoring; and impact survey data collection and analysis.",
+ "financeEapEndorsementHeading": "EAP endorsement/Approval",
+ "financeEapEndorsementTitle": "EAP endorsement",
+ "financeEapEndorsementExplanatoryNote": "It should be ensured that at the point of the trigger being reached no further permissions are needed. Thus, the EAP should have prior approval from all relevant stakeholders. The EAP must be endorsed by the leadership of the submitting NS. The EAP should also be endorsed by other key relevant stakeholders, such as the NHMS and the respective DRM authorities. If technical working groups have been created for FbF, their members should also endorse the final version of the EAP before submission.",
+ "financeEapEndorsementDescription": "Describe by whom, how and when the EAP was agreed and endorsed.",
+ "updatedChecklistTitle": "Updated checklist",
+ "financeSectionHeading": "Quality Criteria: Finance and logistics",
+ "financeCriteriaIntroduction11": "The EAP includes a budget in the IFRC template, detailing the costs for the readiness activities, pre-positioning and trigger-based Early Action.",
+ "financeCriteriaIntroduction12": "The budget upholds to the established percentages: A maximum of 65% of the EAP budget can be allocated for readiness activities and prepositioned stock.",
+ "financeCriteriaComment1": "The EAP budget consists of all the costs linked to the activation of the EAP as well as readiness and pre-positioning costs.",
+ "financeCriteriaIntroduction2": "The EAP should reach ideally a target minimum of 10,000 people.",
+ "financeCriteriaComment2": "If EAPs are foreseen for sparsely populated areas or with high quality early actions, lower household numbers can be accepted.\nGiven the impacts of drought may be acutely felt for an entire calendar year (e.g. until there is a subsequent good harvest), or longer, it is possible that the most effective actions to support people will be expensive ones, or actions that are staggered and layered one on top of each there (e.g. cash + seeds and fertilizers). With appropriate justification the validation committee might accept exceptions to this criterion.",
+ "financeCriteriaIntroduction31": "The shelf life of the items to be prepositioned equals or exceeds the EAP lifespan and there is a plan for stock management.",
+ "financeCriteriaIntroduction32": "The EAP should have prior approval from all relevant stakeholders. The EAP must be endorsed by the leadership of the submitting NS. The EAP should also be endorsed by other key relevant stakeholders, such as the national Hydro-Met agencies NHMS and the respective DRM authorities.",
+ "financeCriteriaComment3": "To ensure the feasibility of the rapid distribution of items in the short timeframe between forecast and event, pre-positioning of goods might be necessary. They should normally have a lifetime of at least the lifecycle of the EAP and should only be replenished after an activation."
+ }
+}
diff --git a/app/src/views/EapFullForm/FinanceLogistics/index.tsx b/app/src/views/EapFullForm/FinanceLogistics/index.tsx
new file mode 100644
index 0000000000..7aad93333a
--- /dev/null
+++ b/app/src/views/EapFullForm/FinanceLogistics/index.tsx
@@ -0,0 +1,497 @@
+import { useCallback } from 'react';
+import {
+ Container,
+ Description,
+ InputSection,
+ Label,
+ ListView,
+ NumberInput,
+ TextArea,
+ TextOutput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { sumSafe } from '@ifrc-go/ui/utils';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+ type SetBaseValueArg,
+} from '@togglecorp/toggle-form';
+
+import GoSingleFileInput from '#components/domain/GoSingleFileInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import Link from '#components/Link';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+import { useRequest } from '#utils/restRequest';
+
+import { charLimits } from '../common';
+import { type PartialEapFullFormType } from '../schema';
+import SectionQualityCriteria from '../SectionQualityCriteria';
+
+import i18n from './i18n.json';
+
+interface Props {
+ value: PartialEapFullFormType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ setValue: (value: SetBaseValueArg) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch<
+ React.SetStateAction>
+ >;
+ readOnly?: boolean;
+ isRevision?: boolean;
+}
+
+function FinanceLogistics(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ setValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ readOnly,
+ isRevision,
+ } = props;
+
+ const error = getErrorObject(formError);
+ const strings = useTranslation(i18n);
+
+ const { response: templateUrl } = useRequest({
+ url: '/api/v2/eap/global-files/{template_type}/',
+ pathVariables: {
+ template_type: 'budget_template',
+ },
+ });
+
+ const setBudgetValue = useCallback(
+ (
+ budgetValue: number | undefined,
+ name:
+ | 'readiness_budget'
+ | 'pre_positioning_budget'
+ | 'early_action_budget',
+ ) => {
+ setValue((prevValue) => {
+ const newBudgetValue = {
+ readiness_budget: prevValue.readiness_budget,
+ pre_positioning_budget: prevValue.pre_positioning_budget,
+ early_action_budget: prevValue.early_action_budget,
+ [name]: budgetValue,
+ };
+
+ return {
+ ...prevValue,
+ [name]: budgetValue,
+ total_budget: sumSafe([
+ newBudgetValue.readiness_budget,
+ newBudgetValue.pre_positioning_budget,
+ newBudgetValue.early_action_budget,
+ ]),
+ };
+ });
+ },
+ [setValue],
+ );
+
+ return (
+
+
+
+ {strings.financeCriteriaIntroduction11}
+
+
+ {strings.financeCriteriaIntroduction12}
+
+
+
+ {strings.financeCriteriaComment1}
+
+
+ {strings.financeCriteriaIntroduction2}
+
+
+ {strings.financeCriteriaComment2}
+
+
+
+ {strings.financeCriteriaIntroduction31}
+
+
+ {strings.financeCriteriaIntroduction32}
+
+
+
+ {strings.financeCriteriaComment3}
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+
+ {strings.financeExplanatoryNoteLabel}
+
+
+ {strings.financeExplanatoryNote}
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.financeBudgetDescription1}
+ {strings.financeBudgetDescription2}
+ {strings.financeBudgetDescription3}
+ {strings.financeBudgetDescription4}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+ {strings.financeDownloadDescription}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+ {strings.financeUploadButtonLabel}
+
+
+
+
+
+ {strings.financeExplanatoryNoteLabel}
+
+
+ {strings.financeReadinessCostExplanatoryNote}
+
+
+
+
+ {strings.financeRequiredPointsLabel}
+
+
+
+
+ {strings.financeReadinessCostDescription1}
+
+
+ {strings.financeReadinessCostDescription2}
+
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.financeReadinessCostDescription1}
+ {strings.financeReadinessCostDescription2}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {strings.financeExplanatoryNoteLabel}
+
+
+ {strings.financePrePositioningExplanatoryNote}
+
+
+
+
+ {strings.financeRequiredPointsLabel}
+
+
+
+
+ {strings.financePrePositioningDescription1}
+
+
+ {strings.financePrePositioningDescription2}
+
+
+ {strings.financePrePositioningDescription3}
+
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.financePrePositioningDescription1}
+ {strings.financePrePositioningDescription2}
+ {strings.financePrePositioningDescription3}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {strings.financeExplanatoryNoteLabel}
+
+
+ {strings.financeEarlyActionCostExplanatoryNote}
+
+
+
+
+ {strings.financeRequiredPointsLabel}
+
+
+
+
+ {strings.financeEarlyActionCostDescription1}
+
+
+ {strings.financeEarlyActionCostDescription2}
+
+
+ {strings.financeEarlyActionCostDescription3}
+
+
+ {strings.financeEarlyActionCostDescription4}
+
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.financeEarlyActionCostDescription1}
+ {strings.financeEarlyActionCostDescription2}
+ {strings.financeEarlyActionCostDescription3}
+ {strings.financeEarlyActionCostDescription4}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+
+
+ {strings.financeExplanatoryNoteLabel}
+
+
+ {strings.financeEapEndorsementExplanatoryNote}
+
+
+ )}
+ />
+ )}
+ description={strings.financeEapEndorsementDescription}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {isRevision && (
+
+
+ {strings.financeUploadButtonLabel}
+
+
+ )}
+
+ );
+}
+
+export default FinanceLogistics;
diff --git a/app/src/views/EapFullForm/Meal/i18n.json b/app/src/views/EapFullForm/Meal/i18n.json
new file mode 100644
index 0000000000..91501db7cd
--- /dev/null
+++ b/app/src/views/EapFullForm/Meal/i18n.json
@@ -0,0 +1,30 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "mealHeading": "Monitoring, Evaluation, Accountability Learning (Meal)",
+ "mealTitle": "Meal",
+ "mealDescription1": "Following the guidance of the FbF Manual, describe the M&E plan for this EAP. Including:",
+ "mealDescription11": "EAP Monitoring (between the trigger moment and the implementation of the actions)",
+ "mealDescription12": "Impact evaluation plan: how, when and by whom will the robust impact evaluation to assess how early actions reduced the humanitarian impact of the extreme event be conducted. Please note that the IFRC DREF...",
+ "mealDescription13": "Trigger evaluation by whom, when and how the trigger evaluation will be conducted)",
+ "mealDescription14": "Learning (when, who and how the learning will take place. E.g workshop, interviews etc). ",
+ "mealDescription2": "If a more detailed M&E plan is available add it as an annex. ",
+ "mealDescription3": "Describe how the FbF M&E plan is linked to the existing PMER system of the National Society. If the NS does not have a PMER system, explain how the EAP will be used to strengthen this area prior to activation",
+ "mealDescriptionLabel": "Description",
+ "mealExplanatoryNoteLabel": "Explanatory Note",
+ "mealRequiredPointsLabel": "Required Points",
+ "mealExplanatoryNote": "Building evidence about the impact of FbF systems is a priority. Therefore, the EAP should include an M&E plan to 1) assess the impact of the early actions and the extreme event after each activation and 2) identify if all activities were carried out as planned and document how early actions were implemented 3) learn from the process to improve the system in the future. The chapters 4.3 Design M&E plan and 6. Activate, Monitor, Evaluate in the FbF Manual, provide guidance on the set-up and implementation of the monitoring, evaluation, learning tools. Ideally, the M&E system should be set up to allow comparison of impacts between communities that received early actions and those that didn´t (please refer to FbF manual for more information). This M&E plan should be harmonized with the existing IFRC PMER guidance and tools, available on FedNet.",
+ "mealAttachRelevantFilesTitle": "Attach relevant files",
+ "mealAttachRelevantFilesDescription": "Attach any additional maps, documentation, files, images, etc.",
+ "mealAttachRelevantFilesUploadLabel": "Upload",
+ "mealSectionHeading": "Quality Criteria: Meal",
+ "mealCriteriaIntroduction1": "The EAP includes an M&E plan to",
+ "mealCriteriaIntroduction11": "assess the impact of the early actions and the extreme event after each activation and",
+ "mealCriteriaIntroduction12": "identify if all activities were carried out as planned and document how early actions were implemented",
+ "mealCriteriaIntroduction13": "learn from the process to improve the system in the future.",
+ "mealCriteriaComment1": "Ideally, the M&E system should be set up in a way that the impact of the event in the community that received early actions is assessed by using data from comparison communities. Depending on the specific context of the hazard an impact evaluation might only be done several months after finishing the implementations of the actions.",
+ "mealSourcesInformationTitle": "Sources of information",
+ "mealSourcesInformationDescription": "Add respective source(s) for the forecast and the link to the website, if applicable.",
+ "addNewMealButtonLabel": "Add"
+ }
+}
diff --git a/app/src/views/EapFullForm/Meal/index.tsx b/app/src/views/EapFullForm/Meal/index.tsx
new file mode 100644
index 0000000000..254149d12d
--- /dev/null
+++ b/app/src/views/EapFullForm/Meal/index.tsx
@@ -0,0 +1,240 @@
+import { useCallback } from 'react';
+import { AddLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Container,
+ Description,
+ InputSection,
+ Label,
+ ListView,
+ TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import GoMultiFileInput from '#components/domain/GoMultiFileInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+
+import { charLimits } from '../common';
+import EAPSourceInformationInput, { type SourceInformationFormFields } from '../EAPSourceInformationInput';
+import { type PartialEapFullFormType } from '../schema';
+import SectionQualityCriteria from '../SectionQualityCriteria';
+
+import i18n from './i18n.json';
+
+interface Props {
+ value: PartialEapFullFormType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch>>;
+ readOnly?: boolean;
+}
+
+function Meal(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ readOnly,
+ } = props;
+
+ const error = getErrorObject(formError);
+ const strings = useTranslation(i18n);
+
+ const {
+ setValue: onSourceInformationChange,
+ removeValue: onSourceInformationRemove,
+ } = useFormArray<
+ 'meal_source_of_information',
+ SourceInformationFormFields
+ >('meal_source_of_information', setFieldValue);
+
+ const handleSourcesInformationAdd = useCallback(() => {
+ const newSourceInformationItem: SourceInformationFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: SourceInformationFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newSourceInformationItem,
+ ],
+ 'meal_source_of_information' as const,
+ );
+ }, [setFieldValue]);
+
+ return (
+
+
+
+ {strings.mealCriteriaIntroduction1}
+
+
+
+ {strings.mealCriteriaIntroduction11}
+ {strings.mealCriteriaIntroduction12}
+ {strings.mealCriteriaIntroduction13}
+
+
+
+
+ {strings.mealCriteriaComment1}
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+
+
+ {strings.mealExplanatoryNoteLabel}
+
+
+ {strings.mealExplanatoryNote}
+
+
+
+
+ {strings.mealRequiredPointsLabel}
+
+
+
+ {strings.mealDescription1}
+
+ {strings.mealDescription11}
+ {strings.mealDescription12}
+ {strings.mealDescription13}
+ {strings.mealDescription14}
+
+ {strings.mealDescription2}
+ {strings.mealDescription3}
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.mealDescription1}
+
+ {strings.mealDescription11}
+ {strings.mealDescription12}
+ {strings.mealDescription13}
+
+ {strings.mealDescription2}
+ {strings.mealDescription3}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {strings.mealAttachRelevantFilesUploadLabel}
+
+
+
+
+
+
+
+ );
+}
+
+export default Meal;
diff --git a/app/src/views/EapFullForm/NationalSocietyCapacity/i18n.json b/app/src/views/EapFullForm/NationalSocietyCapacity/i18n.json
new file mode 100644
index 0000000000..5cafa814ab
--- /dev/null
+++ b/app/src/views/EapFullForm/NationalSocietyCapacity/i18n.json
@@ -0,0 +1,30 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "capacityHeading": "National Society Capacity",
+ "capacityHeadingTooltip": "Capacity to deliver early action is a key aspect of the FbF system. To have access to the DREF the NS should describe why and how it will be able to implement the early actions proposed in this protocol within the lead time and reaching all of the targeted population. This section could make reference to NS’s experience with previous DREFs (types of disasters, quantity of operations, planned operations implemented, among others). If a National Society has already gone through a Preparedness for Effective Response (PER) assessment process the results of these assessments should be referred to in this section as they provide National Societies with systematic, evidence-based information on their ability to conduct timely early action (looking also at support areas).",
+ "capacityOperationalTitle": "Operational, thematic and administrative capacity",
+ "capacityOperationalDescription1": "Describe how the National Society has operative and administrative capacity to implement the EAPs. Describe the National Society’s experience in the implementation of the selected early actions (Livelihoods, including Cash and Voucher Assistance; WASH: Food Security; Shelter, etc.). If the NS does not have experience in these areas, indicate the steps taken to improve its capacity in the respective sector to implement the EAP effectively and efficiently.",
+ "capacityOperationalDescription2": "If a feasibility study on FbF was conducted, indicate the findings in relation to the capacity of the NS to implement FbF.",
+ "capacityOperationalDescription3": "Indicate the number of staff and volunteers available for a potential activation. Explain how they have been trained on FbF/ activation.",
+ "capacityOperationalDescription4": "Explain if special structures are foreseen for EAP activation, e.g. NDRTs and specially trained volunteers per branch.",
+ "capacityDescriptionLabel": "Description",
+ "capacityRequiredPointsLabel": "Required Points",
+ "capacityExplanatoryNoteLabel": "Explanatory Note",
+ "capacityExplanatoryNote": "While the funds for the readiness and pre-positioning will be transferred as soon as the EAP is approved and the legal agreement has been signed, the funds for the early action activation will only be transferred once the trigger has been met and the trigger notification has been received by IFRC. Please not that while this allocation is done immediately upon notification it may still take a few days for the funds to arrive in country. Therefore, especially for short lead time EAPs it is crucial for the National Society and their partners to plan accordingly.",
+ "capacityStrategiesPlansTitle": "Strategies and plans",
+ "capacityStrategiesPlansDescription": "Describe how the EAP is aligned with the Disaster Risk Management strategy of the National Society (e.g. in the existing contingency plan, DRR plan etc.).",
+ "capacityFinancialCapacityTitle": "Financial capacity to advance funds",
+ "capacityFinancialDescription": "Indicate whether the NS (and/or PNS in country) has the capacity to advance funds, to start early actions, in the short duration between trigger and funds from the DREF arriving.",
+ "capacityNationalRelevantFilesTitle": "Attach relevant files",
+ "capacityNationalRelevantFilesDescription": "Attach any additional maps, documentation, files, images, etc.",
+ "capacityNationalRelevantFilesUploadLabel": "Upload",
+ "capacitySectionHeading": "Quality Criteria: National Society Capacity",
+ "capacityCriteriaIntroduction11": "The EAP describes the National Society operational (Cash, WASH, Food Security, Shelter etc.) and administrative (Finance, PMER, Human Resources) capacity and experience to implement the EAP. If no capacity exists, the EAP describes how they plan to address this limitation in order to implement the EAP effectively and efficiently.",
+ "capacityCriteriaIntroduction12": "The EAP describes its alignment with the National Society Disaster Risk Management strategy (e.g. the existing contingency plan, response plan, DRR plan etc.)",
+ "capacityCriteriaComment1": "In the mid-term the EAP should be integrated in the DRM strategy.",
+ "capacitySourcesInformationTitle": "Sources of Information",
+ "capacitySourcesInformationDescription": "Add respective source(s) for the forecast and the link to the website, if applicable.",
+ "addNewCapacitySourceButtonLabel": "Add"
+ }
+}
diff --git a/app/src/views/EapFullForm/NationalSocietyCapacity/index.tsx b/app/src/views/EapFullForm/NationalSocietyCapacity/index.tsx
new file mode 100644
index 0000000000..632c1ae1ae
--- /dev/null
+++ b/app/src/views/EapFullForm/NationalSocietyCapacity/index.tsx
@@ -0,0 +1,271 @@
+import { useCallback } from 'react';
+import { AddLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Container,
+ Description,
+ InputSection,
+ Label,
+ ListView,
+ TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import GoMultiFileInput from '#components/domain/GoMultiFileInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+
+import { charLimits } from '../common';
+import EAPSourceInformationInput, { type SourceInformationFormFields } from '../EAPSourceInformationInput';
+import { type PartialEapFullFormType } from '../schema';
+import SectionQualityCriteria from '../SectionQualityCriteria';
+
+import i18n from './i18n.json';
+
+interface Props {
+ value: PartialEapFullFormType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch<
+ React.SetStateAction>
+ >;
+ readOnly?: boolean;
+}
+function NationalSocietyCapacity(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ readOnly,
+ } = props;
+
+ const error = getErrorObject(formError);
+ const strings = useTranslation(i18n);
+
+ const {
+ setValue: onSourceInformationChange,
+ removeValue: onSourceInformationRemove,
+ } = useFormArray<
+ 'ns_capacity_source_of_information',
+ SourceInformationFormFields
+ >('ns_capacity_source_of_information', setFieldValue);
+
+ const handleSourcesInformationAdd = useCallback(() => {
+ const newSourceInformationItem: SourceInformationFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: SourceInformationFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newSourceInformationItem,
+ ],
+ 'ns_capacity_source_of_information' as const,
+ );
+ }, [setFieldValue]);
+
+ return (
+
+
+
+ {strings.capacityCriteriaIntroduction11}
+
+
+ {strings.capacityCriteriaIntroduction12}
+
+
+
+ {strings.capacityCriteriaComment1}
+
+
+ )}
+ />
+ )}
+ >
+
+ {strings.capacityHeading}
+
+ {strings.capacityHeadingTooltip}
+
+ )}
+ />
+
+ )}
+ variant="form"
+ >
+
+
+ {strings.capacityOperationalDescription1}
+ {strings.capacityOperationalDescription2}
+ {strings.capacityOperationalDescription3}
+ {strings.capacityOperationalDescription4}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+
+
+
+ {strings.capacityExplanatoryNoteLabel}
+
+
+ {strings.capacityExplanatoryNote}
+
+
+
+
+ {strings.capacityRequiredPointsLabel}
+
+
+
+ {strings.capacityFinancialDescription}
+
+
+
+
+ )}
+ />
+ )}
+ description={strings.capacityFinancialDescription}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {strings.capacityNationalRelevantFilesUploadLabel}
+
+
+
+
+
+
+
+ );
+}
+
+export default NationalSocietyCapacity;
diff --git a/app/src/views/EapFullForm/Overview/KeyActorsInput/i18n.json b/app/src/views/EapFullForm/Overview/KeyActorsInput/i18n.json
new file mode 100644
index 0000000000..9c62c218c1
--- /dev/null
+++ b/app/src/views/EapFullForm/Overview/KeyActorsInput/i18n.json
@@ -0,0 +1,8 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "overviewKeyActorsSelectPartnerLabel": "Select Partner",
+ "overviewKeyActorsDescriptionLabel": "Description",
+ "overviewKeyActorsDeleteButton": "Delete Actor"
+ }
+}
diff --git a/app/src/views/EapFullForm/Overview/KeyActorsInput/index.tsx b/app/src/views/EapFullForm/Overview/KeyActorsInput/index.tsx
new file mode 100644
index 0000000000..2994191f7e
--- /dev/null
+++ b/app/src/views/EapFullForm/Overview/KeyActorsInput/index.tsx
@@ -0,0 +1,114 @@
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Container,
+ IconButton,
+ InlineLayout,
+ ListView,
+ TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import NationalSocietySelectInput from '#components/domain/NationalSocietySelectInput';
+import NonFieldError from '#components/NonFieldError';
+import { charLimits } from '#views/EapFullForm/common';
+import { type PartialEapFullFormType } from '#views/EapFullForm/schema';
+
+import i18n from './i18n.json';
+
+type KeyActorsFormFields = NonNullable<
+ PartialEapFullFormType['key_actors']
+>[number];
+
+interface Props {
+ value: KeyActorsFormFields;
+ error: ArrayError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ readOnly?: boolean;
+}
+
+function KeyActorsInput(props: Props) {
+ const {
+ value,
+ onChange,
+ onRemove,
+ index,
+ disabled,
+ readOnly,
+ error: errorFromProps,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const onFieldChange = useFormObject(index, onChange, () => ({
+ client_id: randomString(),
+ }));
+
+ const error = value && value.client_id && errorFromProps
+ ? getErrorObject(errorFromProps?.[value.client_id])
+ : undefined;
+
+ return (
+
+
+
+
+
+ );
+}
+
+export default KeyActorsInput;
diff --git a/app/src/views/EapFullForm/Overview/PartnerContactsInput/i18n.json b/app/src/views/EapFullForm/Overview/PartnerContactsInput/i18n.json
new file mode 100644
index 0000000000..e76d66ee38
--- /dev/null
+++ b/app/src/views/EapFullForm/Overview/PartnerContactsInput/i18n.json
@@ -0,0 +1,10 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "partnerNSNameLabel": "Name",
+ "partnerNSEmailLabel": "Email",
+ "partnerNSPhoneNumberLabel": "Phone Number",
+ "partnerNSTitleLabel": "Title",
+ "partnerNSDeleteButton": "Remove Contact"
+ }
+}
diff --git a/app/src/views/EapFullForm/Overview/PartnerContactsInput/index.tsx b/app/src/views/EapFullForm/Overview/PartnerContactsInput/index.tsx
new file mode 100644
index 0000000000..34b47a53f9
--- /dev/null
+++ b/app/src/views/EapFullForm/Overview/PartnerContactsInput/index.tsx
@@ -0,0 +1,126 @@
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Container,
+ IconButton,
+ InlineLayout,
+ ListView,
+ TextInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import { type PartialEapFullFormType } from '../../schema';
+
+import i18n from './i18n.json';
+
+type PartnerContactsFormFields = NonNullable[number];
+
+interface Props {
+ value: PartnerContactsFormFields;
+ error: ArrayError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ readOnly?: boolean;
+}
+
+function PartnerContactsInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ readOnly,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const onFieldChange = useFormObject(
+ index,
+ onChange,
+ () => ({
+ client_id: randomString(),
+ }),
+ );
+
+ const error = (value && value.client_id && errorFromProps)
+ ? getErrorObject(errorFromProps?.[value.client_id])
+ : undefined;
+
+ return (
+
+
+
+
+
+
+ );
+}
+
+export default PartnerContactsInput;
diff --git a/app/src/views/EapFullForm/Overview/i18n.json b/app/src/views/EapFullForm/Overview/i18n.json
new file mode 100644
index 0000000000..413ad79da2
--- /dev/null
+++ b/app/src/views/EapFullForm/Overview/i18n.json
@@ -0,0 +1,60 @@
+{
+ "namespace": "form",
+ "strings": {
+ "overviewHeading": "Details",
+ "nationalSociety": "National Society (NS)",
+ "nationalSocietyDescription": "Select National Society that is planning to apply for the EAP",
+ "formCountry": "Country",
+ "formCountryDescription": "The country will be pre-populated based on the NS selection, but can be adapted as needed.",
+ "disasterType": "Disaster type",
+ "disasterTypeDescription": "Select the disaster type for which the EAP is needed.",
+ "formUploadCoverImage": "Cover photo",
+ "formUploadCoverImageDescription": "Upload a image for the cover page of the publicly published DREF application.",
+ "formUploadAnImageLabel": "Select an Image",
+ "formExpectedSubmissionTimeTitle": "Expected time of submission",
+ "formExpectedSubmissionTimeDescription": "Include the propose time of submission, accounting for the time it will take to deliver the application.",
+ "objectiveTitle": "Objective",
+ "objectiveDescription": "Please provide an objective statement that describes the main goal of the intervention.",
+ "partnersInvolved": "Partners Involved",
+ "partnersInvolvedDescription": "Select from the list the partners involved in this process. Add as many as needed or select not applicable if no partners involved.",
+ "formContacts": "Contacts",
+ "nationalHeader": "National",
+ "delegationHeader": "Delegation",
+ "regionalHeader": "Regional and global",
+ "stakeholderHeader": "Stakeholder",
+ "nSContact": "National Society Contact",
+ "nSContactDescription": "National Society contact responsible for the EAP process",
+ "partnerNS": "Partner NS",
+ "partnerNSDescription": "Partner National Society contact",
+ "formFocalPoint": "IFRC Delegation AA Focal Point",
+ "delegation": "IFRC Head of Delegation",
+ "drefFocalPoint": "DREF Focal Point",
+ "drefFocalPointDescription": "The DREF contact person fro IFRC",
+ "regionalFocalPoint": "IFRC Regional AA Focal Point",
+ "regionalManager": "IFRC Regional Ops Manager",
+ "regionalHead": "IFRC Regional Head of DCC",
+ "regionalCoordinator": "IFRC Global Ops Coordinator",
+ "keyActorsAddButton": "Add new actor",
+ "workWithGovernmentTitle": "Did you work with the government and other relevant actors in the development of this EAP?",
+ "workWithGovernmentDescription": "Please briefly describe the process",
+ "overviewExplanatoryNoteLabel": "Explanatory Note",
+ "overviewRequiredPointsLabel": "Required Points",
+ "overviewRequiredPoint1": "Name the external actors and Movement components that have been involved in the development of this EAP. Include international, national, regional and local actors, if applicable.",
+ "overviewRequiredPoint2": "In case there are technical working groups for the development of the FbF system in country, indicate which organizations participate in these groups.",
+ "overviewRequiredPoint3": "If stakeholders other than RC are involved in implementation/activation of EAP, indicate in one bullet point per organization, their role and list the formal agreement document.",
+ "workExplanatoryNote": "In order to avoid creating parallel systems and to minimize additional discussions on permissions, etc. when a trigger occurs, all relevant key stakeholders in the country should be involved in the development, and when necessary, the approval, of the EAP. If stakeholders other than the National Society are involved in implementation of the EAP, roles and responsibilities should be determined in MoUs or other appropriate documents. It is key to highlight the importance of involving the IFRC at the country, cluster and/ or regional level early in the EAP development process as these offices can provide technical support.",
+ "actorsExplanatoryNote": "In order to avoid creating parallel systems and to minimize additional discussions on permissions, etc. when a trigger occurs, all relevant key stakeholders in the country should be involved in the development, and when necessary, the approval, of the EAP. If stakeholders other than the National Society are involved in implementation of the EAP, roles and responsibilities should be determined in MoUs or other appropriate documents. It is key to highlight the importance of involving the IFRC at the country, cluster and/ or regional level early in the EAP development process as these offices can provide technical support. ",
+ "workWithGovernmentDescriptionLabel": "Description",
+ "keyActorsTitle": "Key actors",
+ "keyActorsDescription": "Name the external actors and Movement components that have been involved in the development of this EAP. Include international, national, regional and local actors, if applicable.",
+ "keyActorsDescription2": "Use the \"{addNewActorButtonLabel}\" button to list all the actors involved and explain their role.",
+ "technicalWorkingGroupsTitle": "Technical working groups in place?",
+ "technicalWorkingGroupDescription": "In case there are technical working groups for the development of the FbF system in country, indicate which organizations participate in these groups.",
+ "addPartnerNSContactButton": "Add Partner NS",
+ "technicalWorkingGroupsTitleLabel": "Title",
+ "overviewSectionHeading": "Quality Criteria: Overview",
+ "sectionCriteriaIntroduction1": "The following quality criteria are used by the IFRC Validation Committee as a benchmark to determine if the Early Action Protocol is eligible to be funded by the DREF. If any of the criteria are not adequately met or just partially met, the Validation Committee may require further information or additional work to demonstrate that the criteria are justified.",
+ "sectionCriteriaIntroduction2": "The Forecast based Financing process has been conducted in a participatory manner with involvement of key stakeholders, including communities, movement components and external actors, especially Hydro-Met agencies, disaster risk management authorities, government ministries, development organizations, other hazard specific agencies (local and national level), and other major anticipatory humanitarian actors in the country/region.",
+ "sectionCriteriaComment2": "In order to avoid creating parallel systems and to minimize additional discussions on permissions, etc. when a trigger occurs, all relevant key stakeholders in the country should be involved in the development, and when necessary, the approval of the EAP."
+ }
+}
diff --git a/app/src/views/EapFullForm/Overview/index.tsx b/app/src/views/EapFullForm/Overview/index.tsx
new file mode 100644
index 0000000000..40e34adab8
--- /dev/null
+++ b/app/src/views/EapFullForm/Overview/index.tsx
@@ -0,0 +1,607 @@
+import { useCallback } from 'react';
+import { AddLineIcon } from '@ifrc-go/icons';
+import {
+ BooleanInput,
+ Button,
+ Container,
+ DateInput,
+ Description,
+ InputSection,
+ Label,
+ ListView,
+ TextArea,
+ TextInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { resolveToString } from '@ifrc-go/ui/utils';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import ContactInputsSection from '#components/domain/ContactInputsSection';
+import CountrySelectInput from '#components/domain/CountrySelectInput';
+import DisasterTypeSelectInput from '#components/domain/DisasterTypeSelectInput';
+import ImageWithCaptionInput from '#components/domain/ImageWithCaptionInput';
+import NationalSocietyMultiSelectInput from '#components/domain/NationalSocietyMultiSelectInput';
+import NationalSocietySelectInput from '#components/domain/NationalSocietySelectInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+import {
+ getFullDateFromYearMonth,
+ getYearMonthFromFullDate,
+} from '#utils/domain/eap';
+import { type GoApiResponse } from '#utils/restRequest';
+
+import { charLimits } from '../common';
+import { type PartialEapFullFormType } from '../schema';
+import SectionQualityCriteria from '../SectionQualityCriteria';
+import KeyActorsInput from './KeyActorsInput';
+import PartnerContactsInput from './PartnerContactsInput';
+
+import i18n from './i18n.json';
+
+type EapRegisterRequestDetails = GoApiResponse<'/api/v2/eap-registration/{id}/'>;
+type KeyActorsFormFields = NonNullable<
+ PartialEapFullFormType['key_actors']
+>[number];
+
+type PartnerContactFormFields = NonNullable<
+ PartialEapFullFormType['partner_contacts']
+>[number];
+
+interface Props {
+ value: PartialEapFullFormType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch<
+ React.SetStateAction>
+ >;
+ eapRegistrationDetail?: EapRegisterRequestDetails;
+ readOnly?: boolean;
+}
+
+function Overview(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ eapRegistrationDetail,
+ readOnly,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const error = getErrorObject(formError);
+
+ // NOTE: We dont want some fields to have onChange functionality
+ const noop = () => { };
+ const {
+ setValue: onPartnerContactChange,
+ removeValue: onPartnerContactRemove,
+ } = useFormArray<'partner_contacts', PartnerContactFormFields>(
+ 'partner_contacts',
+ setFieldValue,
+ );
+
+ const handlePartnerContactAdd = useCallback(() => {
+ const newPartnerContactItem: PartnerContactFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: PartnerContactFormFields[] | undefined) => (
+ [...(oldValue ?? []), newPartnerContactItem]
+ ),
+ 'partner_contacts' as const,
+ );
+ }, [setFieldValue]);
+
+ const onExpectedSubmissionTimeChange = useCallback((val: string | undefined) => {
+ if (!val) {
+ return;
+ }
+ setFieldValue(getFullDateFromYearMonth(val), 'expected_submission_time');
+ }, [setFieldValue]);
+
+ const { setValue: onKeyActorsChange, removeValue: onKeyActorsRemove } = useFormArray<'key_actors', KeyActorsFormFields>(
+ 'key_actors',
+ setFieldValue,
+ );
+
+ const handleKeyActorsAdd = useCallback(() => {
+ const newKeyActorsItem: KeyActorsFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: KeyActorsFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newKeyActorsItem,
+ ],
+ 'key_actors' as const,
+ );
+ }, [setFieldValue]);
+
+ return (
+
+
+ {strings.sectionCriteriaIntroduction1}
+
+
+ {strings.sectionCriteriaIntroduction2}
+
+
+ {strings.sectionCriteriaComment2}
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {strings.overviewExplanatoryNoteLabel}
+
+
+ {strings.workExplanatoryNote}
+
+
+ )}
+ />
+ )}
+ description={strings.workWithGovernmentDescription}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+
+
+
+ {strings.overviewExplanatoryNoteLabel}
+
+
+ {strings.actorsExplanatoryNote}
+
+
+
+
+ {strings.overviewRequiredPointsLabel}
+
+
+
+ {strings.overviewRequiredPoint1}
+ {strings.overviewRequiredPoint2}
+ {strings.overviewRequiredPoint3}
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+ <>
+
+ {strings.keyActorsDescription}
+
+
+ {resolveToString(
+ strings.keyActorsDescription2,
+ { addNewActorButtonLabel: strings.keyActorsAddButton },
+ )}
+
+
+ )}
+ withAsteriskOnTitle
+ >
+
+ {value.key_actors?.map((actor, index) => (
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Overview;
diff --git a/app/src/views/EapFullForm/RiskAnalysis/PrioritisedImpactInput/index.tsx b/app/src/views/EapFullForm/RiskAnalysis/PrioritisedImpactInput/index.tsx
new file mode 100644
index 0000000000..8e614c8b7b
--- /dev/null
+++ b/app/src/views/EapFullForm/RiskAnalysis/PrioritisedImpactInput/index.tsx
@@ -0,0 +1,87 @@
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Container,
+ IconButton,
+ InlineLayout,
+ TextInput,
+} from '@ifrc-go/ui';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import NonFieldError from '#components/NonFieldError';
+import { type PartialEapFullFormType } from '#views/EapFullForm/schema';
+
+type PrioritisedImpactFormFields = NonNullable<
+ PartialEapFullFormType['prioritized_impacts']
+>[number];
+
+interface Props {
+ value: PrioritisedImpactFormFields;
+ error: ArrayError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ readOnly?: boolean;
+}
+
+function PrioritisedImpactInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ readOnly,
+ } = props;
+
+ const onFieldChange = useFormObject(index, onChange, () => ({
+ client_id: randomString(),
+ }));
+
+ const error = value && value.client_id && errorFromProps
+ ? getErrorObject(errorFromProps?.[value.client_id])
+ : undefined;
+
+ return (
+
+
+
+ );
+}
+
+export default PrioritisedImpactInput;
diff --git a/app/src/views/EapFullForm/RiskAnalysis/i18n.json b/app/src/views/EapFullForm/RiskAnalysis/i18n.json
new file mode 100644
index 0000000000..d10b4c8a99
--- /dev/null
+++ b/app/src/views/EapFullForm/RiskAnalysis/i18n.json
@@ -0,0 +1,70 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "riskAnalysisHeading": "Risk Analysis",
+ "hazardSelectionTitle": "Hazard selection",
+ "riskDescriptionLabel": "Description",
+ "hazardSelectionDescription1": "Provide a brief rationale about the selection of the hazard for the FbF system.",
+ "hazardSelectionDescription2": "Explain the selection of the hazard based on an analysis of historical disaster impacts (using the events registered in the below-mentioned table).",
+ "hazardSelectionDescription3": "Describe the extent to which this hazard has produced and will produce negative impacts on lives, livelihoods, well-being and other developmental aspects.",
+ "hazardSelectionDescription4": "Ensure to address these key questions: What are the impacts of this hazard? How are people most affected? What are the largest daily challenges related to this disaster that will jeopardize their well-being and development? What are the most affected sectors?",
+ "hazardSelectionExplanatoryNote": "Which hazard needs to be addressed by FbF in the country as a priority? Provide an explanation on the reasons that the selected hazard was chosen for this EAP and why it is a major problem in the country.The DREF allocates funding for EAPs to reduce the impacts of extreme events of a strength or magnitude that in the past have required humanitarian assistance. In order to demonstrate that the selected hazard has caused extreme humanitarian impacts in the past, information on the previous impacts of the selected hazard in the country should be provided. This can be gathered from interviews with RC or DRM authorities, archives, records, etc. Other potential sources of information could be National disaster registries, Post Disaster Needs Assessment databases, Desinventar, EMDat, PreventionWeb, etc. For more guidance see the FbF Manual (Chapter 4.1 Set the Trigger)",
+ "hazardSelectionRequiredPoint1": "Provide a brief rationale about the selection of the hazard for the FbF system.",
+ "hazardSelectionRequiredPoint2": "Explain the selection of the hazard based on an analysis of historical disaster impacts (using the events registered in the below-mentioned table).",
+ "hazardSelectionRequiredPoint3": "Include a table with the most severe disasters caused by the selected hazard over the past 50 years ",
+ "hazardSelectionRequiredPoint31": "Consider the following columns: a) Year and Date b) type of disaster with name (if applicable); c) Strength of event if available (e.g. windspeed on landfall); d) potential cascading hazards (e.g floods induced by hurricanes, landslides induced by extreme rainfall) e) Regions affected; f) Number of people affected; g) Most affected sectors; h) Most severe impacts in key words (e.g. 10000 houses destroyed, cholera epidemic with 2000 confirmed cases etc.)",
+ "hazardSelectionRequiredPoint4": "Describe the extent to which this hazard has produced and will produce negative impacts on lives, livelihoods, well-being and other developmental aspects. Ensure to address these key questions: What are the impacts of this hazard? How are people most affected? What are the largest daily challenges related to this disaster that will jeopardize their well-being and development? What are the most affected sectors?",
+ "exposeElementTitle": "Exposed elements and their vulnerability factors",
+ "exposeElementDescription1": "Explain which people are most likely to experience the impacts of this hazard? Where do they live, and why are they vulnerable? Note: This will inform the early action selection.",
+ "exposeElementDescription2": "Based on the analysis of past impacts, provide a brief overview which population, infrastructure, natural resources, markets, assets (others) were and/or are likely to be exposed to the selected hazard and where they are located.",
+ "exposeElementDescription3": "Based on past impact and exposure, describe the key factors of vulnerability of the specific population, infrastructure, natural resources, assets (others) that are likely to be impacted.",
+ "exposeElementDescription4": "Please explain how specific population groups (e.g elderly, children, people with disabilities, IDPs, Refugees, etc.) are most likely to be affected.",
+ "exposeElementDescription5": "Note: this exposure and vulnerability analysis will be the basis for the selection of indicators used for the trigger model (section 4.4).",
+ "exposeElementExplanatoryNote": "An analysis of exposure is required to determine who and what is located in the area where the hazard might occur. This will help to determine who and what is likely to be impacted. In line with the impact-based forecasting logic, it is important to identify the main exposed elements on which the FbF intervention will focus. For example, if the prioritized impact of floods is the mortality of children under 5 due to water-borne diseases, then the exposed element will be the population of children under 5: or if the most frequently recurring and largest impact due to tropical storms is the damage to houses built with light materials, then the exposed element will be houses built with light materials. A thorough understanding of the levels of vulnerability (of the exposed elements) will help identify the main risks and ensure that Forecast-based actions are well suited. For instance, if children under 5 are susceptible to death or sickness due to floods, describe the underlying causes of the problem. For more guidance see the FbF Manual (Chapter 4.1 Set the Trigger)",
+ "exposeElementRequiredPoint1": "Explain which people are most likely to experience the impacts of this hazard? Where do they live, and why are they vulnerable? Note: This will inform the early action selection.",
+ "exposeElementRequiredPoint2": "Based on the analysis of past impacts, provide a brief overview which population, infrastructure, natural resources, markets, assets (others) were and/or are likely to be exposed to the selected hazard and where are they located.",
+ "exposeElementRequiredPoint3": "Based on past impact and exposure, describe the key factors of vulnerability of the specific population, infrastructure, natural resources, assets (others) that are likely to be impacted.",
+ "exposeElementRequiredPoint4": "Please explain how specific population groups (e.g elderly, children, people with disabilities, IDPs, Refugees, etc.) are most likely to be affected.",
+ "exposeElementRequiredPoint5": "Note: this exposure and vulnerability analysis will be the basis for the selection of indicators used for the trigger model (section 4.4).",
+ "prioritisedImpactTitle": "Prioritised impact",
+ "prioritisedImpactsLabel": "Prioritised impacts",
+ "prioritisedImpactDescription": "Add the list of prioritised impacts. Explain which priority impacts the EAP will address and why (e.g mortality of alpacas due to cold waves, Internal Displacement due to floods, malnutrition of children under 5 due to drought etc.).",
+ "prioritisedImpactExplanatoryNote": "Recognizing that an FbF system will not be able to address all risks and potential impacts, based on the analysis of past impact, exposure and vulnerability (sections 3.1. to 3.2) and the results of the joint identification conducted with key stakeholders, indicate which disaster impacts were prioritized, explaining how and why they were prioritized. For more guidance see the FbF Manual (Chapters 4.1 Set the Trigger and 4.2 Select Early Actions)",
+ "prioritizedImpactsEmptyMessage": "No impacts yet!",
+ "attachFilesTitle": "Attach relevant files",
+ "attachFilesDescription": "Attach any additional documentation, files, images, etc.",
+ "attachFilesSelectImagesLabel": "Select Images",
+ "attachFilesUploadLabel": "Upload",
+ "addButtonLabel": "Add",
+ "sourceOfInformationTitle": "Sources of information",
+ "sourceOfInformationDescription": "Add the description of the sources one at a time. If the source has a link, add in the second field.",
+ "riskExplanatoryNoteLabel": "Explanatory Note",
+ "riskAnalysisImagesCountLabel": "5 images max(optional)",
+ "riskRequiredPointsLabel": "Required Points",
+ "riskAnalysisSectionHeading": "Quality Criteria: Risk Analysis",
+ "riskSectionCriteriaIntroduction1": "The EAP triggers are based on a combination of the analysis of risk factors and the forecast in line with the steps of the trigger methodology outlined in the FbF manual. The EAP contains a clear trigger statement.",
+ "riskSectionCriteriaComment11": "The EAP should clearly show how on the basis of available data on vulnerability, exposure and impact of past events the trigger was determined. The trigger should be clear as this information needs to be verifiable once the trigger is met, so the EAP needs to state in one sentence what exactly the trigger of your EAP will be, for example: When [source] issues a forecast of at least [probability of magnitude of event or impact], then we will act.",
+ "riskSectionCriteriaComment12": "If the EAP has more than one trigger (e.g. phased or staggered triggers) then each trigger should be clearly explained along with explanation what action will be taken following each trigger and when transfer of the early action funds are required.",
+ "riskSectionCriteriaComment13": "For slow onset hazards, the trigger can also be based on a combination of risk factors, forecasts and observation data especially if the impact is a result of accumulative factors (e.g. forecast of second consecutive failed rainy season). If unconventional triggers are used (e.g. combining multiple indicators, including socio-economic indicators like food prices), clear explanation should be given on which criteria/ conditions was used to assign certain weight to each indicator.",
+ "riskSectionCriteriaComment14": "In case of drought, it might be more difficult to look back on the historical record of rainfall and its specific impacts and see a clear correlation between the two, as some drought-typical impacts are also highly affected by other socio-economic drivers (insecurity, weather patterns elsewhere that affect local food prices etc). Also consider the links between the effects of dryness and economic, social and environmental impacts and choices. If qualitative information is included in the trigger it should be from an authoritative source.",
+ "riskSectionCriteriaIntroduction2": "The EAP provides an analysis of historical disaster impact for the selected hazard and provides an evidence-based analysis of exposure and vulnerability.",
+ "riskSectionCriteriaComment21": "The EAP should have an information management system, which shows how risk data is integrated into trigger model and how the data will be updated on regular basis according to the context.",
+ "riskSectionCriteriaComment22": "In the case of drought, there may be limited historical disaster data in some countries due to the complexity of drought and also the fact that drought might be a new hazard in some areas (partly due to climate change). The EAP may consider profiling proxy data/ reference data either in other countries/ regions of similar context or general scientific findings to support this analysis.",
+ "riskSectionCriteriaIntroduction3": "There is an annex with a menu of forecasts and/or other relevant early warning and /or monitoring/surveillance systems, demonstrating a review of all available forecasts data relevant to this hazard.",
+ "riskSectionCriteriaComment31": "The menu of forecasts should include all available forecasts and list for each forecast or observation used for the trigger the lead time, the skill/confidence, the probability (if possible) and the source.",
+ "riskSectionCriteriaComment32": "If other early warning information (non-hydro-met forecasts, satellite observation, socio-economic indicators, etc) are used (e.g. in the case of drought or epidemics), a review of the quality of available early warning and monitoring systems would be needed.",
+ "riskSectionCriteriaIntroduction4": "Data must be provided that shows that an event of the magnitude/strength of the event that the trigger is based on has caused disastrous humanitarian impact in the region in the past.",
+ "riskSectionCriteriaComment41": "The DREF allocates funding for EAPs to reduce the impacts of extreme events of a strength or magnitude that in the past have required humanitarian assistance. In order to demonstrate that the selected hazard has caused extreme humanitarian impacts in the past, information on the previous impacts of the selected hazard in the country should be provided.",
+ "riskSectionCriteriaComment42": "In the case of drought, there may be limited historical disaster data in some countries due to the complexity of drought and also the fact that drought might be a new hazard in some areas (partly due to climate change). Regions that have rarely experienced droughts will be less resilience to these shocks and have less coping capacity and strategies. These may be the most vulnerable to the impacts of drought even though historical data might be limited. In these cases, climate change projections could also be taken into consideration (e.g. changing drought patterns).",
+ "riskSectionCriteriaIntroduction5": "There is a map or a clear methodology that will tell the NS where action should be taken based on a combination of vulnerability, exposure, and the forecast, when the EAP is activated based on the trigger model.",
+ "riskSectionCriteriaComment5": "In the most advanced form, the forecast would be digitally combined with vulnerability and exposure information, to show which areas are predicted to be most severely impacted. This will provide a map-based tool or a list of prioritized districts villages, municipalities or other geographical areas where the early actions will be activated. Where no digital system is available, the combination of forecast and vulnerability/exposure indicators could also be done manually or qualitatively, explaining the process of deciding how the National Society will select where the action will take place.",
+ "riskSectionCriteriaIntroduction6": "The EAP trigger chapter includes calculations and evidence for the following points:",
+ "riskSectionCriteriaIntroduction61": "Frequency of the trigger being reached and/or the return period of the event",
+ "riskSectionCriteriaIntroduction62": "Probability of acting in vain (false alarm ratio)",
+ "riskSectionCriteriaIntroduction63": "Lead time",
+ "riskSectionCriteriaComment61": "An extreme event could be forecasted several times in a decade (frequency of trigger being reached), but only happen once in that decade (the event would then have a return period of 10 years).",
+ "riskSectionCriteriaComment62": "Forecasts/observation thresholds used for the trigger will provide the probability of the event happening, once the trigger is reached. For instance, a 5-year return period means that in any year there is a 20% chance or less of the event occurring. In exceptional cases, in very large countries with distinctive climate zones, the 5-year return period can be applied to separate regions, with appropriate justification.",
+ "riskSectionCriteriaComment63": "Probability of acting in vain will need to be calibrated. If a seasonal forecast is used, the probability of acting in vain may be higher, so the EAP needs to include clear explanation if staggered triggers and stop mechanisms have been considered, and strong consideration of do no harm.",
+ "riskSectionCriteriaComment64": "In the case of drought there might be more than one trigger, which will help to contribute to a lower ratio of acting in vain."
+ }
+}
diff --git a/app/src/views/EapFullForm/RiskAnalysis/index.tsx b/app/src/views/EapFullForm/RiskAnalysis/index.tsx
new file mode 100644
index 0000000000..249c9d5912
--- /dev/null
+++ b/app/src/views/EapFullForm/RiskAnalysis/index.tsx
@@ -0,0 +1,506 @@
+import { useCallback } from 'react';
+import { AddLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Container,
+ Description,
+ InputSection,
+ Label,
+ ListView,
+ TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ isNotDefined,
+ randomString,
+} from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import GoMultiFileInput from '#components/domain/GoMultiFileInput';
+import MultiImageWithCaptionInput from '#components/domain/MultiImageWithCaptionInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+
+import { charLimits } from '../common';
+import EAPSourceInformationInput, { type SourceInformationFormFields } from '../EAPSourceInformationInput';
+import { type PartialEapFullFormType } from '../schema';
+import SectionQualityCriteria from '../SectionQualityCriteria';
+import PrioritisedImpactInput from './PrioritisedImpactInput';
+
+import i18n from './i18n.json';
+
+type PrioritisedImpactsFormFields = NonNullable<
+ PartialEapFullFormType['prioritized_impacts']
+>[number];
+
+interface Props {
+ value: PartialEapFullFormType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch<
+ React.SetStateAction>
+ >;
+ readOnly?: boolean;
+}
+
+function RiskAnalysis(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ readOnly,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const error = getErrorObject(formError);
+
+ const {
+ setValue: onRiskSourceInformationChange,
+ removeValue: onRiskSourceInformationRemove,
+ } = useFormArray<
+ 'risk_analysis_source_of_information',
+ SourceInformationFormFields
+ >('risk_analysis_source_of_information', setFieldValue);
+
+ const { setValue: onPrioritizedChange, removeValue: onPrioritizedRemove } = useFormArray<'prioritized_impacts', PrioritisedImpactsFormFields>(
+ 'prioritized_impacts',
+ setFieldValue,
+ );
+
+ const handleSourceInformationAdd = useCallback(() => {
+ const newSourceInformationItem: SourceInformationFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: SourceInformationFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newSourceInformationItem,
+ ],
+ 'risk_analysis_source_of_information' as const,
+ );
+ }, [setFieldValue]);
+
+ const handlePrioritizedImpactAdd = useCallback(() => {
+ const newPrioritizedImpactItem: PrioritisedImpactsFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: PrioritisedImpactsFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newPrioritizedImpactItem,
+ ],
+ 'prioritized_impacts' as const,
+ );
+ }, [setFieldValue]);
+
+ return (
+
+
+ {strings.riskSectionCriteriaIntroduction1}
+
+
+
+ {strings.riskSectionCriteriaComment11}
+
+
+ {strings.riskSectionCriteriaComment12}
+
+
+ {strings.riskSectionCriteriaComment13}
+
+
+ {strings.riskSectionCriteriaComment14}
+
+
+
+ {strings.riskSectionCriteriaIntroduction2}
+
+
+
+ {strings.riskSectionCriteriaComment21}
+
+
+ {strings.riskSectionCriteriaComment22}
+
+
+
+ {strings.riskSectionCriteriaIntroduction3}
+
+
+
+ {strings.riskSectionCriteriaComment31}
+
+
+ {strings.riskSectionCriteriaComment32}
+
+
+
+ {strings.riskSectionCriteriaIntroduction4}
+
+
+
+ {strings.riskSectionCriteriaComment41}
+
+
+ {strings.riskSectionCriteriaComment42}
+
+
+
+ {strings.riskSectionCriteriaIntroduction5}
+
+
+ {strings.riskSectionCriteriaComment5}
+
+
+
+ {strings.riskSectionCriteriaIntroduction6}
+
+
+
+ {strings.riskSectionCriteriaIntroduction61}
+ {strings.riskSectionCriteriaIntroduction62}
+ {strings.riskSectionCriteriaIntroduction63}
+
+
+
+
+
+ {strings.riskSectionCriteriaComment61}
+
+
+ {strings.riskSectionCriteriaComment62}
+
+
+ {strings.riskSectionCriteriaComment63}
+
+
+ {strings.riskSectionCriteriaComment64}
+
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+
+ {strings.riskExplanatoryNoteLabel}
+
+
+ {strings.hazardSelectionExplanatoryNote}
+
+
+ {strings.riskRequiredPointsLabel}
+
+
+
+
+ {strings.hazardSelectionRequiredPoint1}
+
+
+ {strings.hazardSelectionRequiredPoint2}
+
+
+ {strings.hazardSelectionRequiredPoint3}
+
+
+ {strings
+ .hazardSelectionRequiredPoint31}
+
+
+
+
+ {strings.hazardSelectionRequiredPoint4}
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.hazardSelectionDescription1}
+ {strings.hazardSelectionDescription2}
+ {strings.hazardSelectionDescription3}
+ {strings.hazardSelectionDescription4}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+ {strings.riskExplanatoryNoteLabel}
+
+
+ {strings.exposeElementExplanatoryNote}
+
+
+ {strings.riskRequiredPointsLabel}
+
+
+
+
+ {strings.exposeElementRequiredPoint1}
+
+
+ {strings.exposeElementRequiredPoint2}
+
+
+ {strings.exposeElementRequiredPoint3}
+
+
+ {strings.exposeElementRequiredPoint4}
+
+
+ {strings.exposeElementRequiredPoint5}
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.exposeElementDescription1}
+ {strings.exposeElementDescription2}
+ {strings.exposeElementDescription3}
+ {strings.exposeElementDescription4}
+ {strings.exposeElementDescription5}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {strings.riskExplanatoryNoteLabel}
+
+
+ {strings.prioritisedImpactExplanatoryNote}
+
+
+ )}
+ />
+ )}
+ description={strings.prioritisedImpactDescription}
+ withAsteriskOnTitle
+ >
+
+ {value?.prioritized_impacts?.map((impact, index) => (
+
+
+
+
+ {strings.attachFilesUploadLabel}
+
+
+
+
+
+
+
+ );
+}
+
+export default RiskAnalysis;
diff --git a/app/src/views/EapFullForm/SectionQualityCriteria/i18n.json b/app/src/views/EapFullForm/SectionQualityCriteria/i18n.json
new file mode 100644
index 0000000000..0af7bcfd7b
--- /dev/null
+++ b/app/src/views/EapFullForm/SectionQualityCriteria/i18n.json
@@ -0,0 +1,6 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "sectionQualityCriteriaLabel": "Section Quality Criteria"
+ }
+}
diff --git a/app/src/views/EapFullForm/SectionQualityCriteria/index.tsx b/app/src/views/EapFullForm/SectionQualityCriteria/index.tsx
new file mode 100644
index 0000000000..ceb5ddc68c
--- /dev/null
+++ b/app/src/views/EapFullForm/SectionQualityCriteria/index.tsx
@@ -0,0 +1,32 @@
+import { CheckboxMultipleBlankFillIcon } from '@ifrc-go/icons';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+
+import InfoModal from '#components/domain/InfoModal';
+
+import i18n from './i18n.json';
+
+interface Props {
+ content: React.ReactNode;
+ heading: string;
+}
+
+function SectionQualityCriteria(props: Props) {
+ const {
+ content,
+ heading,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ return (
+ [number];
+
+type EapApproachApCodeOption = NonNullable['approach_ap_codes']>;
+
+const defaultApproachValue: EnableApproachesFormFields = {
+ approach: 10,
+};
+
+interface Props {
+ value: EnableApproachesFormFields;
+ error: ArrayError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ approachTitle?: React.ReactNode;
+ readOnly?: boolean;
+ approachApCodeOption?: EapApproachApCodeOption;
+}
+
+function ApproachesInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ approachTitle,
+ readOnly,
+ approachApCodeOption,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const onFieldChange = useFormObject(index, onChange, defaultApproachValue);
+
+ const apCodeValue = approachApCodeOption?.[value?.approach]?.join(', ');
+
+ const error = (value && value.approach && errorFromProps)
+ ? getErrorObject(errorFromProps?.[value.approach])
+ : undefined;
+
+ return (
+
+
+
+
+
+
+
+
+ );
+}
+
+export default ApproachesInput;
diff --git a/app/src/views/EapFullForm/SelectionActions/EarlyActionsInput/index.tsx b/app/src/views/EapFullForm/SelectionActions/EarlyActionsInput/index.tsx
new file mode 100644
index 0000000000..cd1ef72c72
--- /dev/null
+++ b/app/src/views/EapFullForm/SelectionActions/EarlyActionsInput/index.tsx
@@ -0,0 +1,87 @@
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Container,
+ IconButton,
+ InlineLayout,
+ TextInput,
+} from '@ifrc-go/ui';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import NonFieldError from '#components/NonFieldError';
+import { type PartialEapFullFormType } from '#views/EapFullForm/schema';
+
+type EarlyActionsFormFields = NonNullable<
+ PartialEapFullFormType['early_actions']
+>[number];
+
+interface Props {
+ value: EarlyActionsFormFields;
+ error: ArrayError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ readOnly?: boolean;
+}
+
+function EarlyActionsInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ readOnly,
+ } = props;
+
+ const onFieldChange = useFormObject(index, onChange, () => ({
+ client_id: randomString(),
+ }));
+
+ const error = value && value.client_id && errorFromProps
+ ? getErrorObject(errorFromProps?.[value.client_id])
+ : undefined;
+
+ return (
+
+
+
+ );
+}
+
+export default EarlyActionsInput;
diff --git a/app/src/views/EapFullForm/SelectionActions/OperationInput/i18n.json b/app/src/views/EapFullForm/SelectionActions/OperationInput/i18n.json
new file mode 100644
index 0000000000..674a4d97a6
--- /dev/null
+++ b/app/src/views/EapFullForm/SelectionActions/OperationInput/i18n.json
@@ -0,0 +1,9 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "selectionActionsPlannedOperationPeopleTargeted": "People Targeted",
+ "selectionActionsPlannedOperationBudget": "Budget(CHF)",
+ "selectionActionsPlannedOperationApCode": "AP Code",
+ "selectionActionsPlannedOperationRemoveButton": "Remove"
+ }
+}
diff --git a/app/src/views/EapFullForm/SelectionActions/OperationInput/index.tsx b/app/src/views/EapFullForm/SelectionActions/OperationInput/index.tsx
new file mode 100644
index 0000000000..7fee2c460d
--- /dev/null
+++ b/app/src/views/EapFullForm/SelectionActions/OperationInput/index.tsx
@@ -0,0 +1,164 @@
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ ExpandableContainer,
+ ListView,
+ NumberInput,
+ TextInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { noOp } from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import EapIndicatorListInput from '#components/domain/EapIndicatorListInput';
+import EapOperationActivityListInput from '#components/domain/EapOperationActivityListInput';
+import { type GoApiResponse } from '#utils/restRequest';
+
+import { type PartialEapFullFormType } from '../../schema';
+
+import i18n from './i18n.json';
+
+type PlannedOperationFormFields = NonNullable<
+ PartialEapFullFormType['planned_operations']
+>[number];
+
+type EapSectorApCodeOption = NonNullable['sector_ap_codes']>;
+
+const defaultOperationValue: PlannedOperationFormFields = {
+ sector: 101,
+};
+
+interface Props {
+ value: PlannedOperationFormFields;
+ error: ArrayError | undefined;
+ onChange: (
+ value: SetValueArg,
+ index: number
+ ) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ operationTitle?: React.ReactNode;
+ readOnly?: boolean;
+ sectorApCodeOption?: EapSectorApCodeOption;
+}
+
+function OperationsInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ operationTitle,
+ readOnly,
+ sectorApCodeOption,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const onFieldChange = useFormObject(index, onChange, defaultOperationValue);
+
+ const apCodeValue = sectorApCodeOption?.[value.sector]?.join(', ');
+
+ const error = value && value.sector && errorFromProps
+ ? getErrorObject(errorFromProps?.[value.sector])
+ : undefined;
+
+ return (
+
+
+
+
+
+
+
+
+ );
+}
+
+export default OperationsInput;
diff --git a/app/src/views/EapFullForm/SelectionActions/i18n.json b/app/src/views/EapFullForm/SelectionActions/i18n.json
new file mode 100644
index 0000000000..37054e64e5
--- /dev/null
+++ b/app/src/views/EapFullForm/SelectionActions/i18n.json
@@ -0,0 +1,67 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "selectionActionsHeading": "Selection of Actions",
+ "selectionActionsTooltipDescription": "It is crucial to select early actions that have the most potential to reduce the identified risks(s) and are feasible to implement given the lead time of the forecast. It is important to describe briefly: Who was involved? What data was consulted? Was research conducted? Were communities involved? For more guidance see FbF Manual, Chapter 4.2 Select Early Actions.",
+ "selectionProcessTitle": "Early action selection process",
+ "selectionProcessDescription1": "Add the list of early actions",
+ "selectionProcessDescription2": "Based on the prioritized impacts/risks of section 3, provide a brief rationale (e.g. your criteria) for the selection of action(s), also indicating which actions were considered but not chosen.",
+ "selectionProcessDescription3": "Describe the process used to select the actions: Who was consulted? Which assessments/research were carried out?",
+ "selectionProcessDescription4": "Does the FbF activation intend to use government social protection systems? Other State institutions’ databases and/or sources? Provide an explanation of potential number of target population to be selected.",
+ "selectionProcessDescription5": "If CVA is included, has a cash feasibility assessment been conducted (including needs and affected population preference, markets, financial service providers and National Society capacity assessments)?",
+ "selectionProcessExplanatoryNote": "It is crucial to select early actions that have the most potential to reduce the identified risks(s) and are feasible to implement given the lead time of the forecast. It is important to describe briefly: Who was involved? What data was consulted? Was research conducted? Were communities involved? For more guidance see FbF Manual, Chapter 4.2 Select Early Actions.",
+ "selectionProcessRequiredPoint1": "Based on the prioritized impacts/risks, provide a brief rationale (e.g. your criteria) for the selection of action(s), also indicating which actions were considered but not chosen (max. 1000 words)",
+ "selectionProcessRequiredPoint2": "Describe the process used to select the actions: Who was consulted? Which assessments/research were carried out? (max 1000 words)",
+ "selectionProcessRequiredPoint3": "Show how the selected action aims to reduce the expected humanitarian impact, by filling out the Theory of Change (ToC) table.",
+ "selectionProcessRequiredPoint4": "Does the activation intend to use government social protection systems? Other State institutions’ databases and/or sources? Provide an explanation of potential number of target population to be selected.",
+ "selectionProcessRequiredPoint5": "If CVA is included, has a cash feasibility assessment been conducted (including needs and affected population preference, markets, financial service providers and National Society capacity assessments)?",
+ "selectionActionDescriptionLabel": "Description",
+ "selectionActionExplanatoryNoteLabel": "Explanatory Note",
+ "selectionActionRequiredPointsLabel": "Required Points",
+ "earlyActionsOutputValue": "Early Actions",
+ "earlyActionsAddButtonLabel": "Add",
+ "earlyActionsEmptyMessage": "No actions yet!",
+ "selectionActionUploadLabel": "Upload",
+ "selectionActionSelectImagesLabel": "Select images",
+ "theoryOfChangeTableTitle": "Theory of Change Table",
+ "downloadTableLabel": "Download Theory of Change table",
+ "selectionActionUploadTableLabel": "Upload Table",
+ "evidenceBaseTitle": "Evidence base",
+ "evidenceBaseDescription": "Explain how the selected actions will reduce the expected disaster impacts with a reference to academic research, empirical studies, interviews with key informants/experts, among other sources of evidence.",
+ "evidenceBaseExplanatoryNote": "It is important to provide evidence-based information showing that the early action(s) selected are likely to reduce the humanitarian impact of the event.",
+ "selectionActionPlannedOperationHeading": "IFRC Planned Operations",
+ "selectionActionPlannedOperationHeadingDescription": "Organize the actions according to the IFRC Plan and Budget, 2021 - 2025 sets out objectives for the IFRC Secretariat in support of National Societies and will guide the IFRC in the implementation Strategy 2030 and the Agenda for Renewal. These indicate the thematic areas in which the IFRC provides support to National Societies and where consolidated results are measured. Support on the IFRC programming and budgeting structure can be obtained from the IFRC focal point for Anticipation at country or regional level, regional disaster manager, Finance unit and/or Planning, Monitoring, Evaluation and Reporting (PMER) unit.",
+ "plannedOperationTitle": "Planned Operation",
+ "plannedOperationDescription": "Select sectors which are used in this Early Action Protocol.",
+ "enablingApproachesTitle": "Enabling Approaches",
+ "enablingApproachesDescription": "Select approaches which are used in this Early Action Protocol.",
+ "selectionAttachFilesTitle": "Attach relevant files",
+ "selectionAttachFilesDescription": "Attach any additional documentation, files, images, etc.",
+ "selectionSourceOfInformationTitle": "Sources of information",
+ "selectionSourceOfInformationDescription": "Add the description of the sources one at a time. If the source has a link, add in the second field.",
+ "feasibilityTitle": "Feasibility",
+ "feasibilityDescription": "Indicate how feasible it is to implement the proposed early actions in the planned timeframe. Has it been tested? Have similar actions been carried out by the NS in past operations and/or in as short a time with similar resources? If not, was a simulation conducted? If Cash and Voucher Assistance (CVA) is chosen as an early action, describe how necessary information for disbursement is collected in the short period of time and how national legislative requirements are met.",
+ "feasibilityExplanatoryNote": "In this section please describe why it is feasible to implement the selected actions, based on: time to implement the action, capacity of the National Society to implement, available resources (human, logistics, materials, etc.) and access considerations (see FbF Manual Chapter 4.2 Select Early Actions on criteria.)",
+ "feasibilityRequiredPoint1": "Indicate how feasible it is to implement the proposed early actions in the planned timeframe. Has it been tested? Have similar actions been carried out by the NS in past operations and/or in as short a time with similar resources? If not, was a simulation conducted?",
+ "feasibilityRequiredPoint2": "If Cash and Voucher Assistance (CVA) is chosen as an early action, describe how necessary information for disbursement is collected in the short period of time and how national legislative requirements are met.",
+ "useFulnessActionsTitle": "Usefulness of actions in case of non-occurring event",
+ "useFulnessActionsDescription": "Describe how your selected actions will contribute to the well-being of the population even if the expected event does not materialize. Include a description of the measures taken to ensure that the actions taken will be of maximum use for the targeted population in a future event.",
+ "selectionActionImagesCountLabel": "5 images max(optional)",
+ "useFulnessActionsExplanatoryNote": "In cases where the expected event does not materialize, the early actions implemented by the National Society (funded by the DREF) should still contribute to risk reduction and resiliency building.",
+ "actionsStatementSectionHeading": "Quality Criteria: Selection of actions",
+ "actionsSectionCriteriaIntroduction1": "Forecast-based Early Actions are selected based on the reduction of risk that they will provide. The EAP describes the main steps used to determine which actions were selected to reduce a specific disaster impact.",
+ "actionsSectionCriteriaComment1": "The FbF design process described in the FbF Manual (chapter 4.2), should be followed and described in the EAP (it can be adapted to the respective context). If some disaster impacts are not addressed, an explanation should be provided and also indicate which actions were considered but not chosen",
+ "actionsSectionCriteriaIntroduction2": "For each early action selected, the EAP must include a Theory of Change and show that the action chosen is appropriate to reduce the specific risk. Selected actions should be socially acceptable according to the context and there should be evidence of its effectiveness.",
+ "actionsSectionCriteriaComment21": "If evidence is available, it should ideally show that the action has reduced impact in prior (test or real) activations. In case evidence is available, there should be a description on the effectiveness of the action in reducing the targeted impact.",
+ "actionsSectionCriteriaComment22": "If evidence it´s not available, the EAP should describe in detail how they foresee that the action chosen will reduce the specific risk.",
+ "actionsSectionCriteriaIntroduction3": "Actions are implemented in the window between the forecast and the impact of the extreme event.",
+ "actionsSectionCriteriaComment31": "It needs to be shown that actions can be implemented in the lead time provided by the forecast with enough time for the population to make use of the assistance received.",
+ "actionsSectionCriteriaComment32": "For slow onset disasters, the timing of impact may need to be interpreted as the timing of an expected spike in impacts or the expected peak of impacts, but the actions would still have to be early enough to reduce impact. In the case of drought, we will need flexibility as it is challenging to identify this specific moment. Each would be context specific.",
+ "actionsSectionCriteriaIntroduction41": "The EAP support the Principles of “Good Humanitarian Donorship” and “Do No Harm” ",
+ "actionsSectionCriteriaIntroduction42": "The EAP includes an operational matrix with the activities to be implemented according to the IFRC focus areas and strategies for implementation.",
+ "actionsSectionCriteriaComment4": "To facilitate the overview of all the actions to be taken by sector and their timeline, an operational matrix should be used. This operational matrix follows the IFRC programming framework, which should be aligned with the structure of the EAP budget.",
+ "actionsSectionCriteriaIntroduction51": "If relevant for the type of intervention, actions are in line with accepted international and/or national standards, regulations, laws for the relevant sector. E.g. SPHERE, LEGS, Minimum standards for protection, gender and inclusion in emergencies.",
+ "actionsSectionCriteriaIntroduction52": "The EAP includes a 4W description indicating who does what, where, and when. This should include also actors outside the structure of the National Society.",
+ "actionsSectionCriteriaComment5": "The described implementation process shows that each step of the activation has been thought through and considered and that implementation in the lead time available is possible. The set of tasks described in this section should cover all activities from the moment the trigger is reached (Day 1) to the completion of post-impact surveys (Day X)."
+ }
+}
diff --git a/app/src/views/EapFullForm/SelectionActions/index.tsx b/app/src/views/EapFullForm/SelectionActions/index.tsx
new file mode 100644
index 0000000000..9f40f9461a
--- /dev/null
+++ b/app/src/views/EapFullForm/SelectionActions/index.tsx
@@ -0,0 +1,722 @@
+import {
+ useCallback,
+ useMemo,
+} from 'react';
+import { AddLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Checklist,
+ Container,
+ Description,
+ InputSection,
+ Label,
+ ListView,
+ TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { stringValueSelector } from '@ifrc-go/ui/utils';
+import {
+ isNotDefined,
+ listToMap,
+ randomString,
+} from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import GoMultiFileInput from '#components/domain/GoMultiFileInput';
+import GoSingleFileInput from '#components/domain/GoSingleFileInput';
+import MultiImageWithCaptionInput from '#components/domain/MultiImageWithCaptionInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import Link from '#components/Link';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+import { type components } from '#generated/types';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import { useRequest } from '#utils/restRequest';
+
+import { charLimits } from '../common';
+import EAPSourceInformationInput, { type SourceInformationFormFields } from '../EAPSourceInformationInput';
+import { type PartialEapFullFormType } from '../schema';
+import SectionQualityCriteria from '../SectionQualityCriteria';
+import ApproachesInput from './ApproachesInput';
+import EarlyActionsInput from './EarlyActionsInput';
+import OperationsInput from './OperationInput';
+
+import i18n from './i18n.json';
+
+type EapSector = components['schemas']['EapSectorEnumKey'];
+type EapSectorOption = components['schemas']['EapSectorEnum'];
+
+type EapApproach = components['schemas']['EapApproachEnumKey'];
+type EapApproachOption = components['schemas']['EapApproachEnum'];
+
+type EnablingApproachesFormFields = NonNullable<
+ PartialEapFullFormType['enabling_approaches']
+>[number];
+
+type PlannedOperationFormFields = NonNullable<
+ PartialEapFullFormType['planned_operations']
+>[number];
+
+type EarlyActionsFormFields = NonNullable<
+ PartialEapFullFormType['early_actions']
+>[number];
+
+function sectorKeySelector(option: EapSectorOption) {
+ return option.key;
+}
+
+function approachesKeySelector(option: EapApproachOption) {
+ return option.key;
+}
+
+interface Props {
+ value: PartialEapFullFormType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch<
+ React.SetStateAction>
+ >;
+ readOnly?: boolean;
+}
+
+function SelectionActions(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ readOnly,
+ } = props;
+
+ const error = getErrorObject(formError);
+ const strings = useTranslation(i18n);
+ const { eap_sector: eapSectorOptions, eap_approach: eapApproachOptions } = useGlobalEnums();
+
+ const eapSectorLabelMapping = useMemo(
+ () => listToMap(
+ eapSectorOptions,
+ ({ key }) => key,
+ ({ value: label }) => label,
+ ),
+ [eapSectorOptions],
+ );
+
+ const { response: templateUrl } = useRequest({
+ url: '/api/v2/eap/global-files/{template_type}/',
+ pathVariables: {
+ template_type: 'theory_of_change_table',
+ },
+ });
+
+ const { response: apCodeOptions } = useRequest({
+ url: '/api/v2/eap/options/',
+ });
+
+ const { setValue: onOperationChange, removeValue: onOperationRemove } = useFormArray<'planned_operations', PlannedOperationFormFields>(
+ 'planned_operations',
+ setFieldValue,
+ );
+
+ const handleOperationChecklistChange = useCallback(
+ (sectors: EapSector[] | undefined) => {
+ setFieldValue(
+ (previousValue: PlannedOperationFormFields[] | undefined) => {
+ const previousValueMapping = listToMap(
+ previousValue,
+ ({ sector }) => sector,
+ );
+
+ return sectors?.map((sector) => {
+ const prevSectorValue = previousValueMapping?.[sector];
+
+ if (prevSectorValue) {
+ return prevSectorValue;
+ }
+
+ return {
+ sector,
+ } satisfies PlannedOperationFormFields;
+ });
+ },
+ 'planned_operations',
+ );
+ },
+ [setFieldValue],
+ );
+
+ const selectedSectors = value?.planned_operations?.map(
+ ({ sector }) => sector,
+ );
+
+ const eapApproachLabelMapping = useMemo(
+ () => listToMap(
+ eapApproachOptions,
+ ({ key }) => key,
+ ({ value: label }) => label,
+ ),
+ [eapApproachOptions],
+ );
+
+ const { setValue: onApproachChange, removeValue: onApproachRemove } = useFormArray<'enabling_approaches', EnablingApproachesFormFields>(
+ 'enabling_approaches',
+ setFieldValue,
+ );
+
+ const handleApproachChecklistChange = useCallback(
+ (approaches: EapApproach[] | undefined) => {
+ setFieldValue(
+ (previousValue: EnablingApproachesFormFields[] | undefined) => {
+ const previousValueMapping = listToMap(
+ previousValue,
+ ({ approach }) => approach,
+ );
+
+ return approaches?.map((approach) => {
+ const prevApproachValue = previousValueMapping?.[approach];
+
+ if (prevApproachValue) {
+ return prevApproachValue;
+ }
+
+ return {
+ approach,
+ } satisfies EnablingApproachesFormFields;
+ });
+ },
+ 'enabling_approaches',
+ );
+ },
+ [setFieldValue],
+ );
+
+ const selectedApproaches = value?.enabling_approaches?.map(
+ ({ approach }) => approach,
+ );
+
+ const {
+ setValue: onSourceInformationChange,
+ removeValue: onSourceInformationRemove,
+ } = useFormArray<
+ 'evidence_base_source_of_information',
+ SourceInformationFormFields
+ >('evidence_base_source_of_information', setFieldValue);
+
+ const handleSourceInformationAdd = useCallback(() => {
+ const newSourceInformationItem: SourceInformationFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: SourceInformationFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newSourceInformationItem,
+ ],
+ 'evidence_base_source_of_information' as const,
+ );
+ }, [setFieldValue]);
+
+ const { setValue: onEarlyActionsChange, removeValue: onEarlyActionsRemove } = useFormArray<'early_actions', EarlyActionsFormFields>(
+ 'early_actions',
+ setFieldValue,
+ );
+
+ const handleEarlyActionsAdd = useCallback(() => {
+ const newEarlyActionsItem: EarlyActionsFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: EarlyActionsFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newEarlyActionsItem,
+ ],
+ 'early_actions' as const,
+ );
+ }, [setFieldValue]);
+
+ return (
+
+
+ {strings.actionsSectionCriteriaIntroduction1}
+
+
+ {strings.actionsSectionCriteriaComment1}
+
+
+ {strings.actionsSectionCriteriaIntroduction2}
+
+
+
+ {strings.actionsSectionCriteriaComment21}
+
+
+ {strings.actionsSectionCriteriaComment22}
+
+
+
+ {strings.actionsSectionCriteriaIntroduction3}
+
+
+
+ {strings.actionsSectionCriteriaComment31}
+
+
+ {strings.actionsSectionCriteriaComment32}
+
+
+
+
+ {strings.actionsSectionCriteriaIntroduction41}
+
+
+ {strings.actionsSectionCriteriaIntroduction42}
+
+
+
+ {strings.actionsSectionCriteriaComment4}
+
+
+
+ {strings.actionsSectionCriteriaIntroduction51}
+
+
+ {strings.actionsSectionCriteriaIntroduction52}
+
+
+
+ {strings.actionsSectionCriteriaComment5}
+
+
+ )}
+ />
+ )}
+ >
+
+ {strings.selectionActionsHeading}
+
+ {strings.selectionActionsTooltipDescription}
+
+ )}
+ />
+
+ )}
+ variant="form"
+ >
+
+
+
+
+ {strings.selectionActionExplanatoryNoteLabel}
+
+
+ {strings.selectionProcessExplanatoryNote}
+
+
+
+
+ {strings.selectionActionRequiredPointsLabel}
+
+
+
+
+ {strings.selectionProcessRequiredPoint1}
+
+
+ {strings.selectionProcessRequiredPoint2}
+
+
+ {strings.selectionProcessRequiredPoint3}
+
+
+ {strings.selectionProcessRequiredPoint4}
+
+
+ {strings.selectionProcessRequiredPoint5}
+
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.selectionProcessDescription1}
+ {strings.selectionProcessDescription2}
+ {strings.selectionProcessDescription3}
+ {strings.selectionProcessDescription4}
+ {strings.selectionProcessDescription5}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+ {value?.early_actions?.map((action, index) => (
+
+
+
+ {strings.downloadTableLabel}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+ {strings.selectionActionUploadLabel}
+
+
+
+
+ {strings.selectionActionExplanatoryNoteLabel}
+
+
+ {strings.evidenceBaseExplanatoryNote}
+
+
+ )}
+ />
+ )}
+ description={strings.evidenceBaseDescription}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {strings.selectionActionUploadLabel}
+
+
+
+
+
+
+
+
+
+
+ {value?.planned_operations?.map((operation, index) => (
+
+
+ {value?.enabling_approaches?.map((approach, index) => (
+
+
+ {strings.selectionActionExplanatoryNoteLabel}
+
+
+ {strings.useFulnessActionsExplanatoryNote}
+
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+ {strings.selectionActionExplanatoryNoteLabel}
+
+
+ {strings.feasibilityExplanatoryNote}
+
+
+
+
+ {strings.selectionActionRequiredPointsLabel}
+
+
+
+ {strings.feasibilityRequiredPoint1}
+ {strings.feasibilityRequiredPoint2}
+
+
+
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+ );
+}
+
+export default SelectionActions;
diff --git a/app/src/views/EapFullForm/TriggerModel/i18n.json b/app/src/views/EapFullForm/TriggerModel/i18n.json
new file mode 100644
index 0000000000..1a5632e98d
--- /dev/null
+++ b/app/src/views/EapFullForm/TriggerModel/i18n.json
@@ -0,0 +1,78 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "triggerModelHeading": "Trigger Model",
+ "triggerModelTooltipDescription": "The work for the identification of triggers can be very technical and require expert resources. For this process, the National Society can get help from technical experts, Hydro-met services or specialist institutions. The chapter 4.1 Set the Trigger in the FbF Manual can be used for guidance.",
+ "triggerExplanatoryNoteLabel": "Explanatory Note",
+ "triggerRequiredPointsLabel": "Required Points",
+ "triggerStatementTitle": "Trigger statement",
+ "triggerStatementDescription": "State in one sentence what exactly the trigger of your EAP will be, for example: When [source] issues a forecast of at least [probability of magnitude of event or impact], then we will act. We expect the lead-time to be [xxx].",
+ "triggerStatementExplanatoryNote": "The work for the identification of triggers can be very technical and require expert resources. For this process, the National Society can get help from technical experts, Hydro-met services or specialist institutions. The chapter 4.1 Set the Trigger in the FbF Manual can be used for guidance.",
+ "triggerModelDescriptionLabel": "Description",
+ "triggerLeadTimeTitle": "Lead time",
+ "sourcesForecastTitle": "Sources of forecast",
+ "addNewTriggerButtonLabel": "Add",
+ "sourcesForecastDescription": "Add respective source(s) for the forecast and the link to the website, if applicable.",
+ "forecastExplanatoryNote": "In order for the DREF to approve funding when a trigger occurs, there must be a certain probability the extreme event will take place. To safeguard this, it is crucial to select those forecasts that have a certain “skill” level (certain level of confidence). If observations are used, these can also be included in the table. Note that this information does not need to be calculated by the National Society but can be obtained by working with hydro-meteorological services, research institutions, experts etc.",
+ "forecastSelectionTitle": "Forecast selection",
+ "forecastTableDetails": "Menu of forecast details",
+ "downloadForecastTableLabel": "Download Menu of Forecast",
+ "forecastRequiredPoint1": "State clearly which forecast(s) and observations will be used and why they were chosen.",
+ "forecastRequiredPoint2": "Include a table with all available forecasts for your hazard. The table must include: Name of forecast, Lead time, Source, False Alarm Ratio, Number of times the forecast has been issued for this hazard in the last 10 years ",
+ "forecastSelectionDescription": "State clearly which forecast(s) and observations will be used and why they were chosen. Include a table with all available forecasts for your hazard. The table must include: Name of forecast, Lead time, Source, False Alarm Ratio, Number of times the forecast has been issued for this hazard in the last 10 years.",
+ "definitionJustificationTitle": "Definition and justification of impact level",
+ "definitionJustificationDescription1": "Why did you select a certain magnitude of event?",
+ "definitionJustificationDescription2": "Explain how your impact level was defined.",
+ "definitionJustificationDescription3": "Explain how much impact can be expected based on the strength of the event.",
+ "definitionJustificationDescription4": "Indicate to which return period the selected impact-level corresponds (minimum: 1-in-5 years.)",
+ "definitionJustificationDescription5": "Explain how the return period was calculated",
+ "definitionJustificationExplanatoryNote": "The DREF provides funding for early action for events of a strength that has caused significant humanitarian impact in the past. Explain how a certain magnitude was selected and how the impact level was defined (see guidance in the FbF manual chapter 4.1 Set the Trigger (particularly Steps 6-8)). Define the relationship between impact (utilizing the prioritized impact/s section 3.3) and hazard magnitude to establish which impact can be expected given specific hazard magnitudes.",
+ "definitionRequiredPoint1": "Why did you select a certain magnitude of event?",
+ "definitionRequiredPoint2": "Explain how your impact level was defined. Explain how much impact can be expected based on the strength of the event.",
+ "definitionRequiredPoint3": "Indicate to which return period the selected impact-level corresponds (minimum: 1-in-5 years.)",
+ "definitionRequiredPoint4": "Explain how the return period was calculated",
+ "identificationInterventionTitle": "Identification of the intervention area",
+ "identificationInterventionDescription1": "Building on the analysis in Prioritised impact (in the previous section), list the vulnerability and exposure indicators/maps that will be used to identify which are the areas likely to be most impacted. Indicate data source and administrative level for each indicator, as well as state how you will update the data.",
+ "identificationInterventionDescription2": "Describe how you will combine the forecast maps with vulnerability/exposure indicators.",
+ "identificationInterventionDescription3": "Provide an example using a past event (it could be using a sample intervention map).",
+ "identificationInterventionExplanatoryNote": "When an impact level is reached, vulnerability and exposure information is combined with the real-time forecast to identify which areas are likely to be most impacted. In the most advanced form, the forecast would be digitally combined with vulnerability and exposure information, to show which areas are predicted to be most severely impacted. This will provide a map-based tool or a list of prioritized districts villages, municipalities or other geographical areas where the early actions will be activated. Where no digital system is available, the combination of forecast and vulnerability/exposure indicators could also be done manually, e.g. if flooding is forecasted for a certain area, the most vulnerable and exposed communities in that area are selected (for example the poorest if that indicator is used). If different weighted indicators are used to calculate a vulnerability index, check on the index which of the communities in the area for which the event is forecasted scores highest. Ultimately the objective is to know which areas are likely to be impacted and how you will determine which will be targeted.",
+ "identificationRequiredPoint1": "Building on the analysis in 3.3. list the vulnerability and exposure indicators/maps that will be used to identify which are the areas likely to be most impacted. Indicate data source and administrative level for each indicator, as well as state how you will update the data.",
+ "identificationRequiredPoint2": "Describe how you will combine the forecast maps with vulnerability/exposure indicators.",
+ "identificationRequiredPoint3": "Provide an example using past event (it could be using a sample intervention map).",
+ "attachRelevantFilesTitle": "Attach relevant files",
+ "attachRelevantFilesDescription": "Attach any additional maps, documentation, files, images, etc.",
+ "attachRelevantFilesUploadLabel": "Upload",
+ "triggerUploadTableLabel": "Upload table",
+ "triggerSelectImagesLabel": "Select images",
+ "sourceInformationTitle": "Sources of information",
+ "selectRegionTitle": "Select region on a map",
+ "selectRegionDescription": "Select the respective regions on a map by clicking the link to the right",
+ "sourceInformationDescription": "Add the description of the sources one at a time. If the source has a link, add in the second field.",
+ "triggerModelImagesCountLabel": "5 images max(optional)",
+ "triggerSectionHeading": "Quality Criteria: Trigger Model",
+ "triggerSectionCriteriaIntroduction1": "The EAP triggers are based on a combination of the analysis of risk factors and the forecast in line with the steps of the trigger methodology outlined in the FbF manual. The EAP contains a clear trigger statement.",
+ "triggerSectionCriteriaComment11": "The EAP should clearly show how on the basis of available data on vulnerability, exposure and impact of past events the trigger was determined. The trigger should be clear as this information needs to be verifiable once the trigger is met, so the EAP needs to state in one sentence what exactly the trigger of your EAP will be, for example: When [source] issues a forecast of at least [probability of magnitude of event or impact], then we will act.",
+ "triggerSectionCriteriaComment12": "If the EAP has more than one trigger (e.g. phased or staggered triggers) then each trigger should be clearly explained along with explanation what action will be taken following each trigger and when transfer of the early action funds are required.",
+ "triggerSectionCriteriaComment13": "For slow onset hazards, the trigger can also be based on a combination of risk factors, forecasts and observation data especially if the impact is a result of accumulative factors (e.g. forecast of second consecutive failed rainy season). If unconventional triggers are used (e.g. combining multiple indicators, including socio-economic indicators like food prices), clear explanation should be given on which criteria/ conditions was used to assign certain weight to each indicator.",
+ "triggerSectionCriteriaComment14": "In case of drought, it might be more difficult to look back on the historical record of rainfall and its specific impacts and see a clear correlation between the two, as some drought-typical impacts are also highly affected by other socio-economic drivers (insecurity, weather patterns elsewhere that affect local food prices etc). Also consider the links between the effects of dryness and economic, social and environmental impacts and choices. If qualitative information is included in the trigger it should be from an authoritative source.",
+ "triggerSectionCriteriaIntroduction2": "The EAP provides an analysis of historical disaster impact for the selected hazard and provides an evidence-based analysis of exposure and vulnerability.",
+ "triggerSectionCriteriaComment21": "The EAP should have an information management system, which shows how risk data is integrated into trigger model and how the data will be updated on regular basis according to the context.",
+ "triggerSectionCriteriaComment22": "In the case of drought, there may be limited historical disaster data in some countries due to the complexity of drought and also the fact that drought might be a new hazard in some areas (partly due to climate change). The EAP may consider profiling proxy data/ reference data either in other countries/ regions of similar context or general scientific findings to support this analysis.",
+ "triggerSectionCriteriaIntroduction3": "There is an annex with a menu of forecasts and/or other relevant early warning and /or monitoring/surveillance systems, demonstrating a review of all available forecasts data relevant to this hazard.",
+ "triggerSectionCriteriaComment31": "The menu of forecasts should include all available forecasts and list for each forecast or observation used for the trigger the lead time, the skill/confidence, the probability (if possible) and the source.",
+ "triggerSectionCriteriaComment32": "If other early warning information (non-hydro-met forecasts, satellite observation, socio-economic indicators, etc) are used (e.g. in the case of drought or epidemics), a review of the quality of available early warning and monitoring systems would be needed.",
+ "triggerSectionCriteriaIntroduction4": "Data must be provided that shows that an event of the magnitude/strength of the event that the trigger is based on has caused disastrous humanitarian impact in the region in the past.",
+ "triggerSectionCriteriaComment41": "The DREF allocates funding for EAPs to reduce the impacts of extreme events of a strength or magnitude that in the past have required humanitarian assistance. In order to demonstrate that the selected hazard has caused extreme humanitarian impacts in the past, information on the previous impacts of the selected hazard in the country should be provided.",
+ "triggerSectionCriteriaComment42": "In the case of drought, there may be limited historical disaster data in some countries due to the complexity of drought and also the fact that drought might be a new hazard in some areas (partly due to climate change). Regions that have rarely experienced droughts will be less resilience to these shocks and have less coping capacity and strategies. These may be the most vulnerable to the impacts of drought even though historical data might be limited. In these cases, climate change projections could also be taken into consideration (e.g. changing drought patterns).",
+ "triggerSectionCriteriaIntroduction5": "There is a map or a clear methodology that will tell the NS where action should be taken based on a combination of vulnerability, exposure, and the forecast, when the EAP is activated based on the trigger model.",
+ "triggerSectionCriteriaComment5": "In the most advanced form, the forecast would be digitally combined with vulnerability and exposure information, to show which areas are predicted to be most severely impacted. This will provide a map-based tool or a list of prioritized districts villages, municipalities or other geographical areas where the early actions will be activated. Where no digital system is available, the combination of forecast and vulnerability/exposure indicators could also be done manually or qualitatively, explaining the process of deciding how the National Society will select where the action will take place.",
+ "triggerSectionCriteriaIntroduction6": "The EAP trigger chapter includes calculations and evidence for the following points:",
+ "triggerSectionCriteriaIntroduction61": "Frequency of the trigger being reached and/or the return period of the event",
+ "triggerSectionCriteriaIntroduction62": "Probability of acting in vain (false alarm ratio)",
+ "triggerSectionCriteriaIntroduction63": "Lead time",
+ "triggerSectionCriteriaComment61": "An extreme event could be forecasted several times in a decade (frequency of trigger being reached), but only happen once in that decade (the event would then have a return period of 10 years).",
+ "triggerSectionCriteriaComment62": "Forecasts/observation thresholds used for the trigger will provide the probability of the event happening, once the trigger is reached. For instance, a 5-year return period means that in any year there is a 20% chance or less of the event occurring. In exceptional cases, in very large countries with distinctive climate zones, the 5-year return period can be applied to separate regions, with appropriate justification.",
+ "triggerSectionCriteriaComment63": "Probability of acting in vain will need to be calibrated. If a seasonal forecast is used, the probability of acting in vain may be higher, so the EAP needs to include clear explanation if staggered triggers and stop mechanisms have been considered, and strong consideration of do no harm.",
+ "triggerSectionCriteriaComment64": "In the case of drought there might be more than one trigger, which will help to contribute to a lower ratio of acting in vain."
+ }
+}
diff --git a/app/src/views/EapFullForm/TriggerModel/index.tsx b/app/src/views/EapFullForm/TriggerModel/index.tsx
new file mode 100644
index 0000000000..ee5feee9d4
--- /dev/null
+++ b/app/src/views/EapFullForm/TriggerModel/index.tsx
@@ -0,0 +1,652 @@
+import { useCallback } from 'react';
+import { AddLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Container,
+ Description,
+ InputSection,
+ Label,
+ ListView,
+ NumberInput,
+ SelectInput,
+ TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { stringValueSelector } from '@ifrc-go/ui/utils';
+import {
+ isDefined,
+ randomString,
+} from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import Admin2Input from '#components/domain/Admin2Input';
+import GoMultiFileInput from '#components/domain/GoMultiFileInput';
+import GoSingleFileInput from '#components/domain/GoSingleFileInput';
+import MultiImageWithCaptionInput from '#components/domain/MultiImageWithCaptionInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import Link from '#components/Link';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+import { type components } from '#generated/types';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import {
+ type GoApiResponse,
+ useRequest,
+} from '#utils/restRequest';
+
+import { charLimits } from '../common';
+import EAPSourceInformationInput, { type SourceInformationFormFields } from '../EAPSourceInformationInput';
+import { type PartialEapFullFormType } from '../schema';
+import SectionQualityCriteria from '../SectionQualityCriteria';
+
+import i18n from './i18n.json';
+
+type TimeframeOption = components['schemas']['EapTimeframeEnum'];
+
+function timeframeKeySelector(option: TimeframeOption) {
+ return option.key;
+}
+
+interface Props {
+ value: PartialEapFullFormType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch<
+ React.SetStateAction>
+ >;
+ eapRegistrationDetail?: GoApiResponse<'/api/v2/eap-registration/{id}/'>;
+ readOnly?: boolean;
+}
+
+function TriggerModel(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ eapRegistrationDetail,
+ readOnly,
+ } = props;
+
+ const error = getErrorObject(formError);
+ const strings = useTranslation(i18n);
+
+ const { eap_timeframe } = useGlobalEnums();
+
+ const { response: templateUrl } = useRequest({
+ url: '/api/v2/eap/global-files/{template_type}/',
+ pathVariables: {
+ template_type: 'forecast_table',
+ },
+ });
+
+ const {
+ setValue: onSourcesForecastChange,
+ removeValue: onSourcesForecastRemove,
+ } = useFormArray<
+ 'trigger_statement_source_of_information',
+ SourceInformationFormFields
+ >('trigger_statement_source_of_information', setFieldValue);
+
+ const handleSourcesForecastAdd = useCallback(() => {
+ const newSourceInformationItem: SourceInformationFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: SourceInformationFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newSourceInformationItem,
+ ],
+ 'trigger_statement_source_of_information' as const,
+ );
+ }, [setFieldValue]);
+
+ const {
+ setValue: onSourceInformationChange,
+ removeValue: onSourceInformationRemove,
+ } = useFormArray<
+ 'trigger_model_source_of_information',
+ SourceInformationFormFields
+ >('trigger_model_source_of_information', setFieldValue);
+
+ const handleSourceInformationAdd = useCallback(() => {
+ const newSourceInformationItem: SourceInformationFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: SourceInformationFormFields[] | undefined) => [
+ ...(oldValue ?? []),
+ newSourceInformationItem,
+ ],
+ 'trigger_model_source_of_information' as const,
+ );
+ }, [setFieldValue]);
+
+ return (
+
+
+ {strings.triggerSectionCriteriaIntroduction1}
+
+
+
+ {strings.triggerSectionCriteriaComment11}
+
+
+ {strings.triggerSectionCriteriaComment12}
+
+
+ {strings.triggerSectionCriteriaComment13}
+
+
+ {strings.triggerSectionCriteriaComment14}
+
+
+
+ {strings.triggerSectionCriteriaIntroduction2}
+
+
+
+ {strings.triggerSectionCriteriaComment21}
+
+
+ {strings.triggerSectionCriteriaComment22}
+
+
+
+ {strings.triggerSectionCriteriaIntroduction3}
+
+
+
+ {strings.triggerSectionCriteriaComment31}
+
+
+ {strings.triggerSectionCriteriaComment32}
+
+
+
+ {strings.triggerSectionCriteriaIntroduction4}
+
+
+
+ {strings.triggerSectionCriteriaComment41}
+
+
+ {strings.triggerSectionCriteriaComment42}
+
+
+
+ {strings.triggerSectionCriteriaIntroduction5}
+
+
+ {strings.triggerSectionCriteriaComment5}
+
+
+
+ {strings.triggerSectionCriteriaIntroduction6}
+
+
+
+ {strings.triggerSectionCriteriaIntroduction61}
+ {strings.triggerSectionCriteriaIntroduction62}
+ {strings.triggerSectionCriteriaIntroduction63}
+
+
+
+
+
+ {strings.triggerSectionCriteriaComment61}
+
+
+ {strings.triggerSectionCriteriaComment62}
+
+
+ {strings.triggerSectionCriteriaComment63}
+
+
+ {strings.triggerSectionCriteriaComment64}
+
+
+
+ )}
+ />
+ )}
+ >
+
+ {strings.triggerModelHeading}
+
+ {strings.triggerModelTooltipDescription}
+
+ )}
+ />
+
+ )}
+ variant="form"
+ >
+
+
+
+ {strings.triggerExplanatoryNoteLabel}
+
+
+ {strings.triggerStatementExplanatoryNote}
+
+
+ )}
+ />
+ )}
+ description={strings.triggerStatementDescription}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+
+
+
+
+ {strings.triggerExplanatoryNoteLabel}
+
+
+ {strings.forecastExplanatoryNote}
+
+
+
+
+ {strings.triggerRequiredPointsLabel}
+
+
+
+ {strings.forecastRequiredPoint1}
+ {strings.forecastRequiredPoint2}
+
+
+
+
+ )}
+ />
+ )}
+ description={strings.forecastSelectionDescription}
+ withAsteriskOnTitle
+ >
+
+
+
+ {strings.downloadForecastTableLabel}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+ {strings.triggerUploadTableLabel}
+
+
+
+
+
+ {strings.triggerExplanatoryNoteLabel}
+
+
+ {strings.definitionJustificationExplanatoryNote}
+
+
+
+
+ {strings.triggerRequiredPointsLabel}
+
+
+
+ {strings.definitionRequiredPoint1}
+ {strings.definitionRequiredPoint2}
+ {strings.definitionRequiredPoint3}
+ {strings.definitionRequiredPoint4}
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.definitionJustificationDescription1}
+ {strings.definitionJustificationDescription2}
+ {strings.definitionJustificationDescription3}
+ {strings.definitionJustificationDescription4}
+ {strings.definitionJustificationDescription5}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+ {strings.triggerExplanatoryNoteLabel}
+
+
+ {strings.identificationInterventionExplanatoryNote}
+
+
+
+
+ {strings.triggerRequiredPointsLabel}
+
+
+
+
+ {strings.identificationRequiredPoint1}
+
+
+ {strings.identificationRequiredPoint2}
+
+
+ {strings.identificationRequiredPoint3}
+
+
+
+
+
+ )}
+ />
+ )}
+ description={(
+
+ {strings.identificationInterventionDescription1}
+ {strings.identificationInterventionDescription2}
+ {strings.identificationInterventionDescription3}
+
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+ {isDefined(eapRegistrationDetail?.country) && (
+
+
+
+ {strings.attachRelevantFilesUploadLabel}
+
+
+
+
+
+
+
+ );
+}
+
+export default TriggerModel;
diff --git a/app/src/views/EapFullForm/common.tsx b/app/src/views/EapFullForm/common.tsx
new file mode 100644
index 0000000000..7fb6f9c349
--- /dev/null
+++ b/app/src/views/EapFullForm/common.tsx
@@ -0,0 +1,207 @@
+import { isNotDefined } from '@togglecorp/fujs';
+import {
+ analyzeErrors,
+ type Error,
+ getErrorObject,
+} from '@togglecorp/toggle-form';
+
+import { type PartialEapFullFormType } from './schema';
+
+export type TabKeys =
+ | 'overview'
+ | 'riskAnalysis'
+ | 'triggerModel'
+ | 'selectionActions'
+ | 'eapActivation'
+ | 'meal'
+ | 'nationalSocietyCapacity'
+ | 'financeLogistics';
+
+type FormKeys = keyof PartialEapFullFormType;
+
+const overviewTabFields: (FormKeys)[] = [
+ 'expected_submission_time',
+ 'modified_at',
+ 'objective',
+ 'cover_image_file',
+ 'national_society_contact_name',
+ 'national_society_contact_title',
+ 'national_society_contact_email',
+ 'national_society_contact_phone_number',
+ 'partner_contacts',
+ 'dref_focal_point_name',
+ 'dref_focal_point_email',
+ 'dref_focal_point_phone_number',
+ 'ifrc_delegation_focal_point_name',
+ 'ifrc_delegation_focal_point_title',
+ 'ifrc_delegation_focal_point_email',
+ 'ifrc_delegation_focal_point_phone_number',
+ 'dref_focal_point_name',
+ 'dref_focal_point_title',
+ 'dref_focal_point_email',
+ 'dref_focal_point_phone_number',
+ 'ifrc_regional_focal_point_name',
+ 'ifrc_regional_focal_point_title',
+ 'ifrc_regional_focal_point_email',
+ 'ifrc_regional_focal_point_phone_number',
+ 'ifrc_regional_ops_manager_name',
+ 'ifrc_regional_ops_manager_title',
+ 'ifrc_regional_ops_manager_email',
+ 'ifrc_regional_ops_manager_phone_number',
+ 'ifrc_regional_head_dcc_name',
+ 'ifrc_regional_head_dcc_title',
+ 'ifrc_regional_head_dcc_email',
+ 'ifrc_regional_head_dcc_phone_number',
+ 'ifrc_global_ops_coordinator_name',
+ 'ifrc_global_ops_coordinator_title',
+ 'ifrc_global_ops_coordinator_email',
+ 'ifrc_global_ops_coordinator_phone_number',
+ 'is_worked_with_government',
+ 'worked_with_government_description',
+ 'key_actors',
+ 'is_technical_working_groups',
+ 'technically_working_group_title',
+ 'technical_working_groups_in_place_description',
+];
+
+const riskAnalysisTabFields: (keyof PartialEapFullFormType)[] = [
+ 'hazard_selection_images',
+ 'hazard_selection',
+ 'exposed_element_and_vulnerability_factor',
+ 'exposed_element_and_vulnerability_factor_images',
+ 'prioritized_impact',
+ 'prioritized_impacts',
+ 'prioritized_impact_images',
+ 'risk_analysis_relevant_files',
+ 'risk_analysis_source_of_information',
+];
+
+const triggerModelTabFields: (keyof PartialEapFullFormType)[] = [
+ 'trigger_statement',
+ 'lead_time',
+ 'lead_timeframe_unit',
+ 'trigger_statement_source_of_information',
+ 'forecast_selection',
+ 'forecast_selection_images',
+ 'forecast_table_file',
+ 'definition_and_justification_impact_level',
+ 'definition_and_justification_impact_level_images',
+ 'identification_of_the_intervention_area',
+ 'identification_of_the_intervention_area_images',
+ 'admin2',
+ 'trigger_model_source_of_information',
+ 'trigger_model_relevant_files',
+];
+
+const selectionActionsTabFields: (keyof PartialEapFullFormType)[] = [
+ 'early_actions',
+ 'early_action_selection_process',
+ 'early_action_selection_process_images',
+ 'theory_of_change_table_file',
+ 'evidence_base',
+ 'evidence_base_source_of_information',
+ 'evidence_base_relevant_files',
+ 'planned_operations',
+ 'enabling_approaches',
+ 'usefulness_of_actions',
+ 'feasibility',
+];
+
+const eapActivationTabFields: (keyof PartialEapFullFormType)[] = [
+ 'early_action_implementation_process',
+ 'early_action_implementation_images',
+ 'trigger_activation_system_images',
+ 'trigger_activation_system',
+ 'people_targeted',
+ 'selection_of_target_population',
+ 'stop_mechanism',
+ 'activation_process_relevant_files',
+ 'activation_process_source_of_information',
+];
+
+const mealTabFields: (keyof PartialEapFullFormType)[] = [
+ 'meal',
+ 'meal_relevant_files',
+];
+
+const nationalSocietyTabFields: (keyof PartialEapFullFormType)[] = [
+ 'operational_administrative_capacity',
+ 'strategies_and_plans',
+ 'advance_financial_capacity',
+ 'capacity_relevant_files',
+];
+
+const financeLogisticsTabFields: (keyof PartialEapFullFormType)[] = [
+ 'total_budget',
+ 'budget_file',
+ 'budget_description',
+ 'readiness_budget',
+ 'readiness_cost_description',
+ 'pre_positioning_budget',
+ 'prepositioning_cost_description',
+ 'early_action_budget',
+ 'early_action_cost_description',
+ 'eap_endorsement',
+ 'updated_checklist_file',
+];
+
+const tabToFieldsMap: Record = {
+ overview: overviewTabFields,
+ riskAnalysis: riskAnalysisTabFields,
+ triggerModel: triggerModelTabFields,
+ selectionActions: selectionActionsTabFields,
+ eapActivation: eapActivationTabFields,
+ meal: mealTabFields,
+ nationalSocietyCapacity: nationalSocietyTabFields,
+ financeLogistics: financeLogisticsTabFields,
+};
+
+export function checkTabErrors(
+ error: Error | undefined,
+ tabKey: TabKeys,
+) {
+ if (isNotDefined(analyzeErrors(error))) {
+ return false;
+ }
+
+ const fields = tabToFieldsMap[tabKey];
+ const fieldErrors = getErrorObject(error);
+
+ const hasErrorOnAnyField = fields.some((field) => {
+ const fieldError = fieldErrors?.[field];
+ const isErrored = analyzeErrors(fieldError);
+ return isErrored;
+ });
+
+ return hasErrorOnAnyField;
+}
+
+export const charLimits = {
+ key_actors: 150,
+ technical_working_groups_in_place_description: 150,
+ hazard_selection: 1000,
+ exposed_element_and_vulnerability_factor: 1500,
+ prioritized_impact: 500,
+ trigger_statement: 200,
+ forecast_selection: 750,
+ definition_and_justification_impact_level: 750,
+ identification_of_the_intervention_area: 500,
+ early_action_selection_process: 2000,
+ evidence_base: 1200,
+ usefulness_of_actions: 500,
+ feasibility: 500,
+ early_action_implementation_process: 750,
+ trigger_activation_system: 500,
+ selection_of_target_population: 500,
+ stop_mechanism: 500,
+ meal: 1200,
+ operational_administrative_capacity: 1200,
+ strategies_and_plans: 500,
+ advance_financial_capacity: 300,
+ budget_description: 500,
+ readiness_cost_description: 500,
+ prepositioning_cost_description: 500,
+ early_action_cost_description: 500,
+ eap_endorsement: 300,
+ people_targeted: 10000,
+} satisfies { [key in FormKeys]?: number };
diff --git a/app/src/views/EapFullForm/i18n.json b/app/src/views/EapFullForm/i18n.json
new file mode 100644
index 0000000000..894d55ab14
--- /dev/null
+++ b/app/src/views/EapFullForm/i18n.json
@@ -0,0 +1,37 @@
+{
+ "namespace": "eapFullForm",
+ "strings": {
+ "mainHeading": "{country}: {disaster} - Full EAP",
+ "mainDescription": "Use the following form to submit the details of your Early Action Protocols (EAP) submission.",
+ "overviewTabLabel": "Overview",
+ "riskAnalysisTabLabel": "Risk Analysis",
+ "triggerModelTabLabel": "Trigger Model",
+ "selectionActionsTabLabel": "Selection of Actions",
+ "activationProcessTabLabel": "EAP Activation Process",
+ "mealTabLabel": "Meal",
+ "nationalSocietyCapacityTabLabel": "National Society Capacity",
+ "financeLogisticsTabLabel": "Finance and Logistics",
+ "backButton": "Back",
+ "nextButton": "Next",
+ "saveButton": "Save",
+ "cancelButton": "Cancel",
+ "failureMessage": "Sorry could not create a new Full EAP right now!",
+ "formShareButtonAriaLabel": "Share EAP",
+ "successMessage": "Successfully created a new Full EAP!",
+ "updateFailure": "Sorry could not update Full EAP right now!",
+ "updateSuccess": "Successfully updated a new Full EAP!",
+ "submitApprovalSuccess": "Successfully submitted EAP for approval!",
+ "submitFailedSuccess": "Failed to submit the EAP for approval!",
+ "backToAccount": "Back",
+ "readOnlyWarningMessage": "You’re viewing this form in read-only mode. Editing is currently disabled.",
+ "validationErrorAlertMessage": "Please fix all the errors before continuing!",
+ "savingPendingMessage": "Saving data...",
+ "submitFormErrorMessage": "Please make sure you've filled in all the required details before proceeding!",
+ "submitButtonLabel": "Submit for Approval",
+ "submitConfirmButtonLabel": "Confirm",
+ "submitConfirmHeading": "Submit EAP for Approval",
+ "submitConfirmMessage": "Are you sure you want to submit the EAP? Reviewers will be notified and you'll no longer be able to edit the form!",
+ "formLoadErrorTitle": "Failed to load Full EAP form!",
+ "formLoadErrorHelpText": "Please make sure that the Full EAP form with given id exists and you have the permission to view it"
+ }
+}
diff --git a/app/src/views/EapFullForm/index.tsx b/app/src/views/EapFullForm/index.tsx
new file mode 100644
index 0000000000..5e1b684023
--- /dev/null
+++ b/app/src/views/EapFullForm/index.tsx
@@ -0,0 +1,1220 @@
+import {
+ useCallback,
+ useEffect,
+ useMemo,
+ useRef,
+ useState,
+} from 'react';
+import {
+ useLocation,
+ useParams,
+ useSearchParams,
+} from 'react-router-dom';
+import { ShareFillIcon } from '@ifrc-go/icons';
+import {
+ Alert,
+ Button,
+ IconButton,
+ InlineLayout,
+ ListView,
+ Message,
+ Modal,
+ Tab,
+ TabList,
+ TabPanel,
+ Tabs,
+ TopBanner,
+} from '@ifrc-go/ui';
+import {
+ useBooleanState,
+ useTranslation,
+} from '@ifrc-go/ui/hooks';
+import {
+ injectClientId,
+ resolveToString,
+} from '@ifrc-go/ui/utils';
+import {
+ isDefined,
+ isNotDefined,
+ isTruthyString,
+ listToMap,
+} from '@togglecorp/fujs';
+import {
+ analyzeErrors,
+ createSubmitHandler,
+ removeNull,
+ useForm,
+} from '@togglecorp/toggle-form';
+
+import EapObsoleteResolutionModal from '#components/domain/EapObsoleteResolutionModal';
+import EapShareModal from '#components/domain/EapShareModal';
+import Link from '#components/Link';
+import Page from '#components/Page';
+import useAlert from '#hooks/useAlert';
+import useRouting from '#hooks/useRouting';
+import {
+ EAP_STATUS_NS_ADDRESSING_COMMENTS,
+ EAP_STATUS_UNDER_DEVELOPMENT,
+ EAP_STATUS_UNDER_REVIEW,
+ EAP_TYPE_FULL,
+ TIMEFRAME_DAYS,
+} from '#utils/constants';
+import {
+ type GoApiBody,
+ type GoApiResponse,
+ useLazyRequest,
+ useRequest,
+} from '#utils/restRequest';
+import {
+ matchArray,
+ NUM,
+ type ResponseObjectError,
+ transformObjectError,
+} from '#utils/restRequest/error';
+
+import {
+ checkTabErrors,
+ type TabKeys,
+} from './common';
+import EapActivationProcess from './EapActivationProcess';
+import FinanceLogistics from './FinanceLogistics';
+import Meal from './Meal';
+import NationalSocietyCapacity from './NationalSocietyCapacity';
+import Overview from './Overview';
+import RiskAnalysis from './RiskAnalysis';
+import {
+ formSchema,
+ type PartialEapFullFormType,
+} from './schema';
+import SelectionActions from './SelectionActions';
+import TriggerModel from './TriggerModel';
+
+import i18n from './i18n.json';
+
+type EapFullRequestBody = GoApiBody<'/api/v2/full-eap/', 'POST'>;
+type GetFullEapResponse = GoApiResponse<'/api/v2/full-eap/{id}/'>;
+
+type EapStatusBody = GoApiBody<'/api/v2/eap-registration/{id}/status/', 'POST'>;
+
+function getNextStep(current: TabKeys, direction: 1 | -1) {
+ const tabKeyList: TabKeys[] = [
+ 'overview',
+ 'riskAnalysis',
+ 'triggerModel',
+ 'selectionActions',
+ 'eapActivation',
+ 'meal',
+ 'nationalSocietyCapacity',
+ 'financeLogistics',
+ ];
+ const currentIndex = tabKeyList.findIndex((key) => key === current);
+
+ return tabKeyList[currentIndex + direction];
+}
+
+const defaultFormValue: PartialEapFullFormType = {};
+
+/** @knipignore */
+// eslint-disable-next-line import/prefer-default-export
+export function Component() {
+ const [activeTab, setActiveTab] = useState('overview');
+ const [fileIdToUrlMap, setFileIdToUrlMap] = useState>(
+ {},
+ );
+ const [shouldSubmit, setShouldSubmit] = useState(false);
+ const [
+ showObsoletePayloadModal,
+ setShowObsoletePayloadModal,
+ ] = useState(false);
+
+ const { eapId } = useParams<{ eapId: string }>();
+
+ const [searchParams] = useSearchParams();
+
+ const version = searchParams.get('version') ?? undefined;
+ const tabListRef = useRef(null);
+ const shouldSubmitRef = useRef(false);
+ const lastModifiedAtRef = useRef(null);
+
+ const strings = useTranslation(i18n);
+
+ const { state } = useLocation();
+ const { navigate } = useRouting();
+
+ const alert = useAlert();
+
+ const {
+ pending: fetchingEap,
+ response: eapDetailResponse,
+ retrigger: eapDetailRetrigger,
+ } = useRequest({
+ skip: isNotDefined(eapId),
+ url: '/api/v2/eap-registration/{id}/',
+ pathVariables: isTruthyString(eapId)
+ ? {
+ id: Number(eapId),
+ }
+ : undefined,
+ });
+
+ const selectedFullEap = eapDetailResponse?.full_eap_details?.find(
+ (fullEap) => String(fullEap.version) === String(version),
+ );
+
+ const latestFullEapId = eapDetailResponse?.latest_full_eap ?? undefined;
+ const latestFullEap = eapDetailResponse?.full_eap_details?.find(
+ (fullEap) => fullEap.id === latestFullEapId,
+ );
+
+ const currentFullEap = selectedFullEap ?? latestFullEap;
+ const currentFullEapId = currentFullEap?.id;
+ const getIsSubmission = () => shouldSubmitRef.current;
+
+ const isLocked = currentFullEap?.is_locked;
+ const isRevision = eapDetailResponse?.status === EAP_STATUS_NS_ADDRESSING_COMMENTS
+ && (isDefined(currentFullEap?.version) && currentFullEap?.version > 1)
+ && !isLocked;
+
+ const {
+ value,
+ setFieldValue,
+ setValue,
+ error: formError,
+ validate,
+ setError,
+ } = useForm(
+ formSchema,
+ { value: defaultFormValue },
+ {
+ isRevision,
+ getIsSubmission,
+ },
+ );
+
+ const updateFileUrlMapping = useCallback((response: GetFullEapResponse) => {
+ setFileIdToUrlMap((prevMap) => {
+ const {
+ cover_image_file,
+ hazard_selection_images,
+ forecast_selection_images,
+ trigger_activation_system_images,
+ early_action_selection_process_images,
+ exposed_element_and_vulnerability_factor_images,
+ identification_of_the_intervention_area_images,
+ definition_and_justification_impact_level_images,
+ prioritized_impact_images,
+ early_action_implementation_images,
+ budget_file_details,
+ forecast_table_file_details,
+ updated_checklist_file_details,
+ theory_of_change_table_file_details,
+ } = response;
+ return {
+ ...prevMap,
+ ...listToMap(
+ [
+ cover_image_file,
+ ...(hazard_selection_images ?? []),
+ ...(forecast_selection_images ?? []),
+ ...(trigger_activation_system_images ?? []),
+ ...(early_action_selection_process_images ?? []),
+ ...(exposed_element_and_vulnerability_factor_images ?? []),
+ ...(identification_of_the_intervention_area_images ?? []),
+ ...(definition_and_justification_impact_level_images ?? []),
+ ...(prioritized_impact_images ?? []),
+ ...(early_action_implementation_images ?? []),
+ budget_file_details,
+ forecast_table_file_details,
+ updated_checklist_file_details,
+ theory_of_change_table_file_details,
+ ]
+ .map((eapFile) => {
+ if (isNotDefined(eapFile)) {
+ return undefined;
+ }
+
+ const { id, file } = eapFile;
+
+ if (isNotDefined(id) || isNotDefined(file)) {
+ return undefined;
+ }
+
+ return {
+ id,
+ file,
+ };
+ })
+ .filter(isDefined),
+ (file) => file.id,
+ (file) => file.file,
+ ),
+ };
+ });
+ }, []);
+
+ const loadResponseToFormValue = useCallback(
+ (response: GetFullEapResponse) => {
+ updateFileUrlMapping(response);
+ lastModifiedAtRef.current = response?.modified_at;
+
+ const {
+ planned_operations,
+ enabling_approaches,
+ cover_image_file,
+ hazard_selection_images,
+ forecast_selection_images,
+ trigger_activation_system_images,
+ early_action_selection_process_images,
+ early_action_implementation_images,
+ exposed_element_and_vulnerability_factor_images,
+ identification_of_the_intervention_area_images,
+ definition_and_justification_impact_level_images,
+ prioritized_impact_images,
+ activation_process_source_of_information,
+ evidence_base_source_of_information,
+ early_actions,
+ risk_analysis_source_of_information,
+ trigger_model_source_of_information,
+ trigger_statement_source_of_information,
+ key_actors,
+ prioritized_impacts,
+ partner_contacts,
+ meal_source_of_information,
+ ns_capacity_source_of_information,
+ ...otherValues
+ } = removeNull(response);
+
+ setValue((oldValue) => ({
+ ...oldValue,
+ ...otherValues,
+
+ partner_contacts: partner_contacts?.map(injectClientId),
+ activation_process_source_of_information:
+ activation_process_source_of_information?.map(injectClientId),
+ meal_source_of_information: meal_source_of_information?.map(injectClientId),
+ ns_capacity_source_of_information: ns_capacity_source_of_information
+ ?.map(injectClientId),
+ risk_analysis_source_of_information:
+ risk_analysis_source_of_information?.map(injectClientId),
+ evidence_base_source_of_information:
+ evidence_base_source_of_information?.map(injectClientId),
+ trigger_model_source_of_information:
+ trigger_model_source_of_information?.map(injectClientId),
+ trigger_statement_source_of_information:
+ trigger_statement_source_of_information?.map(injectClientId),
+ early_actions: early_actions?.map(injectClientId),
+ key_actors: key_actors?.map(injectClientId),
+ prioritized_impacts: prioritized_impacts?.map(injectClientId),
+
+ cover_image_file: isDefined(cover_image_file)
+ ? injectClientId(cover_image_file)
+ : undefined,
+
+ early_action_implementation_images:
+ early_action_implementation_images?.map(injectClientId),
+ hazard_selection_images: hazard_selection_images?.map(injectClientId),
+ forecast_selection_images:
+ forecast_selection_images?.map(injectClientId),
+ trigger_activation_system_images:
+ trigger_activation_system_images?.map(injectClientId),
+ early_action_selection_process_images:
+ early_action_selection_process_images?.map(injectClientId),
+ exposed_element_and_vulnerability_factor_images:
+ exposed_element_and_vulnerability_factor_images?.map(injectClientId),
+ identification_of_the_intervention_area_images:
+ identification_of_the_intervention_area_images?.map(injectClientId),
+ definition_and_justification_impact_level_images:
+ definition_and_justification_impact_level_images?.map(injectClientId),
+ prioritized_impact_images:
+ prioritized_impact_images?.map(injectClientId),
+
+ planned_operations: planned_operations?.map((intervention) => ({
+ ...intervention,
+ indicators: intervention.indicators?.map(injectClientId),
+ early_action_activities:
+ intervention.early_action_activities?.map(injectClientId),
+ readiness_activities:
+ intervention.readiness_activities?.map(injectClientId),
+ prepositioning_activities:
+ intervention.prepositioning_activities?.map(injectClientId),
+ })),
+ enabling_approaches: enabling_approaches?.map((approach) => ({
+ ...approach,
+ indicators: approach.indicators?.map(injectClientId),
+ early_action_activities:
+ approach.early_action_activities?.map(injectClientId),
+ readiness_activities:
+ approach.readiness_activities?.map(injectClientId),
+ prepositioning_activities:
+ approach.prepositioning_activities?.map(injectClientId),
+ })),
+ }));
+ },
+ [updateFileUrlMapping, setValue],
+ );
+
+ const processServerErrors = useCallback(
+ (errors: ResponseObjectError, formValue: PartialEapFullFormType) => {
+ setError(
+ transformObjectError(errors, (locations) => {
+ let match = matchArray(locations, ['cover_image_file', NUM]);
+ if (isDefined(match)) {
+ return formValue?.cover_image_file?.client_id;
+ }
+
+ match = matchArray(locations, ['key_actors', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.key_actors?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, ['partner_contacts', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.partner_contacts?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, ['hazard_selection_images', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.hazard_selection_images?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'exposed_element_and_vulnerability_factor_images',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.exposed_element_and_vulnerability_factor_images?.[
+ index!
+ ]?.client_id;
+ }
+
+ match = matchArray(locations, ['prioritized_impacts', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.prioritized_impacts?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, ['prioritized_impact_images', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.prioritized_impact_images?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'risk_analysis_source_of_information',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.risk_analysis_source_of_information?.[index!]
+ ?.client_id;
+ }
+
+ match = matchArray(locations, ['early_actions', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.early_actions?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'trigger_statement_source_of_information',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.trigger_statement_source_of_information?.[index!]
+ ?.client_id;
+ }
+ match = matchArray(locations, [
+ 'meal_source_of_information',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.meal_source_of_information?.[index!]
+ ?.client_id;
+ }
+ match = matchArray(locations, [
+ 'ns_capacity_source_of_information',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.ns_capacity_source_of_information?.[index!]
+ ?.client_id;
+ }
+ match = matchArray(locations, ['forecast_selection_images', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.forecast_selection_images?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'definition_and_justification_impact_level_images',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.definition_and_justification_impact_level_images?.[
+ index!
+ ]?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'identification_of_the_intervention_area_images',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.identification_of_the_intervention_area_images?.[
+ index!
+ ]?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'trigger_model_source_of_information',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.trigger_model_source_of_information?.[index!]
+ ?.client_id;
+ }
+
+ match = matchArray(locations, ['early_actions', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.early_actions?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'early_action_selection_process_images',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.early_action_selection_process_images?.[index!]
+ ?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'early_action_selection_process_images',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.early_action_selection_process_images?.[index!]
+ ?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'evidence_base_source_of_information',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.evidence_base_source_of_information?.[index!]
+ ?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'early_action_implementation_images',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.early_action_implementation_images?.[index!]
+ ?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'trigger_activation_system_images',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.trigger_activation_system_images?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, [
+ 'activation_process_source_of_information',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.trigger_activation_system_images?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['planned_operations',
+ NUM,
+ 'indicators',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [planned_intervention_index, index] = match;
+ return formValue?.planned_operations?.[planned_intervention_index!]
+ ?.indicators?.[index!]?.client_id;
+ }
+ match = matchArray(locations, [
+ 'planned_operations',
+ NUM,
+ 'early_action_activities',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [poIndex, index] = match;
+ return formValue?.planned_operations?.[poIndex!]
+ ?.early_action_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, [
+ 'planned_operations',
+ NUM,
+ 'readiness_activities',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [poIndex, index] = match;
+ return formValue?.planned_operations?.[poIndex!]
+ ?.readiness_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, [
+ 'planned_operations',
+ NUM,
+ 'prepositioning_activities',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [poIndex, index] = match;
+ return formValue?.planned_operations?.[poIndex!]
+ ?.prepositioning_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['planned_operations', NUM]);
+ if (isDefined(match)) {
+ const [poIndex] = match;
+ return formValue?.planned_operations?.[poIndex!]?.sector;
+ }
+ match = matchArray(locations, ['enabling_approaches',
+ NUM,
+ 'indicators',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [planned_intervention_index, index] = match;
+ return formValue?.enabling_approaches?.[planned_intervention_index!]
+ ?.indicators?.[index!]?.client_id;
+ }
+ match = matchArray(locations, [
+ 'enabling_approaches',
+ NUM,
+ 'early_action_activities',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [eaIndex, index] = match;
+ return formValue?.enabling_approaches?.[eaIndex!]
+ ?.early_action_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, [
+ 'enabling_approaches',
+ NUM,
+ 'readiness_activities',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [eaIndex, index] = match;
+ return formValue?.enabling_approaches?.[eaIndex!]?.readiness_activities?.[
+ index!
+ ]?.client_id;
+ }
+ match = matchArray(locations, [
+ 'enabling_approaches',
+ NUM,
+ 'prepositioning_activities',
+ NUM,
+ ]);
+ if (isDefined(match)) {
+ const [eaIndex, index] = match;
+ return formValue?.enabling_approaches?.[eaIndex!]
+ ?.prepositioning_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['enabling_approaches', NUM]);
+ if (isDefined(match)) {
+ const [eaIndex] = match;
+ return formValue?.enabling_approaches?.[eaIndex!]?.approach;
+ }
+
+ return undefined;
+ }),
+ );
+ },
+ [setError],
+ );
+
+ const {
+ pending: fullEapPending,
+ response: fullEapResponse,
+ error: fullEapResponseError,
+ } = useRequest({
+ skip: isNotDefined(currentFullEapId),
+ url: '/api/v2/full-eap/{id}/',
+ pathVariables: isDefined(currentFullEapId)
+ ? { id: currentFullEapId }
+ : undefined,
+ onSuccess: (response) => {
+ loadResponseToFormValue(response);
+
+ processServerErrors(state?.error, value);
+
+ // NOTE state was used to pass error through navigation.
+ // and cleared here to prevent stale error from reappearing on page refresh
+ // "replace" avoids pushing a new entry to browser history stack
+ window.history.replaceState({}, '');
+ },
+ });
+
+ useEffect(() => {
+ if (isNotDefined(eapDetailResponse)) {
+ return;
+ }
+
+ if (fullEapPending) {
+ return;
+ }
+
+ if (isDefined(fullEapResponse)) {
+ return;
+ }
+
+ const {
+ expected_submission_time,
+ partners,
+ national_society_contact_email,
+ national_society_contact_name,
+ national_society_contact_title,
+ national_society_contact_phone_number,
+ dref_focal_point_name,
+ dref_focal_point_title,
+ dref_focal_point_phone_number,
+ dref_focal_point_email,
+ ifrc_contact_name,
+ ifrc_contact_email,
+ ifrc_contact_title,
+ ifrc_contact_phone_number,
+ } = removeNull(eapDetailResponse);
+
+ setValue((prevValue) => ({
+ ...prevValue,
+ expected_submission_time,
+ national_society_contact_email,
+ national_society_contact_name,
+ national_society_contact_title,
+ national_society_contact_phone_number,
+ dref_focal_point_name,
+ dref_focal_point_title,
+ dref_focal_point_phone_number,
+ dref_focal_point_email,
+ ifrc_head_of_delegation_email: ifrc_contact_email,
+ ifrc_head_of_delegation_name: ifrc_contact_name,
+ ifrc_head_of_delegation_title: ifrc_contact_title,
+ ifrc_head_of_delegation_phone_number: ifrc_contact_phone_number,
+ lead_timeframe_unit: TIMEFRAME_DAYS,
+ partners,
+ }));
+ }, [eapDetailResponse, fullEapPending, fullEapResponse, setValue]);
+
+ const { pending: createFullEapPending, trigger: triggerCreateFullEap } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/full-eap/',
+ body: (body: EapFullRequestBody) => body,
+ onSuccess: (response) => {
+ const message = strings.successMessage;
+ alert.show(message, { variant: 'success' });
+ eapDetailRetrigger();
+ loadResponseToFormValue(response);
+ },
+ onFailure: (err) => {
+ const {
+ value: { formErrors, messageForNotification },
+ } = err;
+
+ processServerErrors(formErrors, value);
+
+ alert.show(strings.failureMessage, {
+ variant: 'danger',
+ description: messageForNotification,
+ });
+ },
+ });
+
+ const { pending: updateFullFormPending, trigger: triggerUpdateFullEap } = useLazyRequest({
+ url: '/api/v2/full-eap/{id}/',
+ method: 'PATCH',
+ pathVariables: {
+ id: Number(latestFullEapId),
+ },
+ body: (formFields: EapFullRequestBody) => formFields,
+ onSuccess: (response) => {
+ alert.show(strings.updateSuccess, { variant: 'success' });
+ loadResponseToFormValue(response);
+ },
+ onFailure: (err) => {
+ const {
+ value: { formErrors, messageForNotification },
+ } = err;
+
+ processServerErrors(formErrors, value);
+
+ const modifiedAtError = formErrors.modified_at;
+
+ if (
+ (typeof modifiedAtError === 'string' && modifiedAtError === 'OBSOLETE_PAYLOAD')
+ || (Array.isArray(modifiedAtError) && modifiedAtError.includes('OBSOLETE_PAYLOAD'))
+ ) {
+ setShowObsoletePayloadModal(true);
+ }
+
+ alert.show(strings.updateFailure, {
+ variant: 'danger',
+ description: messageForNotification,
+ });
+ },
+ });
+
+ const { trigger: triggerStatusUpdate } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/eap-registration/{id}/status/',
+ pathVariables: isTruthyString(eapId) ? {
+ id: Number(eapId),
+ } : undefined,
+ body: () => ({
+ status: EAP_STATUS_UNDER_REVIEW,
+ // FIXME: fix typings in the server
+ } as EapStatusBody),
+ onSuccess: () => {
+ alert.show(
+ strings.submitApprovalSuccess,
+ { variant: 'success' },
+ );
+
+ navigate('accountMyFormsEap');
+ },
+ onFailure: (error) => {
+ const {
+ value: { formErrors, messageForNotification },
+ } = error;
+ alert.show(
+ strings.submitFailedSuccess,
+ {
+ variant: 'danger',
+ description: messageForNotification,
+ },
+ );
+ processServerErrors(formErrors, value);
+ },
+ });
+
+ const isLatestVersion = currentFullEapId === latestFullEapId;
+
+ const fullEapFormAccess = (isNotDefined(eapDetailResponse?.eap_type)
+ || eapDetailResponse?.eap_type === EAP_TYPE_FULL)
+ && isNotDefined(fullEapResponseError);
+
+ const isEditable = isLatestVersion
+ && !isLocked
+ && (eapDetailResponse?.status === EAP_STATUS_UNDER_DEVELOPMENT
+ || eapDetailResponse?.status === EAP_STATUS_NS_ADDRESSING_COMMENTS);
+
+ const readOnly = !isEditable;
+
+ const disabled = createFullEapPending || updateFullFormPending || fetchingEap;
+
+ const [showShareModal, {
+ setTrue: setShowShareModalTrue,
+ setFalse: setShowShareModalFalse,
+ }] = useBooleanState(false);
+
+ const canShare = useMemo(
+ () => isDefined(eapDetailResponse)
+ && isDefined(eapDetailResponse.latest_full_eap),
+ [eapDetailResponse],
+ );
+
+ const nextStep = getNextStep(activeTab, 1);
+ const prevStep = getNextStep(activeTab, -1);
+
+ const handleValidationSuccess = (validatedFormValue: PartialEapFullFormType) => {
+ if (isNotDefined(latestFullEapId)) {
+ triggerCreateFullEap({
+ ...(validatedFormValue as unknown as EapFullRequestBody),
+ eap_registration: Number(eapId),
+ });
+ } else {
+ triggerUpdateFullEap({
+ ...validatedFormValue,
+ id: latestFullEapId,
+ modified_at: lastModifiedAtRef.current,
+ } as unknown as EapFullRequestBody);
+ }
+ };
+
+ const handleTabChange = useCallback((newTab: TabKeys) => {
+ setActiveTab(newTab);
+ tabListRef.current?.scrollIntoView({ behavior: 'smooth' });
+ }, []);
+
+ const handleFormError = () => {
+ alert.show(
+ strings.validationErrorAlertMessage,
+ { variant: 'warning' },
+ );
+ };
+
+ const handleSave = createSubmitHandler(
+ validate,
+ setError,
+ /* FIXME(shreeyash07): lastModifiedAtRef.current read in render to
+ * handle obsolete payload while submitting form */
+ /* eslint-disable-next-line react-hooks/refs */
+ handleValidationSuccess,
+ handleFormError,
+ );
+
+ const handleObsoletePayloadOverwriteButtonClick = useCallback(
+ (newModifiedAt: string | undefined) => {
+ lastModifiedAtRef.current = newModifiedAt;
+ setShowObsoletePayloadModal(false);
+ handleSave();
+ },
+ [handleSave],
+ );
+
+ const handleRequestForApprovalButtonClick = useCallback(() => {
+ shouldSubmitRef.current = true;
+ setShouldSubmit(true);
+ handleSave();
+ }, [handleSave]);
+
+ const handleRequestForApprovalCancel = useCallback(() => {
+ shouldSubmitRef.current = false;
+ setShouldSubmit(false);
+ }, []);
+
+ const handleSubmitForApprovalConfirm = useCallback(() => {
+ shouldSubmitRef.current = false;
+ triggerStatusUpdate(null);
+ setShouldSubmit(false);
+ }, [triggerStatusUpdate]);
+
+ const hasFormErrors = useMemo(
+ () => analyzeErrors(formError),
+ [formError],
+ );
+
+ return (
+
+
+ {strings.readOnlyWarningMessage}
+
+ )}
+ actions={
+ isEditable && fullEapFormAccess ? (
+ <>
+
+ {strings.saveButton}
+
+ {canShare && (
+
+
+ )}
+
+ ) : (
+
+
+ {strings.overviewTabLabel}
+
+
+ {strings.riskAnalysisTabLabel}
+
+
+ {strings.triggerModelTabLabel}
+
+
+ {strings.selectionActionsTabLabel}
+
+
+ {strings.activationProcessTabLabel}
+
+
+ {strings.mealTabLabel}
+
+
+ {strings.nationalSocietyCapacityTabLabel}
+
+
+ {strings.financeLogisticsTabLabel}
+
+
+ )}
+ >
+ {!fullEapFormAccess ? (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {strings.saveButton}
+
+ )}
+ >
+
+
+ {strings.backButton}
+
+ {isDefined(nextStep) ? (
+
+ {strings.nextButton}
+
+ ) : (
+
+ {strings.submitButtonLabel}
+
+ )}
+
+
+ {shouldSubmit && (
+
+ {strings.submitConfirmButtonLabel}
+
+ )}
+ >
+
+ {strings.submitConfirmMessage}
+ {hasFormErrors && (
+
+
+ )}
+ {showShareModal && isDefined(eapId) && (
+
+
+ );
+}
+
+Component.displayName = 'EapFullForm';
diff --git a/app/src/views/EapFullForm/schema.ts b/app/src/views/EapFullForm/schema.ts
new file mode 100644
index 0000000000..d179400181
--- /dev/null
+++ b/app/src/views/EapFullForm/schema.ts
@@ -0,0 +1,1298 @@
+import { type DeepReplace } from '@ifrc-go/ui/utils';
+import {
+ isDefined,
+ isNotDefined,
+} from '@togglecorp/fujs';
+import {
+ addCondition,
+ emailCondition,
+ greaterThanOrEqualToCondition,
+ type LiteralSchema,
+ nullValue,
+ type ObjectSchema,
+ type PartialForm,
+ type PurgeNull,
+ requiredListCondition,
+ requiredStringCondition,
+ undefinedValue,
+ urlCondition,
+} from '@togglecorp/toggle-form';
+
+import indicatorSchema from '#components/domain/EapIndicatorInput/schema';
+import operationActivitySchema from '#components/domain/EapOperationActivityInput/schema';
+import { lengthSmallerOrEqualToCondition } from '#utils/common';
+import { positiveIntegerCondition } from '#utils/form';
+import { type GoApiBody } from '#utils/restRequest';
+
+import { charLimits } from './common';
+
+function lessThanEqualToFiveImagesCondition(value: T[] | undefined) {
+ return isDefined(value) && Array.isArray(value) && value.length > 5
+ ? 'Maximum five images are allowed'
+ : undefined;
+}
+
+type EapFullFormContext =
+ | {
+ isRevision: boolean;
+ getIsSubmission: () => boolean;
+ }
+ | undefined;
+
+type EapFullRequestBody = PurgeNull>;
+
+type PartnerContactsResponse = NonNullable[number];
+
+type PartnerContactsFormFields = PartnerContactsResponse & {
+ client_id: string;
+};
+
+type KeyActorsResponse = NonNullable[number];
+
+type KeyActorsFields = KeyActorsResponse & { client_id: string };
+
+type CoverImageFileResponse = NonNullable<
+ EapFullRequestBody['cover_image_file']
+>;
+type CoverImageFileFields = CoverImageFileResponse & { client_id: string };
+
+type HazardSelectionImagesResponse = NonNullable<
+ EapFullRequestBody['hazard_selection_images']
+>[number];
+type HazardSelectionImagesFields = HazardSelectionImagesResponse & {
+ client_id: string;
+};
+
+type ExposedElementAndVulnerabilityImagesResponse = NonNullable<
+ EapFullRequestBody['exposed_element_and_vulnerability_factor_images']
+>[number];
+type ExposedElementAndVulnerabilityFields =
+ ExposedElementAndVulnerabilityImagesResponse & { client_id: string };
+
+type PrioritizedImpactImagesResponse = NonNullable<
+ EapFullRequestBody['prioritized_impact_images']
+>[number];
+type PrioritizedImpactImagesFields = PrioritizedImpactImagesResponse & {
+ client_id: string;
+};
+
+type RiskAnalysisSourceOfInformationResponse = NonNullable<
+ EapFullRequestBody['risk_analysis_source_of_information']
+>[number];
+
+type RiskAnalysisSourceOfInformationFields =
+ RiskAnalysisSourceOfInformationResponse & { client_id: string };
+
+type TriggerStatementSourceOfInformationResponse = NonNullable<
+ EapFullRequestBody['trigger_statement_source_of_information']
+>[number];
+type TriggerStatementSourceOfInformationFields =
+ TriggerStatementSourceOfInformationResponse & { client_id: string };
+
+type ForecastSelectionImagesResponse = NonNullable<
+ EapFullRequestBody['forecast_selection_images']
+>[number];
+type ForecastSelectionImagesResponseFields = ForecastSelectionImagesResponse & {
+ client_id: string;
+};
+
+type DefinitionAndJustificationImagesResponse = NonNullable<
+ EapFullRequestBody['definition_and_justification_impact_level_images']
+>[number];
+type DefinitionAndJustificationImagesResponseFields =
+ DefinitionAndJustificationImagesResponse & { client_id: string };
+
+type IdentificationInterventionImagesResponse = NonNullable<
+ EapFullRequestBody['identification_of_the_intervention_area_images']
+>[number];
+type IdentificationInterventionImagesResponseFields =
+ IdentificationInterventionImagesResponse & { client_id: string };
+
+type TriggerModelSourceOfInformationResponse = NonNullable<
+ EapFullRequestBody['trigger_model_source_of_information']
+>[number];
+type TriggerModelSourceOfInformationResponseFields =
+ TriggerModelSourceOfInformationResponse & { client_id: string };
+
+type MealSourceOfInformationResponse = NonNullable<
+ EapFullRequestBody['meal_source_of_information']
+>[number];
+type MealSourceOfInformationResponseFields = MealSourceOfInformationResponse & {
+ client_id: string;
+};
+
+type NSCapacitySourceOfInformationResponse = NonNullable<
+ EapFullRequestBody['ns_capacity_source_of_information']
+>[number];
+type NSCapacitySourceOfInformationResponseFields =
+ NSCapacitySourceOfInformationResponse & { client_id: string };
+
+type EarlyActionImplementationImagesResponse = NonNullable<
+ EapFullRequestBody['early_action_implementation_images']
+>[number];
+type EarlyActionImplementationImagesResponseFields =
+ EarlyActionImplementationImagesResponse & { client_id: string };
+
+type TriggerActivationSystemImagesResponse = NonNullable<
+ EapFullRequestBody['trigger_activation_system_images']
+>[number];
+type TriggerActivationSystemImagesResponseFields =
+ TriggerActivationSystemImagesResponse & { client_id: string };
+
+type ActivationProcessSourceInformationResponse = NonNullable<
+ EapFullRequestBody['activation_process_source_of_information']
+>[number];
+type ActivationProcessSourceInformationResponseFields =
+ ActivationProcessSourceInformationResponse & { client_id: string };
+
+type EarlyActionsSelectionImagesResponse = NonNullable<
+ EapFullRequestBody['early_action_selection_process_images']
+>[number];
+type EarlyActionsSelectionImagesResponseFields =
+ EarlyActionsSelectionImagesResponse & { client_id: string };
+
+type EvidenceBaseSourceInformationResponse = NonNullable<
+ EapFullRequestBody['evidence_base_source_of_information']
+>[number];
+type EvidenceBaseSourceInformationResponseFields =
+ EvidenceBaseSourceInformationResponse & { client_id: string };
+
+type PlannedOperationsResponse = NonNullable[number];
+
+type EarlyActionResponse = NonNullable[number];
+type EarlyActionFormFields = EarlyActionResponse & { client_id: string };
+
+type PrepositioningResponse = NonNullable[number];
+type PrepositioningFormFields = PrepositioningResponse & { client_id: string };
+
+type ReadinessResponse = NonNullable[number];
+type ReadinessFormFields = ReadinessResponse & { client_id: string };
+
+type IndicatorResponse = NonNullable[number];
+type IndicatorFormFields = IndicatorResponse & { client_id: string };
+
+type EarlyActionSelectionResponse = NonNullable<
+ EapFullRequestBody['early_actions']
+>[number];
+type EarlyActionSelectionFormFields = EarlyActionSelectionResponse & {
+ client_id: string;
+};
+
+type PrioritizedImpactResponse = NonNullable<
+ EapFullRequestBody['prioritized_impacts']
+>[number];
+type PrioritizedImpactFormFields = PrioritizedImpactResponse & {
+ client_id: string;
+};
+
+type PlannedOperationsResponseFields = DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ PlannedOperationsResponse,
+ EarlyActionResponse,
+ EarlyActionFormFields
+ >,
+ PrepositioningResponse,
+ PrepositioningFormFields
+ >,
+ ReadinessResponse,
+ ReadinessFormFields
+ >,
+ IndicatorResponse,
+ IndicatorFormFields
+>;
+
+type EnableApproachesResponse = NonNullable<
+ EapFullRequestBody['enabling_approaches']
+>[number];
+
+type EarlyActionApproachesResponse = NonNullable[number];
+type EarlyActionApproachesFormFields = EarlyActionApproachesResponse & {
+ client_id: string;
+};
+
+type PrepositioningApproachesResponse = NonNullable[number];
+type PrepositioningApproachesFormFields = PrepositioningApproachesResponse & {
+ client_id: string;
+};
+
+type ReadinessApproachesResponse = NonNullable[number];
+type ReadinessApproachesFormFields = ReadinessApproachesResponse & {
+ client_id: string;
+};
+
+type IndicatorApproachesResponse = NonNullable[number];
+type IndicatorApproachesFormFields = IndicatorApproachesResponse & {
+ client_id: string;
+};
+
+type EnableApproachesResponseFields = DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ EnableApproachesResponse,
+ EarlyActionApproachesResponse,
+ EarlyActionApproachesFormFields
+ >,
+ PrepositioningApproachesResponse,
+ PrepositioningApproachesFormFields
+ >,
+ ReadinessApproachesResponse,
+ ReadinessApproachesFormFields
+ >,
+ IndicatorApproachesResponse,
+ IndicatorApproachesFormFields
+>;
+
+type FormFields = DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ // eslint-disable-next-line max-len
+ EapFullRequestBody,
+ // eslint-disable-next-line max-len
+ KeyActorsResponse,
+ // eslint-disable-next-line max-len
+ KeyActorsFields
+ >,
+ // eslint-disable-next-line max-len
+ CoverImageFileResponse,
+ // eslint-disable-next-line max-len
+ CoverImageFileFields
+ >,
+ // eslint-disable-next-line max-len
+ HazardSelectionImagesResponse,
+ // eslint-disable-next-line max-len
+ HazardSelectionImagesFields
+ >,
+ // eslint-disable-next-line max-len
+ ExposedElementAndVulnerabilityImagesResponse,
+ // eslint-disable-next-line max-len
+ ExposedElementAndVulnerabilityFields
+ >,
+ PartnerContactsResponse,
+ // eslint-disable-next-line max-len
+ PartnerContactsFormFields
+ >,
+ // eslint-disable-next-line max-len
+ PrioritizedImpactImagesResponse,
+ // eslint-disable-next-line max-len
+ PrioritizedImpactImagesFields
+ >,
+ // eslint-disable-next-line max-len
+ RiskAnalysisSourceOfInformationResponse,
+ // eslint-disable-next-line max-len
+ RiskAnalysisSourceOfInformationFields
+ >,
+ // eslint-disable-next-line max-len
+ TriggerStatementSourceOfInformationResponse,
+ // eslint-disable-next-line max-len
+ TriggerStatementSourceOfInformationFields
+ >,
+ ForecastSelectionImagesResponse,
+ ForecastSelectionImagesResponseFields
+ >,
+ DefinitionAndJustificationImagesResponse,
+ // eslint-disable-next-line max-len
+ DefinitionAndJustificationImagesResponseFields
+ >,
+ IdentificationInterventionImagesResponse,
+ IdentificationInterventionImagesResponseFields
+ >,
+ TriggerModelSourceOfInformationResponse,
+ TriggerModelSourceOfInformationResponseFields
+ >,
+ MealSourceOfInformationResponse,
+ MealSourceOfInformationResponseFields
+ >,
+ NSCapacitySourceOfInformationResponse,
+ NSCapacitySourceOfInformationResponseFields
+ >,
+ EarlyActionImplementationImagesResponse,
+ EarlyActionImplementationImagesResponseFields
+ >,
+ TriggerActivationSystemImagesResponse,
+ TriggerActivationSystemImagesResponseFields
+ >,
+ ActivationProcessSourceInformationResponse,
+ ActivationProcessSourceInformationResponseFields
+ >,
+ EarlyActionsSelectionImagesResponse,
+ EarlyActionsSelectionImagesResponseFields
+ >,
+ EvidenceBaseSourceInformationResponse,
+ EvidenceBaseSourceInformationResponseFields
+ >,
+ PlannedOperationsResponse,
+ PlannedOperationsResponseFields
+ >,
+ EnableApproachesResponse,
+ EnableApproachesResponseFields
+ >,
+ EarlyActionSelectionResponse,
+ EarlyActionSelectionFormFields
+ >,
+ PrioritizedImpactResponse,
+ PrioritizedImpactFormFields
+>;
+
+export type PartialEapFullFormType = PartialForm<
+ FormFields,
+ 'client_id' | 'sector' | 'approach'
+>;
+
+type CoverImageFileFormFields = ReturnType<
+ ObjectSchema<
+ PartialEapFullFormType['cover_image_file'],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type KeyActorsFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type PartnerContactFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type HazardSelectionImagesFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type ExposedElementAndVulnerabilityImagesFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['exposed_element_and_vulnerability_factor_images']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type PrioritizedImpactImagesFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type RiskAnalysisSourceOfInformationFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['risk_analysis_source_of_information']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type TriggerStatementSourceOfInformationFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['trigger_statement_source_of_information']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type ForecastSelectionImagesResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type DefinitionAndJustificationImagesResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['definition_and_justification_impact_level_images']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type IdentificationInterventionImagesResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['identification_of_the_intervention_area_images']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type TriggerModelSourceOfInformationResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['trigger_model_source_of_information']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type MealSourceOfInformationResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type NSCapacitySourceOfInformationResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['ns_capacity_source_of_information']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type EarlyActionImagesResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['early_action_implementation_images']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type EarlyActionsSelectionResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type TriggerActivationImagesResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['early_action_implementation_images']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type ActivationProcessSourceOfInformationResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['activation_process_source_of_information']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type PlannedOperationalFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type EnableApproachesFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+type EvidenceBaseSourceOfInformationResponseFormFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialEapFullFormType['evidence_base_source_of_information']
+ >[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+
+type PrioritizedImpactsFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialEapFullFormType,
+ EapFullFormContext
+ >['fields']
+>;
+
+type EapFullFormSchema = ObjectSchema<
+ PartialEapFullFormType,
+ PartialEapFullFormType,
+ EapFullFormContext
+>;
+type EapFullFormSchemaFields = ReturnType;
+
+type FieldKeys = keyof EapFullRequestBody;
+
+type ContactFieldSuffix = 'name' | 'title' | 'email' | 'phone_number';
+type ExtractContactPrefix =
+ KEY extends `${infer PREFIX}_name`
+ ? `${PREFIX}_title` extends FieldKeys
+ ? `${PREFIX}_email` extends FieldKeys
+ ? `${PREFIX}_phone_number` extends FieldKeys
+ ? PREFIX
+ : never
+ : never
+ : never
+ : never;
+
+type ValidContactFieldPrefixes = ExtractContactPrefix;
+
+function getContactSchema(key: KEY, required?: boolean) {
+ type ContactSchema = {
+ [K in `${KEY}_${ContactFieldSuffix}`]: LiteralSchema<
+ string | undefined,
+ PartialEapFullFormType,
+ EapFullFormContext
+ >;
+ };
+
+ return {
+ [`${key}_name`]: {
+ required,
+ requiredValidation: requiredStringCondition,
+ },
+ [`${key}_title`]: {},
+ [`${key}_email`]: {
+ required,
+ requiredValidation: requiredStringCondition,
+ validations: [emailCondition],
+ },
+ [`${key}_phone_number`]: {},
+ } as ContactSchema;
+}
+
+export const formSchema: EapFullFormSchema = {
+ fields: (formValue, __, context): EapFullFormSchemaFields => {
+ const isSubmit = context?.getIsSubmission() ?? false;
+ let formFields: EapFullFormSchemaFields = {
+ // ------------Overview-----------------
+ expected_submission_time: { required: isSubmit },
+ objective: { required: isSubmit },
+ cover_image_file: {
+ fields: (): CoverImageFileFormFields => ({
+ client_id: {},
+ caption: {},
+ id: {
+ defaultValue: undefinedValue,
+ required: isSubmit,
+ },
+ }),
+ },
+ partners: {
+ required: isSubmit,
+ },
+ partner_contacts: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): PartnerContactFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ name: {},
+ email: { validations: [emailCondition] },
+ phone_number: {},
+ title: {},
+ }),
+ }),
+ },
+
+ ...getContactSchema('national_society_contact', isSubmit),
+ ...getContactSchema('ifrc_delegation_focal_point', isSubmit),
+ ...getContactSchema('ifrc_head_of_delegation', isSubmit),
+ ...getContactSchema('dref_focal_point'),
+ ...getContactSchema('ifrc_regional_focal_point'),
+ ...getContactSchema('ifrc_regional_ops_manager'),
+ ...getContactSchema('ifrc_regional_head_dcc'),
+ ...getContactSchema('ifrc_global_ops_coordinator'),
+
+ // Stakeholders
+ is_worked_with_government: { required: isSubmit },
+ worked_with_government_description: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+
+ key_actors: {
+ required: isSubmit,
+ validation: requiredListCondition,
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): KeyActorsFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ description: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(charLimits.key_actors)],
+ },
+ national_society: { required: isSubmit },
+ }),
+ }),
+ },
+
+ is_technical_working_groups: { required: isSubmit },
+ technical_working_groups_in_place_description: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.technical_working_groups_in_place_description,
+ )],
+ },
+
+ // ------------Risk Analysis-----------------
+ hazard_selection: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(charLimits.hazard_selection)],
+ },
+
+ hazard_selection_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): HazardSelectionImagesFormFields => ({
+ client_id: {},
+ caption: {},
+ id: {},
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+
+ exposed_element_and_vulnerability_factor: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.exposed_element_and_vulnerability_factor,
+ )],
+ },
+ exposed_element_and_vulnerability_factor_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): ExposedElementAndVulnerabilityImagesFormFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+
+ prioritized_impact: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.prioritized_impact,
+ )],
+ },
+ prioritized_impact_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): PrioritizedImpactImagesFormFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+ prioritized_impacts: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): PrioritizedImpactsFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ impact: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ }),
+ }),
+ },
+
+ risk_analysis_relevant_files: { defaultValue: [] },
+ risk_analysis_source_of_information: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): RiskAnalysisSourceOfInformationFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ source_name: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ source_link: {
+ required: isSubmit,
+ validations: [urlCondition],
+ },
+ }),
+ }),
+ },
+
+ // -------------Trigger Model--------------------
+ trigger_statement: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(charLimits.trigger_statement)],
+ },
+ trigger_statement_source_of_information: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): TriggerStatementSourceOfInformationFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ source_name: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ source_link: {
+ required: isSubmit,
+ validations: [urlCondition],
+ },
+ }),
+ }),
+ },
+ lead_time: { required: isSubmit },
+ lead_timeframe_unit: { required: isSubmit },
+
+ forecast_selection: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(charLimits.forecast_selection)],
+ },
+ forecast_selection_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): ForecastSelectionImagesResponseFormFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+ forecast_table_file: { required: isSubmit },
+
+ definition_and_justification_impact_level: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.definition_and_justification_impact_level,
+ )],
+ },
+ definition_and_justification_impact_level_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): DefinitionAndJustificationImagesResponseFormFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+
+ identification_of_the_intervention_area: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.identification_of_the_intervention_area,
+ )],
+ },
+ identification_of_the_intervention_area_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): IdentificationInterventionImagesResponseFormFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+ admin2: {
+ defaultValue: [],
+ },
+
+ trigger_model_relevant_files: { defaultValue: [] },
+ trigger_model_source_of_information: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): TriggerModelSourceOfInformationResponseFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ source_name: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ source_link: {
+ required: isSubmit,
+ validations: [urlCondition],
+ },
+ }),
+ }),
+ },
+
+ // ---------Selection Of Actions
+ early_actions: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): EarlyActionsSelectionResponseFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ action: { required: isSubmit },
+ }),
+ }),
+ },
+ early_action_selection_process: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.early_action_selection_process,
+ )],
+ },
+ early_action_selection_process_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): IdentificationInterventionImagesResponseFormFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+ theory_of_change_table_file: { required: isSubmit },
+
+ evidence_base: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.evidence_base,
+ )],
+ },
+ evidence_base_source_of_information: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): EvidenceBaseSourceOfInformationResponseFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ source_name: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ source_link: {
+ required: isSubmit,
+ validations: [urlCondition],
+ },
+ }),
+ }),
+ },
+
+ // Planned Operations
+ planned_operations: {
+ keySelector: (item) => item.sector,
+ member: () => ({
+ fields: (): PlannedOperationalFields => ({
+ id: { defaultValue: undefinedValue },
+ sector: {},
+ budget_per_sector: {
+ required: isSubmit,
+ },
+ indicators: {
+ keySelector: (indicator) => indicator.client_id,
+ member: () => indicatorSchema(isSubmit),
+ validation: (indicators) => {
+ if (isSubmit && (isNotDefined(indicators)
+ || indicators.length === 0)) {
+ return 'This field is required';
+ }
+
+ return undefined;
+ },
+ },
+ people_targeted: {
+ required: isSubmit,
+ validations: [
+ positiveIntegerCondition,
+ ],
+ },
+ early_action_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ readiness_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ prepositioning_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ }),
+ }),
+ validation: (plannedOperations) => {
+ if (isSubmit
+ && (isNotDefined(plannedOperations)
+ || plannedOperations.length === 0)) {
+ return 'This field is required';
+ }
+
+ return undefined;
+ },
+ },
+
+ // Enabling Approaches
+ enabling_approaches: {
+ keySelector: (item) => item.approach,
+ member: () => ({
+ fields: (): EnableApproachesFields => ({
+ id: { defaultValue: undefinedValue },
+ approach: {},
+ budget_per_approach: {
+ required: isSubmit,
+ },
+ indicators: {
+ keySelector: (indicator) => indicator.client_id,
+ member: () => indicatorSchema(isSubmit),
+ validation: (indicators) => {
+ if (isSubmit && (isNotDefined(indicators)
+ || indicators.length === 0)) {
+ return 'This field is required';
+ }
+
+ return undefined;
+ },
+ },
+ early_action_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ readiness_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ prepositioning_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ }),
+ }),
+ validation: (enablingApproaches) => {
+ if (isSubmit
+ && (isNotDefined(enablingApproaches)
+ || enablingApproaches.length === 0)) {
+ return 'This field is required';
+ }
+
+ return undefined;
+ },
+ },
+
+ usefulness_of_actions: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.usefulness_of_actions,
+ )],
+ },
+ feasibility: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.feasibility,
+ )],
+ },
+
+ // ----------EAP Activation Process---------
+ early_action_implementation_process: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.early_action_implementation_process,
+ )],
+ },
+ early_action_implementation_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): EarlyActionImagesResponseFormFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+
+ trigger_activation_system: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.trigger_activation_system,
+ )],
+ },
+ trigger_activation_system_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): TriggerActivationImagesResponseFormFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+
+ people_targeted: {
+ required: isSubmit,
+ validations: [
+ greaterThanOrEqualToCondition(charLimits.people_targeted),
+ positiveIntegerCondition,
+ ],
+ },
+ selection_of_target_population: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.selection_of_target_population,
+ )],
+ },
+ stop_mechanism: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.stop_mechanism,
+ )],
+ },
+
+ activation_process_relevant_files: { defaultValue: [] },
+ activation_process_source_of_information: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields:
+ (): ActivationProcessSourceOfInformationResponseFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ source_name: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ source_link: {
+ required: isSubmit,
+ validations: [urlCondition],
+ },
+ }),
+ }),
+ },
+
+ // --------------Meal-------------
+ meal: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.meal,
+ )],
+ },
+ meal_relevant_files: { defaultValue: [] },
+ meal_source_of_information: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): MealSourceOfInformationResponseFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ source_name: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ source_link: {
+ required: isSubmit,
+ validations: [urlCondition],
+ },
+ }),
+ }),
+ },
+
+ // -----------National Society Capacity-----------
+ operational_administrative_capacity: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.operational_administrative_capacity,
+ )],
+ },
+ strategies_and_plans: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.strategies_and_plans,
+ )],
+ },
+ advance_financial_capacity: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.advance_financial_capacity,
+ )],
+ },
+ capacity_relevant_files: { defaultValue: [] },
+ ns_capacity_source_of_information: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): NSCapacitySourceOfInformationResponseFormFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ source_name: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ source_link: {
+ required: isSubmit,
+ validations: [urlCondition],
+ },
+ }),
+ }),
+ },
+
+ // ------------Finance and Logistics----------------
+ total_budget: {
+ required: isSubmit,
+ validations: [
+ positiveIntegerCondition,
+ ],
+ },
+ budget_description: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.budget_description,
+ )],
+ },
+ budget_file: { required: isSubmit },
+ readiness_budget: {
+ required: isSubmit,
+ validations: [
+ positiveIntegerCondition,
+ ],
+ },
+ readiness_cost_description: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.readiness_cost_description,
+ )],
+ },
+ pre_positioning_budget: {
+ required: isSubmit,
+ validations: [
+ positiveIntegerCondition,
+ ],
+ },
+ prepositioning_cost_description: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.prepositioning_cost_description,
+ )],
+ },
+ early_action_budget: {
+ required: isSubmit,
+ validations: [
+ positiveIntegerCondition,
+ ],
+ },
+ early_action_cost_description: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.early_action_cost_description,
+ )],
+ },
+ eap_endorsement: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.eap_endorsement,
+ )],
+ },
+ };
+
+ formFields = addCondition(
+ formFields,
+ formValue,
+ ['is_technical_working_groups'],
+ ['technically_working_group_title', 'technical_working_groups_in_place_description'],
+ (val) => {
+ if (val?.is_technical_working_groups) {
+ return {
+ technically_working_group_title: { required: isSubmit },
+ technical_working_groups_in_place_description: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ };
+ }
+
+ return {
+ technically_working_group_title: { forceValue: nullValue },
+ technical_working_groups_in_place_description: { forceValue: nullValue },
+ };
+ },
+ );
+
+ formFields = addCondition(
+ formFields,
+ formValue,
+ ['is_worked_with_government'],
+ ['worked_with_government_description'],
+ (val) => {
+ if (val?.is_worked_with_government) {
+ return {
+ worked_with_government_description: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ },
+ };
+ }
+ return {
+ worked_with_government_description: { forceValue: nullValue },
+ };
+ },
+ );
+
+ if (isNotDefined(context) || !context.isRevision) {
+ return formFields;
+ }
+
+ return {
+ ...formFields,
+
+ // ------------Finance and Logistics----------------
+ updated_checklist_file: {
+ required: isSubmit,
+ },
+ } satisfies EapFullFormSchemaFields;
+ },
+};
diff --git a/app/src/views/EapRegistration/i18n.json b/app/src/views/EapRegistration/i18n.json
new file mode 100644
index 0000000000..6d22b3a8d5
--- /dev/null
+++ b/app/src/views/EapRegistration/i18n.json
@@ -0,0 +1,36 @@
+{
+ "namespace": "eapRegistration",
+ "strings": {
+ "registrationHeading": "EAP Development Registration",
+ "registrationDescription": "Use the following page to submit your National Society's interest in following the Early Action Protocol (EAP) application process. Once you submit this form, the EAP team members will contact you to start the procedure. You can find more information on the process and different ways to apply {link}",
+ "registrationLink": "on this page.",
+ "applicationDetails": "Application Details",
+ "nationalSociety": "National Society (NS)",
+ "nationalSocietyDescription": "Select National Society that is planning to apply for the EAP",
+ "country": "Country",
+ "countryDescription": "The country will be pre-populated based on the NS selection, but can be adapted as needed.",
+ "disasterType": "Disaster Type",
+ "disasterTypeDescription": "Select the disaster type for which the EAP is needed.",
+ "type": "EAP Type",
+ "typeDescription": "Select the EAP type. Find details of both under this link.",
+ "submission": "Expected Time of Submission",
+ "submissionDescription": "Include the proposed time of submission, accounting for the time it will take to deliver the application.",
+ "partnersInvolved": "Partners Involved",
+ "partnersInvolvedDescription": "Select from the list the partners involved in this process. Add as many as needed or select not applicable if no partners involved.",
+ "contacts": "Contacts",
+ "nsContact": "National Society Contact",
+ "nsContactDescription": "National Society contact responsible for the EAP process",
+ "ifrcContact": "IFRC Contact",
+ "ifrcContactDescription": "The most senior staff in the National Society responsible and knowledgable about the disaster event.",
+ "focalPoint": "DREF Focal Point",
+ "focalPointDescription": "The DREF contact person form IFRC",
+ "submitButton": "Submit",
+ "closeButtonLabel": "Close",
+ "cancelButton": "Cancel",
+ "registrationFailure": "Sorry could not register new EAP right now!",
+ "registrationSuccess": "Successfully created a new EAP!",
+ "notSure": "Not Sure",
+ "successModalHeading": "EAP Development Registration",
+ "successModalDescription": "Thank you for notifying us about the start of your EAP process. We look forward to your completed application."
+ }
+}
diff --git a/app/src/views/EapRegistration/index.tsx b/app/src/views/EapRegistration/index.tsx
new file mode 100644
index 0000000000..c46982c13c
--- /dev/null
+++ b/app/src/views/EapRegistration/index.tsx
@@ -0,0 +1,382 @@
+import {
+ type ElementRef,
+ useCallback,
+ useRef,
+ useState,
+} from 'react';
+import {
+ Button,
+ Container,
+ DateInput,
+ InputSection,
+ ListView,
+ Modal,
+ Radio,
+ RadioInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ resolveToComponent,
+ stringValueSelector,
+} from '@ifrc-go/ui/utils';
+import { isNotDefined } from '@togglecorp/fujs';
+import {
+ createSubmitHandler,
+ getErrorObject,
+ getErrorString,
+ useForm,
+} from '@togglecorp/toggle-form';
+
+import ContactInputsSection from '#components/domain/ContactInputsSection';
+import CountrySelectInput from '#components/domain/CountrySelectInput';
+import DisasterTypeSelectInput from '#components/domain/DisasterTypeSelectInput';
+import NationalSocietyMultiSelectInput from '#components/domain/NationalSocietyMultiSelectInput';
+import NationalSocietySelectInput from '#components/domain/NationalSocietySelectInput';
+import Link from '#components/Link';
+import Page from '#components/Page';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import useAlert from '#hooks/useAlert';
+import useRouting from '#hooks/useRouting';
+import {
+ getFullDateFromYearMonth,
+ getYearMonthFromFullDate,
+} from '#utils/domain/eap';
+import {
+ type GoApiResponse,
+ useLazyRequest,
+} from '#utils/restRequest';
+import { transformObjectError } from '#utils/restRequest/error';
+
+import {
+ defaultFormValue,
+ type EapRegisterFormFields,
+ type EapRegisterRequestBody,
+ formSchema,
+} from './schema';
+
+import i18n from './i18n.json';
+
+type GlobalEnumsResponse = GoApiResponse<'/api/v2/global-enums/'>;
+type EapTypeOption = NonNullable[number];
+
+function eapTypeKeySelector(option: EapTypeOption) {
+ return option.key;
+}
+
+/** @knipignore */
+// eslint-disable-next-line import/prefer-default-export
+export function Component() {
+ const strings = useTranslation(i18n);
+ const alert = useAlert();
+ const { navigate } = useRouting();
+
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ setError,
+ validate,
+ } = useForm(formSchema, { value: defaultFormValue });
+
+ const { eap_eap_type: eapFormOptions } = useGlobalEnums();
+
+ const error = getErrorObject(formError);
+ const formContentRef = useRef>(null);
+
+ const [
+ showEapRegistrationsuccessModal,
+ setShowEapRegistrationsuccessModal,
+ ] = useState(false);
+
+ const {
+ pending: eapRegistrationPending,
+ trigger: triggerEapRegistration,
+ } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/eap-registration/',
+ body: (body: EapRegisterRequestBody) => body,
+ onSuccess: () => {
+ const message = strings.registrationSuccess;
+ alert.show(
+ message,
+ { variant: 'success' },
+ );
+ setShowEapRegistrationsuccessModal(true);
+ },
+ onFailure: (err) => {
+ const {
+ value: {
+ formErrors,
+ },
+ } = err;
+
+ setError(transformObjectError(formErrors, () => undefined));
+
+ alert.show(
+ strings.registrationFailure,
+ { variant: 'danger' },
+ );
+ },
+ });
+
+ const onExpectedSubmissionTimeChange = useCallback((val: string | undefined) => {
+ if (!val) {
+ return;
+ }
+ setFieldValue(getFullDateFromYearMonth(val), 'expected_submission_time');
+ }, [setFieldValue]);
+
+ const handleEapTypeNotSureClick = useCallback(() => {
+ setFieldValue(undefined, 'eap_type');
+ }, [setFieldValue]);
+
+ const handleSubmissionTimeNotSureClick = useCallback(() => {
+ setFieldValue(undefined, 'expected_submission_time');
+ }, [setFieldValue]);
+
+ const handleRegisterFormValidation = useCallback((formValues: EapRegisterFormFields) => {
+ triggerEapRegistration(formValues as EapRegisterRequestBody);
+ }, [triggerEapRegistration]);
+
+ const handleFormError = useCallback(() => {
+ setTimeout(() => formContentRef.current?.scrollIntoView(), 200);
+ }, []);
+
+ const handleSubmitButtonClick = useCallback(() => {
+ const handler = createSubmitHandler(
+ validate,
+ setError,
+ handleRegisterFormValidation,
+ handleFormError,
+ );
+ handler();
+ }, [
+ handleFormError,
+ handleRegisterFormValidation,
+ validate,
+ setError,
+ ]);
+
+ const handleNationalSocietyInputChange = useCallback((newValue: number | undefined) => {
+ setFieldValue(newValue, 'national_society');
+ setFieldValue(newValue, 'country');
+ }, [setFieldValue]);
+
+ const handleRegistrationsuccessModalClose = useCallback(() => {
+ setShowEapRegistrationsuccessModal(false);
+ navigate('accountMyFormsEap');
+ }, [navigate]);
+
+ const disabled = eapRegistrationPending;
+
+ return (
+
+ {strings.registrationLink}
+
+ ),
+ },
+ )}
+ actions={(
+
+
+
+
+
+
+
+
+
+
+
+
+ {strings.notSure}
+
+
+
+
+
+ {strings.notSure}
+
+
+
+
+
+
+
+
+
+
+
+
+ {strings.submitButton}
+
+
+
+ {showEapRegistrationsuccessModal && (
+
+ {strings.closeButtonLabel}
+
+ )}
+ >
+ {strings.successModalDescription}
+
+ )}
+
+ );
+}
+
+Component.displayName = 'EapRegistration';
diff --git a/app/src/views/EapRegistration/schema.ts b/app/src/views/EapRegistration/schema.ts
new file mode 100644
index 0000000000..9c86ef5cb5
--- /dev/null
+++ b/app/src/views/EapRegistration/schema.ts
@@ -0,0 +1,57 @@
+import {
+ emailCondition,
+ type ObjectSchema,
+ type PartialForm,
+ type PurgeNull,
+} from '@togglecorp/toggle-form';
+
+import { type GoApiBody } from '#utils/restRequest';
+
+export type EapRegisterRequestBody = PurgeNull>;
+
+export const defaultFormValue: EapRegisterFormFields = {
+ eap_type: undefined,
+ expected_submission_time: undefined,
+};
+
+export type EapRegisterFormFields = PartialForm;
+
+type FormSchema = ObjectSchema;
+type FormSchemaFields = ReturnType
+
+export const formSchema: FormSchema = {
+ fields: (): FormSchemaFields => ({
+ national_society: {
+ required: true,
+ },
+ country: {
+ required: true,
+ },
+ disaster_type: {
+ required: true,
+ },
+ eap_type: {},
+ expected_submission_time: {},
+ partners: {
+ required: true,
+ },
+ national_society_contact_name: {},
+ national_society_contact_title: {},
+ national_society_contact_email: {
+ validations: [emailCondition],
+ },
+ national_society_contact_phone_number: {},
+ ifrc_contact_name: {},
+ ifrc_contact_title: {},
+ ifrc_contact_email: {
+ validations: [emailCondition],
+ },
+ ifrc_contact_phone_number: {},
+ dref_focal_point_name: {},
+ dref_focal_point_title: {},
+ dref_focal_point_email: {
+ validations: [emailCondition],
+ },
+ dref_focal_point_phone_number: {},
+ }),
+};
diff --git a/app/src/views/EapSimplifiedExport/PrintableContactOutput/index.tsx b/app/src/views/EapSimplifiedExport/PrintableContactOutput/index.tsx
new file mode 100644
index 0000000000..da4c3dcbcb
--- /dev/null
+++ b/app/src/views/EapSimplifiedExport/PrintableContactOutput/index.tsx
@@ -0,0 +1,75 @@
+import { isTruthyString } from '@togglecorp/fujs';
+
+import PrintableContainer from '#components/printable/PrintableContainer';
+import PrintableDataDisplay from '#components/printable/PrintableDataDisplay';
+import { type GoApiResponse } from '#utils/restRequest';
+
+type SimplifiedEap = GoApiResponse<'/api/v2/simplified-eap/{id}/'>;
+type FieldKeys = keyof SimplifiedEap;
+
+type ExtractContactPrefix = KEY extends `${infer PREFIX}_name`
+ ? `${PREFIX}_title` extends FieldKeys
+ ? `${PREFIX}_email` extends FieldKeys
+ ? `${PREFIX}_phone_number` extends FieldKeys
+ ? PREFIX
+ : never
+ : never
+ : never
+ : never
+
+type ValidContactFieldPrefixes = ExtractContactPrefix;
+
+interface Props {
+ label: React.ReactNode;
+ namePrefix: ValidContactFieldPrefixes;
+ data: SimplifiedEap | undefined | null;
+ prevData: SimplifiedEap | undefined | null;
+ withDiff: boolean;
+}
+
+function PrintableContactOutput(props: Props) {
+ const {
+ label,
+ namePrefix,
+ data,
+ prevData,
+ withDiff,
+ } = props;
+
+ const nameKey = `${namePrefix}_name` satisfies FieldKeys;
+ const titleKey = `${namePrefix}_title` satisfies FieldKeys;
+ const emailKey = `${namePrefix}_email` satisfies FieldKeys;
+ const phoneNumberKey = `${namePrefix}_phone_number` satisfies FieldKeys;
+
+ const value = [
+ data?.[nameKey],
+ data?.[titleKey],
+ data?.[emailKey],
+ data?.[phoneNumberKey],
+ ].filter(isTruthyString).join(', ');
+
+ const prevValue = [
+ prevData?.[nameKey],
+ prevData?.[titleKey],
+ prevData?.[emailKey],
+ prevData?.[phoneNumberKey],
+ ].filter(isTruthyString).join(', ');
+
+ return (
+
+
+ );
+}
+
+export default PrintableContactOutput;
diff --git a/app/src/views/EapSimplifiedExport/i18n.json b/app/src/views/EapSimplifiedExport/i18n.json
new file mode 100644
index 0000000000..8872b438f9
--- /dev/null
+++ b/app/src/views/EapSimplifiedExport/i18n.json
@@ -0,0 +1,56 @@
+{
+ "namespace": "eapSimplilfiedExport",
+ "strings": {
+ "pageTitleSimplifiedText": "Simplified",
+ "pageTitleEapText": "Early Action Protocol",
+ "sEapNoLabel": "sEAP No",
+ "sEapTimeframeLabel": "sEAP timframe",
+ "riskAnalysisHeading": "Risk Analysis and Early Action selection",
+ "prioritizedHazardAndImpactHeading": "Prioritized hazard and its historical impact",
+ "riskSelectedProtocolsHeading": "Explain which risks have been selected for this protocol and why",
+ "selectedEarlyActionsHeading": "Selected early actions",
+ "earlyActionInterventionHeading": "Early Action Intervention",
+ "overallObjectiveInterventionHeading": "Overall objective of the intervention",
+ "potentialGeographicalHighRiskAreasHeading": "Potential geographical high-risk areas that the simplified EAP would target",
+ "assistedThroughOperationHeading": "Who will be assisted through this operation and what criteria will be used for their selection?",
+ "triggerStatementHeading": "Trigger(s) statement",
+ "triggerThresholdJustificationHeading": "Trigger threshold justification",
+ "nextStepsTowardsFullEapHeading": "Next steps – For National Societies that intend to develop a full EAP",
+ "plannedOperationsHeading": "Planned Operations",
+ "peopleTargetedHeading": "People Targeted",
+ "sleadTimeHeading": "sEAP Lead Time",
+ "operationTimeframeHeading": "Operational timeframe",
+ "operationBudgetLabel": "Budget",
+ "operationPeopleTargetedLabel": "No. people targeted",
+ "apCodeLabel": "AP Code",
+ "indicatorsHeading": "Indicators",
+ "indicatorTitleLabel": "Title",
+ "indicatorTargetLabel": "Target",
+ "readinessActivitiesHeading": "Readiness activities",
+ "prepositioningActivitiesHeading": "Prepositioning activities",
+ "earlyActionActivitiesHeading": "Prioritized early actions",
+ "budgetHeading": "Budget",
+ "totalBudgetHeading": "Total Budget",
+ "readinessHeading": "Readiness",
+ "prepositioningHeading": "Prepositioning",
+ "earlyActionHeading": "Early Action",
+ "nationalHeading": "National",
+ "nationalSocietyContactHeading": "National Society Contact",
+ "partnerNationalSocietyContactHeading": "Partner National Society Contact",
+ "delegationHeading": "Delegation",
+ "delegationFocalPointLabel": "IFRC Delegation AA Focal Point",
+ "delegationHeadLabel": "IFRC Head of Delegation",
+ "regionalGlobalHeading": "Regional & global",
+ "drefFocalPointLabel": "DREF Focal Point",
+ "regionalFocalPointLabel": "IFRC Regional AA Focal Point",
+ "regionalOpsManager": "IFRC Regional Ops Manager",
+ "regionalHeadLabel": "IFRC Regional Head of DCC",
+ "globalOpsCoordinator": "IFRC Global Ops Coordinator",
+ "enablingApproachesLabel": "Enabling Approaches",
+ "conditionsToDeliverHeading": "Conditions to deliver the Early Action",
+ "earlyActionCapacityHeading": "Experience and/or capacity to implement the early actions",
+ "rcrcMovementInvolvementHeading": "RCRC Movement partners, Governmental/other agencies consulted/involved",
+ "contactInformationHeading": "Contact information",
+ "contactInformationDescription": "For further information, specifically related to this simplified EAP please contact:"
+ }
+}
diff --git a/app/src/views/EapSimplifiedExport/index.tsx b/app/src/views/EapSimplifiedExport/index.tsx
new file mode 100644
index 0000000000..73aed0ad77
--- /dev/null
+++ b/app/src/views/EapSimplifiedExport/index.tsx
@@ -0,0 +1,941 @@
+import { useRef } from 'react';
+import {
+ useParams,
+ useSearchParams,
+} from 'react-router-dom';
+import {
+ Label,
+ ListView,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { Image } from '@ifrc-go/ui/printable';
+import {
+ isDefined,
+ isFalsyString,
+ isNotDefined,
+ isTruthyString,
+ listToMap,
+} from '@togglecorp/fujs';
+
+import PrintableActivityOutput from '#components/domain/PrintableActivityOutput';
+import PrintableContainer from '#components/printable/PrintableContainer';
+import PrintableDataDisplay from '#components/printable/PrintableDataDisplay';
+import PrintableDescription from '#components/printable/PrintableDescription';
+import PrintableLabel from '#components/printable/PrintableLabel';
+import PrintablePage from '#components/printable/PrintablePage';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import { useRequest } from '#utils/restRequest';
+
+import PrintableContactOutput from './PrintableContactOutput';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+/** @knipignore */
+// eslint-disable-next-line import/prefer-default-export
+export function Component() {
+ const { eapId } = useParams<{ eapId: string }>();
+
+ const { pending: eapRegistrationPending, response: eapRegistrationResponse } = useRequest({
+ skip: isFalsyString(eapId),
+ url: '/api/v2/eap-registration/{id}/',
+ pathVariables: isTruthyString(eapId)
+ ? {
+ id: Number(eapId),
+ }
+ : undefined,
+ });
+
+ const mainRef = useRef(null);
+ const [searchParams] = useSearchParams();
+
+ const version = searchParams.get('version') ?? undefined;
+ const withDiff = searchParams.get('diff')?.toLowerCase() === 'true';
+
+ const strings = useTranslation(i18n);
+
+ const selectedSimplifiedEap = eapRegistrationResponse?.simplified_eap_details?.find(
+ (simplifiedEap) => String(simplifiedEap.version) === String(version),
+ );
+
+ const latestSimplifiedEapId = eapRegistrationResponse?.latest_simplified_eap ?? undefined;
+ const latestSimplifiedEap = eapRegistrationResponse?.simplified_eap_details?.find(
+ (simplifiedEap) => simplifiedEap.id === latestSimplifiedEapId,
+ );
+
+ const currentSimplifiedEap = selectedSimplifiedEap ?? latestSimplifiedEap;
+ const currentSimplifiedEapId = currentSimplifiedEap?.id;
+
+ const prevSimplifiedEapVersion = isDefined(currentSimplifiedEap?.version)
+ && currentSimplifiedEap.version > 1
+ ? currentSimplifiedEap.version - 1
+ : undefined;
+ const prevSimplifiedEap = eapRegistrationResponse?.simplified_eap_details.find(
+ (simplifiedEap) => simplifiedEap.version === prevSimplifiedEapVersion,
+ );
+
+ const { pending: simplifiedEapPending, response: simplifiedEapResponse } = useRequest({
+ skip: isNotDefined(currentSimplifiedEapId),
+ url: '/api/v2/simplified-eap/{id}/',
+ pathVariables: isDefined(currentSimplifiedEapId)
+ ? {
+ id: Number(currentSimplifiedEapId),
+ }
+ : undefined,
+ });
+
+ const {
+ pending: prevSimplifiedEapPending,
+ response: prevSimplifiedEapResponse,
+ } = useRequest({
+ skip: isNotDefined(prevSimplifiedEap) || !withDiff,
+ url: '/api/v2/simplified-eap/{id}/',
+ pathVariables: isDefined(prevSimplifiedEap)
+ ? {
+ id: Number(prevSimplifiedEap.id),
+ }
+ : undefined,
+ });
+
+ const { response: apCodeOptions } = useRequest({
+ url: '/api/v2/eap/options/',
+ });
+
+ const { eap_sector, eap_approach } = useGlobalEnums();
+
+ const eapSectorTitleMap = listToMap(
+ eap_sector,
+ ({ key }) => key,
+ ({ value }) => value,
+ );
+
+ const eapApproachTitleMap = listToMap(
+ eap_approach,
+ ({ key }) => key,
+ ({ value }) => value,
+ );
+
+ const { disaster_type_details, country_details } = eapRegistrationResponse ?? {};
+
+ const {
+ cover_image_file,
+ admin2_details,
+
+ partner_contacts,
+
+ total_budget,
+ readiness_budget,
+ pre_positioning_budget,
+ seap_timeframe,
+ early_action_budget,
+
+ prioritized_hazard_and_impact,
+ risks_selected_protocols,
+
+ selected_early_actions,
+ overall_objective_intervention,
+ potential_geographical_high_risk_areas,
+ assisted_through_operation,
+ trigger_statement,
+ trigger_threshold_justification,
+ next_step_towards_full_eap,
+ planned_operations,
+ enabling_approaches,
+
+ early_action_capability,
+ rcrc_movement_involvement,
+
+ people_targeted,
+ seap_lead_time,
+ seap_lead_timeframe_unit,
+ } = simplifiedEapResponse ?? {};
+
+ const {
+ // FIXME: implement diff
+ // cover_image_file: prev_cover_image_file,
+ // FIXME: implement diff
+ // admin2_details: prev_admin2_details,
+
+ partner_contacts: prev_partner_contacts,
+
+ total_budget: prev_total_budget,
+ readiness_budget: prev_readiness_budget,
+ pre_positioning_budget: prev_pre_positioning_budget,
+ early_action_budget: prev_early_action_budget,
+ seap_timeframe: prev_seap_timeframe,
+
+ prioritized_hazard_and_impact: prev_prioritized_hazard_and_impact,
+ risks_selected_protocols: prev_risks_selected_protocols,
+
+ selected_early_actions: prev_selected_early_actions,
+ overall_objective_intervention: prev_overall_objective_intervention,
+ potential_geographical_high_risk_areas:
+ prev_potential_geographical_high_risk_areas,
+ assisted_through_operation: prev_assisted_through_operation,
+ trigger_statement: prev_trigger_statement,
+ trigger_threshold_justification: prev_trigger_threshold_justification,
+ next_step_towards_full_eap: prev_next_step_towards_full_eap,
+ planned_operations: prev_planned_operations,
+ enabling_approaches: prev_enabling_approaches,
+
+ early_action_capability: prev_early_action_capability,
+ rcrc_movement_involvement: prev_rcrc_movement_involvement,
+
+ people_targeted: prev_people_targeted,
+ seap_lead_time: prev_seap_lead_time,
+ seap_lead_timeframe_unit: prev_seap_lead_timeframe_unit,
+ } = prevSimplifiedEapResponse ?? {};
+
+ const prevPartnerContactMap = listToMap(
+ prev_partner_contacts,
+ ({ id }) => id!,
+ );
+
+ const prevPlannedOperationMap = listToMap(
+ prev_planned_operations,
+ ({ sector }) => sector,
+ );
+
+ const prevEnablingApproachesMap = listToMap(
+ prev_enabling_approaches,
+ ({ approach }) => approach,
+ );
+
+ // FIXME: consider diff view
+ const eapTitle = [
+ country_details?.name,
+ admin2_details?.map(({ name }) => name).join(', '),
+ disaster_type_details?.name,
+ ]
+ .filter(isTruthyString)
+ .join(' | ');
+
+ const previewReady = !eapRegistrationPending
+ && !simplifiedEapPending
+ && !prevSimplifiedEapPending;
+
+ return (
+
+ {strings.pageTitleSimplifiedText}
+
+
+ )}
+
+
+
+
+
+
+
+
+
+ {partner_contacts?.map((partnerContact) => {
+ const prevPartnerContact = prevPartnerContactMap
+ ?.[partnerContact.previous_id!];
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {planned_operations?.map((operation) => {
+ const prevOperation = prevPlannedOperationMap?.[operation.sector];
+
+ const apCodeSectorValue = apCodeOptions?.sector_ap_codes
+ ?.[operation.sector]?.join(', ');
+
+ const prevApCodeSectorValue = isDefined(prevOperation)
+ ? apCodeOptions?.sector_ap_codes
+ ?.[prevOperation?.sector]?.join(', ')
+ : '-';
+
+ const prevOperationIndicatorMap = listToMap(
+ prevOperation?.indicators,
+ ({ id }) => id!,
+ );
+ const prevReadinessActivitiesMap = listToMap(
+ prevOperation?.readiness_activities,
+ ({ id }) => id!,
+ );
+ const prevPrepositioningActivitiesMap = listToMap(
+ prevOperation?.prepositioning_activities,
+ ({ id }) => id!,
+ );
+ const prevEarlyActionActivitiesMap = listToMap(
+ prevOperation?.early_action_activities,
+ ({ id }) => id!,
+ );
+
+ return (
+
+
+
+
+
+
+
+
+ {strings.indicatorTitleLabel}
+
+
+ {strings.indicatorTargetLabel}
+
+ {operation.indicators.map((indicator) => {
+ const prevIndicator = isDefined(indicator.previous_id)
+ ? prevOperationIndicatorMap?.[indicator.previous_id]
+ : undefined;
+
+ return (
+
+ )}
+ value={indicator.target}
+ prevValue={prevIndicator?.target}
+ valueType="number"
+ variant="contents"
+ withBackground
+ withPadding
+ withoutLabelColon
+ withDiff={withDiff}
+ />
+ );
+ })}
+
+
+
+ {operation.readiness_activities.map((activity, index) => {
+ const prevActivity = prevReadinessActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+
+ {operation.prepositioning_activities.map(
+ (activity, index) => {
+ const prevActivity = prevPrepositioningActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ },
+ )}
+
+
+
+ {operation.early_action_activities.map((activity, index) => {
+ const prevActivity = prevEarlyActionActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+ );
+ })}
+
+
+ {enabling_approaches?.map((approach) => {
+ const prevApproach = prevEnablingApproachesMap?.[approach.approach];
+
+ const apCodeApproachValue = apCodeOptions?.approach_ap_codes
+ ?.[approach.approach]?.join(', ');
+
+ const prevApCodeApproachValue = isDefined(prevApproach)
+ ? apCodeOptions?.approach_ap_codes
+ ?.[prevApproach.approach]?.join(', ')
+ : '-';
+
+ const prevApproachIndicatorMap = listToMap(
+ prevApproach?.indicators,
+ ({ id }) => id!,
+ );
+ const prevReadinessActivitiesMap = listToMap(
+ prevApproach?.readiness_activities,
+ ({ id }) => id!,
+ );
+ const prevPrepositioningActivitiesMap = listToMap(
+ prevApproach?.prepositioning_activities,
+ ({ id }) => id!,
+ );
+ const prevEarlyActionActivitiesMap = listToMap(
+ prevApproach?.early_action_activities,
+ ({ id }) => id!,
+ );
+
+ return (
+
+
+
+
+
+
+
+
+ {strings.indicatorTitleLabel}
+
+
+ {strings.indicatorTargetLabel}
+
+ {approach.indicators.map((indicator) => {
+ const prevIndicator = prevApproachIndicatorMap
+ ?.[indicator.previous_id!];
+ return (
+
+ )}
+ value={indicator.target}
+ prevValue={prevIndicator?.target}
+ valueType="number"
+ variant="contents"
+ withBackground
+ withPadding
+ withoutLabelColon
+ withDiff={withDiff}
+ />
+ );
+ })}
+
+
+
+ {approach.readiness_activities.map((activity, index) => {
+ const prevActivity = prevReadinessActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+
+ {approach.prepositioning_activities.map((activity, index) => {
+ const prevActivity = prevPrepositioningActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+
+ {approach.early_action_activities.map((activity, index) => {
+ const prevActivity = prevEarlyActionActivitiesMap
+ ?.[activity.previous_id!];
+ return (
+
+ );
+ })}
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+Component.displayName = 'SimplifiedEapExport';
diff --git a/app/src/views/EapSimplifiedExport/styles.module.css b/app/src/views/EapSimplifiedExport/styles.module.css
new file mode 100644
index 0000000000..c737130dab
--- /dev/null
+++ b/app/src/views/EapSimplifiedExport/styles.module.css
@@ -0,0 +1,6 @@
+.activity-items,
+.indicator-items {
+ display: grid;
+ gap: var(--go-ui-width-separator-md);
+ grid-template-columns: 2fr 1fr;
+}
diff --git a/app/src/views/EapSimplifiedForm/DeliveryAndBudget/i18n.json b/app/src/views/EapSimplifiedForm/DeliveryAndBudget/i18n.json
new file mode 100644
index 0000000000..e684e6f997
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/DeliveryAndBudget/i18n.json
@@ -0,0 +1,60 @@
+{
+ "namespace": "eapSimplifiedForm",
+ "strings": {
+ "deliverHeading": "Conditions to deliver the Early Action",
+ "deliverEarlyActions": "Experience and/or capacity to implement the early actions",
+ "deliverEarlyActionsDescription": "Assumptions or minimum conditions needed to deliver on the early actions (including issues to be resolved.) Explain how the National Society will be able to delive on the early actions, what experiences and/or capacities they have related to be intervention. Are there issues to be addressed in order for the Naional Society to deliver on these actions? How will these issues be resolved?",
+ "deliverEarlyActionsTooltip": "This is an opportunity for the National Society to describe their experience in dealing with the selected hazard, their capacity in the intervention sectors and early action activities. Where there are gaps in capacity or systemic issues, then these can be addressed through the annual readiness activities. For example, the National Society may have a general response plan, but may use the readiness activities to develop detailed Standard Operating Procedures outlining who will do what when, and then do an annual test simulation of the simplified EAP to ensure that roles and responsibilities are clear in terms of delivering the early actions.",
+ "deliverDescription": "Description",
+ "deliverInvolved": "RCRC Movement partners, Governmental/other agencies consulted/involved",
+ "deliverInvolvedDescription": "Explain who was part of the development of this plan, how were they involved and if they have any role on the implementation of the actions. Add any relevant information of the National Society's role in the National Disaster Response System.",
+ "deliverInvolvedTooltipDescriptionOne": "It is important to establish that the National Society has the mandate to act early, in advance of a hazard and it can reduce the time required to agree to activate the early actions activities if partners government and non-government stakeholders are aware and involved in planning the simplified EAP. This mandate may need to be confirmed at the local level, as well as the region and national level.",
+ "deliverInvolvedTooltipDescriptionTwo": "The simplified EAP aims to make connections",
+ "deliverInvolvedTooltipDescriptionThree": "With national level partners, including government stakeholders, Met Service, civil society and other national or local experts. Planning for a simplified EAP can be an opportunity to develop these relationships and may be useful to define roles and responsibilities in a Memorandum of Understanding (MoU). This could be defined during the development of the simplified EAP or can be done as part of the kickoff activities, once a simplified EAP has been approved for funding. The Red Cross Red Crescent Climate Centre developed this guide – Collaborating with national climate and weather agencies: {guideLink} The guide includes some useful information, included under section 4, guiding questions and in annex A, a draft MoU, which could potentially be adapted for other partners.",
+ "guideLink": "a guide to getting started.",
+ "deliverInvolvedTooltipDescriptionFour": "Other general considerations:",
+ "deliverInvolvedTooltip1": "The simplified EAP should plan to target events that are forecasted/predicted to have an above average impact and that have caused humanitarian impacts in the past",
+ "deliverInvolvedTooltip2": "The minimum standard for monitoring and evaluation is that each simplified EAP includes a lessons learned workshop.",
+ "deliverInvolvedTooltip3": "While not requested as part of the simplified EAP, National Societies should have a draft plan or SOP in place to monitor the forecasts/indicators, to activate the simplified EAP and deliver the early action activities within the lead time.",
+ "deliverInvolvedTooltip4": "The roles and responsibilities should be clear, who will do what at what time.",
+ "budgetHeading": "Budget",
+ "deliverTotalBudget": "Total budget(CHF)",
+ "deliverTotalBudgetTooltip": "The maximum budget available for a National Society under a simplified EAP is CHF 200,000 over two years. In this field, the National Society should reflect the total amount of the budget (which should match the budget template). The total budget includes 65% maximum for readiness activities and prepositioned stock, with the balance funding the early action activities and needs to be inclusive of the IFRC’s indirect costs (6.5%). Additionally, the IFRC Delegation may add 10% of the total budget to support the simplified EAP implementation bringing the final budget to CHF 220,000 over two years. If a National Society has any questions on the budget, please consult the IFRC’s Country or Country Cluster Delegation. Readiness, pre-positioning, early action: These fields should reflect the plan and budget split across the three types of eligible activities and match the total budget.",
+ "deliverTotalBudgetDescription": "Add the expected budget amount.",
+ "deliverTotalBudgetTooltipDescription": "The budget template for the simplified EAP can be found {hereLink}. Please note that the budget template has a tab with guidelines on how to use it. ",
+ "hereLink": "here",
+ "deliverTotalBudgetTooltipListOne": "For a National Society, the maximum budget of a simplified EAP is CHF 200,000 (less IFRC indirect costs of 6.5%). This is around CHF 187,794.",
+ "deliverTotalBudgetTooltipListTwo": "For the IFRC, the delegation can access a maximum budget of 10% of the National Society Simplified EAP budget (less IFRC indirect costs of 6.5%).",
+ "deliverTotalBudgetTooltipListThree": "The total budget of the simplified EAP, including National Society and IFRC allocations, cannot exceed CHF 220,000. ",
+ "deliverTotalBudgetTooltipListFour": "All the activities in the ‘planned operation’ and ‘enabling approaches’ section need to be reflected in the budget (even if there is no cost related to an activity, a note should be included in the budget to explain that for example, there is no cost for this activity, or costs are combined with another activity (such as training combining two or more topics), or costs are covered by another project or donor. This helps when doing the cross check between the planned intervention matrix and the budget.",
+ "deliverTotalBudgetTooltipListFive": "Readiness activities (column C) should be done in YEAR 1 and/or YEAR 2 (column E) – ideally done in both years, although there may be some activities that only need to be done once. If the activity happens in both years insert the activity twice and select YEAR 1 for the first line and YEAR 2 for the second line.",
+ "deliverTotalBudgetTooltipListSix": "Pre-positioning activities (column C) are done in YEAR 1 (column E) – and should be done as soon as the project agreement is in place and funds are received by the National Society. All stock needs to have a minimum shelf life of two years.",
+ "deliverTotalBudgetTooltipListSeven": "Early Action activities (column C) should be budgeted under “year early action” YEAR EA (column E), these activities will be done only when the trigger is reached (which could be in year one, or year two, or may not happen in the duration of the simplified EAP).",
+ "deliverTotalBudgetTooltipListEight": "A maximum of 65% of the budget can be allocated combined to readiness and pre-positioning activities. You can check these percentages in the tab called “Summary by Year”, under column B.",
+ "deliverTotalBudgetTooltipListNine": "National Societies have flexibility to move between budget headings up to 10% of the approved simplified EAP budget.",
+ "totalBudgetLabel": "Total",
+ "deliverReadinessLabel": "Readiness",
+ "deliverPrepositioning": "Prepositioning",
+ "deliverBudgetDetails": "Budget details",
+ "deliverBudgetDetailsDescription": "Add here the page from the budget template called “EAP for publication”. Explain your selection criteria for who will be targeted.",
+ "earlyAction": "Early Action",
+ "upload": "Upload",
+ "downloadBudgetTemplate": "Download budget template",
+ "updatedChecklistTitle": "Updated checklist",
+ "deliverSectionHeading": "Quality Criteria: Conditions to Deliver and Budgets",
+ "nationalSocietySectionHeading": "National Society's Capacity",
+ "deliverSectionCriteriaIntroduction1": "The National Society explains its capacity to implement the early action activities and/or minimum conditions needed to deliver on the early actions.",
+ "deliverSectionCriteriaComment11": "The simplified EAP describes the National Society capacities related to sectoral (Cash, WASH, Food Security, Shelter etc.) and administrative (Finance, PMER, Human Resources) capacity and experience to implement the EAP.",
+ "deliverSectionCriteriaComment12": "If there is no or limited capacity, the simplified EAP describes how readiness activities will address these limitations in order to ensure that the early action activities can be implemented effectively and efficiently.",
+ "deliverSectionCriteriaIntroduction2": "The simplified EAP includes a budget in the IFRC template, detailing the costs for the readiness, pre-positioning and trigger-based early action activities",
+ "deliverSectionCriteriaComment21": "The simplified EAP budget is capped at CHF 200,000 and should target a minimum of 2000 people (CHF 100 per person).",
+ "deliverSectionCriteriaComment22": "The allocation for readiness and pre-positioning costs combined will still be capped at 65% of the budget but National Societies can use discretion regarding the split between the two types of expenses. For example, readiness could be 30% of the budget and pre-positioning could be 35% of the budget.",
+ "deliverSectionCriteriaComment23": "Some hazards may require a longer timeframe or more expensive or intensive activities. With appropriate justification, the Validation Committee might accept exceptions to this criterion.",
+ "deliverSectionCriteriaIntroduction3": "The shelf life of pre-positioned stock equals or exceeds the simplified EAP 2-year lifespan.",
+ "deliverSectionCriteriaComment3": "The stock planned for early action has a shelf life of at least 2 years.",
+ "coordinationSectionCriteriaHeading": "Coordination",
+ "deliverSectionCriteriaIntroduction4": "The simplified EAP outlines coordination with relevant stakeholders related to the planning and activation of early action activities",
+ "deliverSectionCriteriaComment41": "The simplified EAP has been prepared in a participatory manner with involvement of key stakeholders, Movement components and external actors, especially Hydro-Met agencies, disaster risk management authorities, government ministries, etc.",
+ "deliverSectionCriteriaComment42": "To avoid creating parallel systems and to minimize negotiation on the mandate/permission, etc. to act early when a trigger occurs, all relevant key stakeholders should be involved in the development, and when necessary, the activation of the early action activities."
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/DeliveryAndBudget/index.tsx b/app/src/views/EapSimplifiedForm/DeliveryAndBudget/index.tsx
new file mode 100644
index 0000000000..fd781d9b22
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/DeliveryAndBudget/index.tsx
@@ -0,0 +1,456 @@
+import { useCallback } from 'react';
+import {
+ Container,
+ Description,
+ Heading,
+ InputSection,
+ Label,
+ ListView,
+ NumberInput,
+ TextArea,
+ TextOutput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ resolveToComponent,
+ sumSafe,
+} from '@ifrc-go/ui/utils';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+ type SetBaseValueArg,
+} from '@togglecorp/toggle-form';
+
+import GoSingleFileInput from '#components/domain/GoSingleFileInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import Link from '#components/Link';
+import TabPage from '#components/TabPage';
+import { useRequest } from '#utils/restRequest';
+
+import { charLimits } from '../common';
+import GuidanceSeap from '../GuidanceSeap';
+import { type PartialSimplifiedEapType } from '../schema';
+
+import i18n from './i18n.json';
+
+interface Props {
+ value: PartialSimplifiedEapType;
+ setValue: (value: SetBaseValueArg) => void;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch>>;
+ readOnly?: boolean;
+ isRevision?: boolean;
+}
+
+function DeliveryAndBudget(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ setValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ readOnly,
+ isRevision,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const error = getErrorObject(formError);
+
+ const {
+ pending: globalFilesLoading,
+ response: globalFilesResponse,
+ } = useRequest({
+ url: '/api/v2/eap/global-files/{template_type}/',
+ pathVariables: {
+ template_type: 'budget_template',
+ },
+ });
+
+ const setBudgetValue = useCallback(
+ (budgetValue: number | undefined, name: 'readiness_budget' | 'pre_positioning_budget' | 'early_action_budget') => {
+ setValue((prevValue) => {
+ const newBudgetValue = {
+ readiness_budget: prevValue.readiness_budget,
+ pre_positioning_budget: prevValue.pre_positioning_budget,
+ early_action_budget: prevValue.early_action_budget,
+ [name]: budgetValue,
+ };
+
+ return {
+ ...prevValue,
+ [name]: budgetValue,
+ total_budget: sumSafe([
+ newBudgetValue.readiness_budget,
+ newBudgetValue.pre_positioning_budget,
+ newBudgetValue.early_action_budget,
+ ]),
+ };
+ });
+ },
+ [setValue],
+ );
+
+ return (
+
+
+ {strings.nationalSocietySectionHeading}
+
+
+ {strings.deliverSectionCriteriaIntroduction1}
+
+
+
+ {strings.deliverSectionCriteriaComment11}
+
+
+ {strings.deliverSectionCriteriaComment12}
+
+
+
+ {strings.budgetHeading}
+
+
+ {strings.deliverSectionCriteriaIntroduction2}
+
+
+
+ {strings.deliverSectionCriteriaComment21}
+
+
+ {strings.deliverSectionCriteriaComment22}
+
+
+ {strings.deliverSectionCriteriaComment23}
+
+
+
+ {strings.deliverSectionCriteriaIntroduction3}
+
+
+ {strings.deliverSectionCriteriaComment3}
+
+
+ {strings.coordinationSectionCriteriaHeading}
+
+
+ {strings.deliverSectionCriteriaIntroduction4}
+
+
+
+ {strings.deliverSectionCriteriaComment41}
+
+
+ {strings.deliverSectionCriteriaComment42}
+
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+ {strings.deliverEarlyActionsTooltip}
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {strings.deliverInvolvedTooltipDescriptionOne}
+
+
+
+ {strings.deliverInvolvedTooltipDescriptionTwo}
+
+
+ {resolveToComponent(
+ strings.deliverInvolvedTooltipDescriptionThree,
+ {
+ guideLink: (
+
+
+ {strings.deliverInvolvedTooltipDescriptionFour}
+
+
+
+ {strings.deliverInvolvedTooltip1}
+ {strings.deliverInvolvedTooltip2}
+ {strings.deliverInvolvedTooltip3}
+ {strings.deliverInvolvedTooltip4}
+
+
+
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+ {strings.budgetHeading}
+
+
+ {resolveToComponent(
+ strings.deliverTotalBudgetTooltipDescription,
+ {
+ hereLink: (
+
+
+
+
+ {strings.deliverTotalBudgetTooltipListOne}
+
+
+ {strings.deliverTotalBudgetTooltipListTwo}
+
+
+ {strings.deliverTotalBudgetTooltipListThree}
+
+
+ {strings.deliverTotalBudgetTooltipListFour}
+
+
+ {strings.deliverTotalBudgetTooltipListFive}
+
+
+ {strings.deliverTotalBudgetTooltipListSix}
+
+
+ {strings.deliverTotalBudgetTooltipListSeven}
+
+
+ {strings.deliverTotalBudgetTooltipListEight}
+
+
+ {strings.deliverTotalBudgetTooltipListNine}
+
+
+
+
+ )}
+ />
+
+ )}
+ variant="form"
+ >
+
+
+ {strings.deliverTotalBudgetTooltip}
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+ {strings.deliverBudgetDetailsDescription}
+
+ {strings.upload}
+
+
+ {isRevision && (
+
+
+ {strings.upload}
+
+
+ )}
+
+
+
+ );
+}
+
+export default DeliveryAndBudget;
diff --git a/app/src/views/EapSimplifiedForm/EarlyAction/i18n.json b/app/src/views/EapSimplifiedForm/EarlyAction/i18n.json
new file mode 100644
index 0000000000..9aa04d52ce
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/EarlyAction/i18n.json
@@ -0,0 +1,67 @@
+{
+ "namespace": "eapSimplifiedForm",
+ "strings": {
+ "actionHeading": "Early Action Intervention",
+ "intervention": "Overall objective of the intervention",
+ "interventionDescription": "Provide an objective statement that describes the main goal of the intervention.",
+ "interventionTooltipDescription": "In a sentence or two, provide an objective statement that describes the main goal of the intervention. For example:",
+ "interventionTooltipDescription1": "The operation aims to mitigate the impact of severe cold wave on vulnerable subsistence herders by providing cash and animal care kits to maintain animal health in advance of freezing temperatures.",
+ "interventionTooltipDescription2": "The operation aims to mitigate the impact of flooding by providing residents in flood-prone coastal regions with early warning messages, evacuation by boat, and water purification material to save lives and prevent the outbreak of waterborne diseases in advance of the peak of flood inundation.",
+ "interventionTooltipDescription3": "The operation aims to mitigate the impact of the cyclone by providing vulnerable people with early warning messages and shelter strengthening kits and will support female and child headed households and the elderly to strengthen shelters to save lives and protect homes in advance of a more severe than usual cyclone.",
+ "geographicalRiskArea": "Potential geographical high-risk areas that the simplified EAP would target",
+ "geographicalRiskAreaDescription": "Which high risk regions have been selected for this intervention and why?",
+ "geographicalRiskAreaTooltip": "Simplified EAPs should be developed with national coverage in mind but because of the nature of certain hazards there might be geographical areas that are more at risk, for example: coastal districts (for cyclones), river areas (for riverine floods), international border areas (for population movement), etc. Provide an overview of the geographical areas targeted by this simplified EAP, and why these specific geographical areas are high risk. The National Society could also include a map of the most at risk geographical locations. For more guidance on how to select the geographic area of intervention, see the {practitionersManualLink} (Chapter 4.1, Step 3: Who and What is exposed?)",
+ "practitionersManualLink": "FbF Practitioner’s Manual",
+ "actionDescription": "Description",
+ "actionValue": "Value",
+ "actionPeopleTargeted": "People targeted",
+ "actionPeopleTargetedDescription": "Enter the number of people targeted",
+ "actionPeopleTargetedTooltip": "The National Society should reflect how many people they plan to target with their early action intervention. The simplified EAP should target at least 2,000 people.",
+ "actionOperation": "Assisted through the operation",
+ "actionOperationDescription": "List who will be targeted by the early actions in this simplified EAP (these should be groups of people who are most exposed combined with those moose vulnerable to the impacts of the hazard).",
+ "actionOperationTooltip": "Please list here the people that will be targeted with early action activities. Based on the prioritized impacts, there might be groups that are more vulnerable to the hazard, for example, people who live close to the shoreline are more vulnerable to floods than people who live a few hundred meters away from the shoreline (exposure). And within the people who live close to the shoreline, low-income households are more vulnerable as they might not have the resources to evacuate themselves. The National Society should use their experience and knowledge of the context to reflect on who is most exposed, most vulnerable, and therefore should be targeted by the early actions.",
+ "actionCriteria": "Explain your selection criteria for who will be targeted.",
+ "actionCriteriaTooltip": "List here the selection criteria for the groups/individuals targeted. Considering that the National Society may not know in advance which communities will be targeted by the simplified EAP, there should be clear criteria for selecting the people to be targeted (within the preselected groups, based on exposure) in the lead time. For example, the criteria could include woman or child headed households, low-income families, large families, people targeted through government social protection programming, people with disabilities, elderly etc. The National Society should also reflect on how they will gather the information to verify the criteria.",
+ "actionsStatement": "Trigger(s) statement",
+ "actionsStatementDescription": "State clear and precise criteria that will have to be met for the simplified EAP to be activated. If multiple triggers are used, indicate which trigger is linked to which early action.",
+ "actionsStatementTooltipDescriptionOne": "A trigger statement needs to be clear and precise and should explain in a sentence or two the condition under which the simplified EAP is activated. Here are some examples of a trigger statement",
+ "actionsStatementTooltipDescriptionTwo": "Imprecise trigger",
+ "actionsStatementTooltipDescriptionThree": "The trigger will be met when the forecast indicates a high possibility of heavy rainfall in eastern parts of the country in the next few days",
+ "actionsStatementTooltipListOne": "Which forecast? There are many different possibilities, from the national hydro met service, or regional or even global providers. The National Society should state which forecast they will use and how they will obtain it.",
+ "actionsStatementTooltipListTwo": "Is the terminology (e.g. ‘high possibility’ or ‘heavy rainfall’ used consistently by the forecast provider? If not, they will need to be more precise.",
+ "actionsStatementTooltipListThree": "If the simplified EAP targets a specific geographical area, make sure the location for the trigger is well defined.",
+ "actionsStatementTooltipListFour": "Make sure to clarify a precise window in which the plan can trigger (remember this will be partly determined by how long is needed to take the proposed actions)",
+ "actionsStatementTooltipDescriptionFour": "Precise trigger",
+ "actionsStatementTooltipDescriptionFive": "The trigger will be met when the [National Hydro Met Service Forecast] indicates an [80% chance] of [300mm of rainfall in a day] in [Province(s) name] in [72 hours] or The trigger will be met when the [National Hydro Met Service] issues a [red weather warning] for [Province(s) name] for [3 days time]",
+ "actionsStatementTooltipDescriptionSix": "If the EAP has more than one trigger (i.e., a phased or staggered triggers) then each trigger statement should clearly explain what action will be taken following each trigger and when the funds for the early action are required.",
+ "actionsStatementTooltipDescriptionSeven": "For slow onset, non-weather related or complex hazards, the trigger may be based on a combination of risk factors, forecasts, observation data and expert judgement, especially if the impact is a result of cumulative, or compounding factors. If unconventional triggers are used (e.g., combining multiple indicators, including socio-economic indicators like food prices), clear explanation should be given on which criteria/ conditions was used to assign certain weight to each indicator. If the trigger is based on expert judgement, it should be clear from what source this will come, and that it is an independent, reliable and creditable source. For examples of triggers, visit the {triggerDatabaseLink} on the Anticipation Hub.",
+ "triggerDatabaseLink": "trigger database",
+ "actionsLeadTime": "sEAP lead time",
+ "actionsLeadTimeDescription": "This is the time between the trigger being met and the impact of the hazard, this is the period of time when the early actions are undertaken. If the simplified EAP has a short lead time, the National Society may be asked to explain the feasibility of the early actions (funding, capacity etc.).",
+ "actionsOperational": "Operational timeframe",
+ "actionsOperationalDescription": "The operational timeframe starts from the trigger date and includes the time it takes to implement the early action activities plus the time it takes to finalize the operation, including time to settle the finances, facilitate the lessons learned workshop and prepare the final report. Normally the operational timeframe is the lead time plus 3 months, 2 months to allow the National Society to finalize the reports and 1 month for the IFRC to finalise and publish the final report. (Note that the operational timeframe, expressed in months is not the same as the sEAP timeframe, which is expressed in years).",
+ "justification": "Trigger threshold justification",
+ "justificationDescription": "Explain how the triggers(s) were set and provide information showing that the level chosen has caused humanitarian impact in the past.",
+ "justificationTooltipDescriptionOne": "If there is data on how often the trigger threshold has been reached in the past, please include this here and describe the humanitarian impact caused by the magnitude of disaster on those occasions.",
+ "justificationTooltipDescriptionTwo": "A Stop Mechanism",
+ "justificationTooltipDescriptionThree": "The simplified EAP does not need to have a stop mechanism, however if the simplified EAP has a longer lead time (for example, more than four days), then the National Society may want to consider a deadline to stop doing early action activities if the forecast changes. A stop mechanism may be beneficial as in this situation, i.e. with a longer lead time, may be confusing for local communities if they are no longer at risk but early action activities.",
+ "fullEap": "Next step towards Full EAP",
+ "fullEapDescription": "For National Societies that intend to develop a full EAP, outline the next steps you will be taking to continue developing this simplified EAP into a full EAP.",
+ "operationTimeFrame": "Time Frame",
+ "earlySectionHeading": "Quality Criteria: Early Action Intervention",
+ "triggerModelSectionHeading": "Trigger Model",
+ "earlySectionCriteriaIntroduction1": "The simplified EAP has a clear trigger statement, including who will be responsibility for monitoring the trigger.",
+ "earlySectionCriteriaComment11": "The trigger statement should be one or two sentences stating precisely when the EAP will be triggered using what information/forecast.",
+ "earlySectionCriteriaComment12": "If the EAP has more than one trigger (i.e., a phased or staggered triggers) then each trigger should be clearly explained.",
+ "earlySectionCriteriaComment13": "If qualitative information is included in the trigger, it should be from a reliable, creditable and independent source.",
+ "earlySectionCriteriaComment14": "The trigger should be set taking into consideration thresholds that have had significant humanitarian consequences in the past.",
+ "eapActivationSectionCriteriaHeading": "EAP Activation",
+ "earlySectionCriteriaIntroduction2": "National Society aims to implement the early action activities in the lead time, between the trigger and the impact of the event.",
+ "earlySectionCriteriaComment21": "Early actions should be implemented with sufficient time for at risk communities to make use of the assistance received.",
+ "earlySectionCriteriaComment22": "For slow onset or complex hazards, the impact may be interpreted as a spike or expected peak of impact which overwhelms the targeted community to cope. Therefore, the early actions should be activated with enough lead time to reduce impact of the hazard. In the case of drought, consider greater flexibility as it is challenging to identify the specific spike/peak as each will be context specific",
+ "earlySectionCriteriaIntroduction3": "The simplified EAP clearly explains who will be targeted with the early action activities and should target at least 2,000 people.",
+ "earlySectionCriteriaComment31": "The National Society can use forecast information, expert judgment and vulnerability/exposure indicators to explain the process of deciding how they will select where the action will take place. The simplified EAP should explain the rationale of ‘at risk’ communities, should focus on the most vulnerable (rather than blanket coverage).",
+ "earlySectionCriteriaComment32": "If the selection of people targeted cannot be done in advance of an activation, then the selection process needs to be feasible within the lead time.",
+ "earlySectionCriteriaComment33": "The selection process should be coherent with IFRC minimum standards, including the Minimum Standards for PGI in Emergencies."
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/EarlyAction/index.tsx b/app/src/views/EapSimplifiedForm/EarlyAction/index.tsx
new file mode 100644
index 0000000000..870e848dec
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/EarlyAction/index.tsx
@@ -0,0 +1,534 @@
+import {
+ Container,
+ Description,
+ Heading,
+ InlineLayout,
+ InputSection,
+ Label,
+ ListView,
+ NumberInput,
+ SelectInput,
+ TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ resolveToComponent,
+ stringValueSelector,
+} from '@ifrc-go/ui/utils';
+import { isDefined } from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ getErrorString,
+} from '@togglecorp/toggle-form';
+
+import Admin2Input from '#components/domain/Admin2Input';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import Link from '#components/Link';
+import TabPage from '#components/TabPage';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import { TIMEFRAME_YEAR } from '#utils/constants';
+import { type GoApiResponse } from '#utils/restRequest';
+
+import { charLimits } from '../common';
+import GuidanceSeap from '../GuidanceSeap';
+import { type PartialSimplifiedEapType } from '../schema';
+
+import i18n from './i18n.json';
+
+type GlobalEnumsResponse = GoApiResponse<'/api/v2/global-enums/'>;
+
+type TimeframeOption = NonNullable[number];
+
+function timeframeKeySelector(option: TimeframeOption) {
+ return option.key;
+}
+
+interface Props {
+ value: NonNullable;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ eapRegistrationDetail?: GoApiResponse<'/api/v2/eap-registration/{id}/'>;
+ readOnly?: boolean;
+}
+
+function EarlyAction(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ eapRegistrationDetail,
+ readOnly,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const error = getErrorObject(formError);
+
+ const {
+ eap_timeframe,
+ } = useGlobalEnums();
+
+ const eapTimeframeOption = eap_timeframe?.filter(
+ (item) => item.key !== TIMEFRAME_YEAR,
+ );
+
+ return (
+
+
+ {strings.triggerModelSectionHeading}
+
+
+ {strings.earlySectionCriteriaIntroduction1}
+
+
+
+ {strings.earlySectionCriteriaComment11}
+
+
+ {strings.earlySectionCriteriaComment12}
+
+
+ {strings.earlySectionCriteriaComment13}
+
+
+ {strings.earlySectionCriteriaComment14}
+
+
+
+ {strings.eapActivationSectionCriteriaHeading}
+
+
+ {strings.earlySectionCriteriaIntroduction2}
+
+
+
+ {strings.earlySectionCriteriaComment21}
+
+
+ {strings.earlySectionCriteriaComment22}
+
+
+
+ {strings.earlySectionCriteriaIntroduction3}
+
+
+
+ {strings.earlySectionCriteriaComment31}
+
+
+ {strings.earlySectionCriteriaComment32}
+
+
+ {strings.earlySectionCriteriaComment33}
+
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+
+ {strings.interventionTooltipDescription}
+
+
+
+
+ {strings.interventionTooltipDescription1}
+
+
+ {strings.interventionTooltipDescription2}
+
+
+ {strings.interventionTooltipDescription3}
+
+
+
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+ {resolveToComponent(
+ strings.geographicalRiskAreaTooltip,
+ {
+ practitionersManualLink: (
+
+
+ {strings.actionPeopleTargetedTooltip}
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ numPreferredColumns={2}
+ >
+
+
+
+ {strings.actionOperationTooltip}
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ withoutBackground
+ >
+
+
+
+ {strings.actionCriteriaTooltip}
+
+ )}
+ />
+ )}
+ >
+ {strings.actionCriteria}
+
+ )}
+ withoutBackground
+ >
+
+
+
+
+
+ {strings.actionsStatementTooltipDescriptionOne}
+
+
+
+ {strings.actionsStatementTooltipDescriptionTwo}
+
+
+ {strings.actionsStatementTooltipDescriptionThree}
+
+
+
+
+ {strings.actionsStatementTooltipListOne}
+
+
+ {strings.actionsStatementTooltipListTwo}
+
+
+ {strings.actionsStatementTooltipListThree}
+
+
+ {strings.actionsStatementTooltipListFour}
+
+
+
+
+
+
+ {strings.actionsStatementTooltipDescriptionFour}
+
+
+ {strings.actionsStatementTooltipDescriptionFive}
+
+
+ {strings.actionsStatementTooltipDescriptionSix}
+
+
+ {resolveToComponent(
+ strings.actionsStatementTooltipDescriptionSeven,
+ {
+ triggerDatabaseLink: (
+
+
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+
+
+
+ {strings.justificationTooltipDescriptionOne}
+
+
+
+ {strings.justificationTooltipDescriptionTwo}
+
+
+ {strings.justificationTooltipDescriptionThree}
+
+
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+
+
+
+ );
+}
+
+export default EarlyAction;
diff --git a/app/src/views/EapSimplifiedForm/EnablingApproaches/ApproachesInput/i18n.json b/app/src/views/EapSimplifiedForm/EnablingApproaches/ApproachesInput/i18n.json
new file mode 100644
index 0000000000..37e04846c2
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/EnablingApproaches/ApproachesInput/i18n.json
@@ -0,0 +1,8 @@
+{
+ "namespace": "eapSimplifiedForm",
+ "strings": {
+ "approachBudget": "Budget(CHF)",
+ "approachApCode": "AP Code",
+ "approachRemoveButton": "Remove"
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/EnablingApproaches/ApproachesInput/index.tsx b/app/src/views/EapSimplifiedForm/EnablingApproaches/ApproachesInput/index.tsx
new file mode 100644
index 0000000000..4465a0d606
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/EnablingApproaches/ApproachesInput/index.tsx
@@ -0,0 +1,147 @@
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ ExpandableContainer,
+ ListView,
+ NumberInput,
+ TextInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { noOp } from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import EapIndicatorListInput from '#components/domain/EapIndicatorListInput';
+import EapOperationActivityListInput from '#components/domain/EapOperationActivityListInput';
+import { type GoApiResponse } from '#utils/restRequest';
+
+import { type PartialSimplifiedEapType } from '../../schema';
+
+import i18n from './i18n.json';
+
+type EnableApproachesFormFields = NonNullable[number];
+type EapApproachApCodeOption = NonNullable['approach_ap_codes']>;
+
+const defaultApproachValue: EnableApproachesFormFields = {
+ approach: 10,
+};
+
+interface Props {
+ value: EnableApproachesFormFields;
+ error: ArrayError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ approachTitle?: React.ReactNode;
+ readOnly?: boolean;
+ approachApCodeOption?: EapApproachApCodeOption;
+}
+
+function OperationsBySectorInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ approachTitle,
+ readOnly,
+ approachApCodeOption,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const onFieldChange = useFormObject(index, onChange, defaultApproachValue);
+
+ const apCodeValue = approachApCodeOption?.[value.approach]?.join(', ');
+
+ const error = (value && value.approach && errorFromProps)
+ ? getErrorObject(errorFromProps?.[value.approach])
+ : undefined;
+
+ return (
+
+
+
+
+
+
+
+
+ );
+}
+
+export default OperationsBySectorInput;
diff --git a/app/src/views/EapSimplifiedForm/EnablingApproaches/i18n.json b/app/src/views/EapSimplifiedForm/EnablingApproaches/i18n.json
new file mode 100644
index 0000000000..481dbba8ee
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/EnablingApproaches/i18n.json
@@ -0,0 +1,21 @@
+{
+ "namespace": "eapSimplifiedForm",
+ "strings": {
+ "enablingApproachesTitle": "Enabling Approaches",
+ "enablingApproachesDescription": "Select approaches which are used in this Early Action Protocol.",
+ "enablingApproachesTooltip": "In this section you should present the activities that are not sector specific or cross cutting for the operation. For example, work with partners, governments, etc. is usually listed under Enabling Approach 1: Coordination and Partnership. The IFRC support costs to the implementation of the simplified should be reflected under Enabling Action 2: Secretariat Services, while any activities or costs related to the National Society, including volunteer insurance, volunteer visibility, contributions to salaries should be listed here under Enabling Approach 3: National Society Development.",
+ "enablingSectionHeading": "Quality Criteria: Enabling Operations",
+ "eapEnablingSectionHeading": "EAP activation",
+ "enablingSectionCriteriaIntroduction1": "National Society aims to implement the early action activities in the lead time, between the trigger and the impact of the event.",
+ "enablingSectionCriteriaComment11": "Early actions should be implemented with sufficient time for at risk communities to make use of the assistance received.",
+ "enablingSectionCriteriaComment12": "For slow onset or complex hazards, the impact may be interpreted as a spike or expected peak of impact which overwhelms the targeted community to cope. Therefore, the early actions should be activated with enough lead time to reduce impact of the hazard. In the case of drought, consider greater flexibility as it is challenging to identify the specific spike/peak as each will be context specific.",
+ "enablingSectionCriteriaIntroduction2": "The simplified EAP clearly explains who will be targeted with the early action activities and should target at least 2,000 people.",
+ "enablingSectionCriteriaComment21": "The National Society can use forecast information, expert judgment and vulnerability/exposure indicators to explain the process of deciding how they will select where the action will take place. The simplified EAP should explain the rationale of ‘at risk’ communities, should focus on the most vulnerable (rather than blanket coverage).",
+ "enablingSectionCriteriaComment22": "If the selection of people targeted cannot be done in advance of an activation, then the selection process needs to be feasible within the lead time.",
+ "enablingSectionCriteriaComment23": "The selection process should be coherent with IFRC minimum standards, including the Minimum Standards for PGI in Emergencies.",
+ "enablingMonitoringSectionCriteriaHeading": "Monitoring and Evaluation",
+ "enablingSectionCriteriaIntroduction3": "The simplified EAP includes a post-activation lesson learned workshop.",
+ "enablingSectionCriteriaComment31": "The simplified EAP must include a reasonable budget for a lessons learned workshop with partners and IFRC.",
+ "enablingSectionCriteriaComment32": "The simplified EAP could include a reasonable budget for monitoring early action activities of National Society staff and volunteers, with potential support from IFRC."
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/EnablingApproaches/index.tsx b/app/src/views/EapSimplifiedForm/EnablingApproaches/index.tsx
new file mode 100644
index 0000000000..c5358deb24
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/EnablingApproaches/index.tsx
@@ -0,0 +1,223 @@
+import {
+ useCallback,
+ useMemo,
+} from 'react';
+import {
+ Checklist,
+ Container,
+ Description,
+ Heading,
+ InputSection,
+ Label,
+ ListView,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { stringValueSelector } from '@ifrc-go/ui/utils';
+import { listToMap } from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+import { type components } from '#generated/types';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import { type GoApiResponse } from '#utils/restRequest';
+
+import GuidanceSeap from '../GuidanceSeap';
+import { type PartialSimplifiedEapType } from '../schema';
+import ApproachesInput from './ApproachesInput';
+
+import i18n from './i18n.json';
+
+type EapApproach = components['schemas']['EapApproachEnumKey'];
+type EapApproachOption = components['schemas']['EapApproachEnum'];
+
+type EnablingApproachesFormFields = NonNullable[number];
+type EapApproachApCodeOption = NonNullable['approach_ap_codes']>;
+
+interface Props {
+ value: PartialSimplifiedEapType;
+ error: Error | undefined;
+ disabled?: boolean;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ readOnly?: boolean;
+ approachApCodeOption?: EapApproachApCodeOption;
+}
+
+function approachesKeySelector(option: EapApproachOption) {
+ return option.key;
+}
+
+function EnablingApproaches(props: Props) {
+ const {
+ value,
+ error: formError,
+ disabled,
+ setFieldValue,
+ readOnly,
+ approachApCodeOption,
+ } = props;
+
+ const error = getErrorObject(formError);
+ const strings = useTranslation(i18n);
+
+ const { eap_approach: eapApproachOptions } = useGlobalEnums();
+
+ const eapApproachLabelMapping = useMemo(() => (
+ listToMap(
+ eapApproachOptions,
+ ({ key }) => key,
+ ({ value: label }) => label,
+ )
+ ), [eapApproachOptions]);
+
+ const {
+ setValue: onApproachChange,
+ removeValue: onApproachRemove,
+ } = useFormArray<'enabling_approaches', EnablingApproachesFormFields>(
+ 'enabling_approaches',
+ setFieldValue,
+ );
+
+ const handleApproachChecklistChange = useCallback((approaches: EapApproach[] | undefined) => {
+ setFieldValue((previousValue: EnablingApproachesFormFields[] | undefined) => {
+ const previousValueMapping = listToMap(
+ previousValue,
+ ({ approach }) => approach,
+ );
+
+ return approaches?.map((approach) => {
+ const prevApproachValue = previousValueMapping?.[approach];
+
+ if (prevApproachValue) {
+ return prevApproachValue;
+ }
+
+ return {
+ approach,
+ } satisfies EnablingApproachesFormFields;
+ });
+ }, 'enabling_approaches');
+ }, [setFieldValue]);
+
+ const selectedApproaches = value?.enabling_approaches?.map(({ approach }) => approach);
+
+ return (
+
+
+ {strings.eapEnablingSectionHeading}
+
+
+ {strings.enablingSectionCriteriaIntroduction1}
+
+
+
+ {strings.enablingSectionCriteriaComment11}
+
+
+ {strings.enablingSectionCriteriaComment12}
+
+
+
+ {strings.enablingSectionCriteriaIntroduction2}
+
+
+
+ {strings.enablingSectionCriteriaComment21}
+
+
+ {strings.enablingSectionCriteriaComment22}
+
+
+ {strings.enablingSectionCriteriaComment23}
+
+
+
+ {strings.enablingMonitoringSectionCriteriaHeading}
+
+
+ {strings.enablingSectionCriteriaIntroduction3}
+
+
+
+ {strings.enablingSectionCriteriaComment31}
+
+
+ {strings.enablingSectionCriteriaComment32}
+
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+ {strings.enablingApproachesTooltip}
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+ {value?.enabling_approaches?.map((approach, index) => (
+
+
+
+ );
+}
+
+export default EnablingApproaches;
diff --git a/app/src/views/EapSimplifiedForm/GuidanceSeap/i18n.json b/app/src/views/EapSimplifiedForm/GuidanceSeap/i18n.json
new file mode 100644
index 0000000000..2fdfae2fae
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/GuidanceSeap/i18n.json
@@ -0,0 +1,6 @@
+{
+ "namespace": "eapSimplifiedForm",
+ "strings": {
+ "guidanceSeapLabel": "Guidance For sEAP"
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/GuidanceSeap/index.tsx b/app/src/views/EapSimplifiedForm/GuidanceSeap/index.tsx
new file mode 100644
index 0000000000..42b22200db
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/GuidanceSeap/index.tsx
@@ -0,0 +1,32 @@
+import { CheckboxMultipleBlankFillIcon } from '@ifrc-go/icons';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+
+import InfoModal from '#components/domain/InfoModal';
+
+import i18n from './i18n.json';
+
+interface Props {
+ content: React.ReactNode;
+ heading: string;
+}
+
+function GuidanceSeap(props: Props) {
+ const {
+ content,
+ heading,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ return (
+ [number];
+
+interface Props {
+ value: PartialSimplifiedEapType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch>>;
+ eapRegistrationDetail?: EapRegistrationDetails;
+ readOnly?: boolean;
+}
+
+function Overview(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ eapRegistrationDetail,
+ readOnly,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const error = getErrorObject(formError);
+
+ const noOp = () => {};
+
+ const {
+ setValue: onPartnerContactChange,
+ removeValue: onPartnerContactRemove,
+ } = useFormArray<'partner_contacts', PartnerContactFormFields>(
+ 'partner_contacts',
+ setFieldValue,
+ );
+
+ const handlePartnerContactAdd = useCallback(() => {
+ const newPartnerContactItem: PartnerContactFormFields = {
+ client_id: randomString(),
+ };
+
+ setFieldValue(
+ (oldValue: PartnerContactFormFields[] | undefined) => (
+ [...(oldValue ?? []), newPartnerContactItem]
+ ),
+ 'partner_contacts' as const,
+ );
+ }, [setFieldValue]);
+
+ return (
+
+
+
+ {strings.sectionCriteriaIntroduction11}
+
+
+ {strings.sectionCriteriaIntroduction12}
+
+
+
+
+ {strings.sectionCriteriaComment11}
+
+
+ {strings.sectionCriteriaComment12}
+
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {value.partner_contacts?.map((contact, index) => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Overview;
diff --git a/app/src/views/EapSimplifiedForm/PartnerContactInput/i18n.json b/app/src/views/EapSimplifiedForm/PartnerContactInput/i18n.json
new file mode 100644
index 0000000000..33fe901b8f
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/PartnerContactInput/i18n.json
@@ -0,0 +1,10 @@
+{
+ "namespace": "eapSimplifiedForm",
+ "strings": {
+ "partnerNSNameLabel": "Name",
+ "partnerNSEmailLabel": "Email",
+ "partnerNSPhoneNumberLabel": "Phone Number",
+ "partnerNSTitleLabel": "Title",
+ "partnerNSDeleteButton": "Remove Contact"
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/PartnerContactInput/index.tsx b/app/src/views/EapSimplifiedForm/PartnerContactInput/index.tsx
new file mode 100644
index 0000000000..9b22ef8eed
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/PartnerContactInput/index.tsx
@@ -0,0 +1,121 @@
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Container,
+ IconButton,
+ ListView,
+ TextInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { randomString } from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import { type PartialSimplifiedEapType } from '../schema';
+
+import i18n from './i18n.json';
+
+type PartnerContactsFormFields = NonNullable[number];
+
+interface Props {
+ value: PartnerContactsFormFields;
+ error: ArrayError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ readOnly?: boolean;
+}
+
+function PartnerContactsInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ readOnly,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const onFieldChange = useFormObject(
+ index,
+ onChange,
+ () => ({
+ client_id: randomString(),
+ }),
+ );
+
+ const error = (value && value.client_id && errorFromProps)
+ ? getErrorObject(errorFromProps?.[value.client_id])
+ : undefined;
+
+ return (
+
+
+
+
+ );
+}
+
+export default PartnerContactsInput;
diff --git a/app/src/views/EapSimplifiedForm/PlannedOperations/OperationsInput/i18n.json b/app/src/views/EapSimplifiedForm/PlannedOperations/OperationsInput/i18n.json
new file mode 100644
index 0000000000..b66eb233e3
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/PlannedOperations/OperationsInput/i18n.json
@@ -0,0 +1,9 @@
+{
+ "namespace": "eapSimplifiedForm",
+ "strings": {
+ "operationPeopleTargeted": "People Targeted",
+ "operationBudget": "Budget(CHF)",
+ "operationApCode": "AP Code",
+ "operationRemoveButton": "Remove"
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/PlannedOperations/OperationsInput/index.tsx b/app/src/views/EapSimplifiedForm/PlannedOperations/OperationsInput/index.tsx
new file mode 100644
index 0000000000..9ce2a3fd86
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/PlannedOperations/OperationsInput/index.tsx
@@ -0,0 +1,159 @@
+import { DeleteBinTwoLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ ExpandableContainer,
+ ListView,
+ NumberInput,
+ TextInput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { noOp } from '@togglecorp/fujs';
+import {
+ type ArrayError,
+ getErrorObject,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import EapIndicatorListInput from '#components/domain/EapIndicatorListInput';
+import EapOperationActivityListInput from '#components/domain/EapOperationActivityListInput';
+import { type GoApiResponse } from '#utils/restRequest';
+
+import { type PartialSimplifiedEapType } from '../../schema';
+
+import i18n from './i18n.json';
+
+type PlannedOperationFormFields = NonNullable[number];
+
+type EapSectorApCodeOption = NonNullable['sector_ap_codes']>;
+
+const defaultOperationValue: PlannedOperationFormFields = {
+ sector: 101,
+};
+
+interface Props {
+ value: PlannedOperationFormFields;
+ error: ArrayError | undefined;
+ onChange: (value: SetValueArg, index: number) => void;
+ onRemove: (index: number) => void;
+ index: number;
+ disabled?: boolean;
+ operationTitle?: React.ReactNode;
+ readOnly?: boolean;
+ sectorApCodeOption?: EapSectorApCodeOption;
+}
+
+function OperationsBySectorInput(props: Props) {
+ const {
+ error: errorFromProps,
+ onChange,
+ value,
+ index,
+ onRemove,
+ disabled,
+ operationTitle,
+ readOnly,
+ sectorApCodeOption,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const onFieldChange = useFormObject(index, onChange, defaultOperationValue);
+
+ const apCodeValue = sectorApCodeOption?.[value.sector]?.join(', ');
+
+ const error = (value && value.sector && errorFromProps)
+ ? getErrorObject(errorFromProps?.[value.sector])
+ : undefined;
+
+ return (
+
+
+
+
+
+
+
+
+ );
+}
+
+export default OperationsBySectorInput;
diff --git a/app/src/views/EapSimplifiedForm/PlannedOperations/i18n.json b/app/src/views/EapSimplifiedForm/PlannedOperations/i18n.json
new file mode 100644
index 0000000000..81c5bd8b76
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/PlannedOperations/i18n.json
@@ -0,0 +1,21 @@
+{
+ "namespace": "eapSimplifiedForm",
+ "strings": {
+ "plannedOperationsTitle": "Planned Operations",
+ "plannedOperationsDescription": "Select sectors which are used in this Early Action Protocol.",
+ "plannedOperationsTooltipDescription": "In this section the National Society should reflect the sectors they plan to work on and delete the sectors that are not needed. We recommend keeping the plan simple, focus on key deliverables and not on all the steps that need to be taken to reach those deliverables. In the budget template the National Society can be much more specific and list all the activities that the plan to undertake (more details regarding the budget are provided in the ‘Budget’ section.",
+ "plannedSectionHeading": "Quality Criteria: Planned Operations",
+ "eapPlannedSectionHeading": "EAP activation",
+ "plannedSectionCriteriaIntroduction1": "National Society aims to implement the early action activities in the lead time, between the trigger and the impact of the event.",
+ "plannedSectionCriteriaComment11": "Early actions should be implemented with sufficient time for at risk communities to make use of the assistance received.",
+ "plannedSectionCriteriaComment12": "For slow onset or complex hazards, the impact may be interpreted as a spike or expected peak of impact which overwhelms the targeted community to cope. Therefore, the early actions should be activated with enough lead time to reduce impact of the hazard. In the case of drought, consider greater flexibility as it is challenging to identify the specific spike/peak as each will be context specific.",
+ "plannedSectionCriteriaIntroduction2": "The simplified EAP clearly explains who will be targeted with the early action activities and should target at least 2,000 people.",
+ "plannedSectionCriteriaComment21": "The National Society can use forecast information, expert judgment and vulnerability/exposure indicators to explain the process of deciding how they will select where the action will take place. The simplified EAP should explain the rationale of ‘at risk’ communities, should focus on the most vulnerable (rather than blanket coverage).",
+ "plannedSectionCriteriaComment22": "If the selection of people targeted cannot be done in advance of an activation, then the selection process needs to be feasible within the lead time.",
+ "plannedSectionCriteriaComment23": "The selection process should be coherent with IFRC minimum standards, including the Minimum Standards for PGI in Emergencies.",
+ "monitoringSectionCriteriaHeading": "Monitoring and Evaluation",
+ "plannedSectionCriteriaIntroduction3": "The simplified EAP includes a post-activation lesson learned workshop.",
+ "plannedSectionCriteriaComment31": "The simplified EAP must include a reasonable budget for a lessons learned workshop with partners and IFRC.",
+ "plannedSectionCriteriaComment32": "The simplified EAP could include a reasonable budget for monitoring early action activities of National Society staff and volunteers, with potential support from IFRC."
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/PlannedOperations/index.tsx b/app/src/views/EapSimplifiedForm/PlannedOperations/index.tsx
new file mode 100644
index 0000000000..8540733ec8
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/PlannedOperations/index.tsx
@@ -0,0 +1,223 @@
+import {
+ useCallback,
+ useMemo,
+} from 'react';
+import {
+ Checklist,
+ Container,
+ Description,
+ Heading,
+ InputSection,
+ Label,
+ ListView,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { stringValueSelector } from '@ifrc-go/ui/utils';
+import { listToMap } from '@togglecorp/fujs';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+ useFormArray,
+} from '@togglecorp/toggle-form';
+
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import NonFieldError from '#components/NonFieldError';
+import TabPage from '#components/TabPage';
+import { type components } from '#generated/types';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import { type GoApiResponse } from '#utils/restRequest';
+
+import GuidanceSeap from '../GuidanceSeap';
+import { type PartialSimplifiedEapType } from '../schema';
+import OperationInput from './OperationsInput';
+
+import i18n from './i18n.json';
+
+type EapSector = components['schemas']['EapSectorEnumKey'];
+type EapSectorOption = components['schemas']['EapSectorEnum'];
+
+type PlannedOperationFormFields = NonNullable[number];
+type EapSectorApCodeOption = NonNullable['sector_ap_codes']>;
+
+function sectorKeySelector(option: EapSectorOption) {
+ return option.key;
+}
+
+interface Props {
+ value: PartialSimplifiedEapType;
+ error: Error | undefined;
+ disabled?: boolean;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ readOnly?: boolean;
+ sectorApCodeOption?: EapSectorApCodeOption;
+}
+
+function PlannedOperations(props: Props) {
+ const {
+ value,
+ error: formError,
+ disabled,
+ setFieldValue,
+ readOnly,
+ sectorApCodeOption,
+ } = props;
+
+ const error = getErrorObject(formError);
+ const strings = useTranslation(i18n);
+ const { eap_sector: eapSectorOptions } = useGlobalEnums();
+
+ const eapSectorLabelMapping = useMemo(() => (
+ listToMap(
+ eapSectorOptions,
+ ({ key }) => key,
+ ({ value: label }) => label,
+ )
+ ), [eapSectorOptions]);
+
+ const {
+ setValue: onOperationChange,
+ removeValue: onOperationRemove,
+ } = useFormArray<'planned_operations', PlannedOperationFormFields>(
+ 'planned_operations',
+ setFieldValue,
+ );
+
+ const handleOperationChecklistChange = useCallback((sectors: EapSector[] | undefined) => {
+ setFieldValue((previousValue: PlannedOperationFormFields[] | undefined) => {
+ const previousValueMapping = listToMap(
+ previousValue,
+ ({ sector }) => sector,
+ );
+
+ return sectors?.map((sector) => {
+ const prevSectorValue = previousValueMapping?.[sector];
+
+ if (prevSectorValue) {
+ return prevSectorValue;
+ }
+
+ return {
+ sector,
+ } satisfies PlannedOperationFormFields;
+ });
+ }, 'planned_operations');
+ }, [setFieldValue]);
+
+ const selectedSectors = value?.planned_operations?.map(({ sector }) => sector);
+
+ return (
+
+
+ {strings.eapPlannedSectionHeading}
+
+
+ {strings.plannedSectionCriteriaIntroduction1}
+
+
+
+ {strings.plannedSectionCriteriaComment11}
+
+
+ {strings.plannedSectionCriteriaComment12}
+
+
+
+ {strings.plannedSectionCriteriaIntroduction2}
+
+
+
+ {strings.plannedSectionCriteriaComment21}
+
+
+ {strings.plannedSectionCriteriaComment22}
+
+
+ {strings.plannedSectionCriteriaComment23}
+
+
+
+ {strings.monitoringSectionCriteriaHeading}
+
+
+ {strings.plannedSectionCriteriaIntroduction3}
+
+
+
+ {strings.plannedSectionCriteriaComment31}
+
+
+ {strings.plannedSectionCriteriaComment32}
+
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+ {strings.plannedOperationsTooltipDescription}
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+ {value?.planned_operations?.map((operation, index) => (
+
+
+
+ );
+}
+
+export default PlannedOperations;
diff --git a/app/src/views/EapSimplifiedForm/RiskAnalysis/i18n.json b/app/src/views/EapSimplifiedForm/RiskAnalysis/i18n.json
new file mode 100644
index 0000000000..8c77f1b1a2
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/RiskAnalysis/i18n.json
@@ -0,0 +1,45 @@
+{
+ "namespace": "eapSimplifiedForm",
+ "strings": {
+ "riskHeading": "Risk Analysis",
+ "riskDescription": "Which hazard needs to be addressed by aniticipatory actions in the country as a priority? Provide an explanation on the reasons that the selected hazard was chosen for this simplified Eap, why it is a major problem in the country and the humanitarian impacts it has caused in the past. Describe the extent to which this hazard has produced and/or will produce negative impacts on lives, livelihoods, well-being and other development aspects.",
+ "riskTooltipDescription": "To fill out this section, the National Society might look at past {drefOperationsLink} {goPlatformLink} {reliefwebLink} {desinventarLink} {eMdATLink} {idmcLink} government sites, newspapers, etc. The National Society might also add explanations based on their own knowledge about direct and indirect impacts. They might also explain why avoiding and/or reducing disaster impacts due to this hazard is a priority for the Government and the National Society.",
+ "drefOperationsLink": "DREF operations",
+ "goPlatformLink": "Go platform",
+ "reliefwebLink": "reliefweb",
+ "desinventarLink": "Desinventar",
+ "eMdATLink": "EM-DAT",
+ "uploadImageLabel": "Upload upto 5 images (optional)",
+ "idmcLink": "Internal Displacement Monitoring Centre",
+ "historicalImpact": "Prioritized hazard and its historical impact",
+ "riskDescriptionLabel": "Description",
+ "riskProtocol": "Risk selected for the protocol",
+ "riskProtocolDescription": "Recognizing that the simplified EAP will not be able to address all potential risks and based on the analysis of past impacts, what are the main risks that the National Society has decided to focus on for this plan.",
+ "earlyActionSelection": "Early Action Selection",
+ "selectedEarlyAction": "Selected early actions",
+ "selectedEarlyActionDescription": "Explain how the early actions were selected and how they will mitigate the prioritized risk and bring about the intended outcome for the most vulnerable, at-risk individuals and communities.",
+ "selectedEarlyActionDescription1": "The early actions selected by the National Society have to be linked to the hazard’s impact. If ‘loss of key documentation (such as identifications, house deeds, and birth certificates)’ is put forward as one of the prioritized impacts of a flood, then select an early action that will mitigate the risk, e.g,: ‘distribution of dry bags before a flood’. In this section the National Society can explain the connection between the risk they want to mitigate and the early action they plan to implement. This chain of events is also called the ‘theory of change’. For more information on this process, please consult the selection of early actions in {earlyActionsLink}",
+ "earlyActionsLink": "the FbF Practitioners Manual.",
+ "selectedEarlyActionDescription2": "When deciding on the risk the National Society will prioritize, discuss the following:",
+ "selectedEarlyActionDescription21": "Does this risk impact vulnerable people’s lives?",
+ "selectedEarlyActionDescription22": "Is there something we can do to mitigate this risk in the given lead time?",
+ "selectedEarlyActionDescription23": "Does this prioritized risk align with the priorities of communities and local actors?",
+ "selectedEarlyActionDescription24": "Is it in the National Society mandate to do early actions to mitigate that risk?",
+ "selectedEarlyActionDescription25": "Does the National Society have the capacity and systems to conduct early actions within the lead time for the risk they want to prioritize?",
+ "selectedEarlyActionDescription3": "For example, a major impact of a flood may be the destruction of public infrastructure, such as bridges or roads. However, the National Red Cross, Red Crescent Societies may not have the mandate or the capacity to do early actions for that impact in the short lead time from the forecast to the impact of the hazard.",
+ "earlyActionSectionCriteriaHeading": "Early Actions",
+ "riskSectionHeading": "Quality Criteria: Risk Analysis & Early Action Selection",
+ "riskSectionCriteriaIntroduction1": "Hazard selection is supported with evidence related to the historical disaster impact.",
+ "riskSectionCriteriaComment11": "The simplified EAP should provide sufficient justification of the prioritized hazard and explain the observed negative impacts that the hazard had on lives, livelihoods and wellbeing in the past.",
+ "riskSectionCriteriaComment12": "The evidence provided should demonstrate that the impacts were above seasonal average magnitude and have warranted humanitarian assistance.",
+ "riskSectionCriteriaComment13": "For certain types of hazards (such as drought, food security, population movement crisis), there may be limited historical disaster data available. The simplified EAP may consider profiling proxy data/ reference data from other countries/ regions with a similar context to support this analysis.",
+ "riskSectionCriteriaIntroduction2": "The risks being prioritized are relevant to the hazard’s main impacts.",
+ "riskSectionCriteriaComment2": "There must be a clear connection between the hazard’s impacts →the prioritized risks → selected early action.",
+ "riskSectionCriteriaIntroduction3": "Selected early actions seek to reduce the possible impacts of the risks prioritized by the National Society.",
+ "riskSectionCriteriaComment31": "The early action activities aim to reduce the impact of the selected hazard.",
+ "riskSectionCriteriaComment32": "In case evidence is available, there should be a description on the effectiveness of the action in reducing the targeted impact.",
+ "riskSectionCriteriaComment33": "If evidence is not available, further information may be requested on how the National Society foresee that the action chosen will reduce the specific risk.",
+ "riskSectionCriteriaIntroduction4": "Selected early action activities are planned in accordance with identified standards.",
+ "riskSectionCriteriaComment4": "If relevant for the type of intervention, actions should be in line with accepted international and/or national standards, regulations, laws for the relevant sector. E.g. SPHERE, LEGS, Minimum standards for protection, gender and inclusion in emergencies and the principles of Do No Harm."
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/RiskAnalysis/index.tsx b/app/src/views/EapSimplifiedForm/RiskAnalysis/index.tsx
new file mode 100644
index 0000000000..972611e1de
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/RiskAnalysis/index.tsx
@@ -0,0 +1,351 @@
+import {
+ Container,
+ Description,
+ Heading,
+ InputSection,
+ Label,
+ ListView,
+ TextArea,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { resolveToComponent } from '@ifrc-go/ui/utils';
+import {
+ type EntriesAsList,
+ type Error,
+ getErrorObject,
+} from '@togglecorp/toggle-form';
+
+import MultiImageWithCaptionInput from '#components/domain/MultiImageWithCaptionInput';
+import ExplanatoryNote from '#components/ExplanatoryNote';
+import Link from '#components/Link';
+import TabPage from '#components/TabPage';
+
+import { charLimits } from '../common';
+import GuidanceSeap from '../GuidanceSeap';
+import { type PartialSimplifiedEapType } from '../schema';
+
+import i18n from './i18n.json';
+
+interface Props {
+ value: PartialSimplifiedEapType;
+ setFieldValue: (...entries: EntriesAsList) => void;
+ error: Error | undefined;
+ disabled?: boolean;
+ fileIdToUrlMap: Record;
+ setFileIdToUrlMap?: React.Dispatch>>;
+ readOnly?: boolean;
+}
+
+function RiskAnalysis(props: Props) {
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ disabled,
+ fileIdToUrlMap,
+ setFileIdToUrlMap,
+ readOnly,
+ } = props;
+
+ const error = getErrorObject(formError);
+ const strings = useTranslation(i18n);
+
+ return (
+
+
+ {strings.riskHeading}
+
+
+ {strings.riskSectionCriteriaIntroduction1}
+
+
+
+ {strings.riskSectionCriteriaComment11}
+
+
+ {strings.riskSectionCriteriaComment12}
+
+
+ {strings.riskSectionCriteriaComment13}
+
+
+
+ {strings.riskSectionCriteriaIntroduction2}
+
+
+ {strings.riskSectionCriteriaComment2}
+
+
+ {strings.earlyActionSectionCriteriaHeading}
+
+
+ {strings.riskSectionCriteriaIntroduction3}
+
+
+
+ {strings.riskSectionCriteriaComment31}
+
+
+ {strings.riskSectionCriteriaComment32}
+
+
+ {strings.riskSectionCriteriaComment33}
+
+
+
+ {strings.riskSectionCriteriaIntroduction4}
+
+
+ {strings.riskSectionCriteriaComment4}
+
+
+ )}
+ />
+ )}
+ >
+
+
+
+
+ {resolveToComponent(
+ strings.riskTooltipDescription,
+ {
+ drefOperationsLink: (
+
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+
+
+
+
+
+
+
+ {resolveToComponent(
+ strings.selectedEarlyActionDescription1,
+ {
+ earlyActionsLink: (
+
+
+ {strings.selectedEarlyActionDescription2}
+
+
+
+
+ {strings.selectedEarlyActionDescription21}
+
+
+ {strings.selectedEarlyActionDescription22}
+
+
+ {strings.selectedEarlyActionDescription23}
+
+
+ {strings.selectedEarlyActionDescription24}
+
+
+ {strings.selectedEarlyActionDescription25}
+
+
+
+
+ {strings.selectedEarlyActionDescription3}
+
+
+ )}
+ />
+ )}
+ withAsteriskOnTitle
+ >
+
+
+
+ );
+}
+
+export default RiskAnalysis;
diff --git a/app/src/views/EapSimplifiedForm/common.tsx b/app/src/views/EapSimplifiedForm/common.tsx
new file mode 100644
index 0000000000..9bafe9b795
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/common.tsx
@@ -0,0 +1,197 @@
+import { isNotDefined } from '@togglecorp/fujs';
+import {
+ analyzeErrors,
+ type Error,
+ getErrorObject,
+} from '@togglecorp/toggle-form';
+
+import { type PartialSimplifiedEapType } from './schema';
+
+export type TabKeys = 'overview' | 'riskAnalysis' | 'earlyAction' | 'plannedOperations' | 'enablingApproaches' | 'deliveryAndBudget';
+
+type FormKeys = keyof PartialSimplifiedEapType;
+
+const overviewTabFields = [
+ 'cover_image_file',
+ 'modified_at',
+ 'seap_timeframe',
+ 'national_society_contact_name',
+ 'national_society_contact_title',
+ 'national_society_contact_email',
+ 'national_society_contact_phone_number',
+ 'partners',
+ 'partner_contacts',
+ 'dref_focal_point_name',
+ 'dref_focal_point_email',
+ 'dref_focal_point_phone_number',
+ 'ifrc_delegation_focal_point_name',
+ 'ifrc_delegation_focal_point_title',
+ 'ifrc_delegation_focal_point_email',
+ 'ifrc_delegation_focal_point_phone_number',
+ 'dref_focal_point_name',
+ 'dref_focal_point_title',
+ 'dref_focal_point_email',
+ 'dref_focal_point_phone_number',
+ 'ifrc_regional_focal_point_name',
+ 'ifrc_regional_focal_point_title',
+ 'ifrc_regional_focal_point_email',
+ 'ifrc_regional_focal_point_phone_number',
+ 'ifrc_regional_ops_manager_name',
+ 'ifrc_regional_ops_manager_title',
+ 'ifrc_regional_ops_manager_email',
+ 'ifrc_regional_ops_manager_phone_number',
+ 'ifrc_regional_head_dcc_name',
+ 'ifrc_regional_head_dcc_title',
+ 'ifrc_regional_head_dcc_email',
+ 'ifrc_regional_head_dcc_phone_number',
+ 'ifrc_global_ops_coordinator_name',
+ 'ifrc_global_ops_coordinator_title',
+ 'ifrc_global_ops_coordinator_email',
+ 'ifrc_global_ops_coordinator_phone_number',
+ 'ifrc_head_of_delegation_name',
+ 'ifrc_head_of_delegation_title',
+ 'ifrc_head_of_delegation_email',
+ 'ifrc_head_of_delegation_phone_number',
+] as const satisfies FormKeys[];
+
+type OverviewKeys = typeof overviewTabFields[number];
+
+const riskAnalysisTabFields = [
+ 'prioritized_hazard_and_impact',
+ 'hazard_impact_images',
+ 'risks_selected_protocols',
+ 'risk_selected_protocols_images',
+ 'selected_early_actions',
+ 'selected_early_actions_images',
+] as const satisfies Exclude[];
+
+type RiskAnalysisKeys = typeof riskAnalysisTabFields[number];
+
+const earlyActionTabFields = [
+ 'overall_objective_intervention',
+ 'potential_geographical_high_risk_areas',
+ 'admin2',
+ 'people_targeted',
+ 'assisted_through_operation',
+ 'selection_criteria',
+ 'trigger_statement',
+ 'seap_lead_time',
+ 'seap_lead_timeframe_unit',
+ 'operational_timeframe',
+ 'operational_timeframe_unit',
+ 'trigger_threshold_justification',
+ 'next_step_towards_full_eap',
+] as const satisfies Exclude[];
+
+type EarlyActionKeys = typeof earlyActionTabFields[number];
+
+const plannedOperationsTabFields = [
+ 'planned_operations',
+] as const satisfies Exclude[];
+
+type PlannedOperationsKeys = typeof plannedOperationsTabFields[number];
+
+const enablingApproachesTabFields = [
+ 'enabling_approaches',
+] as const satisfies Exclude[];
+
+type EnablingApproachesKeys = typeof enablingApproachesTabFields[number];
+
+const deliveryAndBudgetTabFields = [
+ 'early_action_capability',
+ 'rcrc_movement_involvement',
+ 'total_budget',
+ 'readiness_budget',
+ 'pre_positioning_budget',
+ 'early_action_budget',
+ 'budget_file',
+ 'updated_checklist_file',
+] as const satisfies Exclude[];
+
+type DeliveryAndBudgetKeys = typeof deliveryAndBudgetTabFields[number];
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const unusedKeys = [
+ 'parent',
+ 'diff_file',
+ 'created_by',
+ 'export_file',
+ 'modified_by',
+ 'eap_registration',
+ 'review_checklist_file',
+] as const satisfies Exclude[];
+
+type UnusedKeys = typeof unusedKeys[number];
+
+const remainingKeys: Exclude[] = [];
+
+remainingKeys[0]! satisfies never;
+
+const tabToFieldsMap: Record = {
+ overview: overviewTabFields,
+ riskAnalysis: riskAnalysisTabFields,
+ earlyAction: earlyActionTabFields,
+ plannedOperations: plannedOperationsTabFields,
+ enablingApproaches: enablingApproachesTabFields,
+ deliveryAndBudget: deliveryAndBudgetTabFields,
+};
+
+export function checkTabErrors(
+ error: Error | undefined,
+ tabKey: TabKeys,
+) {
+ if (isNotDefined(analyzeErrors(error))) {
+ return false;
+ }
+
+ const fields = tabToFieldsMap[tabKey];
+ const fieldErrors = getErrorObject(error);
+
+ const hasErrorOnAnyField = fields.some(
+ (field) => {
+ const fieldError = fieldErrors?.[field];
+ const isErrored = analyzeErrors(fieldError);
+ return isErrored;
+ },
+ );
+
+ return hasErrorOnAnyField;
+}
+
+export const charLimits = {
+ prioritized_hazard_and_impact: 500,
+ risks_selected_protocols: 150,
+ selected_early_actions: 150,
+ overall_objective_intervention: 150,
+ potential_geographical_high_risk_areas: 100,
+ assisted_through_operation: 100,
+ selection_criteria: 100,
+ trigger_statement: 100,
+ trigger_threshold_justification: 100,
+ next_step_towards_full_eap: 100,
+ early_action_capability: 500,
+ rcrc_movement_involvement: 150,
+ people_targeted: 2000,
+} satisfies { [key in FormKeys]?: number };
diff --git a/app/src/views/EapSimplifiedForm/i18n.json b/app/src/views/EapSimplifiedForm/i18n.json
new file mode 100644
index 0000000000..e370d8e91d
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/i18n.json
@@ -0,0 +1,35 @@
+{
+ "namespace": "form",
+ "strings": {
+ "pageHeading": "{country}: {disaster} - Simplified EAP",
+ "pageDescription": "Use the following form to submit the details of your Simplified Early Action Protocols (sEAP) submission",
+ "overviewTabLabel": "Overview",
+ "riskAnalysisTabLabel": "Risk Analysis & Early Action Selection",
+ "earlyActionTabLabel": "Early Action Intervention",
+ "plannedOperationsTabLabel": "Planned Operations",
+ "enablingApproachesTabLabel": "Enabling Approaches",
+ "formShareButtonAriaLabel": "Share EAP",
+ "deliveryAndBudgetTabLabel": "Conditions to deliver & budgets",
+ "cancelButtonLabel": "Cancel",
+ "backButtonLabel": "Back",
+ "nextButtonLabel": "Next",
+ "saveButtonLabel": "Save",
+ "createFailureMessage": "Failed to create the EAP!",
+ "updateFailureMessage": "Failed to update the EAP!",
+ "createSuccessMessage": "Successfully created a new Simplified EAP!",
+ "updateSuccessMessage": "Simplified EAP Form updated Successfully!",
+ "backToAccountLinkLabel": "Back",
+ "readOnlyWarningMessage": "You’re viewing this form in read-only mode. Editing is currently disabled.",
+ "submitApprovalSuccess": "Successfully submitted EAP for approval!",
+ "submitFailedSuccess": "Failed to submit the EAP for approval!",
+ "validationErrorAlertMessage": "Please fix all the errors before continuing!",
+ "savingPendingMessage": "Saving data...",
+ "submitFormErrorMessage": "Please make sure you've filled in all the required details before proceeding!",
+ "submitButtonLabel": "Submit for approval",
+ "submitConfirmButtonLabel": "Confirm",
+ "submitConfirmHeading": "Submit EAP for approval",
+ "submitConfirmMessage": "Are you sure you want to submit the EAP? Reviewers will be notified and you'll no longer be able to edit the form!",
+ "formLoadErrorTitle": "Failed to load Simplified EAP form!",
+ "formLoadErrorHelpText": "Please make sure that the Simplified EAP form with given id exists and you have the permission to view it"
+ }
+}
diff --git a/app/src/views/EapSimplifiedForm/index.tsx b/app/src/views/EapSimplifiedForm/index.tsx
new file mode 100644
index 0000000000..c04c0ab532
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/index.tsx
@@ -0,0 +1,955 @@
+import {
+ useCallback,
+ useEffect,
+ useMemo,
+ useRef,
+ useState,
+} from 'react';
+import {
+ useLocation,
+ useParams,
+ useSearchParams,
+} from 'react-router-dom';
+import { ShareFillIcon } from '@ifrc-go/icons';
+import {
+ Alert,
+ Button,
+ IconButton,
+ InlineLayout,
+ ListView,
+ Message,
+ Modal,
+ Tab,
+ TabList,
+ TabPanel,
+ Tabs,
+ TopBanner,
+} from '@ifrc-go/ui';
+import {
+ useBooleanState,
+ useTranslation,
+} from '@ifrc-go/ui/hooks';
+import {
+ injectClientId,
+ resolveToString,
+} from '@ifrc-go/ui/utils';
+import {
+ isDefined,
+ isNotDefined,
+ isTruthyString,
+ listToMap,
+} from '@togglecorp/fujs';
+import {
+ analyzeErrors,
+ createSubmitHandler,
+ removeNull,
+ useForm,
+} from '@togglecorp/toggle-form';
+
+import EapObsoleteResolutionModal from '#components/domain/EapObsoleteResolutionModal';
+import EapShareModal from '#components/domain/EapShareModal';
+import Link from '#components/Link';
+import Page from '#components/Page';
+import useAlert from '#hooks/useAlert';
+import useRouting from '#hooks/useRouting';
+import {
+ EAP_STATUS_NS_ADDRESSING_COMMENTS,
+ EAP_STATUS_UNDER_DEVELOPMENT,
+ EAP_STATUS_UNDER_REVIEW,
+ EAP_TYPE_SIMPLIFIED,
+} from '#utils/constants';
+import {
+ type GoApiBody,
+ type GoApiResponse,
+ useLazyRequest,
+ useRequest,
+} from '#utils/restRequest';
+import {
+ matchArray,
+ NUM,
+ type ResponseObjectError,
+ transformObjectError,
+} from '#utils/restRequest/error';
+
+import {
+ checkTabErrors,
+ type TabKeys,
+} from './common';
+import DeliveryAndBudget from './DeliveryAndBudget';
+import EarlyAction from './EarlyAction';
+import EnablingApproaches from './EnablingApproaches';
+import Overview from './Overview';
+import PlannedOperations from './PlannedOperations';
+import RiskAnalysis from './RiskAnalysis';
+import {
+ formSchema,
+ type PartialSimplifiedEapType,
+} from './schema';
+
+import i18n from './i18n.json';
+
+const DEFAULT_SEAP_TIMEFRAME = 2; // num years
+
+// FIXME: this should satisfy some enum
+const OPERATION_TIMEFRAME_UNIT = 20; // months
+
+type EapSimplifiedRequestBody = GoApiBody<'/api/v2/simplified-eap/', 'POST'>;
+type GetSimplifiedResponse = GoApiResponse<'/api/v2/simplified-eap/{id}/'>;
+
+type EapStatusBody = GoApiBody<'/api/v2/eap-registration/{id}/status/', 'POST'>;
+
+function getNextStep(current: TabKeys, direction: 1 | -1) {
+ const tabKeyList: TabKeys[] = [
+ 'overview',
+ 'riskAnalysis',
+ 'earlyAction',
+ 'plannedOperations',
+ 'enablingApproaches',
+ 'deliveryAndBudget',
+ ];
+
+ const currentIndex = tabKeyList.findIndex((key) => key === current);
+
+ return tabKeyList[currentIndex + direction];
+}
+
+const defaultFormValue: PartialSimplifiedEapType = {};
+
+/** @knipignore */
+// eslint-disable-next-line import/prefer-default-export
+export function Component() {
+ const strings = useTranslation(i18n);
+ const { navigate } = useRouting();
+ const { state } = useLocation();
+ const alert = useAlert();
+ const { eapId } = useParams<{ eapId: string }>();
+ const [searchParams] = useSearchParams();
+ const versionFromParams = searchParams.get('version') ?? undefined;
+
+ const [shouldSubmit, setShouldSubmit] = useState(false);
+ const [
+ showObsoletePayloadModal,
+ setShowObsoletePayloadModal,
+ ] = useState(false);
+
+ const tabListRef = useRef(null);
+ const lastModifiedAtRef = useRef(undefined);
+ const shouldSubmitRef = useRef(false);
+
+ const {
+ pending: eapRegistrationPending,
+ response: eapRegistrationResponse,
+ retrigger: eapRegistrationRetrigger,
+ } = useRequest({
+ skip: isNotDefined(eapId),
+ url: '/api/v2/eap-registration/{id}/',
+ pathVariables: isTruthyString(eapId) ? {
+ id: Number(eapId),
+ } : undefined,
+ });
+
+ const selectedSimplifiedEap = eapRegistrationResponse?.simplified_eap_details?.find(
+ (simplifiedEap) => String(simplifiedEap.version) === String(versionFromParams),
+ );
+
+ const latestSimplifiedEapId = eapRegistrationResponse?.latest_simplified_eap ?? undefined;
+ const latestSimplifiedEap = eapRegistrationResponse?.simplified_eap_details?.find(
+ (simplifiedEap) => simplifiedEap.id === latestSimplifiedEapId,
+ );
+
+ const currentSimplifiedEap = selectedSimplifiedEap ?? latestSimplifiedEap;
+ const currentSimplifiedEapId = currentSimplifiedEap?.id;
+
+ const isLocked = currentSimplifiedEap?.is_locked;
+ const isRevision = eapRegistrationResponse?.status === EAP_STATUS_NS_ADDRESSING_COMMENTS
+ && (isDefined(currentSimplifiedEap?.version) && currentSimplifiedEap?.version > 1)
+ && !isLocked;
+
+ const getIsSubmission = useCallback(() => shouldSubmitRef.current, []);
+ const {
+ value,
+ setFieldValue,
+ error: formError,
+ setError,
+ validate,
+ setValue,
+ } = useForm(
+ formSchema,
+ { value: defaultFormValue },
+ {
+ isRevision,
+ getIsSubmission,
+ },
+ );
+
+ const [fileIdToUrlMap, setFileIdToUrlMap] = useState>({});
+
+ const updateFileUrlMapping = useCallback((response: GetSimplifiedResponse) => {
+ setFileIdToUrlMap((prevMap) => {
+ const {
+ cover_image_file,
+
+ hazard_impact_images,
+ risk_selected_protocols_images,
+ selected_early_actions_images,
+
+ budget_file_details,
+
+ updated_checklist_file_details,
+ } = response;
+
+ return {
+ ...prevMap,
+ ...listToMap(
+ [
+ cover_image_file,
+ ...hazard_impact_images ?? [],
+ ...risk_selected_protocols_images ?? [],
+ ...selected_early_actions_images ?? [],
+ budget_file_details,
+ updated_checklist_file_details,
+ ].map(
+ (eapFile) => {
+ if (isNotDefined(eapFile)) {
+ return undefined;
+ }
+
+ const {
+ id,
+ file,
+ } = eapFile;
+
+ if (isNotDefined(id) || isNotDefined(file)) {
+ return undefined;
+ }
+
+ return {
+ id,
+ file,
+ };
+ },
+ ).filter(isDefined),
+ (file) => file.id,
+ (file) => file.file,
+ ),
+ };
+ });
+ }, []);
+
+ const updateFormValueFromResponse = useCallback((response: GetSimplifiedResponse) => {
+ updateFileUrlMapping(response);
+ lastModifiedAtRef.current = response?.modified_at;
+
+ const {
+ planned_operations,
+ enabling_approaches,
+ cover_image_file,
+ hazard_impact_images,
+ selected_early_actions_images,
+ risk_selected_protocols_images,
+ partner_contacts,
+ ...otherValues
+ } = removeNull(response);
+
+ setValue({
+ ...otherValues,
+
+ cover_image_file: isDefined(cover_image_file)
+ ? injectClientId(cover_image_file)
+ : undefined,
+
+ partner_contacts: partner_contacts?.map(injectClientId),
+
+ hazard_impact_images: hazard_impact_images?.map(injectClientId),
+ selected_early_actions_images: selected_early_actions_images?.map(injectClientId),
+ risk_selected_protocols_images: risk_selected_protocols_images?.map(injectClientId),
+
+ planned_operations: planned_operations?.map((intervention) => ({
+ ...intervention,
+ indicators: intervention.indicators?.map(injectClientId),
+ early_action_activities: intervention.early_action_activities?.map(injectClientId),
+ readiness_activities: intervention.readiness_activities?.map(injectClientId),
+ prepositioning_activities: intervention.prepositioning_activities
+ ?.map(injectClientId),
+ })),
+ enabling_approaches: enabling_approaches?.map((approach) => ({
+ ...approach,
+ indicators: approach.indicators?.map(injectClientId),
+ early_action_activities: approach.early_action_activities?.map(injectClientId),
+ readiness_activities: approach.readiness_activities?.map(injectClientId),
+ prepositioning_activities: approach.prepositioning_activities?.map(injectClientId),
+ })),
+ });
+ }, [updateFileUrlMapping, setValue]);
+
+ const processServerErrors = useCallback((
+ errors: ResponseObjectError,
+ formValue: PartialSimplifiedEapType,
+ ) => {
+ setError(transformObjectError(
+ errors,
+ (locations) => {
+ let match = matchArray(locations, ['cover_image_file', NUM]);
+ if (isDefined(match)) {
+ return formValue?.cover_image_file?.client_id;
+ }
+
+ match = matchArray(locations, ['partner_contacts', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.partner_contacts?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, ['hazard_impact_images', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.hazard_impact_images?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, ['risk_selected_protocols_images', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.risk_selected_protocols_images?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, ['selected_early_actions_images', NUM]);
+ if (isDefined(match)) {
+ const [index] = match;
+ return formValue?.selected_early_actions_images?.[index!]?.client_id;
+ }
+
+ match = matchArray(locations, ['planned_operations', NUM, 'indicators', NUM]);
+ if (isDefined(match)) {
+ const [poIndex, index] = match;
+ return formValue?.planned_operations?.[poIndex!]
+ ?.indicators?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['planned_operations', NUM, 'early_action_activities', NUM]);
+ if (isDefined(match)) {
+ const [poIndex, index] = match;
+ return formValue?.planned_operations?.[poIndex!]
+ ?.early_action_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['planned_operations', NUM, 'readiness_activities', NUM]);
+ if (isDefined(match)) {
+ const [poIndex, index] = match;
+ return formValue?.planned_operations?.[poIndex!]
+ ?.readiness_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['planned_operations', NUM, 'prepositioning_activities', NUM]);
+ if (isDefined(match)) {
+ const [poIndex, index] = match;
+ return formValue?.planned_operations?.[poIndex!]
+ ?.prepositioning_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['planned_operations', NUM]);
+ if (isDefined(match)) {
+ const [poIndex] = match;
+ return formValue?.planned_operations?.[poIndex!]?.sector;
+ }
+ match = matchArray(locations, ['enabling_approaches', NUM, 'indicators', NUM]);
+ if (isDefined(match)) {
+ const [eaIndex, index] = match;
+ return formValue?.enabling_approaches?.[eaIndex!]
+ ?.indicators?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['enabling_approaches', NUM, 'early_action_activities', NUM]);
+ if (isDefined(match)) {
+ const [eaIndex, index] = match;
+ return formValue?.enabling_approaches?.[eaIndex!]
+ ?.early_action_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['enabling_approaches', NUM, 'readiness_activities', NUM]);
+ if (isDefined(match)) {
+ const [eaIndex, index] = match;
+ return formValue?.enabling_approaches?.[eaIndex!]
+ ?.readiness_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['enabling_approaches', NUM, 'prepositioning_activities', NUM]);
+ if (isDefined(match)) {
+ const [eaIndex, index] = match;
+ return formValue?.enabling_approaches?.[eaIndex!]
+ ?.prepositioning_activities?.[index!]?.client_id;
+ }
+ match = matchArray(locations, ['enabling_approaches', NUM]);
+ if (isDefined(match)) {
+ const [eaIndex] = match;
+ return formValue?.enabling_approaches?.[eaIndex!]?.approach;
+ }
+
+ return undefined;
+ },
+ ));
+ }, [setError]);
+
+ // FIXME: handle errors
+ const {
+ pending: simplifiedEapPending,
+ response: simplifiedEapResponse,
+ error: simplifiedEapResponseError,
+ } = useRequest({
+ skip: isNotDefined(currentSimplifiedEapId),
+ url: '/api/v2/simplified-eap/{id}/',
+ pathVariables: isDefined(currentSimplifiedEapId)
+ ? { id: currentSimplifiedEapId }
+ : undefined,
+ onSuccess: (response) => {
+ updateFormValueFromResponse(response);
+ processServerErrors(state.error, value);
+
+ // NOTE state was used to pass error through navigation.
+ // and cleared here to prevent stale error from reappearing on page refresh
+ // "replace" avoids pushing a new entry to browser history stack
+ window.history.replaceState({}, '');
+ },
+ });
+
+ useEffect(() => {
+ if (isNotDefined(eapRegistrationResponse)) {
+ return;
+ }
+
+ if (simplifiedEapPending) {
+ return;
+ }
+
+ if (isDefined(simplifiedEapResponse)) {
+ return;
+ }
+
+ const {
+ national_society_contact_name,
+ national_society_contact_title,
+ national_society_contact_email,
+ national_society_contact_phone_number,
+ dref_focal_point_name,
+ dref_focal_point_title,
+ dref_focal_point_email,
+ dref_focal_point_phone_number,
+ ifrc_contact_name,
+ ifrc_contact_title,
+ ifrc_contact_email,
+ ifrc_contact_phone_number,
+ partners,
+ } = removeNull(eapRegistrationResponse);
+
+ setValue((prevValue) => ({
+ ...prevValue,
+ partners,
+ national_society_contact_name,
+ national_society_contact_title,
+ national_society_contact_email,
+ national_society_contact_phone_number,
+ dref_focal_point_name,
+ dref_focal_point_title,
+ dref_focal_point_email,
+ dref_focal_point_phone_number,
+ ifrc_head_of_delegation_name: ifrc_contact_name,
+ ifrc_head_of_delegation_title: ifrc_contact_title,
+ ifrc_head_of_delegation_email: ifrc_contact_email,
+ ifrc_head_of_delegation_phone_number: ifrc_contact_phone_number,
+ seap_timeframe: DEFAULT_SEAP_TIMEFRAME,
+ operational_timeframe_unit: OPERATION_TIMEFRAME_UNIT,
+ }));
+ }, [eapRegistrationResponse, simplifiedEapPending, simplifiedEapResponse, setValue]);
+
+ const isLatestVersion = currentSimplifiedEapId === latestSimplifiedEapId;
+
+ const simplifiedEapFormAccess = (isNotDefined(eapRegistrationResponse?.eap_type)
+ || eapRegistrationResponse?.eap_type === EAP_TYPE_SIMPLIFIED)
+ && isNotDefined(simplifiedEapResponseError);
+
+ const isEditable = isLatestVersion
+ && !isLocked
+ && (eapRegistrationResponse?.status === EAP_STATUS_UNDER_DEVELOPMENT
+ || eapRegistrationResponse?.status === EAP_STATUS_NS_ADDRESSING_COMMENTS);
+
+ const readOnly = !isEditable;
+
+ const {
+ pending: createSimplifiedEapPending,
+ trigger: triggerCreateSimplifiedEap,
+ } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/simplified-eap/',
+ body: (body: EapSimplifiedRequestBody) => body,
+ onSuccess: (response) => {
+ alert.show(
+ strings.createSuccessMessage,
+ { variant: 'success' },
+ );
+ eapRegistrationRetrigger();
+ updateFormValueFromResponse(response);
+ },
+ onFailure: (err) => {
+ const {
+ value: {
+ formErrors,
+ messageForNotification,
+ },
+ } = err;
+
+ processServerErrors(formErrors, value);
+
+ alert.show(
+ strings.createFailureMessage,
+ {
+ variant: 'danger',
+ description: messageForNotification,
+ },
+ );
+ },
+ });
+
+ const {
+ pending: updateSimplifiedEapPending,
+ trigger: triggerUpdateSimplifiedEap,
+ } = useLazyRequest({
+ url: '/api/v2/simplified-eap/{id}/',
+ method: 'PATCH',
+ pathVariables: {
+ id: Number(latestSimplifiedEapId),
+ },
+ body: (formFields: EapSimplifiedRequestBody) => formFields,
+ onSuccess: (response) => {
+ alert.show(
+ strings.updateSuccessMessage,
+ { variant: 'success' },
+ );
+ updateFormValueFromResponse(response);
+ },
+ onFailure: (err) => {
+ const {
+ value: {
+ formErrors,
+ messageForNotification,
+ },
+ } = err;
+
+ processServerErrors(formErrors, value);
+
+ const modifiedAtError = formErrors.modified_at;
+
+ if (
+ (typeof modifiedAtError === 'string' && modifiedAtError === 'OBSOLETE_PAYLOAD')
+ || (Array.isArray(modifiedAtError) && modifiedAtError.includes('OBSOLETE_PAYLOAD'))
+ ) {
+ setShowObsoletePayloadModal(true);
+ }
+
+ alert.show(
+ strings.updateFailureMessage,
+ {
+ variant: 'danger',
+ description: messageForNotification,
+ },
+ );
+ },
+ });
+
+ const { trigger: triggerStatusUpdate } = useLazyRequest({
+ method: 'POST',
+ url: '/api/v2/eap-registration/{id}/status/',
+ pathVariables: isTruthyString(eapId) ? {
+ id: Number(eapId),
+ } : undefined,
+ body: () => ({
+ status: EAP_STATUS_UNDER_REVIEW,
+ // FIXME: fix typings in the server
+ } as EapStatusBody),
+ onSuccess: () => {
+ alert.show(
+ strings.submitApprovalSuccess,
+ { variant: 'success' },
+ );
+
+ navigate('accountMyFormsEap');
+ },
+ onFailure: (error) => {
+ const {
+ value: { formErrors, messageForNotification },
+ } = error;
+
+ processServerErrors(formErrors, value);
+ alert.show(
+ strings.submitFailedSuccess,
+ {
+ variant: 'danger',
+ description: messageForNotification,
+ },
+ );
+ },
+ });
+
+ const { response: apCodeOptions } = useRequest({
+ url: '/api/v2/eap/options/',
+ });
+
+ const disabled = createSimplifiedEapPending
+ || eapRegistrationPending
+ || updateSimplifiedEapPending;
+
+ const handleValidationSuccess = useCallback((validatedFormValue: PartialSimplifiedEapType) => {
+ if (isNotDefined(latestSimplifiedEapId)) {
+ triggerCreateSimplifiedEap({
+ // FIXME: remove cast to unknown (need to make previous_id read-only)
+ ...validatedFormValue as unknown as EapSimplifiedRequestBody,
+ eap_registration: Number(eapId),
+ });
+ } else {
+ triggerUpdateSimplifiedEap({
+ ...validatedFormValue,
+ id: latestSimplifiedEapId,
+ modified_at: lastModifiedAtRef.current,
+ // FIXME: remove cast to unknown (need to make previous_id read-only)
+ } as unknown as EapSimplifiedRequestBody);
+ }
+ }, [
+ eapId,
+ triggerCreateSimplifiedEap,
+ triggerUpdateSimplifiedEap,
+ latestSimplifiedEapId,
+ ]);
+
+ const [activeTab, setActiveTab] = useState('overview');
+
+ const handleFormError = useCallback(() => {
+ alert.show(
+ strings.validationErrorAlertMessage,
+ { variant: 'warning' },
+ );
+
+ // setShouldSubmit(false);
+ }, [alert, strings.validationErrorAlertMessage]);
+
+ const handleSave = createSubmitHandler(
+ validate,
+ setError,
+ /* FIXME(shreeyash07): lastModifiedAtRef.current read in render to
+ * handle obsolete payload while submitting form */
+ /* eslint-disable-next-line react-hooks/refs */
+ handleValidationSuccess,
+ handleFormError,
+ );
+
+ const handleObsoletePayloadOverwriteButtonClick = useCallback(
+ (newModifiedAt: string | undefined) => {
+ lastModifiedAtRef.current = newModifiedAt;
+ setShowObsoletePayloadModal(false);
+ handleSave();
+ },
+ [handleSave],
+ );
+ const handleRequestForApprovalButtonClick = useCallback(() => {
+ shouldSubmitRef.current = true;
+ setShouldSubmit(true);
+ handleSave();
+ }, [handleSave]);
+
+ const handleRequestForApprovalCancel = useCallback(() => {
+ shouldSubmitRef.current = false;
+ setShouldSubmit(false);
+ }, []);
+
+ const handleSubmitForApprovalConfirm = useCallback(() => {
+ triggerStatusUpdate(null);
+ shouldSubmitRef.current = false;
+ setShouldSubmit(false);
+ }, [triggerStatusUpdate]);
+
+ const [showShareModal, {
+ setTrue: setShowShareModalTrue,
+ setFalse: setShowShareModalFalse,
+ }] = useBooleanState(false);
+
+ const canShare = useMemo(
+ () => isDefined(eapRegistrationResponse)
+ && isDefined(eapRegistrationResponse.latest_simplified_eap),
+ [eapRegistrationResponse],
+ );
+
+ const nextStep = getNextStep(activeTab, 1);
+ const prevStep = getNextStep(activeTab, -1);
+
+ const handleTabChange = useCallback((newTab: TabKeys) => {
+ setActiveTab(newTab);
+ tabListRef.current?.scrollIntoView({ behavior: 'smooth' });
+ }, []);
+
+ const hasFormErrors = useMemo(
+ () => analyzeErrors(formError),
+ [formError],
+ );
+
+ return (
+
+
+ {strings.readOnlyWarningMessage}
+
+ )}
+ actions={
+ isEditable && simplifiedEapFormAccess ? (
+ <>
+
+ {strings.saveButtonLabel}
+
+ {canShare && (
+
+
+ )}
+
+ ) : (
+
+
+ {strings.overviewTabLabel}
+
+
+ {strings.riskAnalysisTabLabel}
+
+
+ {strings.earlyActionTabLabel}
+
+
+ {strings.plannedOperationsTabLabel}
+
+
+ {strings.enablingApproachesTabLabel}
+
+
+ {strings.deliveryAndBudgetTabLabel}
+
+
+ )}
+ withBackgroundColorInMainSection
+ >
+ {!simplifiedEapFormAccess ? (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {strings.saveButtonLabel}
+
+ )}
+ >
+
+
+ {strings.backButtonLabel}
+
+ {isDefined(nextStep) ? (
+
+ {strings.nextButtonLabel}
+
+ ) : (
+
+ {strings.submitButtonLabel}
+
+ )}
+
+
+ {shouldSubmit && (
+
+ {strings.submitConfirmButtonLabel}
+
+ )}
+ >
+
+ {strings.submitConfirmMessage}
+ {hasFormErrors && (
+
+
+ )}
+ {showShareModal && isDefined(eapId) && (
+
+
+ );
+}
+
+Component.displayName = 'EapSimplifiedForm';
diff --git a/app/src/views/EapSimplifiedForm/schema.ts b/app/src/views/EapSimplifiedForm/schema.ts
new file mode 100644
index 0000000000..771f381d37
--- /dev/null
+++ b/app/src/views/EapSimplifiedForm/schema.ts
@@ -0,0 +1,604 @@
+import { type DeepReplace } from '@ifrc-go/ui/utils';
+import {
+ isDefined,
+ isNotDefined,
+} from '@togglecorp/fujs';
+import {
+ emailCondition,
+ greaterThanOrEqualToCondition,
+ type LiteralSchema,
+ type ObjectSchema,
+ type PartialForm,
+ type PurgeNull,
+ requiredStringCondition,
+ undefinedValue,
+} from '@togglecorp/toggle-form';
+
+import indicatorSchema from '#components/domain/EapIndicatorInput/schema';
+import operationActivitySchema from '#components/domain/EapOperationActivityInput/schema';
+import { lengthSmallerOrEqualToCondition } from '#utils/common';
+import { positiveIntegerCondition } from '#utils/form';
+import { type GoApiBody } from '#utils/restRequest';
+
+import { charLimits } from './common';
+
+function lessThanEqualToFiveImagesCondition(value: T[] | undefined) {
+ return isDefined(value) && Array.isArray(value) && value.length > 5
+ ? 'Maximum five images are allowed'
+ : undefined;
+}
+
+function maxOperationalTimeframeCondition(value: number | undefined) {
+ return typeof value === 'number' && value > 12
+ ? 'Timeframe cannot be more than 12 months'
+ : undefined;
+}
+
+type EapSimplifiedFormContext = {
+ isRevision: boolean;
+ getIsSubmission: () => boolean;
+} | undefined;
+
+type EapSimplifiedRequestBody = PurgeNull<
+ GoApiBody<'/api/v2/simplified-eap/', 'POST'>
+>;
+
+type EnableApproachesResponse = NonNullable<
+ EapSimplifiedRequestBody['enabling_approaches']
+>[number];
+type ApproachEarlyActionResponse = NonNullable<
+ EnableApproachesResponse['early_action_activities']
+>[number];
+type ApproachPrepositioningResponse = NonNullable<
+ EnableApproachesResponse['prepositioning_activities']
+>[number];
+type ApproachReadinessResponse = NonNullable<
+ EnableApproachesResponse['readiness_activities']
+>[number];
+type ApproachIndicatorResponse = NonNullable<
+ EnableApproachesResponse['indicators']
+>[number];
+
+type PlannedOperationsResponse = NonNullable<
+ EapSimplifiedRequestBody['planned_operations']
+>[number];
+type EarlyActionResponse = NonNullable<
+ PlannedOperationsResponse['early_action_activities']
+>[number];
+type PrepositioningResponse = NonNullable<
+ PlannedOperationsResponse['prepositioning_activities']
+>[number];
+type ReadinessResponse = NonNullable<
+ PlannedOperationsResponse['readiness_activities']
+>[number];
+type IndicatorResponse = NonNullable<
+ PlannedOperationsResponse['indicators']
+>[number];
+
+type CoverImageFileResponse = NonNullable<
+ EapSimplifiedRequestBody['cover_image_file']
+>;
+
+type HazardImagesResponse = NonNullable<
+ EapSimplifiedRequestBody['hazard_impact_images']
+>[number];
+type RiskImagesResponse = NonNullable<
+ EapSimplifiedRequestBody['risk_selected_protocols_images']
+>[number];
+type EarlyActionImagesResponse = NonNullable<
+ EapSimplifiedRequestBody['selected_early_actions_images']
+>[number];
+
+type PartnerContactsResponse = NonNullable<
+ EapSimplifiedRequestBody['partner_contacts']
+>[number];
+
+type ApproachEarlyActionFormFields = ApproachEarlyActionResponse & {
+ client_id: string;
+};
+type ApproachPrepositioningFormFields = ApproachPrepositioningResponse & {
+ client_id: string;
+};
+type ApproachReadinessFormFields = ApproachReadinessResponse & {
+ client_id: string;
+};
+type ApproachIndicatorFormFields = ApproachIndicatorResponse & {
+ client_id: string;
+};
+
+type CoverImageFileFields = CoverImageFileResponse & { client_id: string };
+
+type EarlyActionFormFields = EarlyActionResponse & { client_id: string };
+type PrepositioningFormFields = PrepositioningResponse & { client_id: string };
+type ReadinessFormFields = ReadinessResponse & { client_id: string };
+type IndicatorFormFields = IndicatorResponse & { client_id: string };
+
+type HazardImagesFormFields = HazardImagesResponse & { client_id: string };
+type RiskImagesFormFields = RiskImagesResponse & { client_id: string };
+type EarlyActionImagesFormFields = EarlyActionImagesResponse & {
+ client_id: string;
+};
+
+type PartnerContactsFormFields = PartnerContactsResponse & {
+ client_id: string;
+};
+
+type EnableApproachesResponseFormFields = DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ EnableApproachesResponse,
+ ApproachEarlyActionResponse,
+ ApproachEarlyActionFormFields
+ >,
+ ApproachPrepositioningResponse,
+ ApproachPrepositioningFormFields
+ >,
+ ApproachReadinessResponse,
+ ApproachReadinessFormFields
+ >,
+ ApproachIndicatorResponse,
+ ApproachIndicatorFormFields
+>;
+
+type OperationsResponseFormFields = DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ PlannedOperationsResponse,
+ EarlyActionResponse,
+ EarlyActionFormFields
+ >,
+ PrepositioningResponse,
+ PrepositioningFormFields
+ >,
+ ReadinessResponse,
+ ReadinessFormFields
+ >,
+ IndicatorResponse,
+ IndicatorFormFields
+>;
+
+type FormFields = DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ DeepReplace<
+ EapSimplifiedRequestBody,
+ PlannedOperationsResponse,
+ OperationsResponseFormFields
+ >,
+ PartnerContactsResponse,
+ PartnerContactsFormFields
+ >,
+ EnableApproachesResponse,
+ EnableApproachesResponseFormFields
+ >,
+ CoverImageFileResponse,
+ CoverImageFileFields
+ >,
+ HazardImagesResponse,
+ HazardImagesFormFields
+ >,
+ RiskImagesResponse,
+ RiskImagesFormFields
+ >,
+ EarlyActionImagesResponse,
+ EarlyActionImagesFormFields
+>;
+
+export type PartialSimplifiedEapType = PartialForm<
+ FormFields,
+ 'client_id' | 'sector' | 'approach'
+>;
+
+type PlannedOperationalFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialSimplifiedEapType,
+ EapSimplifiedFormContext
+ >['fields']
+>;
+type EnableApproachesFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialSimplifiedEapType,
+ EapSimplifiedFormContext
+ >['fields']
+>;
+type CoverImageFileFormFields = ReturnType<
+ ObjectSchema<
+ PartialSimplifiedEapType['cover_image_file'],
+ PartialSimplifiedEapType,
+ EapSimplifiedFormContext
+ >['fields']
+>;
+
+type RiskProtocolsFileFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialSimplifiedEapType['risk_selected_protocols_images']
+ >[number],
+ PartialSimplifiedEapType,
+ EapSimplifiedFormContext
+ >['fields']
+>;
+type HazardImpactFileFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialSimplifiedEapType,
+ EapSimplifiedFormContext
+ >['fields']
+>;
+type EarlyActionFileFields = ReturnType<
+ ObjectSchema<
+ NonNullable<
+ PartialSimplifiedEapType['selected_early_actions_images']
+ >[number],
+ PartialSimplifiedEapType,
+ EapSimplifiedFormContext
+ >['fields']
+>;
+
+type PartnerContactFields = ReturnType<
+ ObjectSchema<
+ NonNullable[number],
+ PartialSimplifiedEapType,
+ EapSimplifiedFormContext
+ >['fields']
+>;
+
+type FormSchema = ObjectSchema<
+ PartialSimplifiedEapType,
+ PartialSimplifiedEapType,
+ EapSimplifiedFormContext
+>;
+type FormSchemaFields = ReturnType;
+
+type FieldKeys = keyof EapSimplifiedRequestBody;
+
+type ContactFieldSuffix = 'name' | 'title' | 'email' | 'phone_number';
+type ExtractContactPrefix =
+ KEY extends `${infer PREFIX}_name`
+ ? `${PREFIX}_title` extends FieldKeys
+ ? `${PREFIX}_email` extends FieldKeys
+ ? `${PREFIX}_phone_number` extends FieldKeys
+ ? PREFIX
+ : never
+ : never
+ : never
+ : never;
+
+type ValidContactFieldPrefixes = ExtractContactPrefix;
+
+function getContactSchema(key: KEY, required = false) {
+ type ContactSchema = {
+ [K in `${KEY}_${ContactFieldSuffix}`]: LiteralSchema<
+ string | undefined,
+ PartialSimplifiedEapType,
+ EapSimplifiedFormContext
+ >;
+ };
+
+ return {
+ [`${key}_name`]: {
+ required,
+ requiredValidation: requiredStringCondition,
+ },
+ [`${key}_title`]: {},
+ [`${key}_email`]: {
+ required,
+ requiredValidation: requiredStringCondition,
+ validations: [emailCondition],
+ },
+ [`${key}_phone_number`]: {},
+ } as ContactSchema;
+}
+
+export const formSchema: FormSchema = {
+ fields: (_, __, context): FormSchemaFields => {
+ const isSubmit = context?.getIsSubmission() ?? false;
+ const defaultSchema: FormSchemaFields = {
+ // Overview
+
+ // national_society: {},
+ // country: {},
+ // disaster_type: {},
+
+ cover_image_file: {
+ fields: (): CoverImageFileFormFields => ({
+ client_id: {},
+ caption: {},
+ id: {
+ defaultValue: undefinedValue,
+ required: isSubmit,
+ },
+ }),
+ },
+ seap_timeframe: {
+ required: isSubmit,
+ },
+ partners: {
+ required: isSubmit,
+ },
+ partner_contacts: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): PartnerContactFields => ({
+ client_id: {},
+ id: { defaultValue: undefinedValue },
+ name: {},
+ email: { validations: [emailCondition] },
+ phone_number: {},
+ title: {},
+ }),
+ }),
+ },
+ ...getContactSchema('national_society_contact', isSubmit),
+ ...getContactSchema('ifrc_delegation_focal_point', isSubmit),
+ ...getContactSchema('ifrc_head_of_delegation', isSubmit),
+ ...getContactSchema('dref_focal_point'),
+ ...getContactSchema('ifrc_regional_focal_point'),
+ ...getContactSchema('ifrc_regional_ops_manager'),
+ ...getContactSchema('ifrc_regional_head_dcc'),
+ ...getContactSchema('ifrc_global_ops_coordinator'),
+
+ // Risk Analysis
+
+ prioritized_hazard_and_impact: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.prioritized_hazard_and_impact,
+ )],
+ },
+ hazard_impact_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): HazardImpactFileFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+ risks_selected_protocols: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.risks_selected_protocols,
+ )],
+ },
+ risk_selected_protocols_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): RiskProtocolsFileFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+ selected_early_actions: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.selected_early_actions,
+ )],
+ },
+ selected_early_actions_images: {
+ keySelector: (item) => item.client_id,
+ member: () => ({
+ fields: (): EarlyActionFileFields => ({
+ client_id: {},
+ caption: {},
+ id: { defaultValue: undefinedValue },
+ }),
+ }),
+ validation: lessThanEqualToFiveImagesCondition,
+ },
+
+ // Early Action Interventions
+
+ overall_objective_intervention: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.overall_objective_intervention,
+ )],
+ },
+ // FIXME: add required condition
+ admin2: {
+ defaultValue: [],
+ },
+ potential_geographical_high_risk_areas: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.potential_geographical_high_risk_areas,
+ )],
+ },
+ people_targeted: {
+ required: isSubmit,
+ validations: [
+ positiveIntegerCondition,
+ greaterThanOrEqualToCondition(charLimits.people_targeted),
+ ],
+ },
+ assisted_through_operation: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.assisted_through_operation,
+ )],
+ },
+ selection_criteria: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.selection_criteria,
+ )],
+ },
+ trigger_statement: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.trigger_statement,
+ )],
+ },
+ seap_lead_time: { required: isSubmit },
+ seap_lead_timeframe_unit: { required: isSubmit },
+ operational_timeframe: {
+ required: isSubmit,
+ validations: [maxOperationalTimeframeCondition],
+ },
+ operational_timeframe_unit: {},
+ trigger_threshold_justification: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.trigger_threshold_justification,
+ )],
+ },
+ next_step_towards_full_eap: {
+ required: isSubmit,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.next_step_towards_full_eap,
+ )],
+ },
+
+ // Planned Operations
+
+ planned_operations: {
+ keySelector: (item) => item.sector,
+ member: () => ({
+ fields: (): PlannedOperationalFields => ({
+ id: { defaultValue: undefinedValue },
+ sector: {},
+ people_targeted: { required: isSubmit },
+ budget_per_sector: { required: isSubmit },
+ indicators: {
+ keySelector: (indicator) => indicator.client_id,
+ member: () => indicatorSchema(isSubmit),
+ validation: (indicators) => {
+ if (isSubmit && (isNotDefined(indicators)
+ || indicators.length === 0)) {
+ return 'This field is required';
+ }
+
+ return undefined;
+ },
+ },
+ early_action_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ readiness_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ prepositioning_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ }),
+ }),
+ validation: (plannedOperations) => {
+ if (isSubmit
+ && (isNotDefined(plannedOperations)
+ || plannedOperations.length === 0)) {
+ return 'This field is required';
+ }
+
+ return undefined;
+ },
+ },
+
+ // Enabling Approaches
+
+ enabling_approaches: {
+ keySelector: (item) => item.approach,
+ member: () => ({
+ fields: (): EnableApproachesFields => ({
+ id: { defaultValue: undefinedValue },
+ approach: {},
+ budget_per_approach: { required: isSubmit },
+ indicators: {
+ keySelector: (indicator) => indicator.client_id,
+ member: () => indicatorSchema(isSubmit),
+ validation: (indicators) => {
+ if (isSubmit
+ && (isNotDefined(indicators)
+ || indicators.length === 0)) {
+ return 'This field is required';
+ }
+
+ return undefined;
+ },
+ },
+ early_action_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ readiness_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ prepositioning_activities: {
+ keySelector: (item) => item.client_id,
+ member: () => operationActivitySchema(isSubmit),
+ },
+ }),
+ }),
+ validation: (enablingApproaches) => {
+ if (isSubmit
+ && (isNotDefined(enablingApproaches)
+ || enablingApproaches.length === 0)) {
+ return 'This field is required';
+ }
+
+ return undefined;
+ },
+ },
+
+ // Delivery & Budget
+
+ early_action_capability: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.early_action_capability,
+ )],
+ },
+ rcrc_movement_involvement: {
+ required: isSubmit,
+ requiredValidation: requiredStringCondition,
+ validations: [lengthSmallerOrEqualToCondition(
+ charLimits.rcrc_movement_involvement,
+ )],
+ },
+ total_budget: { required: isSubmit },
+ readiness_budget: { required: isSubmit },
+ pre_positioning_budget: { required: isSubmit },
+ early_action_budget: { required: isSubmit },
+ budget_file: { required: isSubmit },
+ };
+
+ if (isNotDefined(context) || !context.isRevision) {
+ return defaultSchema;
+ }
+
+ return {
+ ...defaultSchema,
+
+ // Delivery & Budget
+ updated_checklist_file: {
+ required: isSubmit,
+ },
+ } satisfies FormSchemaFields;
+ },
+};
diff --git a/app/src/views/EapSummaryExport/i18n.json b/app/src/views/EapSummaryExport/i18n.json
new file mode 100644
index 0000000000..aaa4e2f8c2
--- /dev/null
+++ b/app/src/views/EapSummaryExport/i18n.json
@@ -0,0 +1,37 @@
+{
+ "namespace": "eapSummaryExport",
+ "strings": {
+ "summaryPageTitle": "Early Action Protocol Summary",
+ "eapNoLabel": "EAP No",
+ "eapLeadTimeLabel": "Early action lead time",
+ "eapTimeframeLabel": "EAP Timeframe",
+ "eapApprovedLabel": "EAP Approved",
+ "operationNumberLabel": "Operation No",
+ "operationTimeframeLabel": "Operational Timeframe",
+ "downloadBudgetLabel": "Download Full Budget Template",
+ "nationalLabel": "National",
+ "nationalSocietyContactLabel": "National Society Contact",
+ "partnerNationalSocietyContactLabel": "Partner National Society Contact",
+ "delegationLabel": "Delegation",
+ "delegationFocalLabel": "IFRC Delegation AA Focal Point",
+ "delegationHeadLabel": "IFRC Head of Delegation",
+ "regionalGlobalLabel": "Regional and Global",
+ "drefFocalLabel": "DREF Focal Point",
+ "regionalFocalLabel":"IFRC Regional AA Focal Point",
+ "regionalOpsLabel":"IFRC Regional Ops Manager",
+ "regionalHeadLabel":"IFRC Regional Head of DCC",
+ "globalOpsLabel":"IFRC Global Ops Coordinator",
+ "plannedOperationsHeading": "Planned Operations",
+ "operationBudgetLabel": "Budget",
+ "operationPeopleTargetedLabel": "No. people targeted",
+ "indicatorsHeading": "Indicators",
+ "indicatorTitleLabel": "Title",
+ "indicatorTargetLabel": "Target",
+ "readinessActivitiesHeading": "Readiness activities",
+ "prepositioningActivitiesHeading": "Prepositioning activities",
+ "earlyActionActivitiesHeading": "Prioritized early actions",
+ "enablingApproachesLabel": "Enabling Approaches",
+ "contactInformationHeading": "Contact information",
+ "contactInformationDescription": "For further information, specifically related to this simplified EAP please contact:"
+ }
+}
diff --git a/app/src/views/EapSummaryExport/index.tsx b/app/src/views/EapSummaryExport/index.tsx
new file mode 100644
index 0000000000..c178253207
--- /dev/null
+++ b/app/src/views/EapSummaryExport/index.tsx
@@ -0,0 +1,571 @@
+import { useRef } from 'react';
+import {
+ useParams,
+ useSearchParams,
+} from 'react-router-dom';
+import {
+ Label,
+ ListView,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { Image } from '@ifrc-go/ui/printable';
+import {
+ isDefined,
+ isFalsyString,
+ isNotDefined,
+ isTruthyString,
+ listToMap,
+} from '@togglecorp/fujs';
+
+import Link from '#components/printable/Link';
+import PrintableContainer from '#components/printable/PrintableContainer';
+import PrintableDataDisplay from '#components/printable/PrintableDataDisplay';
+import PrintableDescription from '#components/printable/PrintableDescription';
+import PrintablePage from '#components/printable/PrintablePage';
+import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import { useRequest } from '#utils/restRequest';
+import PrintableContactOutput from '#views/EapFullExport/PrintableContactOutput';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+/** @knipignore */
+// eslint-disable-next-line import/prefer-default-export
+export function Component() {
+ const { eapId } = useParams<{ eapId: string }>();
+
+ const mainRef = useRef(null);
+ const [searchParams] = useSearchParams();
+
+ const strings = useTranslation(i18n);
+
+ const version = searchParams.get('version') ?? undefined;
+
+ const { eap_sector, eap_approach } = useGlobalEnums();
+
+ const { pending: eapRegistrationPending, response: eapRegistrationResponse } = useRequest({
+ skip: isFalsyString(eapId),
+ url: '/api/v2/eap-registration/{id}/',
+ pathVariables: isTruthyString(eapId)
+ ? {
+ id: Number(eapId),
+ }
+ : undefined,
+ });
+
+ const { disaster_type_details, country_details, approved_at } = eapRegistrationResponse ?? {};
+
+ const selectedFullEap = eapRegistrationResponse?.full_eap_details?.find(
+ (fullEap) => String(fullEap.version) === String(version),
+ );
+
+ const latestFullEapId = eapRegistrationResponse?.latest_full_eap ?? undefined;
+ const latestFullEap = eapRegistrationResponse?.full_eap_details?.find(
+ (fullEap) => fullEap.id === latestFullEapId,
+ );
+
+ const currentFullEap = selectedFullEap ?? latestFullEap;
+ const currentFullEapId = currentFullEap?.id;
+
+ const { pending: fullEapPending, response: fullEapResponse } = useRequest({
+ skip: isNotDefined(currentFullEapId),
+ url: '/api/v2/full-eap/{id}/',
+ pathVariables: isDefined(currentFullEapId)
+ ? {
+ id: Number(currentFullEapId),
+ }
+ : undefined,
+ });
+
+ const { response: apCodeOptions } = useRequest({
+ url: '/api/v2/eap/options/',
+ });
+
+ const previewReady = !eapRegistrationPending && !fullEapPending;
+
+ const {
+ cover_image_file,
+
+ partner_contacts,
+
+ admin2_details,
+ lead_time,
+ planned_operations,
+ enabling_approaches,
+
+ budget_file_details,
+ } = fullEapResponse ?? {};
+
+ const eapTitle = [
+ country_details?.name,
+ admin2_details?.map(({ name }) => name).join(', '),
+ disaster_type_details?.name,
+ ]
+ .filter(isTruthyString)
+ .join(' | ');
+
+ const eapSectorTitleMap = listToMap(
+ eap_sector,
+ ({ key }) => key,
+ ({ value }) => value,
+ );
+
+ const eapApproachTitleMap = listToMap(
+ eap_approach,
+ ({ key }) => key,
+ ({ value }) => value,
+ );
+
+ return (
+
+ {isDefined(cover_image_file?.file) && (
+
+
+ )}
+
+
+
+
+
+
+
+
+
+ {planned_operations?.map((operation) => {
+ const apCodeSectorValue = apCodeOptions?.sector_ap_codes
+ ?.[operation.sector]?.join(', ');
+
+ return (
+
+
+
+
+
+
+
+
+ {strings.indicatorTitleLabel}
+
+
+ {strings.indicatorTargetLabel}
+
+ {operation.indicators.map((indicator) => (
+
+ ))}
+
+
+
+ {operation.readiness_activities.map((activity, index) => (
+
+ ))}
+
+
+
+ {operation.prepositioning_activities.map((activity, index) => (
+
+ ))}
+
+
+
+ {operation.early_action_activities.map((activity, index) => (
+
+ ))}
+
+
+ );
+ })}
+
+
+ {enabling_approaches?.map((approach) => {
+ const apCodeApproachValue = apCodeOptions?.approach_ap_codes
+ ?.[approach.approach]?.join(', ');
+
+ return (
+
+
+
+
+
+
+
+
+ {strings.indicatorTitleLabel}
+
+
+ {strings.indicatorTargetLabel}
+
+ {approach.indicators.map((indicator) => (
+
+ ))}
+
+
+
+ {approach.readiness_activities.map((activity, index) => (
+
+ ))}
+
+
+
+ {approach.prepositioning_activities.map((activity, index) => (
+
+ ))}
+
+
+
+ {approach.early_action_activities.map((activity, index) => (
+
+ ))}
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+ {partner_contacts?.map((partner) => (
+
+
+
+
+
+
+
+
+ );
+}
+
+Component.displayName = 'EapSummaryExport';
diff --git a/app/src/views/EapSummaryExport/styles.module.css b/app/src/views/EapSummaryExport/styles.module.css
new file mode 100644
index 0000000000..3bb0b654a3
--- /dev/null
+++ b/app/src/views/EapSummaryExport/styles.module.css
@@ -0,0 +1,27 @@
+.meta-items {
+ display: flex;
+ flex-direction: column;
+ gap: var(--go-ui-width-separator-md);
+
+ .meta-children-items {
+ display: grid;
+ gap: var(--go-ui-width-separator-md);
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+}
+
+.indicator-items {
+ display: grid;
+ gap: var(--go-ui-width-separator-md);
+ grid-template-columns: 2fr 1fr;
+}
+
+.image-items {
+ display: flex;
+ gap: var(--go-ui-width-separator-md);
+}
+
+.sources {
+ display: flex;
+ gap: var(--go-ui-spacing-md);
+}
diff --git a/app/src/views/EarlyActionProtocols/i18n.json b/app/src/views/EarlyActionProtocols/i18n.json
new file mode 100644
index 0000000000..9472e2952a
--- /dev/null
+++ b/app/src/views/EarlyActionProtocols/i18n.json
@@ -0,0 +1,14 @@
+{
+ "namespace": "earlyActionProtocols",
+ "strings": {
+ "eapRegistrationLink": "Register your EAP",
+ "eapContent": "What is an EAP?",
+ "eapContentHeading": "Early Action Protocols (EAPs) are a core mechanism of the IFRC's Forecast-based Financing (FbF) approach, designed to ensure that humanitarian action happens before a disaster strikes, rather than only responding afterwards.",
+ "eapContentSubHeadingOne": "An EAP is a pre-agreed plan developed by a Nation Society together with partners, which outlines:",
+ "eapDescriptionOne": "The triggers (based on scientific forecasts and risk analysis) that indicate when a hazard is likely to impact communities.",
+ "eapDescriptionTwo": "The early actions to be implemented once those triggers are met - practical, life-saving measures that reduce the impacts of the forecasted disaster.",
+ "eapDescriptionThree": "The roles, responsibilities, and budget required to carry out these actions quickly and effectively.",
+ "eapContentSubHeadingTwo": "Why are the EAPs Important?",
+ "eapContentSubHeadingThree": "What is the EAP Application Process?"
+ }
+}
diff --git a/app/src/views/EarlyActionProtocols/index.tsx b/app/src/views/EarlyActionProtocols/index.tsx
new file mode 100644
index 0000000000..98ac8ff321
--- /dev/null
+++ b/app/src/views/EarlyActionProtocols/index.tsx
@@ -0,0 +1,71 @@
+import {
+ Container,
+ ExpandableContainer,
+ ListView,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+
+import Link from '#components/Link';
+
+import i18n from './i18n.json';
+
+/** @knipignore */
+// eslint-disable-next-line import/prefer-default-export
+export function Component() {
+ const strings = useTranslation(i18n);
+
+ return (
+
+ {strings.eapRegistrationLink}
+
+ )}
+ >
+
+
+
+ {strings.eapContentHeading}
+
+
+ {strings.eapContentSubHeadingOne}
+
+
+ {strings.eapDescriptionOne}
+
+
+ {strings.eapDescriptionTwo}
+
+
+ {strings.eapDescriptionThree}
+
+
+
+
+ {/* TODO: Add remaining content */}
+
+ {/* TODO: Add real content and replace with strings */}
+ EAP content sub heading description two
+
+
+ {/* TODO: Add real content and replace with strings */}
+ EAP content sub heading description three
+
+
+
+ );
+}
+
+Component.displayName = 'EarlyActionProtocols';
diff --git a/app/src/views/OldDrefFinalReportForm/Overview/index.tsx b/app/src/views/OldDrefFinalReportForm/Overview/index.tsx
index f94e571c9a..7bd1e89626 100644
--- a/app/src/views/OldDrefFinalReportForm/Overview/index.tsx
+++ b/app/src/views/OldDrefFinalReportForm/Overview/index.tsx
@@ -39,9 +39,9 @@ import CountrySelectInput from '#components/domain/CountrySelectInput';
import DisasterTypeSelectInput from '#components/domain/DisasterTypeSelectInput';
import DistrictSearchMultiSelectInput, { type DistrictItem } from '#components/domain/DistrictSearchMultiSelectInput';
import DrefShareModal from '#components/domain/DrefShareModal';
-import UserItem from '#components/domain/DrefShareModal/UserItem';
import ImageWithCaptionInput from '#components/domain/ImageWithCaptionInput';
import NationalSocietySelectInput from '#components/domain/NationalSocietySelectInput';
+import ShareUserItem from '#components/domain/ShareUserItem';
import { type User } from '#components/domain/UserSearchMultiSelectInput';
import Link from '#components/Link';
import useCountry from '#hooks/domain/useCountry';
@@ -205,7 +205,7 @@ function Overview(props: Props) {
>
extends InheritedProps {
inputClassName?: string;
withDiffView?: boolean;
prevValue?: RawInputProps['value'];
+ type?: 'date' | 'month';
}
function DateInput(props: Props) {
@@ -25,6 +26,7 @@ function DateInput(props: Props) {
withDiffView,
value,
prevValue,
+ type = 'date',
...otherProps
} = props;
@@ -59,7 +61,7 @@ function DateInput(props: Props) {
readOnly={readOnly}
disabled={disabled}
className={inputClassName}
- type="date"
+ type={type}
/>
)}
/>
diff --git a/packages/ui/src/components/InputSection/index.tsx b/packages/ui/src/components/InputSection/index.tsx
index 964e2fc397..963a0b3291 100644
--- a/packages/ui/src/components/InputSection/index.tsx
+++ b/packages/ui/src/components/InputSection/index.tsx
@@ -18,6 +18,7 @@ export interface Props {
withAsteriskOnTitle?: boolean;
numPreferredColumns?: NumColumn;
withShadow?: boolean;
+ headerActions?: React.ReactNode;
}
function InputSection(props: Props) {
@@ -35,6 +36,7 @@ function InputSection(props: Props) {
numPreferredColumns = 1,
withFullWidthContent,
withShadow,
+ headerActions,
} = props;
const content = (
@@ -49,7 +51,12 @@ function InputSection(props: Props) {
)}
)}
- headerActions={tooltip &&
{children}
-
- {children}
-
- );
-}
-
-export default TopBanner;
diff --git a/packages/ui/src/components/parked/TopBanner/styles.module.css b/packages/ui/src/components/parked/TopBanner/styles.module.css
deleted file mode 100644
index fbc112f700..0000000000
--- a/packages/ui/src/components/parked/TopBanner/styles.module.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.top-banner {
- background-color: var(--go-ui-color-negative);
- padding: var(--go-ui-spacing-md);
- text-align: center;
- color: var(--go-ui-color-white);
- font-weight: var(--go-ui-font-weight-medium);
-}
-
-.warning {
- background-color: var(--go-ui-color-warning);
-}
-
-.positive {
- background-color: var(--go-ui-color-positive);
-}
-
-.information {
- background-color: var(--go-ui-color-information);
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cdb720128d..8eddf18a9c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,6 +61,12 @@ importers:
'@turf/buffer':
specifier: ^7.0.0
version: 7.3.4
+ '@types/diff-match-patch':
+ specifier: ^1.0.36
+ version: 1.0.36
+ diff-match-patch:
+ specifier: ^1.0.5
+ version: 1.0.5
exceljs:
specifier: ^4.4.0
version: 4.4.0
@@ -2820,6 +2826,9 @@ packages:
'@types/deep-eql@4.0.2':
resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+ '@types/diff-match-patch@1.0.36':
+ resolution: {integrity: sha512-xFdR6tkm0MWvBfO8xXCSsinYxHcqkQUlcHeSpMC2ukzOb6lwQAfDmW+Qt0AvlGd8HpsS28qKsB+oPeJn9I39jg==}
+
'@types/doctrine@0.0.9':
resolution: {integrity: sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==}
@@ -4106,6 +4115,9 @@ packages:
detect-node-es@1.1.0:
resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+ diff-match-patch@1.0.5:
+ resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
+
diff@8.0.4:
resolution: {integrity: sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==}
engines: {node: '>=0.3.1'}
@@ -9640,6 +9652,8 @@ snapshots:
'@types/deep-eql@4.0.2': {}
+ '@types/diff-match-patch@1.0.36': {}
+
'@types/doctrine@0.0.9': {}
'@types/estree@1.0.8': {}
@@ -11239,6 +11253,8 @@ snapshots:
detect-node-es@1.1.0: {}
+ diff-match-patch@1.0.5: {}
+
diff@8.0.4: {}
dir-glob@3.0.1:
diff --git a/translationMigrations/000079-1777278136025.json b/translationMigrations/000079-1777278136025.json
new file mode 100644
index 0000000000..82840bfd9c
--- /dev/null
+++ b/translationMigrations/000079-1777278136025.json
@@ -0,0 +1,6398 @@
+{
+ "parent": "000078-1775744813493.json",
+ "actions": [
+ {
+ "action": "add",
+ "key": "additionalFilesButtonLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Additional Attachments"
+ },
+ {
+ "action": "add",
+ "key": "confirmButtonLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Confirm"
+ },
+ {
+ "action": "add",
+ "key": "confirmStatusButtonLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Confirm"
+ },
+ {
+ "action": "add",
+ "key": "downloadBudgetFileLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Budget v{version}"
+ },
+ {
+ "action": "add",
+ "key": "downloadReviewChecklistLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Review Checklist v{version} (with IFRC comments)"
+ },
+ {
+ "action": "add",
+ "key": "downloadUpdatedChecklistLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Review Checklist v{version} (with NS comments)"
+ },
+ {
+ "action": "add",
+ "key": "downloadValidatedBudgetLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Download Validated Budget"
+ },
+ {
+ "action": "add",
+ "key": "editFullEapFormLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Edit Full EAP"
+ },
+ {
+ "action": "add",
+ "key": "editFullEapLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Edit Full EAP"
+ },
+ {
+ "action": "add",
+ "key": "editSimplifiedEapFormLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Edit sEAP"
+ },
+ {
+ "action": "add",
+ "key": "editSimplifiedEapLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Edit sEAP"
+ },
+ {
+ "action": "add",
+ "key": "exportButtonLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Export"
+ },
+ {
+ "action": "add",
+ "key": "exportSummaryButtonLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Export Summary"
+ },
+ {
+ "action": "add",
+ "key": "exportWithChangesButtonLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Export v{version} PDF (with track changes)"
+ },
+ {
+ "action": "add",
+ "key": "fileInputLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Select a file to upload"
+ },
+ {
+ "action": "add",
+ "key": "filterStatusPlaceholder",
+ "namespace": "accountMyFormsEap",
+ "value": "Select Status"
+ },
+ {
+ "action": "add",
+ "key": "forecastTableLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Forecast Table"
+ },
+ {
+ "action": "add",
+ "key": "fullReviseFailedAlert",
+ "namespace": "accountMyFormsEap",
+ "value": "Full EAP revision failed"
+ },
+ {
+ "action": "add",
+ "key": "fullReviseSuccessAlert",
+ "namespace": "accountMyFormsEap",
+ "value": "Full EAP revised successfully"
+ },
+ {
+ "action": "add",
+ "key": "newBudgetFileUploadLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Upload validated budget"
+ },
+ {
+ "action": "add",
+ "key": "noBudgetAlertTitle",
+ "namespace": "accountMyFormsEap",
+ "value": "Please attach the validated budget file before proceeding!"
+ },
+ {
+ "action": "add",
+ "key": "previewExportLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Preview Export"
+ },
+ {
+ "action": "add",
+ "key": "previewExportWithChangesButtonLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Preview Export v{version} PDF (with track changes)"
+ },
+ {
+ "action": "add",
+ "key": "previewSummaryExportLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Preview Summary Export"
+ },
+ {
+ "action": "add",
+ "key": "reviewChecklistDescription",
+ "namespace": "accountMyFormsEap",
+ "value": "Upload the Review Checklist for the National Society to download and review. Make sure to keep a proper labeling of the file to avoid duplications."
+ },
+ {
+ "action": "add",
+ "key": "reviewChecklistInputLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Select review checklist file"
+ },
+ {
+ "action": "add",
+ "key": "reviseEapLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Revise EAP"
+ },
+ {
+ "action": "add",
+ "key": "reviseEapMessage",
+ "namespace": "accountMyFormsEap",
+ "value": "Revising this EAP will create a new version. You can make any necessary changes in the new version."
+ },
+ {
+ "action": "add",
+ "key": "reviseFormErrorMessage",
+ "namespace": "accountMyFormsEap",
+ "value": "Please make sure all comments in the review checklist are resolved before proceeding!"
+ },
+ {
+ "action": "add",
+ "key": "shareDropDownLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Share"
+ },
+ {
+ "action": "add",
+ "key": "simplifiedReviseFailedAlert",
+ "namespace": "accountMyFormsEap",
+ "value": "Simplified EAP revision failed"
+ },
+ {
+ "action": "add",
+ "key": "simplifiedReviseSuccessAlert",
+ "namespace": "accountMyFormsEap",
+ "value": "Simplified EAP revised successfully"
+ },
+ {
+ "action": "add",
+ "key": "startFullEapLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Start Full EAP"
+ },
+ {
+ "action": "add",
+ "key": "startSimplifiedEapLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Start sEAP"
+ },
+ {
+ "action": "add",
+ "key": "statusUpdateFailedAlert",
+ "namespace": "accountMyFormsEap",
+ "value": "Failed to update the status!"
+ },
+ {
+ "action": "add",
+ "key": "statusUpdateSuccessAlert",
+ "namespace": "accountMyFormsEap",
+ "value": "Status updated successfully!"
+ },
+ {
+ "action": "add",
+ "key": "submitFormErrorMessage",
+ "namespace": "accountMyFormsEap",
+ "value": "Please make sure you've filled in all the required details before proceeding!"
+ },
+ {
+ "action": "add",
+ "key": "theoryOfChangeTableLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Theory of Change Table"
+ },
+ {
+ "action": "add",
+ "key": "updateBudgetFileLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "Update validated budget"
+ },
+ {
+ "action": "add",
+ "key": "updateStatusDescription",
+ "namespace": "accountMyFormsEap",
+ "value": "Are you sure you want to update the status?"
+ },
+ {
+ "action": "add",
+ "key": "updateStatusHeading",
+ "namespace": "accountMyFormsEap",
+ "value": "Update Status"
+ },
+ {
+ "action": "add",
+ "key": "uploadFailureMessage",
+ "namespace": "accountMyFormsEap",
+ "value": "Failed to upload the budget file!"
+ },
+ {
+ "action": "add",
+ "key": "uploadFileDescription",
+ "namespace": "accountMyFormsEap",
+ "value": "Please select the validate budget file to be uploaded!"
+ },
+ {
+ "action": "add",
+ "key": "uploadSuccessfulMessage",
+ "namespace": "accountMyFormsEap",
+ "value": "Budget file uploaded successfully!"
+ },
+ {
+ "action": "add",
+ "key": "viewFullEapLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "View Full EAP"
+ },
+ {
+ "action": "add",
+ "key": "viewSimplifiedEapLinkLabel",
+ "namespace": "accountMyFormsEap",
+ "value": "View sEAP"
+ },
+ {
+ "action": "add",
+ "key": "eapApplications",
+ "namespace": "accountMyFormsLayout",
+ "value": "EAP Applications"
+ },
+ {
+ "action": "update",
+ "key": "drefTabTitle",
+ "namespace": "accountMyFormsLayout",
+ "newValue": "DREF Applications"
+ },
+ {
+ "action": "add",
+ "key": "buttonLabel",
+ "namespace": "admin2Input",
+ "value": "Select Areas"
+ },
+ {
+ "action": "add",
+ "key": "emptyMessage",
+ "namespace": "admin2Input",
+ "value": "Admin Level 2 data is not available for this country."
+ },
+ {
+ "action": "add",
+ "key": "heading",
+ "namespace": "admin2Input",
+ "value": "Selected Areas"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionProtocols",
+ "namespace": "common",
+ "value": "Early Action Protocols (EAP)"
+ },
+ {
+ "action": "add",
+ "key": "contactEmailInputLabel",
+ "namespace": "contactInputsSection",
+ "value": "Email"
+ },
+ {
+ "action": "add",
+ "key": "contactNameInputLabel",
+ "namespace": "contactInputsSection",
+ "value": "Name"
+ },
+ {
+ "action": "add",
+ "key": "contactPhoneInputLabel",
+ "namespace": "contactInputsSection",
+ "value": "Phone number"
+ },
+ {
+ "action": "add",
+ "key": "contactTitleInputLabel",
+ "namespace": "contactInputsSection",
+ "value": "Title"
+ },
+ {
+ "action": "add",
+ "key": "drefDrefApplication",
+ "namespace": "drefDetail",
+ "value": "DREF Application"
+ },
+ {
+ "action": "add",
+ "key": "drefIntroDetailOne",
+ "namespace": "drefDetail",
+ "value": "Every year, small and medium-sized disasters occur in silence. Without media attention or international visibility, they can struggle to attract funding—putting affected communities at risk of being completely neglected."
+ },
+ {
+ "action": "add",
+ "key": "drefIntroDetailTwo",
+ "namespace": "drefDetail",
+ "value": "To support these smaller disasters, or to provide initial funding before launching an Emergency Appeal, we rapidly channel funding to Red Cross and Red Crescent Societies through the DREF—enabling them to deliver fast and effective local humanitarian action."
+ },
+ {
+ "action": "add",
+ "key": "drefIntroHeading",
+ "namespace": "drefDetail",
+ "value": "DREF Intro"
+ },
+ {
+ "action": "add",
+ "key": "drefProcessDetailOne",
+ "namespace": "drefDetail",
+ "value": "The fund is demand-driven and locally-owned. It is open to all 191 National Societies that submit funding applications and plans of action reflecting locally identified priorities and needs."
+ },
+ {
+ "action": "add",
+ "key": "drefProcessDetailTwo",
+ "namespace": "drefDetail",
+ "value": "On average, the DREF supports more than 100 responses to small and medium-sized disasters every year."
+ },
+ {
+ "action": "add",
+ "key": "drefProcessHeading",
+ "namespace": "drefDetail",
+ "value": "Dref Process"
+ },
+ {
+ "action": "add",
+ "key": "drefProcessListOne",
+ "namespace": "drefDetail",
+ "value": "A loan facility: start-up funding for the IFRC and National Societies to respond to large-scale disasters, which will later be reimbursed by donor contributions to an Emergency Appeal."
+ },
+ {
+ "action": "add",
+ "key": "drefProcessListTwo",
+ "namespace": "drefDetail",
+ "value": "A grant facility: funding for National Society responses to small- and medium-sized disasters. This is used when no Emergency Appeal will be launched or when support from other actors is not foreseen."
+ },
+ {
+ "action": "add",
+ "key": "drefProcessSubHeading",
+ "namespace": "drefDetail",
+ "value": "We provide funding in two ways:"
+ },
+ {
+ "action": "add",
+ "key": "eapDescription",
+ "namespace": "drefProcess",
+ "value": "The IFRC's Disaster Emergency Fund (DREF): rapid, reliable funding for life-saving action."
+ },
+ {
+ "action": "add",
+ "key": "eapHeading",
+ "namespace": "drefProcess",
+ "value": "Disaster Response Emergency Fund (DREF)"
+ },
+ {
+ "action": "add",
+ "key": "eapProcessDrefTab",
+ "namespace": "drefProcess",
+ "value": "Response And Imminent Dref"
+ },
+ {
+ "action": "add",
+ "key": "eapProcessEapTab",
+ "namespace": "drefProcess",
+ "value": "Early Action Protocols (EAP)"
+ },
+ {
+ "action": "update",
+ "key": "removeUser",
+ "namespace": "drefShareModal",
+ "newNamespace": "shareUserItem"
+ },
+ {
+ "action": "add",
+ "key": "eapApplicationsHeading",
+ "namespace": "eapApplication",
+ "value": "EAP Application"
+ },
+ {
+ "action": "add",
+ "key": "eapLastUpdated",
+ "namespace": "eapApplication",
+ "value": "Last Updated"
+ },
+ {
+ "action": "add",
+ "key": "eapName",
+ "namespace": "eapApplication",
+ "value": "Name/Phase"
+ },
+ {
+ "action": "add",
+ "key": "eapRegistrationLink",
+ "namespace": "eapApplication",
+ "value": "Register Your EAP"
+ },
+ {
+ "action": "add",
+ "key": "eapStatus",
+ "namespace": "eapApplication",
+ "value": "Status"
+ },
+ {
+ "action": "add",
+ "key": "eapType",
+ "namespace": "eapApplication",
+ "value": "EAP Type"
+ },
+ {
+ "action": "add",
+ "key": "downloadLinkDescription",
+ "namespace": "eapExportModal",
+ "value": "Click on the download link below!"
+ },
+ {
+ "action": "add",
+ "key": "downloadLinkLabel",
+ "namespace": "eapExportModal",
+ "value": "Download PDF"
+ },
+ {
+ "action": "add",
+ "key": "exportFailed",
+ "namespace": "eapExportModal",
+ "value": "Export failed"
+ },
+ {
+ "action": "add",
+ "key": "exportSuccessfully",
+ "namespace": "eapExportModal",
+ "value": "Export completed successfully!"
+ },
+ {
+ "action": "add",
+ "key": "exportTitle",
+ "namespace": "eapExportModal",
+ "value": "Export EAP"
+ },
+ {
+ "action": "add",
+ "key": "failureToExportMessage",
+ "namespace": "eapExportModal",
+ "value": "Failed to export PDF."
+ },
+ {
+ "action": "add",
+ "key": "preparingExport",
+ "namespace": "eapExportModal",
+ "value": "Preparing for export..."
+ },
+ {
+ "action": "add",
+ "key": "waitingExport",
+ "namespace": "eapExportModal",
+ "value": "Waiting for the export to complete..."
+ },
+ {
+ "action": "add",
+ "key": "actionProcessLabel",
+ "namespace": "eapFullExport",
+ "value": "Early Action implementation process"
+ },
+ {
+ "action": "add",
+ "key": "activationProcessHeading",
+ "namespace": "eapFullExport",
+ "value": "EAP Activation Process"
+ },
+ {
+ "action": "add",
+ "key": "apCodeLabel",
+ "namespace": "eapFullExport",
+ "value": "AP Code"
+ },
+ {
+ "action": "add",
+ "key": "budgetDescriptionLabel",
+ "namespace": "eapFullExport",
+ "value": "Budget Description"
+ },
+ {
+ "action": "add",
+ "key": "contactInformationDescription",
+ "namespace": "eapFullExport",
+ "value": "For further information, specifically related to this simplified EAP please contact:"
+ },
+ {
+ "action": "add",
+ "key": "contactInformationHeading",
+ "namespace": "eapFullExport",
+ "value": "Contact information"
+ },
+ {
+ "action": "add",
+ "key": "definitionJustificationLabel",
+ "namespace": "eapFullExport",
+ "value": "Definition and justification of impact level"
+ },
+ {
+ "action": "add",
+ "key": "delegationFocalLabel",
+ "namespace": "eapFullExport",
+ "value": "IFRC Delegation AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "delegationHeadLabel",
+ "namespace": "eapFullExport",
+ "value": "IFRC Head of Delegation"
+ },
+ {
+ "action": "add",
+ "key": "delegationLabel",
+ "namespace": "eapFullExport",
+ "value": "Delegation"
+ },
+ {
+ "action": "add",
+ "key": "descriptionLabel",
+ "namespace": "eapFullExport",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "downloadBudgetLabel",
+ "namespace": "eapFullExport",
+ "value": "Download Full Budget Template"
+ },
+ {
+ "action": "add",
+ "key": "downloadForecastTableLabel",
+ "namespace": "eapFullExport",
+ "value": "Download forecast table"
+ },
+ {
+ "action": "add",
+ "key": "downloadTheoryChangeTableLabel",
+ "namespace": "eapFullExport",
+ "value": "Download Theory of Change Table"
+ },
+ {
+ "action": "add",
+ "key": "drefFocalLabel",
+ "namespace": "eapFullExport",
+ "value": "DREF Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "eapApprovedLabel",
+ "namespace": "eapFullExport",
+ "value": "EAP Approved"
+ },
+ {
+ "action": "add",
+ "key": "eapBudgetSummaryLabel",
+ "namespace": "eapFullExport",
+ "value": "EAP budget"
+ },
+ {
+ "action": "add",
+ "key": "eapEndorsementLabel",
+ "namespace": "eapFullExport",
+ "value": "EAP Endorsement"
+ },
+ {
+ "action": "add",
+ "key": "eapNoLabel",
+ "namespace": "eapFullExport",
+ "value": "EAP No"
+ },
+ {
+ "action": "add",
+ "key": "eapTimeframeLabel",
+ "namespace": "eapFullExport",
+ "value": "EAP Timeframe"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionActivitiesHeading",
+ "namespace": "eapFullExport",
+ "value": "Prioritized early actions"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionsBudgetDescriptionLabel",
+ "namespace": "eapFullExport",
+ "value": "Early Actions Budget Description"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionsSummaryLabel",
+ "namespace": "eapFullExport",
+ "value": "Proposed Early Actions by based on the IFRC’s Planned Operation Matrix"
+ },
+ {
+ "action": "add",
+ "key": "earlySelectionLabel",
+ "namespace": "eapFullExport",
+ "value": "Early Action Selection Process"
+ },
+ {
+ "action": "add",
+ "key": "enablingApproachesLabel",
+ "namespace": "eapFullExport",
+ "value": "Enabling Approaches"
+ },
+ {
+ "action": "add",
+ "key": "evidenceBaseLabel",
+ "namespace": "eapFullExport",
+ "value": "Evidence Base"
+ },
+ {
+ "action": "add",
+ "key": "exposedElementsLabel",
+ "namespace": "eapFullExport",
+ "value": "Exposed elements and their vulnerability factors"
+ },
+ {
+ "action": "add",
+ "key": "feasibilityLabel",
+ "namespace": "eapFullExport",
+ "value": "Feasibility"
+ },
+ {
+ "action": "add",
+ "key": "financeLogisticsHeading",
+ "namespace": "eapFullExport",
+ "value": "Finance and Logistics"
+ },
+ {
+ "action": "add",
+ "key": "financialCapacityLabel",
+ "namespace": "eapFullExport",
+ "value": "Financial capacity to advance funds"
+ },
+ {
+ "action": "add",
+ "key": "forecastSelectionLabel",
+ "namespace": "eapFullExport",
+ "value": "Forecast Selection"
+ },
+ {
+ "action": "add",
+ "key": "globalOpsLabel",
+ "namespace": "eapFullExport",
+ "value": "IFRC Global Ops Coordinator"
+ },
+ {
+ "action": "add",
+ "key": "hazardLabel",
+ "namespace": "eapFullExport",
+ "value": "Hazard"
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionHeading",
+ "namespace": "eapFullExport",
+ "value": "Hazard Selection"
+ },
+ {
+ "action": "add",
+ "key": "houseHoldsSummaryLabel",
+ "namespace": "eapFullExport",
+ "value": "Potential No. of households to be reached"
+ },
+ {
+ "action": "add",
+ "key": "identificationInterventionLabel",
+ "namespace": "eapFullExport",
+ "value": "Identification of the intervention area"
+ },
+ {
+ "action": "add",
+ "key": "indicatorsHeading",
+ "namespace": "eapFullExport",
+ "value": "Indicators"
+ },
+ {
+ "action": "add",
+ "key": "indicatorTargetLabel",
+ "namespace": "eapFullExport",
+ "value": "Target"
+ },
+ {
+ "action": "add",
+ "key": "indicatorTitleLabel",
+ "namespace": "eapFullExport",
+ "value": "Title"
+ },
+ {
+ "action": "add",
+ "key": "isTechnicalLabel",
+ "namespace": "eapFullExport",
+ "value": "Is there TWG in place?"
+ },
+ {
+ "action": "add",
+ "key": "keyActorsHeading",
+ "namespace": "eapFullExport",
+ "value": "Key Actors"
+ },
+ {
+ "action": "add",
+ "key": "leadTimeLabel",
+ "namespace": "eapFullExport",
+ "value": "Lead Time"
+ },
+ {
+ "action": "add",
+ "key": "linkLabel",
+ "namespace": "eapFullExport",
+ "value": "Link"
+ },
+ {
+ "action": "add",
+ "key": "listEarlyActionsLabel",
+ "namespace": "eapFullExport",
+ "value": "List of Early Actions"
+ },
+ {
+ "action": "add",
+ "key": "listPrioritizedImpactLabel",
+ "namespace": "eapFullExport",
+ "value": "List of prioritized impacts"
+ },
+ {
+ "action": "add",
+ "key": "mealHeading",
+ "namespace": "eapFullExport",
+ "value": "Monitoring, Evaluation, Accountability Learning(Meal)"
+ },
+ {
+ "action": "add",
+ "key": "mealLabel",
+ "namespace": "eapFullExport",
+ "value": "Meal"
+ },
+ {
+ "action": "add",
+ "key": "nameLabel",
+ "namespace": "eapFullExport",
+ "value": "Name"
+ },
+ {
+ "action": "add",
+ "key": "nationalLabel",
+ "namespace": "eapFullExport",
+ "value": "National"
+ },
+ {
+ "action": "add",
+ "key": "nationalSocietyContactLabel",
+ "namespace": "eapFullExport",
+ "value": "National Society Contact"
+ },
+ {
+ "action": "add",
+ "key": "nationalSocietyHeading",
+ "namespace": "eapFullExport",
+ "value": "National Society Capacity"
+ },
+ {
+ "action": "add",
+ "key": "objectiveLabel",
+ "namespace": "eapFullExport",
+ "value": "Objective"
+ },
+ {
+ "action": "add",
+ "key": "operationalThematicLabel",
+ "namespace": "eapFullExport",
+ "value": "Operational, thematic and administrative capacity"
+ },
+ {
+ "action": "add",
+ "key": "operationBudgetLabel",
+ "namespace": "eapFullExport",
+ "value": "Budget"
+ },
+ {
+ "action": "add",
+ "key": "operationPeopleTargetedLabel",
+ "namespace": "eapFullExport",
+ "value": "No. people targeted"
+ },
+ {
+ "action": "add",
+ "key": "overviewHeading",
+ "namespace": "eapFullExport",
+ "value": "Overview"
+ },
+ {
+ "action": "add",
+ "key": "pageTitleEapText",
+ "namespace": "eapFullExport",
+ "value": "Early Action Protocol"
+ },
+ {
+ "action": "add",
+ "key": "pageTitleFullText",
+ "namespace": "eapFullExport",
+ "value": "Full"
+ },
+ {
+ "action": "add",
+ "key": "partnerNationalSocietyContactLabel",
+ "namespace": "eapFullExport",
+ "value": "Partner National Society Contact"
+ },
+ {
+ "action": "add",
+ "key": "peopleTargetLabel",
+ "namespace": "eapFullExport",
+ "value": "People Targeted"
+ },
+ {
+ "action": "add",
+ "key": "plannedOperationsHeading",
+ "namespace": "eapFullExport",
+ "value": "Planned Operations"
+ },
+ {
+ "action": "add",
+ "key": "prepositioningActivitiesHeading",
+ "namespace": "eapFullExport",
+ "value": "Prepositioning activities"
+ },
+ {
+ "action": "add",
+ "key": "prepositioningBudgetDescriptionLabel",
+ "namespace": "eapFullExport",
+ "value": "Pre-positioning Budget Description"
+ },
+ {
+ "action": "add",
+ "key": "prioritizedImpactHeading",
+ "namespace": "eapFullExport",
+ "value": "Prioritized Impact"
+ },
+ {
+ "action": "add",
+ "key": "prioritizedImpactsSummaryLabel",
+ "namespace": "eapFullExport",
+ "value": "Prioritized risks/impacts to be addressed by early actions"
+ },
+ {
+ "action": "add",
+ "key": "readinessActivitiesHeading",
+ "namespace": "eapFullExport",
+ "value": "Readiness activities"
+ },
+ {
+ "action": "add",
+ "key": "readinessBudgetDescriptionLabel",
+ "namespace": "eapFullExport",
+ "value": "Readiness Budget Description"
+ },
+ {
+ "action": "add",
+ "key": "regionalFocalLabel",
+ "namespace": "eapFullExport",
+ "value": "IFRC Regional AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "regionalGlobalLabel",
+ "namespace": "eapFullExport",
+ "value": "Regional and Global"
+ },
+ {
+ "action": "add",
+ "key": "regionalHeadLabel",
+ "namespace": "eapFullExport",
+ "value": "IFRC Regional Head of DCC"
+ },
+ {
+ "action": "add",
+ "key": "regionalOpsLabel",
+ "namespace": "eapFullExport",
+ "value": "IFRC Regional Ops Manager"
+ },
+ {
+ "action": "add",
+ "key": "riskAnalysisHeading",
+ "namespace": "eapFullExport",
+ "value": "Risk Analysis"
+ },
+ {
+ "action": "add",
+ "key": "selectionOfActionHeading",
+ "namespace": "eapFullExport",
+ "value": "Selection of Actions"
+ },
+ {
+ "action": "add",
+ "key": "selectionTargetLabel",
+ "namespace": "eapFullExport",
+ "value": "Selection of target population"
+ },
+ {
+ "action": "add",
+ "key": "sourceForecastLabel",
+ "namespace": "eapFullExport",
+ "value": "Sources of Forecast"
+ },
+ {
+ "action": "add",
+ "key": "sourceInformationLabel",
+ "namespace": "eapFullExport",
+ "value": "Sources of Information"
+ },
+ {
+ "action": "add",
+ "key": "stakeholdersHeading",
+ "namespace": "eapFullExport",
+ "value": "Stakeholders"
+ },
+ {
+ "action": "add",
+ "key": "stopMechanismLabel",
+ "namespace": "eapFullExport",
+ "value": "Stop Mechanism"
+ },
+ {
+ "action": "add",
+ "key": "strategiesPlanLabel",
+ "namespace": "eapFullExport",
+ "value": "Strategies and plans"
+ },
+ {
+ "action": "add",
+ "key": "summaryPageTitle",
+ "namespace": "eapFullExport",
+ "value": "Early Action Protocol Summary"
+ },
+ {
+ "action": "add",
+ "key": "technicalWorkingHeading",
+ "namespace": "eapFullExport",
+ "value": "Technical working groups in place"
+ },
+ {
+ "action": "add",
+ "key": "titleLabel",
+ "namespace": "eapFullExport",
+ "value": "Title"
+ },
+ {
+ "action": "add",
+ "key": "totalBudgetLabel",
+ "namespace": "eapFullExport",
+ "value": "Total Budget"
+ },
+ {
+ "action": "add",
+ "key": "totalEarlyActionsLabel",
+ "namespace": "eapFullExport",
+ "value": "Total Early Actions"
+ },
+ {
+ "action": "add",
+ "key": "totalPrepositioningLabel",
+ "namespace": "eapFullExport",
+ "value": "Total Pre-positioning"
+ },
+ {
+ "action": "add",
+ "key": "totalReadinessLabel",
+ "namespace": "eapFullExport",
+ "value": "Total Readiness"
+ },
+ {
+ "action": "add",
+ "key": "triggerActivationLabel",
+ "namespace": "eapFullExport",
+ "value": "Trigger activation system"
+ },
+ {
+ "action": "add",
+ "key": "triggerModelHeading",
+ "namespace": "eapFullExport",
+ "value": "Trigger Model"
+ },
+ {
+ "action": "add",
+ "key": "triggerStatementLabel",
+ "namespace": "eapFullExport",
+ "value": "Trigger Statement"
+ },
+ {
+ "action": "add",
+ "key": "usefulnessActionsLabel",
+ "namespace": "eapFullExport",
+ "value": "Usefulness of actions in case of non-occurring event"
+ },
+ {
+ "action": "add",
+ "key": "workingDescriptionLabel",
+ "namespace": "eapFullExport",
+ "value": "Please briefly describe the process"
+ },
+ {
+ "action": "add",
+ "key": "workWithGovernmentDescription",
+ "namespace": "eapFullExport",
+ "value": "Please briefly describe the process"
+ },
+ {
+ "action": "add",
+ "key": "workWithGovernmentLabel",
+ "namespace": "eapFullExport",
+ "value": "Did you work with the government and other relevant actors in the development of this EAP? *"
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaComment1",
+ "namespace": "eapFullForm",
+ "value": "The FbF design process described in the FbF Manual (chapter 4.2), should be followed and described in the EAP (it can be adapted to the respective context). If some disaster impacts are not addressed, an explanation should be provided and also indicate which actions were considered but not chosen"
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaComment21",
+ "namespace": "eapFullForm",
+ "value": "If evidence is available, it should ideally show that the action has reduced impact in prior (test or real) activations. In case evidence is available, there should be a description on the effectiveness of the action in reducing the targeted impact."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaComment22",
+ "namespace": "eapFullForm",
+ "value": "If evidence it´s not available, the EAP should describe in detail how they foresee that the action chosen will reduce the specific risk."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaComment31",
+ "namespace": "eapFullForm",
+ "value": "It needs to be shown that actions can be implemented in the lead time provided by the forecast with enough time for the population to make use of the assistance received."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaComment32",
+ "namespace": "eapFullForm",
+ "value": "For slow onset disasters, the timing of impact may need to be interpreted as the timing of an expected spike in impacts or the expected peak of impacts, but the actions would still have to be early enough to reduce impact. In the case of drought, we will need flexibility as it is challenging to identify this specific moment. Each would be context specific."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaComment4",
+ "namespace": "eapFullForm",
+ "value": "To facilitate the overview of all the actions to be taken by sector and their timeline, an operational matrix should be used. This operational matrix follows the IFRC programming framework, which should be aligned with the structure of the EAP budget."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaComment5",
+ "namespace": "eapFullForm",
+ "value": "The described implementation process shows that each step of the activation has been thought through and considered and that implementation in the lead time available is possible. The set of tasks described in this section should cover all activities from the moment the trigger is reached (Day 1) to the completion of post-impact surveys (Day X)."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaIntroduction1",
+ "namespace": "eapFullForm",
+ "value": "Forecast-based Early Actions are selected based on the reduction of risk that they will provide. The EAP describes the main steps used to determine which actions were selected to reduce a specific disaster impact."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaIntroduction2",
+ "namespace": "eapFullForm",
+ "value": "For each early action selected, the EAP must include a Theory of Change and show that the action chosen is appropriate to reduce the specific risk. Selected actions should be socially acceptable according to the context and there should be evidence of its effectiveness."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaIntroduction3",
+ "namespace": "eapFullForm",
+ "value": "Actions are implemented in the window between the forecast and the impact of the extreme event."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaIntroduction41",
+ "namespace": "eapFullForm",
+ "value": "The EAP support the Principles of “Good Humanitarian Donorship” and “Do No Harm” "
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaIntroduction42",
+ "namespace": "eapFullForm",
+ "value": "The EAP includes an operational matrix with the activities to be implemented according to the IFRC focus areas and strategies for implementation."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaIntroduction51",
+ "namespace": "eapFullForm",
+ "value": "If relevant for the type of intervention, actions are in line with accepted international and/or national standards, regulations, laws for the relevant sector. E.g. SPHERE, LEGS, Minimum standards for protection, gender and inclusion in emergencies."
+ },
+ {
+ "action": "add",
+ "key": "actionsSectionCriteriaIntroduction52",
+ "namespace": "eapFullForm",
+ "value": "The EAP includes a 4W description indicating who does what, where, and when. This should include also actors outside the structure of the National Society."
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementSectionHeading",
+ "namespace": "eapFullForm",
+ "value": "Quality Criteria: Selection of actions"
+ },
+ {
+ "action": "add",
+ "key": "activationAddNewButtonLabel",
+ "namespace": "eapFullForm",
+ "value": "Add"
+ },
+ {
+ "action": "add",
+ "key": "activationAttachFilesDescription",
+ "namespace": "eapFullForm",
+ "value": "Attach any additional maps, documentation, files, images, etc."
+ },
+ {
+ "action": "add",
+ "key": "activationAttachFilesTitle",
+ "namespace": "eapFullForm",
+ "value": "Attach relevant files"
+ },
+ {
+ "action": "add",
+ "key": "activationImageCountLabel",
+ "namespace": "eapFullForm",
+ "value": "5 images max(optional)"
+ },
+ {
+ "action": "add",
+ "key": "activationImplementationExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "As a crucial component of the EAP, once the trigger has been reached, everyone involved should be knowledgeable about what will be done, where, when and by whom. The described implementation process shows that each step of the activation has been thought through and considered and that implementation in the lead time available is possible. The set of tasks described in this section should cover all activities from the moment the trigger is reached (Day 1) to the completion of post-impact surveys (Day X)."
+ },
+ {
+ "action": "add",
+ "key": "activationPeopleTargetedDescription",
+ "namespace": "eapFullForm",
+ "value": "Specify number of people targeted"
+ },
+ {
+ "action": "add",
+ "key": "activationPeopleTargetedTitle",
+ "namespace": "eapFullForm",
+ "value": "People targeted"
+ },
+ {
+ "action": "add",
+ "key": "activationProcessDescription1",
+ "namespace": "eapFullForm",
+ "value": "Include a matrix/flowchart for a quick overview of the early action implementation process."
+ },
+ {
+ "action": "add",
+ "key": "activationProcessDescription2",
+ "namespace": "eapFullForm",
+ "value": "Early Describe the step-by-step process from Day 1 to Day X for the implementation of the selected early actions. Indicate the day when the Stop Mechanism would occur. Include all critical and support tasks that are necessary for each of the steps. Each task should indicate the position of the person responsible (including when cash-based actions are planned liaison with the financial service provider)... implementation process"
+ },
+ {
+ "action": "add",
+ "key": "activationProcessDescriptionLabel",
+ "namespace": "eapFullForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "activationProcessExplanatoryLabel",
+ "namespace": "eapFullForm",
+ "value": "Explanatory Note"
+ },
+ {
+ "action": "add",
+ "key": "activationProcessHeading",
+ "namespace": "eapFullForm",
+ "value": "EAP Activation Process"
+ },
+ {
+ "action": "add",
+ "key": "activationProcessRequiredPointsLabel",
+ "namespace": "eapFullForm",
+ "value": "Required Points"
+ },
+ {
+ "action": "add",
+ "key": "activationProcessTabLabel",
+ "namespace": "eapFullForm",
+ "value": "EAP Activation Process"
+ },
+ {
+ "action": "add",
+ "key": "activationProcessTitle",
+ "namespace": "eapFullForm",
+ "value": "Early action implementation process"
+ },
+ {
+ "action": "add",
+ "key": "activationProcessTooltip",
+ "namespace": "eapFullForm",
+ "value": "It is crucial to select early actions that have the most potential to reduce the identified risks(s) and are feasible to implement given the lead time of the forecast. It is important to describe briefly: Who was involved? What data was consulted? Was research conducted? Were communities involved? For more guidance see FbF Manual, Chapter 4.2 Select Early Actions."
+ },
+ {
+ "action": "add",
+ "key": "activationProcessUploadLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload"
+ },
+ {
+ "action": "add",
+ "key": "activationRequiredPoint1",
+ "namespace": "eapFullForm",
+ "value": "Include a matrix/flowchart for a quick overview of the early action implementation process."
+ },
+ {
+ "action": "add",
+ "key": "activationRequiredPoint2",
+ "namespace": "eapFullForm",
+ "value": "Describe the step-by-step process from Day 1 to Day X for the implementation of the selected early actions. Indicate the day when the Stop Mechanism would occur. Include all critical and support tasks that are necessary for each of the steps. Each task should indicate the position of the person responsible (including when cash-based actions are planned liaison with the financial service provider)."
+ },
+ {
+ "action": "add",
+ "key": "activationRequiredPoint3",
+ "namespace": "eapFullForm",
+ "value": "For each action, include at which level it will take place (HQ, branch, community)."
+ },
+ {
+ "action": "add",
+ "key": "activationRequiredPoint4",
+ "namespace": "eapFullForm",
+ "value": "Each NS should have a detailed version of this process, including communication flows, for each task and the name of the person responsible with their contact information. This document should be regularly updated."
+ },
+ {
+ "action": "add",
+ "key": "activationSectionCriteriaComment11",
+ "namespace": "eapFullForm",
+ "value": "Ideally, there is a system in place to automatically monitor the forecasts and send an automatic message of alert to relevant actors as soon as a trigger is reached. It is expected that this will be executed by the national meteorological office and/or national DRM authority. If this automatic system does not exist, a mechanism needs to be in place to monitor the forecasts/indicators and alert relevant actors as soon as a trigger is reached to initiate the early actions"
+ },
+ {
+ "action": "add",
+ "key": "activationSectionCriteriaComment12",
+ "namespace": "eapFullForm",
+ "value": "If the trigger is based on a combination of multiple indicators (e.g. for slow onset hazard) and no suitable product exists yet, the EAP needs to explain who will provide the data and how it will be combined and analyzed. This may need to be a consortium of institutions, each providing pieces of information, therefore a clear communication mechanism is vital."
+ },
+ {
+ "action": "add",
+ "key": "activationSectionCriteriaComment13",
+ "namespace": "eapFullForm",
+ "value": "Any risk (e.g. certain data is not collected in time) and mitigation measures (e.g.MOU) should be outlined."
+ },
+ {
+ "action": "add",
+ "key": "activationSectionCriteriaComment2",
+ "namespace": "eapFullForm",
+ "value": "Once an intervention area has been identified, the NS still has to have a clear process to select which households in that area it will provide assistance to. The selection process needs to be feasible within the lead time."
+ },
+ {
+ "action": "add",
+ "key": "activationSectionCriteriaComment31",
+ "namespace": "eapFullForm",
+ "value": "If the forecast triggers action, but then in subsequent days the forecast reduces below the trigger, the action should be able to stop. Exceptions might be accepted if the trigger chosen has a very high probability."
+ },
+ {
+ "action": "add",
+ "key": "activationSectionCriteriaComment32",
+ "namespace": "eapFullForm",
+ "value": "In some cases, a stop mechanism may not be possible (very short lead time or limited frequency of forecast for seasonal forecast)"
+ },
+ {
+ "action": "add",
+ "key": "activationSectionCriteriaIntroduction1",
+ "namespace": "eapFullForm",
+ "value": "There is a mechanism in place to monitor the forecasts (ad /or trigger related indicators) and alert relevant actors as soon as a trigger is reached to initiate the early actions. This implies that the process to trigger the FbF system is clearly understood by all the key staff of the NS and relevant partners."
+ },
+ {
+ "action": "add",
+ "key": "activationSectionCriteriaIntroduction2",
+ "namespace": "eapFullForm",
+ "value": "The EAP clearly explains how the target beneficiaries within the intervention areas will be selected."
+ },
+ {
+ "action": "add",
+ "key": "activationSectionCriteriaIntroduction3",
+ "namespace": "eapFullForm",
+ "value": "The EAP includes the description of a stop mechanism for forecast triggers with a lead time of more than three days. For forecast triggers with a lead time of less than 3 days, the EAP should include the description of what the National Society would do if the forecast changes in strength or location within the last three days before the event."
+ },
+ {
+ "action": "add",
+ "key": "activationSectionHeading",
+ "namespace": "eapFullForm",
+ "value": "Quality Criteria: EAP activation process"
+ },
+ {
+ "action": "add",
+ "key": "activationSelectImagesLabel",
+ "namespace": "eapFullForm",
+ "value": "Select images"
+ },
+ {
+ "action": "add",
+ "key": "activationSelectionDescription1",
+ "namespace": "eapFullForm",
+ "value": "Provide a short summary of the target population, (the number, location etc.)"
+ },
+ {
+ "action": "add",
+ "key": "activationSelectionDescription2",
+ "namespace": "eapFullForm",
+ "value": "Describe how the target population will be selected, with a special focus on feasibility in the short period of time between forecast and event"
+ },
+ {
+ "action": "add",
+ "key": "activationSelectionDescription3",
+ "namespace": "eapFullForm",
+ "value": "If the EAP is intending to use Social Protection systems or other government beneficiary databases, indicate how the potential number of targeted households be selected"
+ },
+ {
+ "action": "add",
+ "key": "activationSelectionExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "FbF aims to protect the most vulnerable from the impact of extreme weather events. Based on the analysis on vulnerability and exposure (in section 3) and on the described mechanism for identifying intervention areas/communities (in section 4- Intervention area), it needs to be clear, how vulnerability criteria and impact forecasts will be applied to determine who will be targeted."
+ },
+ {
+ "action": "add",
+ "key": "activationSelectionPopulationTitle",
+ "namespace": "eapFullForm",
+ "value": "Selection of target population"
+ },
+ {
+ "action": "add",
+ "key": "activationSourceOfInformationDescription",
+ "namespace": "eapFullForm",
+ "value": "Add the description of the sources one at a time. If the source has a link, add in the second field."
+ },
+ {
+ "action": "add",
+ "key": "activationSourceOfInformationTitle",
+ "namespace": "eapFullForm",
+ "value": "Sources of information"
+ },
+ {
+ "action": "add",
+ "key": "activationStopDescription1",
+ "namespace": "eapFullForm",
+ "value": "Indicate on which day of activation the stop mechanism is foreseen, and who is responsible to give the signal to stop."
+ },
+ {
+ "action": "add",
+ "key": "activationStopDescription2",
+ "namespace": "eapFullForm",
+ "value": "Describe when the stop mechanism begins and whether in-kind/cash distribution would be stopped or not. For cash actions cancelled, how would this be coordinated with the financial service provider? For in-kind distribution, what would happen with the perishable items?"
+ },
+ {
+ "action": "add",
+ "key": "activationStopDescription3",
+ "namespace": "eapFullForm",
+ "value": "Explain how it would be communicated to communities and stakeholders that the activities are being stopped."
+ },
+ {
+ "action": "add",
+ "key": "activationStopMechanismExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "For forecast triggers with a lead time of more than three days, the EAP should include the description of a stop mechanism. This means that if a later forecast – prior to the start of activities (related to the early action(s)) shows that the event is no longer likely to occur, the activation of the EAP will be stopped to avoid generating further use of resources. For example, if the 6-day forecast on Day 1 indicates high risk of heavy rainfall and thereby triggers the activation and the new 6-day-forecast released on Day 3 shows that the risk has significantly lowered, the trigger level is no longer reached. If the start of distributions was planned for Day 4, activation should be stopped. Items that have been purchased based on the trigger being reached and are not distributed due to the stop mechanism should be stored in the warehouse for a future activation. For forecast triggers with a lead time of less than 3 days, the EAP should include the description of what the National Society would do if the forecast changes in strength or location within the last three days before the event."
+ },
+ {
+ "action": "add",
+ "key": "activationStopMechanismTitle",
+ "namespace": "eapFullForm",
+ "value": "Stop mechanism"
+ },
+ {
+ "action": "add",
+ "key": "activationTriggerDescription1",
+ "namespace": "eapFullForm",
+ "value": "Describe the automatic system used to monitor the forecasts, generate the intervention map and send the alert message when the trigger is reached."
+ },
+ {
+ "action": "add",
+ "key": "activationTriggerDescription2",
+ "namespace": "eapFullForm",
+ "value": "If this automatic system does not yet exist, explain how forecasts will be monitored, intervention maps generated and how the relevant actors will be informed that the trigger has been reached."
+ },
+ {
+ "action": "add",
+ "key": "activationTriggerDescription3",
+ "namespace": "eapFullForm",
+ "value": "Indicate who gives the signal to start the activation."
+ },
+ {
+ "action": "add",
+ "key": "activationTriggerExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "The activation process starts with the message that the trigger has been reached (on Day 1). Ideally, there is a system in place to automatically monitor the forecasts and send an automatic message of alert to relevant actors as soon as a trigger is reached. It is expected that this will be executed by the national meteorological office and/or national DRM authority. If this automatic system does not exist, a mechanism needs to be in place to monitor the forecasts and alert relevant actors as soon as a trigger is reached to initiate the early actions."
+ },
+ {
+ "action": "add",
+ "key": "activationTriggerRequiredPoint1",
+ "namespace": "eapFullForm",
+ "value": "Describe the automatic system used to monitor the forecasts, generate the intervention map and send the alert message when the trigger is reached."
+ },
+ {
+ "action": "add",
+ "key": "activationTriggerRequiredPoint2",
+ "namespace": "eapFullForm",
+ "value": "If this automatic system does not yet exist, explain how forecasts will be monitored, intervention maps generated and how the relevant actors will be informed that the trigger has been reached."
+ },
+ {
+ "action": "add",
+ "key": "activationTriggerRequiredPoint3",
+ "namespace": "eapFullForm",
+ "value": "Indicate who gives the signal to start the activation."
+ },
+ {
+ "action": "add",
+ "key": "activationTriggerTitle",
+ "namespace": "eapFullForm",
+ "value": "Trigger activation system"
+ },
+ {
+ "action": "add",
+ "key": "addButtonLabel",
+ "namespace": "eapFullForm",
+ "value": "Add"
+ },
+ {
+ "action": "add",
+ "key": "addNewCapacitySourceButtonLabel",
+ "namespace": "eapFullForm",
+ "value": "Add"
+ },
+ {
+ "action": "add",
+ "key": "addNewMealButtonLabel",
+ "namespace": "eapFullForm",
+ "value": "Add"
+ },
+ {
+ "action": "add",
+ "key": "addNewTriggerButtonLabel",
+ "namespace": "eapFullForm",
+ "value": "Add"
+ },
+ {
+ "action": "add",
+ "key": "approachApCode",
+ "namespace": "eapFullForm",
+ "value": "AP Code"
+ },
+ {
+ "action": "add",
+ "key": "approachBudget",
+ "namespace": "eapFullForm",
+ "value": "Budget(CHF)"
+ },
+ {
+ "action": "add",
+ "key": "approachRemoveButton",
+ "namespace": "eapFullForm",
+ "value": "Remove"
+ },
+ {
+ "action": "add",
+ "key": "attachFilesDescription",
+ "namespace": "eapFullForm",
+ "value": "Attach any additional documentation, files, images, etc."
+ },
+ {
+ "action": "add",
+ "key": "attachFilesSelectImagesLabel",
+ "namespace": "eapFullForm",
+ "value": "Select Images"
+ },
+ {
+ "action": "add",
+ "key": "attachFilesTitle",
+ "namespace": "eapFullForm",
+ "value": "Attach relevant files"
+ },
+ {
+ "action": "add",
+ "key": "attachFilesUploadLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload"
+ },
+ {
+ "action": "add",
+ "key": "attachRelevantFilesDescription",
+ "namespace": "eapFullForm",
+ "value": "Attach any additional maps, documentation, files, images, etc."
+ },
+ {
+ "action": "add",
+ "key": "attachRelevantFilesTitle",
+ "namespace": "eapFullForm",
+ "value": "Attach relevant files"
+ },
+ {
+ "action": "add",
+ "key": "attachRelevantFilesUploadLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload"
+ },
+ {
+ "action": "add",
+ "key": "backButton",
+ "namespace": "eapFullForm",
+ "value": "Back"
+ },
+ {
+ "action": "add",
+ "key": "backToAccount",
+ "namespace": "eapFullForm",
+ "value": "Back"
+ },
+ {
+ "action": "add",
+ "key": "cancelButton",
+ "namespace": "eapFullForm",
+ "value": "Cancel"
+ },
+ {
+ "action": "add",
+ "key": "capacityCriteriaComment1",
+ "namespace": "eapFullForm",
+ "value": "In the mid-term the EAP should be integrated in the DRM strategy."
+ },
+ {
+ "action": "add",
+ "key": "capacityCriteriaIntroduction11",
+ "namespace": "eapFullForm",
+ "value": "The EAP describes the National Society operational (Cash, WASH, Food Security, Shelter etc.) and administrative (Finance, PMER, Human Resources) capacity and experience to implement the EAP. If no capacity exists, the EAP describes how they plan to address this limitation in order to implement the EAP effectively and efficiently."
+ },
+ {
+ "action": "add",
+ "key": "capacityCriteriaIntroduction12",
+ "namespace": "eapFullForm",
+ "value": "The EAP describes its alignment with the National Society Disaster Risk Management strategy (e.g. the existing contingency plan, response plan, DRR plan etc.)"
+ },
+ {
+ "action": "add",
+ "key": "capacityDescriptionLabel",
+ "namespace": "eapFullForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "capacityExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "While the funds for the readiness and pre-positioning will be transferred as soon as the EAP is approved and the legal agreement has been signed, the funds for the early action activation will only be transferred once the trigger has been met and the trigger notification has been received by IFRC. Please not that while this allocation is done immediately upon notification it may still take a few days for the funds to arrive in country. Therefore, especially for short lead time EAPs it is crucial for the National Society and their partners to plan accordingly."
+ },
+ {
+ "action": "add",
+ "key": "capacityExplanatoryNoteLabel",
+ "namespace": "eapFullForm",
+ "value": "Explanatory Note"
+ },
+ {
+ "action": "add",
+ "key": "capacityFinancialCapacityTitle",
+ "namespace": "eapFullForm",
+ "value": "Financial capacity to advance funds"
+ },
+ {
+ "action": "add",
+ "key": "capacityFinancialDescription",
+ "namespace": "eapFullForm",
+ "value": "Indicate whether the NS (and/or PNS in country) has the capacity to advance funds, to start early actions, in the short duration between trigger and funds from the DREF arriving."
+ },
+ {
+ "action": "add",
+ "key": "capacityHeading",
+ "namespace": "eapFullForm",
+ "value": "National Society Capacity"
+ },
+ {
+ "action": "add",
+ "key": "capacityHeadingTooltip",
+ "namespace": "eapFullForm",
+ "value": "Capacity to deliver early action is a key aspect of the FbF system. To have access to the DREF the NS should describe why and how it will be able to implement the early actions proposed in this protocol within the lead time and reaching all of the targeted population. This section could make reference to NS’s experience with previous DREFs (types of disasters, quantity of operations, planned operations implemented, among others). If a National Society has already gone through a Preparedness for Effective Response (PER) assessment process the results of these assessments should be referred to in this section as they provide National Societies with systematic, evidence-based information on their ability to conduct timely early action (looking also at support areas)."
+ },
+ {
+ "action": "add",
+ "key": "capacityNationalRelevantFilesDescription",
+ "namespace": "eapFullForm",
+ "value": "Attach any additional maps, documentation, files, images, etc."
+ },
+ {
+ "action": "add",
+ "key": "capacityNationalRelevantFilesTitle",
+ "namespace": "eapFullForm",
+ "value": "Attach relevant files"
+ },
+ {
+ "action": "add",
+ "key": "capacityNationalRelevantFilesUploadLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload"
+ },
+ {
+ "action": "add",
+ "key": "capacityOperationalDescription1",
+ "namespace": "eapFullForm",
+ "value": "Describe how the National Society has operative and administrative capacity to implement the EAPs. Describe the National Society’s experience in the implementation of the selected early actions (Livelihoods, including Cash and Voucher Assistance; WASH: Food Security; Shelter, etc.). If the NS does not have experience in these areas, indicate the steps taken to improve its capacity in the respective sector to implement the EAP effectively and efficiently."
+ },
+ {
+ "action": "add",
+ "key": "capacityOperationalDescription2",
+ "namespace": "eapFullForm",
+ "value": "If a feasibility study on FbF was conducted, indicate the findings in relation to the capacity of the NS to implement FbF."
+ },
+ {
+ "action": "add",
+ "key": "capacityOperationalDescription3",
+ "namespace": "eapFullForm",
+ "value": "Indicate the number of staff and volunteers available for a potential activation. Explain how they have been trained on FbF/ activation."
+ },
+ {
+ "action": "add",
+ "key": "capacityOperationalDescription4",
+ "namespace": "eapFullForm",
+ "value": "Explain if special structures are foreseen for EAP activation, e.g. NDRTs and specially trained volunteers per branch."
+ },
+ {
+ "action": "add",
+ "key": "capacityOperationalTitle",
+ "namespace": "eapFullForm",
+ "value": "Operational, thematic and administrative capacity"
+ },
+ {
+ "action": "add",
+ "key": "capacityRequiredPointsLabel",
+ "namespace": "eapFullForm",
+ "value": "Required Points"
+ },
+ {
+ "action": "add",
+ "key": "capacitySectionHeading",
+ "namespace": "eapFullForm",
+ "value": "Quality Criteria: National Society Capacity"
+ },
+ {
+ "action": "add",
+ "key": "capacitySourcesInformationDescription",
+ "namespace": "eapFullForm",
+ "value": "Add respective source(s) for the forecast and the link to the website, if applicable."
+ },
+ {
+ "action": "add",
+ "key": "capacitySourcesInformationTitle",
+ "namespace": "eapFullForm",
+ "value": "Sources of Information"
+ },
+ {
+ "action": "add",
+ "key": "capacityStrategiesPlansDescription",
+ "namespace": "eapFullForm",
+ "value": "Describe how the EAP is aligned with the Disaster Risk Management strategy of the National Society (e.g. in the existing contingency plan, DRR plan etc.)."
+ },
+ {
+ "action": "add",
+ "key": "capacityStrategiesPlansTitle",
+ "namespace": "eapFullForm",
+ "value": "Strategies and plans"
+ },
+ {
+ "action": "add",
+ "key": "definitionJustificationDescription1",
+ "namespace": "eapFullForm",
+ "value": "Why did you select a certain magnitude of event?"
+ },
+ {
+ "action": "add",
+ "key": "definitionJustificationDescription2",
+ "namespace": "eapFullForm",
+ "value": "Explain how your impact level was defined."
+ },
+ {
+ "action": "add",
+ "key": "definitionJustificationDescription3",
+ "namespace": "eapFullForm",
+ "value": "Explain how much impact can be expected based on the strength of the event."
+ },
+ {
+ "action": "add",
+ "key": "definitionJustificationDescription4",
+ "namespace": "eapFullForm",
+ "value": "Indicate to which return period the selected impact-level corresponds (minimum: 1-in-5 years.)"
+ },
+ {
+ "action": "add",
+ "key": "definitionJustificationDescription5",
+ "namespace": "eapFullForm",
+ "value": "Explain how the return period was calculated"
+ },
+ {
+ "action": "add",
+ "key": "definitionJustificationExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "The DREF provides funding for early action for events of a strength that has caused significant humanitarian impact in the past. Explain how a certain magnitude was selected and how the impact level was defined (see guidance in the FbF manual chapter 4.1 Set the Trigger (particularly Steps 6-8)). Define the relationship between impact (utilizing the prioritized impact/s section 3.3) and hazard magnitude to establish which impact can be expected given specific hazard magnitudes."
+ },
+ {
+ "action": "add",
+ "key": "definitionJustificationTitle",
+ "namespace": "eapFullForm",
+ "value": "Definition and justification of impact level"
+ },
+ {
+ "action": "add",
+ "key": "definitionRequiredPoint1",
+ "namespace": "eapFullForm",
+ "value": "Why did you select a certain magnitude of event?"
+ },
+ {
+ "action": "add",
+ "key": "definitionRequiredPoint2",
+ "namespace": "eapFullForm",
+ "value": "Explain how your impact level was defined. Explain how much impact can be expected based on the strength of the event."
+ },
+ {
+ "action": "add",
+ "key": "definitionRequiredPoint3",
+ "namespace": "eapFullForm",
+ "value": "Indicate to which return period the selected impact-level corresponds (minimum: 1-in-5 years.)"
+ },
+ {
+ "action": "add",
+ "key": "definitionRequiredPoint4",
+ "namespace": "eapFullForm",
+ "value": "Explain how the return period was calculated"
+ },
+ {
+ "action": "add",
+ "key": "downloadForecastTableLabel",
+ "namespace": "eapFullForm",
+ "value": "Download Menu of Forecast"
+ },
+ {
+ "action": "add",
+ "key": "downloadTableLabel",
+ "namespace": "eapFullForm",
+ "value": "Download Theory of Change table"
+ },
+ {
+ "action": "add",
+ "key": "eapSourceInformationDeleteButton",
+ "namespace": "eapFullForm",
+ "value": "Delete Source Information"
+ },
+ {
+ "action": "add",
+ "key": "eapSourceInformationLinkLabel",
+ "namespace": "eapFullForm",
+ "value": "Link"
+ },
+ {
+ "action": "add",
+ "key": "eapSourceInformationNameLabel",
+ "namespace": "eapFullForm",
+ "value": "Name"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionsAddButtonLabel",
+ "namespace": "eapFullForm",
+ "value": "Add"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionsEmptyMessage",
+ "namespace": "eapFullForm",
+ "value": "No actions yet!"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionsOutputValue",
+ "namespace": "eapFullForm",
+ "value": "Early Actions"
+ },
+ {
+ "action": "add",
+ "key": "enablingApproachesDescription",
+ "namespace": "eapFullForm",
+ "value": "Select approaches which are used in this Early Action Protocol."
+ },
+ {
+ "action": "add",
+ "key": "enablingApproachesTitle",
+ "namespace": "eapFullForm",
+ "value": "Enabling Approaches"
+ },
+ {
+ "action": "add",
+ "key": "evidenceBaseDescription",
+ "namespace": "eapFullForm",
+ "value": "Explain how the selected actions will reduce the expected disaster impacts with a reference to academic research, empirical studies, interviews with key informants/experts, among other sources of evidence."
+ },
+ {
+ "action": "add",
+ "key": "evidenceBaseExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "It is important to provide evidence-based information showing that the early action(s) selected are likely to reduce the humanitarian impact of the event."
+ },
+ {
+ "action": "add",
+ "key": "evidenceBaseTitle",
+ "namespace": "eapFullForm",
+ "value": "Evidence base"
+ },
+ {
+ "action": "add",
+ "key": "exposeElementDescription1",
+ "namespace": "eapFullForm",
+ "value": "Explain which people are most likely to experience the impacts of this hazard? Where do they live, and why are they vulnerable? Note: This will inform the early action selection."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementDescription2",
+ "namespace": "eapFullForm",
+ "value": "Based on the analysis of past impacts, provide a brief overview which population, infrastructure, natural resources, markets, assets (others) were and/or are likely to be exposed to the selected hazard and where they are located."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementDescription3",
+ "namespace": "eapFullForm",
+ "value": "Based on past impact and exposure, describe the key factors of vulnerability of the specific population, infrastructure, natural resources, assets (others) that are likely to be impacted."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementDescription4",
+ "namespace": "eapFullForm",
+ "value": "Please explain how specific population groups (e.g elderly, children, people with disabilities, IDPs, Refugees, etc.) are most likely to be affected."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementDescription5",
+ "namespace": "eapFullForm",
+ "value": "Note: this exposure and vulnerability analysis will be the basis for the selection of indicators used for the trigger model (section 4.4)."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "An analysis of exposure is required to determine who and what is located in the area where the hazard might occur. This will help to determine who and what is likely to be impacted. In line with the impact-based forecasting logic, it is important to identify the main exposed elements on which the FbF intervention will focus. For example, if the prioritized impact of floods is the mortality of children under 5 due to water-borne diseases, then the exposed element will be the population of children under 5: or if the most frequently recurring and largest impact due to tropical storms is the damage to houses built with light materials, then the exposed element will be houses built with light materials. A thorough understanding of the levels of vulnerability (of the exposed elements) will help identify the main risks and ensure that Forecast-based actions are well suited. For instance, if children under 5 are susceptible to death or sickness due to floods, describe the underlying causes of the problem. For more guidance see the FbF Manual (Chapter 4.1 Set the Trigger)"
+ },
+ {
+ "action": "add",
+ "key": "exposeElementRequiredPoint1",
+ "namespace": "eapFullForm",
+ "value": "Explain which people are most likely to experience the impacts of this hazard? Where do they live, and why are they vulnerable? Note: This will inform the early action selection."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementRequiredPoint2",
+ "namespace": "eapFullForm",
+ "value": "Based on the analysis of past impacts, provide a brief overview which population, infrastructure, natural resources, markets, assets (others) were and/or are likely to be exposed to the selected hazard and where are they located."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementRequiredPoint3",
+ "namespace": "eapFullForm",
+ "value": "Based on past impact and exposure, describe the key factors of vulnerability of the specific population, infrastructure, natural resources, assets (others) that are likely to be impacted."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementRequiredPoint4",
+ "namespace": "eapFullForm",
+ "value": "Please explain how specific population groups (e.g elderly, children, people with disabilities, IDPs, Refugees, etc.) are most likely to be affected."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementRequiredPoint5",
+ "namespace": "eapFullForm",
+ "value": "Note: this exposure and vulnerability analysis will be the basis for the selection of indicators used for the trigger model (section 4.4)."
+ },
+ {
+ "action": "add",
+ "key": "exposeElementTitle",
+ "namespace": "eapFullForm",
+ "value": "Exposed elements and their vulnerability factors"
+ },
+ {
+ "action": "add",
+ "key": "failureMessage",
+ "namespace": "eapFullForm",
+ "value": "Sorry could not create a new Full EAP right now!"
+ },
+ {
+ "action": "add",
+ "key": "feasibilityDescription",
+ "namespace": "eapFullForm",
+ "value": "Indicate how feasible it is to implement the proposed early actions in the planned timeframe. Has it been tested? Have similar actions been carried out by the NS in past operations and/or in as short a time with similar resources? If not, was a simulation conducted? If Cash and Voucher Assistance (CVA) is chosen as an early action, describe how necessary information for disbursement is collected in the short period of time and how national legislative requirements are met."
+ },
+ {
+ "action": "add",
+ "key": "feasibilityExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "In this section please describe why it is feasible to implement the selected actions, based on: time to implement the action, capacity of the National Society to implement, available resources (human, logistics, materials, etc.) and access considerations (see FbF Manual Chapter 4.2 Select Early Actions on criteria.)"
+ },
+ {
+ "action": "add",
+ "key": "feasibilityRequiredPoint1",
+ "namespace": "eapFullForm",
+ "value": "Indicate how feasible it is to implement the proposed early actions in the planned timeframe. Has it been tested? Have similar actions been carried out by the NS in past operations and/or in as short a time with similar resources? If not, was a simulation conducted?"
+ },
+ {
+ "action": "add",
+ "key": "feasibilityRequiredPoint2",
+ "namespace": "eapFullForm",
+ "value": "If Cash and Voucher Assistance (CVA) is chosen as an early action, describe how necessary information for disbursement is collected in the short period of time and how national legislative requirements are met."
+ },
+ {
+ "action": "add",
+ "key": "feasibilityTitle",
+ "namespace": "eapFullForm",
+ "value": "Feasibility"
+ },
+ {
+ "action": "add",
+ "key": "financeBudgetDescription1",
+ "namespace": "eapFullForm",
+ "value": "Provide the EAP budget as a separate annex using the IFRC standard budgeting template for Early Action Protocol and following the same order (and output codes) as in the operational matrix filled in the EAP activation process section."
+ },
+ {
+ "action": "add",
+ "key": "financeBudgetDescription2",
+ "namespace": "eapFullForm",
+ "value": "In the budget, make sure to indicate who (Host National Society, PNS, IFRC) will be responsible for each expenditure according to the roles and responsibilities in the EAP."
+ },
+ {
+ "action": "add",
+ "key": "financeBudgetDescription3",
+ "namespace": "eapFullForm",
+ "value": "The budget groups in the budget template are meant to be a guidance and the most suitable one should be identified and used."
+ },
+ {
+ "action": "add",
+ "key": "financeBudgetDescription4",
+ "namespace": "eapFullForm",
+ "value": "Avoid using lumpsums as unit measure."
+ },
+ {
+ "action": "add",
+ "key": "financeBudgetDetails",
+ "namespace": "eapFullForm",
+ "value": "Budget details"
+ },
+ {
+ "action": "add",
+ "key": "financeBudgetTitle",
+ "namespace": "eapFullForm",
+ "value": "Budget"
+ },
+ {
+ "action": "add",
+ "key": "financeCriteriaComment1",
+ "namespace": "eapFullForm",
+ "value": "The EAP budget consists of all the costs linked to the activation of the EAP as well as readiness and pre-positioning costs."
+ },
+ {
+ "action": "add",
+ "key": "financeCriteriaComment2",
+ "namespace": "eapFullForm",
+ "value": "If EAPs are foreseen for sparsely populated areas or with high quality early actions, lower household numbers can be accepted.\nGiven the impacts of drought may be acutely felt for an entire calendar year (e.g. until there is a subsequent good harvest), or longer, it is possible that the most effective actions to support people will be expensive ones, or actions that are staggered and layered one on top of each there (e.g. cash + seeds and fertilizers). With appropriate justification the validation committee might accept exceptions to this criterion."
+ },
+ {
+ "action": "add",
+ "key": "financeCriteriaComment3",
+ "namespace": "eapFullForm",
+ "value": "To ensure the feasibility of the rapid distribution of items in the short timeframe between forecast and event, pre-positioning of goods might be necessary. They should normally have a lifetime of at least the lifecycle of the EAP and should only be replenished after an activation."
+ },
+ {
+ "action": "add",
+ "key": "financeCriteriaIntroduction11",
+ "namespace": "eapFullForm",
+ "value": "The EAP includes a budget in the IFRC template, detailing the costs for the readiness activities, pre-positioning and trigger-based Early Action."
+ },
+ {
+ "action": "add",
+ "key": "financeCriteriaIntroduction12",
+ "namespace": "eapFullForm",
+ "value": "The budget upholds to the established percentages: A maximum of 65% of the EAP budget can be allocated for readiness activities and prepositioned stock."
+ },
+ {
+ "action": "add",
+ "key": "financeCriteriaIntroduction2",
+ "namespace": "eapFullForm",
+ "value": "The EAP should reach ideally a target minimum of 10,000 people."
+ },
+ {
+ "action": "add",
+ "key": "financeCriteriaIntroduction31",
+ "namespace": "eapFullForm",
+ "value": "The shelf life of the items to be prepositioned equals or exceeds the EAP lifespan and there is a plan for stock management."
+ },
+ {
+ "action": "add",
+ "key": "financeCriteriaIntroduction32",
+ "namespace": "eapFullForm",
+ "value": "The EAP should have prior approval from all relevant stakeholders. The EAP must be endorsed by the leadership of the submitting NS. The EAP should also be endorsed by other key relevant stakeholders, such as the national Hydro-Met agencies NHMS and the respective DRM authorities."
+ },
+ {
+ "action": "add",
+ "key": "financeDescriptionLabel",
+ "namespace": "eapFullForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "financeDownloadDescription",
+ "namespace": "eapFullForm",
+ "value": "Download full budget template"
+ },
+ {
+ "action": "add",
+ "key": "financeEapEndorsementDescription",
+ "namespace": "eapFullForm",
+ "value": "Describe by whom, how and when the EAP was agreed and endorsed."
+ },
+ {
+ "action": "add",
+ "key": "financeEapEndorsementExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "It should be ensured that at the point of the trigger being reached no further permissions are needed. Thus, the EAP should have prior approval from all relevant stakeholders. The EAP must be endorsed by the leadership of the submitting NS. The EAP should also be endorsed by other key relevant stakeholders, such as the NHMS and the respective DRM authorities. If technical working groups have been created for FbF, their members should also endorse the final version of the EAP before submission."
+ },
+ {
+ "action": "add",
+ "key": "financeEapEndorsementHeading",
+ "namespace": "eapFullForm",
+ "value": "EAP endorsement/Approval"
+ },
+ {
+ "action": "add",
+ "key": "financeEapEndorsementTitle",
+ "namespace": "eapFullForm",
+ "value": "EAP endorsement"
+ },
+ {
+ "action": "add",
+ "key": "financeEarlyActionBudgetLabel",
+ "namespace": "eapFullForm",
+ "value": "Early Actions Budget(CHF)"
+ },
+ {
+ "action": "add",
+ "key": "financeEarlyActionCostDescription1",
+ "namespace": "eapFullForm",
+ "value": "In the budget, list all these costs under the section early action costs."
+ },
+ {
+ "action": "add",
+ "key": "financeEarlyActionCostDescription2",
+ "namespace": "eapFullForm",
+ "value": "Indicate activation procedures once the trigger is reached, clearly define the funds release procedures including who initiates the funds request, approval chain/procedures and process of disbursement including time frames from the source of funds to HQ and branches."
+ },
+ {
+ "action": "add",
+ "key": "financeEarlyActionCostDescription3",
+ "namespace": "eapFullForm",
+ "value": "For the items included in the early action budget, indicate how they will be procured in the short activation period (e.g. Are there pre-disaster agreements made with suppliers? Are items readily available in the needed quantities with the identified suppliers? Are agreements with financial service providers ready for activation?) Or will you use the early action funds to replenish items that are already in stock?"
+ },
+ {
+ "action": "add",
+ "key": "financeEarlyActionCostDescription4",
+ "namespace": "eapFullForm",
+ "value": "Indicate if other sources of funding were used for the initial purchase of relief items for an activation (in this case the DREF could fund the replenishment of stock only if they are used for the early actions)."
+ },
+ {
+ "action": "add",
+ "key": "financeEarlyActionCostExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "Early Action costs cover all expenditures that are linked to the activation of the EAP, once the trigger has been reached. This can cover identification of target populations; CVA; distribution of items and/or cash, and provision of services; deployment of volunteers and staff; reporting and M & E, such as implementation monitoring; and impact survey data collection and analysis."
+ },
+ {
+ "action": "add",
+ "key": "financeEarlyActionCostTitle",
+ "namespace": "eapFullForm",
+ "value": "Early action cost"
+ },
+ {
+ "action": "add",
+ "key": "financeExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "The EAP budget consists of all the costs linked to the activation of the EAP as well as readiness and pre-positioning costs. The budget cannot include costs for the development of the EAP and the setting up of the FbF system in a country (e.g. initial trainings of volunteers, etc.). This process should be financed by other sources of longer-term funding. The maximum amount of funding available for each EAP from the DREF is 500,000 Swiss francs. The budget will have to include the IFRC indirect costs of 6,5%. The National Society may include administrative costs as well in the EAP which should not be more than 5% of the early action budget. If the 5% rate is not used the National Society will need to list out the each of the admin cost individually. The M&E budget should be maximum 5% of overall the budget."
+ },
+ {
+ "action": "add",
+ "key": "financeExplanatoryNoteLabel",
+ "namespace": "eapFullForm",
+ "value": "Explanatory Note"
+ },
+ {
+ "action": "add",
+ "key": "financeHeading",
+ "namespace": "eapFullForm",
+ "value": "Finance and Logistics"
+ },
+ {
+ "action": "add",
+ "key": "financeLogisticsTabLabel",
+ "namespace": "eapFullForm",
+ "value": "Finance and Logistics"
+ },
+ {
+ "action": "add",
+ "key": "financePrePositioningBudgetLabel",
+ "namespace": "eapFullForm",
+ "value": "Pre-Positioning Budget"
+ },
+ {
+ "action": "add",
+ "key": "financePrePositioningDescription1",
+ "namespace": "eapFullForm",
+ "value": "If funds for pre-positioning are requested from the DREF, explain for which items and why no other option is possible. Explain why standard response stocks cannot be used."
+ },
+ {
+ "action": "add",
+ "key": "financePrePositioningDescription2",
+ "namespace": "eapFullForm",
+ "value": "Expiry date of the items should not be prior to the end of the lifecycle of the EAP"
+ },
+ {
+ "action": "add",
+ "key": "financePrePositioningDescription3",
+ "namespace": "eapFullForm",
+ "value": "Provide information about the location of the storage facilities and costs of storage, etc."
+ },
+ {
+ "action": "add",
+ "key": "financePrePositioningExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "In order to ensure the feasibility of the rapid distribution of items in the short timeframe between forecast and event, pre-positioning of goods might be necessary. They should normally have a lifetime of at least the lifecycle of the EAP and should only be replenished after an activation. The DREF covers these costs, combined with readiness, to a maximum amount of 65% of the EAP budget (combined with the readiness activities). Please note that costs that are not for the procurement of the items but related to the maintenance of the stock, such as warehousing, are part of the readiness costs of an EAP (see section 9.2.)"
+ },
+ {
+ "action": "add",
+ "key": "financePrePositioningTitle",
+ "namespace": "eapFullForm",
+ "value": "Pre-positioning cost(CHF)"
+ },
+ {
+ "action": "add",
+ "key": "financeReadinessBudgetLabel",
+ "namespace": "eapFullForm",
+ "value": "Readiness Budget(CHF)"
+ },
+ {
+ "action": "add",
+ "key": "financeReadinessCostDescription1",
+ "namespace": "eapFullForm",
+ "value": "For each item of readiness costs in the budget, explain why these are necessary for the upkeep of the EAP and how these were calculated."
+ },
+ {
+ "action": "add",
+ "key": "financeReadinessCostDescription2",
+ "namespace": "eapFullForm",
+ "value": "Indicate who will manage these funds and describe how it will be ensured that they are only used for the indicated purposes."
+ },
+ {
+ "action": "add",
+ "key": "financeReadinessCostExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "Readiness costs cover those costs related to the upkeep/maintenance of the FbF system in-country, once it has been established and the EAP has been developed. This refers to the required costs to ensure that the NS is “ready” to implement the EAP at any point during the five-year lifecycle of the EAP. These could include, for example, costs for refresher trainings, warehouses, updating data, staff, costs for markets monitoring, costs for updating the cash transfer value etc. Readiness combined with pre-positioning costs are limited to 65% of the total EAP budget over the EAP’s lifecycle and are disbursed by the DREF on an annual basis through the IFRC Operational Plan for that specific country."
+ },
+ {
+ "action": "add",
+ "key": "financeReadinessCostTitle",
+ "namespace": "eapFullForm",
+ "value": "Readiness cost"
+ },
+ {
+ "action": "add",
+ "key": "financeRequiredPointsLabel",
+ "namespace": "eapFullForm",
+ "value": "Required Points"
+ },
+ {
+ "action": "add",
+ "key": "financeSectionHeading",
+ "namespace": "eapFullForm",
+ "value": "Quality Criteria: Finance and logistics"
+ },
+ {
+ "action": "add",
+ "key": "financeTotalBudgetLabel",
+ "namespace": "eapFullForm",
+ "value": "Total Budget(CHF)"
+ },
+ {
+ "action": "add",
+ "key": "financeUploadBudgetLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload Budget"
+ },
+ {
+ "action": "add",
+ "key": "financeUploadButtonLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload"
+ },
+ {
+ "action": "add",
+ "key": "forecastExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "In order for the DREF to approve funding when a trigger occurs, there must be a certain probability the extreme event will take place. To safeguard this, it is crucial to select those forecasts that have a certain “skill” level (certain level of confidence). If observations are used, these can also be included in the table. Note that this information does not need to be calculated by the National Society but can be obtained by working with hydro-meteorological services, research institutions, experts etc."
+ },
+ {
+ "action": "add",
+ "key": "forecastRequiredPoint1",
+ "namespace": "eapFullForm",
+ "value": "State clearly which forecast(s) and observations will be used and why they were chosen."
+ },
+ {
+ "action": "add",
+ "key": "forecastRequiredPoint2",
+ "namespace": "eapFullForm",
+ "value": "Include a table with all available forecasts for your hazard. The table must include: Name of forecast, Lead time, Source, False Alarm Ratio, Number of times the forecast has been issued for this hazard in the last 10 years "
+ },
+ {
+ "action": "add",
+ "key": "forecastSelectionDescription",
+ "namespace": "eapFullForm",
+ "value": "State clearly which forecast(s) and observations will be used and why they were chosen. Include a table with all available forecasts for your hazard. The table must include: Name of forecast, Lead time, Source, False Alarm Ratio, Number of times the forecast has been issued for this hazard in the last 10 years."
+ },
+ {
+ "action": "add",
+ "key": "forecastSelectionTitle",
+ "namespace": "eapFullForm",
+ "value": "Forecast selection"
+ },
+ {
+ "action": "add",
+ "key": "forecastTableDetails",
+ "namespace": "eapFullForm",
+ "value": "Menu of forecast details"
+ },
+ {
+ "action": "add",
+ "key": "formLoadErrorHelpText",
+ "namespace": "eapFullForm",
+ "value": "Please make sure that the Full EAP form with given id exists and you have the permission to view it"
+ },
+ {
+ "action": "add",
+ "key": "formLoadErrorTitle",
+ "namespace": "eapFullForm",
+ "value": "Failed to load Full EAP form!"
+ },
+ {
+ "action": "add",
+ "key": "formShareButtonAriaLabel",
+ "namespace": "eapFullForm",
+ "value": "Share EAP"
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionDescription1",
+ "namespace": "eapFullForm",
+ "value": "Provide a brief rationale about the selection of the hazard for the FbF system."
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionDescription2",
+ "namespace": "eapFullForm",
+ "value": "Explain the selection of the hazard based on an analysis of historical disaster impacts (using the events registered in the below-mentioned table)."
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionDescription3",
+ "namespace": "eapFullForm",
+ "value": "Describe the extent to which this hazard has produced and will produce negative impacts on lives, livelihoods, well-being and other developmental aspects."
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionDescription4",
+ "namespace": "eapFullForm",
+ "value": "Ensure to address these key questions: What are the impacts of this hazard? How are people most affected? What are the largest daily challenges related to this disaster that will jeopardize their well-being and development? What are the most affected sectors?"
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "Which hazard needs to be addressed by FbF in the country as a priority? Provide an explanation on the reasons that the selected hazard was chosen for this EAP and why it is a major problem in the country.The DREF allocates funding for EAPs to reduce the impacts of extreme events of a strength or magnitude that in the past have required humanitarian assistance. In order to demonstrate that the selected hazard has caused extreme humanitarian impacts in the past, information on the previous impacts of the selected hazard in the country should be provided. This can be gathered from interviews with RC or DRM authorities, archives, records, etc. Other potential sources of information could be National disaster registries, Post Disaster Needs Assessment databases, Desinventar, EMDat, PreventionWeb, etc. For more guidance see the FbF Manual (Chapter 4.1 Set the Trigger)"
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionRequiredPoint1",
+ "namespace": "eapFullForm",
+ "value": "Provide a brief rationale about the selection of the hazard for the FbF system."
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionRequiredPoint2",
+ "namespace": "eapFullForm",
+ "value": "Explain the selection of the hazard based on an analysis of historical disaster impacts (using the events registered in the below-mentioned table)."
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionRequiredPoint3",
+ "namespace": "eapFullForm",
+ "value": "Include a table with the most severe disasters caused by the selected hazard over the past 50 years "
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionRequiredPoint31",
+ "namespace": "eapFullForm",
+ "value": "Consider the following columns: a) Year and Date b) type of disaster with name (if applicable); c) Strength of event if available (e.g. windspeed on landfall); d) potential cascading hazards (e.g floods induced by hurricanes, landslides induced by extreme rainfall) e) Regions affected; f) Number of people affected; g) Most affected sectors; h) Most severe impacts in key words (e.g. 10000 houses destroyed, cholera epidemic with 2000 confirmed cases etc.)"
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionRequiredPoint4",
+ "namespace": "eapFullForm",
+ "value": "Describe the extent to which this hazard has produced and will produce negative impacts on lives, livelihoods, well-being and other developmental aspects. Ensure to address these key questions: What are the impacts of this hazard? How are people most affected? What are the largest daily challenges related to this disaster that will jeopardize their well-being and development? What are the most affected sectors?"
+ },
+ {
+ "action": "add",
+ "key": "hazardSelectionTitle",
+ "namespace": "eapFullForm",
+ "value": "Hazard selection"
+ },
+ {
+ "action": "add",
+ "key": "identificationInterventionDescription1",
+ "namespace": "eapFullForm",
+ "value": "Building on the analysis in Prioritised impact (in the previous section), list the vulnerability and exposure indicators/maps that will be used to identify which are the areas likely to be most impacted. Indicate data source and administrative level for each indicator, as well as state how you will update the data."
+ },
+ {
+ "action": "add",
+ "key": "identificationInterventionDescription2",
+ "namespace": "eapFullForm",
+ "value": "Describe how you will combine the forecast maps with vulnerability/exposure indicators."
+ },
+ {
+ "action": "add",
+ "key": "identificationInterventionDescription3",
+ "namespace": "eapFullForm",
+ "value": "Provide an example using a past event (it could be using a sample intervention map)."
+ },
+ {
+ "action": "add",
+ "key": "identificationInterventionExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "When an impact level is reached, vulnerability and exposure information is combined with the real-time forecast to identify which areas are likely to be most impacted. In the most advanced form, the forecast would be digitally combined with vulnerability and exposure information, to show which areas are predicted to be most severely impacted. This will provide a map-based tool or a list of prioritized districts villages, municipalities or other geographical areas where the early actions will be activated. Where no digital system is available, the combination of forecast and vulnerability/exposure indicators could also be done manually, e.g. if flooding is forecasted for a certain area, the most vulnerable and exposed communities in that area are selected (for example the poorest if that indicator is used). If different weighted indicators are used to calculate a vulnerability index, check on the index which of the communities in the area for which the event is forecasted scores highest. Ultimately the objective is to know which areas are likely to be impacted and how you will determine which will be targeted."
+ },
+ {
+ "action": "add",
+ "key": "identificationInterventionTitle",
+ "namespace": "eapFullForm",
+ "value": "Identification of the intervention area"
+ },
+ {
+ "action": "add",
+ "key": "identificationRequiredPoint1",
+ "namespace": "eapFullForm",
+ "value": "Building on the analysis in 3.3. list the vulnerability and exposure indicators/maps that will be used to identify which are the areas likely to be most impacted. Indicate data source and administrative level for each indicator, as well as state how you will update the data."
+ },
+ {
+ "action": "add",
+ "key": "identificationRequiredPoint2",
+ "namespace": "eapFullForm",
+ "value": "Describe how you will combine the forecast maps with vulnerability/exposure indicators."
+ },
+ {
+ "action": "add",
+ "key": "identificationRequiredPoint3",
+ "namespace": "eapFullForm",
+ "value": "Provide an example using past event (it could be using a sample intervention map)."
+ },
+ {
+ "action": "add",
+ "key": "mainDescription",
+ "namespace": "eapFullForm",
+ "value": "Use the following form to submit the details of your Early Action Protocols (EAP) submission."
+ },
+ {
+ "action": "add",
+ "key": "mainHeading",
+ "namespace": "eapFullForm",
+ "value": "{country}: {disaster} - Full EAP"
+ },
+ {
+ "action": "add",
+ "key": "mealAttachRelevantFilesDescription",
+ "namespace": "eapFullForm",
+ "value": "Attach any additional maps, documentation, files, images, etc."
+ },
+ {
+ "action": "add",
+ "key": "mealAttachRelevantFilesTitle",
+ "namespace": "eapFullForm",
+ "value": "Attach relevant files"
+ },
+ {
+ "action": "add",
+ "key": "mealAttachRelevantFilesUploadLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload"
+ },
+ {
+ "action": "add",
+ "key": "mealCriteriaComment1",
+ "namespace": "eapFullForm",
+ "value": "Ideally, the M&E system should be set up in a way that the impact of the event in the community that received early actions is assessed by using data from comparison communities. Depending on the specific context of the hazard an impact evaluation might only be done several months after finishing the implementations of the actions."
+ },
+ {
+ "action": "add",
+ "key": "mealCriteriaIntroduction1",
+ "namespace": "eapFullForm",
+ "value": "The EAP includes an M&E plan to"
+ },
+ {
+ "action": "add",
+ "key": "mealCriteriaIntroduction11",
+ "namespace": "eapFullForm",
+ "value": "assess the impact of the early actions and the extreme event after each activation and"
+ },
+ {
+ "action": "add",
+ "key": "mealCriteriaIntroduction12",
+ "namespace": "eapFullForm",
+ "value": "identify if all activities were carried out as planned and document how early actions were implemented"
+ },
+ {
+ "action": "add",
+ "key": "mealCriteriaIntroduction13",
+ "namespace": "eapFullForm",
+ "value": "learn from the process to improve the system in the future."
+ },
+ {
+ "action": "add",
+ "key": "mealDescription1",
+ "namespace": "eapFullForm",
+ "value": "Following the guidance of the FbF Manual, describe the M&E plan for this EAP. Including:"
+ },
+ {
+ "action": "add",
+ "key": "mealDescription11",
+ "namespace": "eapFullForm",
+ "value": "EAP Monitoring (between the trigger moment and the implementation of the actions)"
+ },
+ {
+ "action": "add",
+ "key": "mealDescription12",
+ "namespace": "eapFullForm",
+ "value": "Impact evaluation plan: how, when and by whom will the robust impact evaluation to assess how early actions reduced the humanitarian impact of the extreme event be conducted. Please note that the IFRC DREF..."
+ },
+ {
+ "action": "add",
+ "key": "mealDescription13",
+ "namespace": "eapFullForm",
+ "value": "Trigger evaluation by whom, when and how the trigger evaluation will be conducted)"
+ },
+ {
+ "action": "add",
+ "key": "mealDescription14",
+ "namespace": "eapFullForm",
+ "value": "Learning (when, who and how the learning will take place. E.g workshop, interviews etc). "
+ },
+ {
+ "action": "add",
+ "key": "mealDescription2",
+ "namespace": "eapFullForm",
+ "value": "If a more detailed M&E plan is available add it as an annex. "
+ },
+ {
+ "action": "add",
+ "key": "mealDescription3",
+ "namespace": "eapFullForm",
+ "value": "Describe how the FbF M&E plan is linked to the existing PMER system of the National Society. If the NS does not have a PMER system, explain how the EAP will be used to strengthen this area prior to activation"
+ },
+ {
+ "action": "add",
+ "key": "mealDescriptionLabel",
+ "namespace": "eapFullForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "mealExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "Building evidence about the impact of FbF systems is a priority. Therefore, the EAP should include an M&E plan to 1) assess the impact of the early actions and the extreme event after each activation and 2) identify if all activities were carried out as planned and document how early actions were implemented 3) learn from the process to improve the system in the future. The chapters 4.3 Design M&E plan and 6. Activate, Monitor, Evaluate in the FbF Manual, provide guidance on the set-up and implementation of the monitoring, evaluation, learning tools. Ideally, the M&E system should be set up to allow comparison of impacts between communities that received early actions and those that didn´t (please refer to FbF manual for more information). This M&E plan should be harmonized with the existing IFRC PMER guidance and tools, available on FedNet."
+ },
+ {
+ "action": "add",
+ "key": "mealExplanatoryNoteLabel",
+ "namespace": "eapFullForm",
+ "value": "Explanatory Note"
+ },
+ {
+ "action": "add",
+ "key": "mealHeading",
+ "namespace": "eapFullForm",
+ "value": "Monitoring, Evaluation, Accountability Learning (Meal)"
+ },
+ {
+ "action": "add",
+ "key": "mealRequiredPointsLabel",
+ "namespace": "eapFullForm",
+ "value": "Required Points"
+ },
+ {
+ "action": "add",
+ "key": "mealSectionHeading",
+ "namespace": "eapFullForm",
+ "value": "Quality Criteria: Meal"
+ },
+ {
+ "action": "add",
+ "key": "mealSourcesInformationDescription",
+ "namespace": "eapFullForm",
+ "value": "Add respective source(s) for the forecast and the link to the website, if applicable."
+ },
+ {
+ "action": "add",
+ "key": "mealSourcesInformationTitle",
+ "namespace": "eapFullForm",
+ "value": "Sources of information"
+ },
+ {
+ "action": "add",
+ "key": "mealTabLabel",
+ "namespace": "eapFullForm",
+ "value": "Meal"
+ },
+ {
+ "action": "add",
+ "key": "mealTitle",
+ "namespace": "eapFullForm",
+ "value": "Meal"
+ },
+ {
+ "action": "add",
+ "key": "nationalSocietyCapacityTabLabel",
+ "namespace": "eapFullForm",
+ "value": "National Society Capacity"
+ },
+ {
+ "action": "add",
+ "key": "nextButton",
+ "namespace": "eapFullForm",
+ "value": "Next"
+ },
+ {
+ "action": "add",
+ "key": "overviewKeyActorsDeleteButton",
+ "namespace": "eapFullForm",
+ "value": "Delete Actor"
+ },
+ {
+ "action": "add",
+ "key": "overviewKeyActorsDescriptionLabel",
+ "namespace": "eapFullForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "overviewKeyActorsSelectPartnerLabel",
+ "namespace": "eapFullForm",
+ "value": "Select Partner"
+ },
+ {
+ "action": "add",
+ "key": "overviewTabLabel",
+ "namespace": "eapFullForm",
+ "value": "Overview"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSDeleteButton",
+ "namespace": "eapFullForm",
+ "value": "Remove Contact"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSEmailLabel",
+ "namespace": "eapFullForm",
+ "value": "Email"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSNameLabel",
+ "namespace": "eapFullForm",
+ "value": "Name"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSPhoneNumberLabel",
+ "namespace": "eapFullForm",
+ "value": "Phone Number"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSTitleLabel",
+ "namespace": "eapFullForm",
+ "value": "Title"
+ },
+ {
+ "action": "add",
+ "key": "plannedOperationDescription",
+ "namespace": "eapFullForm",
+ "value": "Select sectors which are used in this Early Action Protocol."
+ },
+ {
+ "action": "add",
+ "key": "plannedOperationTitle",
+ "namespace": "eapFullForm",
+ "value": "Planned Operation"
+ },
+ {
+ "action": "add",
+ "key": "prioritisedImpactDescription",
+ "namespace": "eapFullForm",
+ "value": "Add the list of prioritised impacts. Explain which priority impacts the EAP will address and why (e.g mortality of alpacas due to cold waves, Internal Displacement due to floods, malnutrition of children under 5 due to drought etc.)."
+ },
+ {
+ "action": "add",
+ "key": "prioritisedImpactExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "Recognizing that an FbF system will not be able to address all risks and potential impacts, based on the analysis of past impact, exposure and vulnerability (sections 3.1. to 3.2) and the results of the joint identification conducted with key stakeholders, indicate which disaster impacts were prioritized, explaining how and why they were prioritized. For more guidance see the FbF Manual (Chapters 4.1 Set the Trigger and 4.2 Select Early Actions)"
+ },
+ {
+ "action": "add",
+ "key": "prioritisedImpactsLabel",
+ "namespace": "eapFullForm",
+ "value": "Prioritised impacts"
+ },
+ {
+ "action": "add",
+ "key": "prioritisedImpactTitle",
+ "namespace": "eapFullForm",
+ "value": "Prioritised impact"
+ },
+ {
+ "action": "add",
+ "key": "prioritizedImpactsEmptyMessage",
+ "namespace": "eapFullForm",
+ "value": "No impacts yet!"
+ },
+ {
+ "action": "add",
+ "key": "readOnlyWarningMessage",
+ "namespace": "eapFullForm",
+ "value": "You’re viewing this form in read-only mode. Editing is currently disabled."
+ },
+ {
+ "action": "add",
+ "key": "riskAnalysisHeading",
+ "namespace": "eapFullForm",
+ "value": "Risk Analysis"
+ },
+ {
+ "action": "add",
+ "key": "riskAnalysisImagesCountLabel",
+ "namespace": "eapFullForm",
+ "value": "5 images max(optional)"
+ },
+ {
+ "action": "add",
+ "key": "riskAnalysisSectionHeading",
+ "namespace": "eapFullForm",
+ "value": "Quality Criteria: Risk Analysis"
+ },
+ {
+ "action": "add",
+ "key": "riskAnalysisTabLabel",
+ "namespace": "eapFullForm",
+ "value": "Risk Analysis"
+ },
+ {
+ "action": "add",
+ "key": "riskDescriptionLabel",
+ "namespace": "eapFullForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "riskExplanatoryNoteLabel",
+ "namespace": "eapFullForm",
+ "value": "Explanatory Note"
+ },
+ {
+ "action": "add",
+ "key": "riskRequiredPointsLabel",
+ "namespace": "eapFullForm",
+ "value": "Required Points"
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment11",
+ "namespace": "eapFullForm",
+ "value": "The EAP should clearly show how on the basis of available data on vulnerability, exposure and impact of past events the trigger was determined. The trigger should be clear as this information needs to be verifiable once the trigger is met, so the EAP needs to state in one sentence what exactly the trigger of your EAP will be, for example: When [source] issues a forecast of at least [probability of magnitude of event or impact], then we will act."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment12",
+ "namespace": "eapFullForm",
+ "value": "If the EAP has more than one trigger (e.g. phased or staggered triggers) then each trigger should be clearly explained along with explanation what action will be taken following each trigger and when transfer of the early action funds are required."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment13",
+ "namespace": "eapFullForm",
+ "value": "For slow onset hazards, the trigger can also be based on a combination of risk factors, forecasts and observation data especially if the impact is a result of accumulative factors (e.g. forecast of second consecutive failed rainy season). If unconventional triggers are used (e.g. combining multiple indicators, including socio-economic indicators like food prices), clear explanation should be given on which criteria/ conditions was used to assign certain weight to each indicator."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment14",
+ "namespace": "eapFullForm",
+ "value": "In case of drought, it might be more difficult to look back on the historical record of rainfall and its specific impacts and see a clear correlation between the two, as some drought-typical impacts are also highly affected by other socio-economic drivers (insecurity, weather patterns elsewhere that affect local food prices etc). Also consider the links between the effects of dryness and economic, social and environmental impacts and choices. If qualitative information is included in the trigger it should be from an authoritative source."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment21",
+ "namespace": "eapFullForm",
+ "value": "The EAP should have an information management system, which shows how risk data is integrated into trigger model and how the data will be updated on regular basis according to the context."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment22",
+ "namespace": "eapFullForm",
+ "value": "In the case of drought, there may be limited historical disaster data in some countries due to the complexity of drought and also the fact that drought might be a new hazard in some areas (partly due to climate change). The EAP may consider profiling proxy data/ reference data either in other countries/ regions of similar context or general scientific findings to support this analysis."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment31",
+ "namespace": "eapFullForm",
+ "value": "The menu of forecasts should include all available forecasts and list for each forecast or observation used for the trigger the lead time, the skill/confidence, the probability (if possible) and the source."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment32",
+ "namespace": "eapFullForm",
+ "value": "If other early warning information (non-hydro-met forecasts, satellite observation, socio-economic indicators, etc) are used (e.g. in the case of drought or epidemics), a review of the quality of available early warning and monitoring systems would be needed."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment41",
+ "namespace": "eapFullForm",
+ "value": "The DREF allocates funding for EAPs to reduce the impacts of extreme events of a strength or magnitude that in the past have required humanitarian assistance. In order to demonstrate that the selected hazard has caused extreme humanitarian impacts in the past, information on the previous impacts of the selected hazard in the country should be provided."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment42",
+ "namespace": "eapFullForm",
+ "value": "In the case of drought, there may be limited historical disaster data in some countries due to the complexity of drought and also the fact that drought might be a new hazard in some areas (partly due to climate change). Regions that have rarely experienced droughts will be less resilience to these shocks and have less coping capacity and strategies. These may be the most vulnerable to the impacts of drought even though historical data might be limited. In these cases, climate change projections could also be taken into consideration (e.g. changing drought patterns)."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment5",
+ "namespace": "eapFullForm",
+ "value": "In the most advanced form, the forecast would be digitally combined with vulnerability and exposure information, to show which areas are predicted to be most severely impacted. This will provide a map-based tool or a list of prioritized districts villages, municipalities or other geographical areas where the early actions will be activated. Where no digital system is available, the combination of forecast and vulnerability/exposure indicators could also be done manually or qualitatively, explaining the process of deciding how the National Society will select where the action will take place."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment61",
+ "namespace": "eapFullForm",
+ "value": "An extreme event could be forecasted several times in a decade (frequency of trigger being reached), but only happen once in that decade (the event would then have a return period of 10 years)."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment62",
+ "namespace": "eapFullForm",
+ "value": "Forecasts/observation thresholds used for the trigger will provide the probability of the event happening, once the trigger is reached. For instance, a 5-year return period means that in any year there is a 20% chance or less of the event occurring. In exceptional cases, in very large countries with distinctive climate zones, the 5-year return period can be applied to separate regions, with appropriate justification."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment63",
+ "namespace": "eapFullForm",
+ "value": "Probability of acting in vain will need to be calibrated. If a seasonal forecast is used, the probability of acting in vain may be higher, so the EAP needs to include clear explanation if staggered triggers and stop mechanisms have been considered, and strong consideration of do no harm."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment64",
+ "namespace": "eapFullForm",
+ "value": "In the case of drought there might be more than one trigger, which will help to contribute to a lower ratio of acting in vain."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction1",
+ "namespace": "eapFullForm",
+ "value": "The EAP triggers are based on a combination of the analysis of risk factors and the forecast in line with the steps of the trigger methodology outlined in the FbF manual. The EAP contains a clear trigger statement."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction2",
+ "namespace": "eapFullForm",
+ "value": "The EAP provides an analysis of historical disaster impact for the selected hazard and provides an evidence-based analysis of exposure and vulnerability."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction3",
+ "namespace": "eapFullForm",
+ "value": "There is an annex with a menu of forecasts and/or other relevant early warning and /or monitoring/surveillance systems, demonstrating a review of all available forecasts data relevant to this hazard."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction4",
+ "namespace": "eapFullForm",
+ "value": "Data must be provided that shows that an event of the magnitude/strength of the event that the trigger is based on has caused disastrous humanitarian impact in the region in the past."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction5",
+ "namespace": "eapFullForm",
+ "value": "There is a map or a clear methodology that will tell the NS where action should be taken based on a combination of vulnerability, exposure, and the forecast, when the EAP is activated based on the trigger model."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction6",
+ "namespace": "eapFullForm",
+ "value": "The EAP trigger chapter includes calculations and evidence for the following points:"
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction61",
+ "namespace": "eapFullForm",
+ "value": "Frequency of the trigger being reached and/or the return period of the event"
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction62",
+ "namespace": "eapFullForm",
+ "value": "Probability of acting in vain (false alarm ratio)"
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction63",
+ "namespace": "eapFullForm",
+ "value": "Lead time"
+ },
+ {
+ "action": "add",
+ "key": "saveButton",
+ "namespace": "eapFullForm",
+ "value": "Save"
+ },
+ {
+ "action": "add",
+ "key": "savingPendingMessage",
+ "namespace": "eapFullForm",
+ "value": "Saving data..."
+ },
+ {
+ "action": "add",
+ "key": "sectionQualityCriteriaLabel",
+ "namespace": "eapFullForm",
+ "value": "Section Quality Criteria"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionDescriptionLabel",
+ "namespace": "eapFullForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionExplanatoryNoteLabel",
+ "namespace": "eapFullForm",
+ "value": "Explanatory Note"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionImagesCountLabel",
+ "namespace": "eapFullForm",
+ "value": "5 images max(optional)"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionPlannedOperationHeading",
+ "namespace": "eapFullForm",
+ "value": "IFRC Planned Operations"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionPlannedOperationHeadingDescription",
+ "namespace": "eapFullForm",
+ "value": "Organize the actions according to the IFRC Plan and Budget, 2021 - 2025 sets out objectives for the IFRC Secretariat in support of National Societies and will guide the IFRC in the implementation Strategy 2030 and the Agenda for Renewal. These indicate the thematic areas in which the IFRC provides support to National Societies and where consolidated results are measured. Support on the IFRC programming and budgeting structure can be obtained from the IFRC focal point for Anticipation at country or regional level, regional disaster manager, Finance unit and/or Planning, Monitoring, Evaluation and Reporting (PMER) unit."
+ },
+ {
+ "action": "add",
+ "key": "selectionActionRequiredPointsLabel",
+ "namespace": "eapFullForm",
+ "value": "Required Points"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionSelectImagesLabel",
+ "namespace": "eapFullForm",
+ "value": "Select images"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionsHeading",
+ "namespace": "eapFullForm",
+ "value": "Selection of Actions"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionsPlannedOperationApCode",
+ "namespace": "eapFullForm",
+ "value": "AP Code"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionsPlannedOperationBudget",
+ "namespace": "eapFullForm",
+ "value": "Budget(CHF)"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionsPlannedOperationPeopleTargeted",
+ "namespace": "eapFullForm",
+ "value": "People Targeted"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionsPlannedOperationRemoveButton",
+ "namespace": "eapFullForm",
+ "value": "Remove"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionsTabLabel",
+ "namespace": "eapFullForm",
+ "value": "Selection of Actions"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionsTooltipDescription",
+ "namespace": "eapFullForm",
+ "value": "It is crucial to select early actions that have the most potential to reduce the identified risks(s) and are feasible to implement given the lead time of the forecast. It is important to describe briefly: Who was involved? What data was consulted? Was research conducted? Were communities involved? For more guidance see FbF Manual, Chapter 4.2 Select Early Actions."
+ },
+ {
+ "action": "add",
+ "key": "selectionActionUploadLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload"
+ },
+ {
+ "action": "add",
+ "key": "selectionActionUploadTableLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload Table"
+ },
+ {
+ "action": "add",
+ "key": "selectionAttachFilesDescription",
+ "namespace": "eapFullForm",
+ "value": "Attach any additional documentation, files, images, etc."
+ },
+ {
+ "action": "add",
+ "key": "selectionAttachFilesTitle",
+ "namespace": "eapFullForm",
+ "value": "Attach relevant files"
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessDescription1",
+ "namespace": "eapFullForm",
+ "value": "Add the list of early actions"
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessDescription2",
+ "namespace": "eapFullForm",
+ "value": "Based on the prioritized impacts/risks of section 3, provide a brief rationale (e.g. your criteria) for the selection of action(s), also indicating which actions were considered but not chosen."
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessDescription3",
+ "namespace": "eapFullForm",
+ "value": "Describe the process used to select the actions: Who was consulted? Which assessments/research were carried out?"
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessDescription4",
+ "namespace": "eapFullForm",
+ "value": "Does the FbF activation intend to use government social protection systems? Other State institutions’ databases and/or sources? Provide an explanation of potential number of target population to be selected."
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessDescription5",
+ "namespace": "eapFullForm",
+ "value": "If CVA is included, has a cash feasibility assessment been conducted (including needs and affected population preference, markets, financial service providers and National Society capacity assessments)?"
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "It is crucial to select early actions that have the most potential to reduce the identified risks(s) and are feasible to implement given the lead time of the forecast. It is important to describe briefly: Who was involved? What data was consulted? Was research conducted? Were communities involved? For more guidance see FbF Manual, Chapter 4.2 Select Early Actions."
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessRequiredPoint1",
+ "namespace": "eapFullForm",
+ "value": "Based on the prioritized impacts/risks, provide a brief rationale (e.g. your criteria) for the selection of action(s), also indicating which actions were considered but not chosen (max. 1000 words)"
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessRequiredPoint2",
+ "namespace": "eapFullForm",
+ "value": "Describe the process used to select the actions: Who was consulted? Which assessments/research were carried out? (max 1000 words)"
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessRequiredPoint3",
+ "namespace": "eapFullForm",
+ "value": "Show how the selected action aims to reduce the expected humanitarian impact, by filling out the Theory of Change (ToC) table."
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessRequiredPoint4",
+ "namespace": "eapFullForm",
+ "value": "Does the activation intend to use government social protection systems? Other State institutions’ databases and/or sources? Provide an explanation of potential number of target population to be selected."
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessRequiredPoint5",
+ "namespace": "eapFullForm",
+ "value": "If CVA is included, has a cash feasibility assessment been conducted (including needs and affected population preference, markets, financial service providers and National Society capacity assessments)?"
+ },
+ {
+ "action": "add",
+ "key": "selectionProcessTitle",
+ "namespace": "eapFullForm",
+ "value": "Early action selection process"
+ },
+ {
+ "action": "add",
+ "key": "selectionSourceOfInformationDescription",
+ "namespace": "eapFullForm",
+ "value": "Add the description of the sources one at a time. If the source has a link, add in the second field."
+ },
+ {
+ "action": "add",
+ "key": "selectionSourceOfInformationTitle",
+ "namespace": "eapFullForm",
+ "value": "Sources of information"
+ },
+ {
+ "action": "add",
+ "key": "selectRegionDescription",
+ "namespace": "eapFullForm",
+ "value": "Select the respective regions on a map by clicking the link to the right"
+ },
+ {
+ "action": "add",
+ "key": "selectRegionTitle",
+ "namespace": "eapFullForm",
+ "value": "Select region on a map"
+ },
+ {
+ "action": "add",
+ "key": "sourceInformationDescription",
+ "namespace": "eapFullForm",
+ "value": "Add the description of the sources one at a time. If the source has a link, add in the second field."
+ },
+ {
+ "action": "add",
+ "key": "sourceInformationTitle",
+ "namespace": "eapFullForm",
+ "value": "Sources of information"
+ },
+ {
+ "action": "add",
+ "key": "sourceOfInformationDescription",
+ "namespace": "eapFullForm",
+ "value": "Add the description of the sources one at a time. If the source has a link, add in the second field."
+ },
+ {
+ "action": "add",
+ "key": "sourceOfInformationTitle",
+ "namespace": "eapFullForm",
+ "value": "Sources of information"
+ },
+ {
+ "action": "add",
+ "key": "sourcesForecastDescription",
+ "namespace": "eapFullForm",
+ "value": "Add respective source(s) for the forecast and the link to the website, if applicable."
+ },
+ {
+ "action": "add",
+ "key": "sourcesForecastTitle",
+ "namespace": "eapFullForm",
+ "value": "Sources of forecast"
+ },
+ {
+ "action": "add",
+ "key": "submitApprovalSuccess",
+ "namespace": "eapFullForm",
+ "value": "Successfully submitted EAP for approval!"
+ },
+ {
+ "action": "add",
+ "key": "submitButtonLabel",
+ "namespace": "eapFullForm",
+ "value": "Submit for Approval"
+ },
+ {
+ "action": "add",
+ "key": "submitConfirmButtonLabel",
+ "namespace": "eapFullForm",
+ "value": "Confirm"
+ },
+ {
+ "action": "add",
+ "key": "submitConfirmHeading",
+ "namespace": "eapFullForm",
+ "value": "Submit EAP for Approval"
+ },
+ {
+ "action": "add",
+ "key": "submitConfirmMessage",
+ "namespace": "eapFullForm",
+ "value": "Are you sure you want to submit the EAP? Reviewers will be notified and you'll no longer be able to edit the form!"
+ },
+ {
+ "action": "add",
+ "key": "submitFailedSuccess",
+ "namespace": "eapFullForm",
+ "value": "Failed to submit the EAP for approval!"
+ },
+ {
+ "action": "add",
+ "key": "submitFormErrorMessage",
+ "namespace": "eapFullForm",
+ "value": "Please make sure you've filled in all the required details before proceeding!"
+ },
+ {
+ "action": "add",
+ "key": "successMessage",
+ "namespace": "eapFullForm",
+ "value": "Successfully created a new Full EAP!"
+ },
+ {
+ "action": "add",
+ "key": "theoryOfChangeTableTitle",
+ "namespace": "eapFullForm",
+ "value": "Theory of Change Table"
+ },
+ {
+ "action": "add",
+ "key": "triggerExplanatoryNoteLabel",
+ "namespace": "eapFullForm",
+ "value": "Explanatory Note"
+ },
+ {
+ "action": "add",
+ "key": "triggerLeadTimeTitle",
+ "namespace": "eapFullForm",
+ "value": "Lead time"
+ },
+ {
+ "action": "add",
+ "key": "triggerModelDescriptionLabel",
+ "namespace": "eapFullForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "triggerModelHeading",
+ "namespace": "eapFullForm",
+ "value": "Trigger Model"
+ },
+ {
+ "action": "add",
+ "key": "triggerModelImagesCountLabel",
+ "namespace": "eapFullForm",
+ "value": "5 images max(optional)"
+ },
+ {
+ "action": "add",
+ "key": "triggerModelTabLabel",
+ "namespace": "eapFullForm",
+ "value": "Trigger Model"
+ },
+ {
+ "action": "add",
+ "key": "triggerModelTooltipDescription",
+ "namespace": "eapFullForm",
+ "value": "The work for the identification of triggers can be very technical and require expert resources. For this process, the National Society can get help from technical experts, Hydro-met services or specialist institutions. The chapter 4.1 Set the Trigger in the FbF Manual can be used for guidance."
+ },
+ {
+ "action": "add",
+ "key": "triggerRequiredPointsLabel",
+ "namespace": "eapFullForm",
+ "value": "Required Points"
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment11",
+ "namespace": "eapFullForm",
+ "value": "The EAP should clearly show how on the basis of available data on vulnerability, exposure and impact of past events the trigger was determined. The trigger should be clear as this information needs to be verifiable once the trigger is met, so the EAP needs to state in one sentence what exactly the trigger of your EAP will be, for example: When [source] issues a forecast of at least [probability of magnitude of event or impact], then we will act."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment12",
+ "namespace": "eapFullForm",
+ "value": "If the EAP has more than one trigger (e.g. phased or staggered triggers) then each trigger should be clearly explained along with explanation what action will be taken following each trigger and when transfer of the early action funds are required."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment13",
+ "namespace": "eapFullForm",
+ "value": "For slow onset hazards, the trigger can also be based on a combination of risk factors, forecasts and observation data especially if the impact is a result of accumulative factors (e.g. forecast of second consecutive failed rainy season). If unconventional triggers are used (e.g. combining multiple indicators, including socio-economic indicators like food prices), clear explanation should be given on which criteria/ conditions was used to assign certain weight to each indicator."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment14",
+ "namespace": "eapFullForm",
+ "value": "In case of drought, it might be more difficult to look back on the historical record of rainfall and its specific impacts and see a clear correlation between the two, as some drought-typical impacts are also highly affected by other socio-economic drivers (insecurity, weather patterns elsewhere that affect local food prices etc). Also consider the links between the effects of dryness and economic, social and environmental impacts and choices. If qualitative information is included in the trigger it should be from an authoritative source."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment21",
+ "namespace": "eapFullForm",
+ "value": "The EAP should have an information management system, which shows how risk data is integrated into trigger model and how the data will be updated on regular basis according to the context."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment22",
+ "namespace": "eapFullForm",
+ "value": "In the case of drought, there may be limited historical disaster data in some countries due to the complexity of drought and also the fact that drought might be a new hazard in some areas (partly due to climate change). The EAP may consider profiling proxy data/ reference data either in other countries/ regions of similar context or general scientific findings to support this analysis."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment31",
+ "namespace": "eapFullForm",
+ "value": "The menu of forecasts should include all available forecasts and list for each forecast or observation used for the trigger the lead time, the skill/confidence, the probability (if possible) and the source."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment32",
+ "namespace": "eapFullForm",
+ "value": "If other early warning information (non-hydro-met forecasts, satellite observation, socio-economic indicators, etc) are used (e.g. in the case of drought or epidemics), a review of the quality of available early warning and monitoring systems would be needed."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment41",
+ "namespace": "eapFullForm",
+ "value": "The DREF allocates funding for EAPs to reduce the impacts of extreme events of a strength or magnitude that in the past have required humanitarian assistance. In order to demonstrate that the selected hazard has caused extreme humanitarian impacts in the past, information on the previous impacts of the selected hazard in the country should be provided."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment42",
+ "namespace": "eapFullForm",
+ "value": "In the case of drought, there may be limited historical disaster data in some countries due to the complexity of drought and also the fact that drought might be a new hazard in some areas (partly due to climate change). Regions that have rarely experienced droughts will be less resilience to these shocks and have less coping capacity and strategies. These may be the most vulnerable to the impacts of drought even though historical data might be limited. In these cases, climate change projections could also be taken into consideration (e.g. changing drought patterns)."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment5",
+ "namespace": "eapFullForm",
+ "value": "In the most advanced form, the forecast would be digitally combined with vulnerability and exposure information, to show which areas are predicted to be most severely impacted. This will provide a map-based tool or a list of prioritized districts villages, municipalities or other geographical areas where the early actions will be activated. Where no digital system is available, the combination of forecast and vulnerability/exposure indicators could also be done manually or qualitatively, explaining the process of deciding how the National Society will select where the action will take place."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment61",
+ "namespace": "eapFullForm",
+ "value": "An extreme event could be forecasted several times in a decade (frequency of trigger being reached), but only happen once in that decade (the event would then have a return period of 10 years)."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment62",
+ "namespace": "eapFullForm",
+ "value": "Forecasts/observation thresholds used for the trigger will provide the probability of the event happening, once the trigger is reached. For instance, a 5-year return period means that in any year there is a 20% chance or less of the event occurring. In exceptional cases, in very large countries with distinctive climate zones, the 5-year return period can be applied to separate regions, with appropriate justification."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment63",
+ "namespace": "eapFullForm",
+ "value": "Probability of acting in vain will need to be calibrated. If a seasonal forecast is used, the probability of acting in vain may be higher, so the EAP needs to include clear explanation if staggered triggers and stop mechanisms have been considered, and strong consideration of do no harm."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaComment64",
+ "namespace": "eapFullForm",
+ "value": "In the case of drought there might be more than one trigger, which will help to contribute to a lower ratio of acting in vain."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaIntroduction1",
+ "namespace": "eapFullForm",
+ "value": "The EAP triggers are based on a combination of the analysis of risk factors and the forecast in line with the steps of the trigger methodology outlined in the FbF manual. The EAP contains a clear trigger statement."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaIntroduction2",
+ "namespace": "eapFullForm",
+ "value": "The EAP provides an analysis of historical disaster impact for the selected hazard and provides an evidence-based analysis of exposure and vulnerability."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaIntroduction3",
+ "namespace": "eapFullForm",
+ "value": "There is an annex with a menu of forecasts and/or other relevant early warning and /or monitoring/surveillance systems, demonstrating a review of all available forecasts data relevant to this hazard."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaIntroduction4",
+ "namespace": "eapFullForm",
+ "value": "Data must be provided that shows that an event of the magnitude/strength of the event that the trigger is based on has caused disastrous humanitarian impact in the region in the past."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaIntroduction5",
+ "namespace": "eapFullForm",
+ "value": "There is a map or a clear methodology that will tell the NS where action should be taken based on a combination of vulnerability, exposure, and the forecast, when the EAP is activated based on the trigger model."
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaIntroduction6",
+ "namespace": "eapFullForm",
+ "value": "The EAP trigger chapter includes calculations and evidence for the following points:"
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaIntroduction61",
+ "namespace": "eapFullForm",
+ "value": "Frequency of the trigger being reached and/or the return period of the event"
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaIntroduction62",
+ "namespace": "eapFullForm",
+ "value": "Probability of acting in vain (false alarm ratio)"
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionCriteriaIntroduction63",
+ "namespace": "eapFullForm",
+ "value": "Lead time"
+ },
+ {
+ "action": "add",
+ "key": "triggerSectionHeading",
+ "namespace": "eapFullForm",
+ "value": "Quality Criteria: Trigger Model"
+ },
+ {
+ "action": "add",
+ "key": "triggerSelectImagesLabel",
+ "namespace": "eapFullForm",
+ "value": "Select images"
+ },
+ {
+ "action": "add",
+ "key": "triggerStatementDescription",
+ "namespace": "eapFullForm",
+ "value": "State in one sentence what exactly the trigger of your EAP will be, for example: When [source] issues a forecast of at least [probability of magnitude of event or impact], then we will act. We expect the lead-time to be [xxx]."
+ },
+ {
+ "action": "add",
+ "key": "triggerStatementExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "The work for the identification of triggers can be very technical and require expert resources. For this process, the National Society can get help from technical experts, Hydro-met services or specialist institutions. The chapter 4.1 Set the Trigger in the FbF Manual can be used for guidance."
+ },
+ {
+ "action": "add",
+ "key": "triggerStatementTitle",
+ "namespace": "eapFullForm",
+ "value": "Trigger statement"
+ },
+ {
+ "action": "add",
+ "key": "triggerUploadTableLabel",
+ "namespace": "eapFullForm",
+ "value": "Upload table"
+ },
+ {
+ "action": "add",
+ "key": "updatedChecklistTitle",
+ "namespace": "eapFullForm",
+ "value": "Updated checklist"
+ },
+ {
+ "action": "add",
+ "key": "updateFailure",
+ "namespace": "eapFullForm",
+ "value": "Sorry could not update Full EAP right now!"
+ },
+ {
+ "action": "add",
+ "key": "updateSuccess",
+ "namespace": "eapFullForm",
+ "value": "Successfully updated a new Full EAP!"
+ },
+ {
+ "action": "add",
+ "key": "useFulnessActionsDescription",
+ "namespace": "eapFullForm",
+ "value": "Describe how your selected actions will contribute to the well-being of the population even if the expected event does not materialize. Include a description of the measures taken to ensure that the actions taken will be of maximum use for the targeted population in a future event."
+ },
+ {
+ "action": "add",
+ "key": "useFulnessActionsExplanatoryNote",
+ "namespace": "eapFullForm",
+ "value": "In cases where the expected event does not materialize, the early actions implemented by the National Society (funded by the DREF) should still contribute to risk reduction and resiliency building."
+ },
+ {
+ "action": "add",
+ "key": "useFulnessActionsTitle",
+ "namespace": "eapFullForm",
+ "value": "Usefulness of actions in case of non-occurring event"
+ },
+ {
+ "action": "add",
+ "key": "validationErrorAlertMessage",
+ "namespace": "eapFullForm",
+ "value": "Please fix all the errors before continuing!"
+ },
+ {
+ "action": "add",
+ "key": "removeButtonTitle",
+ "namespace": "eapIndicatorInput",
+ "value": "Remove"
+ },
+ {
+ "action": "add",
+ "key": "targetInputLabel",
+ "namespace": "eapIndicatorInput",
+ "value": "Indicator Target"
+ },
+ {
+ "action": "add",
+ "key": "titleInputLabel",
+ "namespace": "eapIndicatorInput",
+ "value": "Title"
+ },
+ {
+ "action": "add",
+ "key": "addButtonLabel",
+ "namespace": "eapIndicatorListInput",
+ "value": "Add indicator"
+ },
+ {
+ "action": "add",
+ "key": "emptyMessage",
+ "namespace": "eapIndicatorListInput",
+ "value": "No indicators yet!"
+ },
+ {
+ "action": "add",
+ "key": "indicatorsTitle",
+ "namespace": "eapIndicatorListInput",
+ "value": "Indicators"
+ },
+ {
+ "action": "add",
+ "key": "changesCancelButton",
+ "namespace": "eapObsoleteResolutionModal",
+ "value": "Cancel"
+ },
+ {
+ "action": "add",
+ "key": "changesConflictWhileSaving",
+ "namespace": "eapObsoleteResolutionModal",
+ "value": "Conflict while saving"
+ },
+ {
+ "action": "add",
+ "key": "changesNoteLabel",
+ "namespace": "eapObsoleteResolutionModal",
+ "value": "Note"
+ },
+ {
+ "action": "add",
+ "key": "changesOverwriteButton",
+ "namespace": "eapObsoleteResolutionModal",
+ "value": "Overwrite"
+ },
+ {
+ "action": "add",
+ "key": "changesWillBeOverridden",
+ "namespace": "eapObsoleteResolutionModal",
+ "value": "If you continue saving, the previous changes will be overwritten by your changes."
+ },
+ {
+ "action": "add",
+ "key": "conflictWhileSaving",
+ "namespace": "eapObsoleteResolutionModal",
+ "value": "There's a newer version of current EAP form which was modified by"
+ },
+ {
+ "action": "add",
+ "key": "operationPriorityActionLabel",
+ "namespace": "eapOperationActivityInput",
+ "value": "Priority Action"
+ },
+ {
+ "action": "add",
+ "key": "operationTimeFrameLabel",
+ "namespace": "eapOperationActivityInput",
+ "value": "Timeframe"
+ },
+ {
+ "action": "add",
+ "key": "operationTimeValueLabel",
+ "namespace": "eapOperationActivityInput",
+ "value": "Activity Time Span"
+ },
+ {
+ "action": "add",
+ "key": "addButtonLabel",
+ "namespace": "eapOperationActivityListInput",
+ "value": "Add activity"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionDatabaseLinkLabel",
+ "namespace": "eapOperationActivityListInput",
+ "value": "early action database"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionDescription",
+ "namespace": "eapOperationActivityListInput",
+ "value": "Early action activities are implemented once a trigger is reached and before the impact of the hazard. Early actions seek to reduce or mitigate the impact of the hazard. Consider selecting only a few early actions, especially for sudden onset events, as they will have to be implemented within a short timeframe. The early actions will be unique to each hazard and context, but may be activities such as evacuation of at-risk communities and/or livestock, early harvest of crops, cash transfer, shelter strengthening, provision of water treatment, hygiene kits or mosquito nets, etc. For more examples of early action activities, visit the {earlyActionDatabaseLink} on the Anticipation Hub."
+ },
+ {
+ "action": "add",
+ "key": "earlyActionTitle",
+ "namespace": "eapOperationActivityListInput",
+ "value": "Early Action Activities"
+ },
+ {
+ "action": "add",
+ "key": "emptyMessage",
+ "namespace": "eapOperationActivityListInput",
+ "value": "No activities yet!"
+ },
+ {
+ "action": "add",
+ "key": "prepositioningDescription",
+ "namespace": "eapOperationActivityListInput",
+ "value": "The National Society should preposition the materials needed to undertake the early action, especially those that may require a longer procurement process. For example, prepositioned stocks could include shelter kits (for house reinforcement), sandbags (for protecting infrastructure), or tarpaulins (for protecting water sources), etc. Food, medicine and other items with a shelf life of less than two years are not eligible as pre-positioning, they will have to be procured as part of the early actions. Pre-positioning activities are one-off and done in the first year following approval of the simplified EAP."
+ },
+ {
+ "action": "add",
+ "key": "prepositioningTitle",
+ "namespace": "eapOperationActivityListInput",
+ "value": "Pre-positioning Activities"
+ },
+ {
+ "action": "add",
+ "key": "readinessDescription",
+ "namespace": "eapOperationActivityListInput",
+ "value": "Readiness activities are done year on year to ensure that the National Society is ready to conduct the early actions. These are activities that will happen irrespective of an activation. Readiness activities may include refresher training, coordination meetings with government, readiness meetings, simulations, etc. Under readiness they can include any ongoing costs and services (human resources and logistics) that are deemed indispensable for subsequent trigger-based early action activities. If, during the simplified EAP development process the National Society finds some areas for improvement to deliver on their selected early actions, these could be addressed with activities included under readiness."
+ },
+ {
+ "action": "add",
+ "key": "readinessTitle",
+ "namespace": "eapOperationActivityListInput",
+ "value": "Readiness Activities"
+ },
+ {
+ "action": "add",
+ "key": "applicationDetails",
+ "namespace": "eapRegistration",
+ "value": "Application Details"
+ },
+ {
+ "action": "add",
+ "key": "cancelButton",
+ "namespace": "eapRegistration",
+ "value": "Cancel"
+ },
+ {
+ "action": "add",
+ "key": "closeButtonLabel",
+ "namespace": "eapRegistration",
+ "value": "Close"
+ },
+ {
+ "action": "add",
+ "key": "contacts",
+ "namespace": "eapRegistration",
+ "value": "Contacts"
+ },
+ {
+ "action": "add",
+ "key": "country",
+ "namespace": "eapRegistration",
+ "value": "Country"
+ },
+ {
+ "action": "add",
+ "key": "countryDescription",
+ "namespace": "eapRegistration",
+ "value": "The country will be pre-populated based on the NS selection, but can be adapted as needed."
+ },
+ {
+ "action": "add",
+ "key": "disasterType",
+ "namespace": "eapRegistration",
+ "value": "Disaster Type"
+ },
+ {
+ "action": "add",
+ "key": "disasterTypeDescription",
+ "namespace": "eapRegistration",
+ "value": "Select the disaster type for which the EAP is needed."
+ },
+ {
+ "action": "add",
+ "key": "focalPoint",
+ "namespace": "eapRegistration",
+ "value": "DREF Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "focalPointDescription",
+ "namespace": "eapRegistration",
+ "value": "The DREF contact person form IFRC"
+ },
+ {
+ "action": "add",
+ "key": "ifrcContact",
+ "namespace": "eapRegistration",
+ "value": "IFRC Contact"
+ },
+ {
+ "action": "add",
+ "key": "ifrcContactDescription",
+ "namespace": "eapRegistration",
+ "value": "The most senior staff in the National Society responsible and knowledgable about the disaster event."
+ },
+ {
+ "action": "add",
+ "key": "nationalSociety",
+ "namespace": "eapRegistration",
+ "value": "National Society (NS)"
+ },
+ {
+ "action": "add",
+ "key": "nationalSocietyDescription",
+ "namespace": "eapRegistration",
+ "value": "Select National Society that is planning to apply for the EAP"
+ },
+ {
+ "action": "add",
+ "key": "notSure",
+ "namespace": "eapRegistration",
+ "value": "Not Sure"
+ },
+ {
+ "action": "add",
+ "key": "nsContact",
+ "namespace": "eapRegistration",
+ "value": "National Society Contact"
+ },
+ {
+ "action": "add",
+ "key": "nsContactDescription",
+ "namespace": "eapRegistration",
+ "value": "National Society contact responsible for the EAP process"
+ },
+ {
+ "action": "add",
+ "key": "partnersInvolved",
+ "namespace": "eapRegistration",
+ "value": "Partners Involved"
+ },
+ {
+ "action": "add",
+ "key": "partnersInvolvedDescription",
+ "namespace": "eapRegistration",
+ "value": "Select from the list the partners involved in this process. Add as many as needed or select not applicable if no partners involved."
+ },
+ {
+ "action": "add",
+ "key": "registrationDescription",
+ "namespace": "eapRegistration",
+ "value": "Use the following page to submit your National Society's interest in following the Early Action Protocol (EAP) application process. Once you submit this form, the EAP team members will contact you to start the procedure. You can find more information on the process and different ways to apply {link}"
+ },
+ {
+ "action": "add",
+ "key": "registrationFailure",
+ "namespace": "eapRegistration",
+ "value": "Sorry could not register new EAP right now!"
+ },
+ {
+ "action": "add",
+ "key": "registrationHeading",
+ "namespace": "eapRegistration",
+ "value": "EAP Development Registration"
+ },
+ {
+ "action": "add",
+ "key": "registrationLink",
+ "namespace": "eapRegistration",
+ "value": "on this page."
+ },
+ {
+ "action": "add",
+ "key": "registrationSuccess",
+ "namespace": "eapRegistration",
+ "value": "Successfully created a new EAP!"
+ },
+ {
+ "action": "add",
+ "key": "submission",
+ "namespace": "eapRegistration",
+ "value": "Expected Time of Submission"
+ },
+ {
+ "action": "add",
+ "key": "submissionDescription",
+ "namespace": "eapRegistration",
+ "value": "Include the proposed time of submission, accounting for the time it will take to deliver the application."
+ },
+ {
+ "action": "add",
+ "key": "submitButton",
+ "namespace": "eapRegistration",
+ "value": "Submit"
+ },
+ {
+ "action": "add",
+ "key": "successModalDescription",
+ "namespace": "eapRegistration",
+ "value": "Thank you for notifying us about the start of your EAP process. We look forward to your completed application."
+ },
+ {
+ "action": "add",
+ "key": "successModalHeading",
+ "namespace": "eapRegistration",
+ "value": "EAP Development Registration"
+ },
+ {
+ "action": "add",
+ "key": "type",
+ "namespace": "eapRegistration",
+ "value": "EAP Type"
+ },
+ {
+ "action": "add",
+ "key": "typeDescription",
+ "namespace": "eapRegistration",
+ "value": "Select the EAP type. Find details of both under this link."
+ },
+ {
+ "action": "add",
+ "key": "eapAlreadySharedHeading",
+ "namespace": "eapShareModal",
+ "value": "Already shared to"
+ },
+ {
+ "action": "add",
+ "key": "eapSelectUserLabel",
+ "namespace": "eapShareModal",
+ "value": "Select users"
+ },
+ {
+ "action": "add",
+ "key": "eapShareDescription",
+ "namespace": "eapShareModal",
+ "value": "Add or Remove users you with whom you want to share the EAP."
+ },
+ {
+ "action": "add",
+ "key": "eapShareFailed",
+ "namespace": "eapShareModal",
+ "value": "Unable to save sharing preferences!"
+ },
+ {
+ "action": "add",
+ "key": "eapShareSuccessfully",
+ "namespace": "eapShareModal",
+ "value": "Successfully updated sharing preferences!"
+ },
+ {
+ "action": "add",
+ "key": "eapShareTitle",
+ "namespace": "eapShareModal",
+ "value": "share EAP"
+ },
+ {
+ "action": "add",
+ "key": "eapShareUpdate",
+ "namespace": "eapShareModal",
+ "value": "Update"
+ },
+ {
+ "action": "add",
+ "key": "userListEmptyMessage",
+ "namespace": "eapShareModal",
+ "value": "The EAP form is not shared with anyone."
+ },
+ {
+ "action": "add",
+ "key": "actionCriteria",
+ "namespace": "eapSimplifiedForm",
+ "value": "Explain your selection criteria for who will be targeted."
+ },
+ {
+ "action": "add",
+ "key": "actionCriteriaTooltip",
+ "namespace": "eapSimplifiedForm",
+ "value": "List here the selection criteria for the groups/individuals targeted. Considering that the National Society may not know in advance which communities will be targeted by the simplified EAP, there should be clear criteria for selecting the people to be targeted (within the preselected groups, based on exposure) in the lead time. For example, the criteria could include woman or child headed households, low-income families, large families, people targeted through government social protection programming, people with disabilities, elderly etc. The National Society should also reflect on how they will gather the information to verify the criteria."
+ },
+ {
+ "action": "add",
+ "key": "actionDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "actionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Early Action Intervention"
+ },
+ {
+ "action": "add",
+ "key": "actionOperation",
+ "namespace": "eapSimplifiedForm",
+ "value": "Assisted through the operation"
+ },
+ {
+ "action": "add",
+ "key": "actionOperationDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "List who will be targeted by the early actions in this simplified EAP (these should be groups of people who are most exposed combined with those moose vulnerable to the impacts of the hazard)."
+ },
+ {
+ "action": "add",
+ "key": "actionOperationTooltip",
+ "namespace": "eapSimplifiedForm",
+ "value": "Please list here the people that will be targeted with early action activities. Based on the prioritized impacts, there might be groups that are more vulnerable to the hazard, for example, people who live close to the shoreline are more vulnerable to floods than people who live a few hundred meters away from the shoreline (exposure). And within the people who live close to the shoreline, low-income households are more vulnerable as they might not have the resources to evacuate themselves. The National Society should use their experience and knowledge of the context to reflect on who is most exposed, most vulnerable, and therefore should be targeted by the early actions."
+ },
+ {
+ "action": "add",
+ "key": "actionPeopleTargeted",
+ "namespace": "eapSimplifiedForm",
+ "value": "People targeted"
+ },
+ {
+ "action": "add",
+ "key": "actionPeopleTargetedDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Enter the number of people targeted"
+ },
+ {
+ "action": "add",
+ "key": "actionPeopleTargetedTooltip",
+ "namespace": "eapSimplifiedForm",
+ "value": "The National Society should reflect how many people they plan to target with their early action intervention. The simplified EAP should target at least 2,000 people."
+ },
+ {
+ "action": "add",
+ "key": "actionsLeadTime",
+ "namespace": "eapSimplifiedForm",
+ "value": "sEAP lead time"
+ },
+ {
+ "action": "add",
+ "key": "actionsLeadTimeDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "This is the time between the trigger being met and the impact of the hazard, this is the period of time when the early actions are undertaken. If the simplified EAP has a short lead time, the National Society may be asked to explain the feasibility of the early actions (funding, capacity etc.)."
+ },
+ {
+ "action": "add",
+ "key": "actionsOperational",
+ "namespace": "eapSimplifiedForm",
+ "value": "Operational timeframe"
+ },
+ {
+ "action": "add",
+ "key": "actionsOperationalDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "The operational timeframe starts from the trigger date and includes the time it takes to implement the early action activities plus the time it takes to finalize the operation, including time to settle the finances, facilitate the lessons learned workshop and prepare the final report. Normally the operational timeframe is the lead time plus 3 months, 2 months to allow the National Society to finalize the reports and 1 month for the IFRC to finalise and publish the final report. (Note that the operational timeframe, expressed in months is not the same as the sEAP timeframe, which is expressed in years)."
+ },
+ {
+ "action": "add",
+ "key": "actionsStatement",
+ "namespace": "eapSimplifiedForm",
+ "value": "Trigger(s) statement"
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "State clear and precise criteria that will have to be met for the simplified EAP to be activated. If multiple triggers are used, indicate which trigger is linked to which early action."
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipDescriptionFive",
+ "namespace": "eapSimplifiedForm",
+ "value": "The trigger will be met when the [National Hydro Met Service Forecast] indicates an [80% chance] of [300mm of rainfall in a day] in [Province(s) name] in [72 hours] or The trigger will be met when the [National Hydro Met Service] issues a [red weather warning] for [Province(s) name] for [3 days time]"
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipDescriptionFour",
+ "namespace": "eapSimplifiedForm",
+ "value": "Precise trigger"
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipDescriptionOne",
+ "namespace": "eapSimplifiedForm",
+ "value": "A trigger statement needs to be clear and precise and should explain in a sentence or two the condition under which the simplified EAP is activated. Here are some examples of a trigger statement"
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipDescriptionSeven",
+ "namespace": "eapSimplifiedForm",
+ "value": "For slow onset, non-weather related or complex hazards, the trigger may be based on a combination of risk factors, forecasts, observation data and expert judgement, especially if the impact is a result of cumulative, or compounding factors. If unconventional triggers are used (e.g., combining multiple indicators, including socio-economic indicators like food prices), clear explanation should be given on which criteria/ conditions was used to assign certain weight to each indicator. If the trigger is based on expert judgement, it should be clear from what source this will come, and that it is an independent, reliable and creditable source. For examples of triggers, visit the {triggerDatabaseLink} on the Anticipation Hub."
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipDescriptionSix",
+ "namespace": "eapSimplifiedForm",
+ "value": "If the EAP has more than one trigger (i.e., a phased or staggered triggers) then each trigger statement should clearly explain what action will be taken following each trigger and when the funds for the early action are required."
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipDescriptionThree",
+ "namespace": "eapSimplifiedForm",
+ "value": "The trigger will be met when the forecast indicates a high possibility of heavy rainfall in eastern parts of the country in the next few days"
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipDescriptionTwo",
+ "namespace": "eapSimplifiedForm",
+ "value": "Imprecise trigger"
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipListFour",
+ "namespace": "eapSimplifiedForm",
+ "value": "Make sure to clarify a precise window in which the plan can trigger (remember this will be partly determined by how long is needed to take the proposed actions)"
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipListOne",
+ "namespace": "eapSimplifiedForm",
+ "value": "Which forecast? There are many different possibilities, from the national hydro met service, or regional or even global providers. The National Society should state which forecast they will use and how they will obtain it."
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipListThree",
+ "namespace": "eapSimplifiedForm",
+ "value": "If the simplified EAP targets a specific geographical area, make sure the location for the trigger is well defined."
+ },
+ {
+ "action": "add",
+ "key": "actionsStatementTooltipListTwo",
+ "namespace": "eapSimplifiedForm",
+ "value": "Is the terminology (e.g. ‘high possibility’ or ‘heavy rainfall’ used consistently by the forecast provider? If not, they will need to be more precise."
+ },
+ {
+ "action": "add",
+ "key": "actionValue",
+ "namespace": "eapSimplifiedForm",
+ "value": "Value"
+ },
+ {
+ "action": "add",
+ "key": "addPartnerNSContactButton",
+ "namespace": "eapSimplifiedForm",
+ "value": "Add Partner NS"
+ },
+ {
+ "action": "add",
+ "key": "approachApCode",
+ "namespace": "eapSimplifiedForm",
+ "value": "AP Code"
+ },
+ {
+ "action": "add",
+ "key": "approachBudget",
+ "namespace": "eapSimplifiedForm",
+ "value": "Budget(CHF)"
+ },
+ {
+ "action": "add",
+ "key": "approachRemoveButton",
+ "namespace": "eapSimplifiedForm",
+ "value": "Remove"
+ },
+ {
+ "action": "add",
+ "key": "budgetHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Budget"
+ },
+ {
+ "action": "add",
+ "key": "contacts",
+ "namespace": "eapSimplifiedForm",
+ "value": "Contacts"
+ },
+ {
+ "action": "add",
+ "key": "coordinationSectionCriteriaHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Coordination"
+ },
+ {
+ "action": "add",
+ "key": "country",
+ "namespace": "eapSimplifiedForm",
+ "value": "Country"
+ },
+ {
+ "action": "add",
+ "key": "countryDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "The country will be pre-populated based on the NS selection, but can be adapted as needed."
+ },
+ {
+ "action": "add",
+ "key": "delegation",
+ "namespace": "eapSimplifiedForm",
+ "value": "IFRC Head of Delegation"
+ },
+ {
+ "action": "add",
+ "key": "delegationHeader",
+ "namespace": "eapSimplifiedForm",
+ "value": "Delegation"
+ },
+ {
+ "action": "add",
+ "key": "deliverBudgetDetails",
+ "namespace": "eapSimplifiedForm",
+ "value": "Budget details"
+ },
+ {
+ "action": "add",
+ "key": "deliverBudgetDetailsDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Add here the page from the budget template called “EAP for publication”. Explain your selection criteria for who will be targeted."
+ },
+ {
+ "action": "add",
+ "key": "deliverDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "deliverEarlyActions",
+ "namespace": "eapSimplifiedForm",
+ "value": "Experience and/or capacity to implement the early actions"
+ },
+ {
+ "action": "add",
+ "key": "deliverEarlyActionsDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Assumptions or minimum conditions needed to deliver on the early actions (including issues to be resolved.) Explain how the National Society will be able to delive on the early actions, what experiences and/or capacities they have related to be intervention. Are there issues to be addressed in order for the Naional Society to deliver on these actions? How will these issues be resolved?"
+ },
+ {
+ "action": "add",
+ "key": "deliverEarlyActionsTooltip",
+ "namespace": "eapSimplifiedForm",
+ "value": "This is an opportunity for the National Society to describe their experience in dealing with the selected hazard, their capacity in the intervention sectors and early action activities. Where there are gaps in capacity or systemic issues, then these can be addressed through the annual readiness activities. For example, the National Society may have a general response plan, but may use the readiness activities to develop detailed Standard Operating Procedures outlining who will do what when, and then do an annual test simulation of the simplified EAP to ensure that roles and responsibilities are clear in terms of delivering the early actions."
+ },
+ {
+ "action": "add",
+ "key": "deliverHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Conditions to deliver the Early Action"
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolved",
+ "namespace": "eapSimplifiedForm",
+ "value": "RCRC Movement partners, Governmental/other agencies consulted/involved"
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolvedDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Explain who was part of the development of this plan, how were they involved and if they have any role on the implementation of the actions. Add any relevant information of the National Society's role in the National Disaster Response System."
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolvedTooltip1",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP should plan to target events that are forecasted/predicted to have an above average impact and that have caused humanitarian impacts in the past"
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolvedTooltip2",
+ "namespace": "eapSimplifiedForm",
+ "value": "The minimum standard for monitoring and evaluation is that each simplified EAP includes a lessons learned workshop."
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolvedTooltip3",
+ "namespace": "eapSimplifiedForm",
+ "value": "While not requested as part of the simplified EAP, National Societies should have a draft plan or SOP in place to monitor the forecasts/indicators, to activate the simplified EAP and deliver the early action activities within the lead time."
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolvedTooltip4",
+ "namespace": "eapSimplifiedForm",
+ "value": "The roles and responsibilities should be clear, who will do what at what time."
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolvedTooltipDescriptionFour",
+ "namespace": "eapSimplifiedForm",
+ "value": "Other general considerations:"
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolvedTooltipDescriptionOne",
+ "namespace": "eapSimplifiedForm",
+ "value": "It is important to establish that the National Society has the mandate to act early, in advance of a hazard and it can reduce the time required to agree to activate the early actions activities if partners government and non-government stakeholders are aware and involved in planning the simplified EAP. This mandate may need to be confirmed at the local level, as well as the region and national level."
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolvedTooltipDescriptionThree",
+ "namespace": "eapSimplifiedForm",
+ "value": "With national level partners, including government stakeholders, Met Service, civil society and other national or local experts. Planning for a simplified EAP can be an opportunity to develop these relationships and may be useful to define roles and responsibilities in a Memorandum of Understanding (MoU). This could be defined during the development of the simplified EAP or can be done as part of the kickoff activities, once a simplified EAP has been approved for funding. The Red Cross Red Crescent Climate Centre developed this guide – Collaborating with national climate and weather agencies: {guideLink} The guide includes some useful information, included under section 4, guiding questions and in annex A, a draft MoU, which could potentially be adapted for other partners."
+ },
+ {
+ "action": "add",
+ "key": "deliverInvolvedTooltipDescriptionTwo",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP aims to make connections"
+ },
+ {
+ "action": "add",
+ "key": "deliverPrepositioning",
+ "namespace": "eapSimplifiedForm",
+ "value": "Prepositioning"
+ },
+ {
+ "action": "add",
+ "key": "deliverReadinessLabel",
+ "namespace": "eapSimplifiedForm",
+ "value": "Readiness"
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaComment11",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP describes the National Society capacities related to sectoral (Cash, WASH, Food Security, Shelter etc.) and administrative (Finance, PMER, Human Resources) capacity and experience to implement the EAP."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaComment12",
+ "namespace": "eapSimplifiedForm",
+ "value": "If there is no or limited capacity, the simplified EAP describes how readiness activities will address these limitations in order to ensure that the early action activities can be implemented effectively and efficiently."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaComment21",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP budget is capped at CHF 200,000 and should target a minimum of 2000 people (CHF 100 per person)."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaComment22",
+ "namespace": "eapSimplifiedForm",
+ "value": "The allocation for readiness and pre-positioning costs combined will still be capped at 65% of the budget but National Societies can use discretion regarding the split between the two types of expenses. For example, readiness could be 30% of the budget and pre-positioning could be 35% of the budget."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaComment23",
+ "namespace": "eapSimplifiedForm",
+ "value": "Some hazards may require a longer timeframe or more expensive or intensive activities. With appropriate justification, the Validation Committee might accept exceptions to this criterion."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaComment3",
+ "namespace": "eapSimplifiedForm",
+ "value": "The stock planned for early action has a shelf life of at least 2 years."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaComment41",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP has been prepared in a participatory manner with involvement of key stakeholders, Movement components and external actors, especially Hydro-Met agencies, disaster risk management authorities, government ministries, etc."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaComment42",
+ "namespace": "eapSimplifiedForm",
+ "value": "To avoid creating parallel systems and to minimize negotiation on the mandate/permission, etc. to act early when a trigger occurs, all relevant key stakeholders should be involved in the development, and when necessary, the activation of the early action activities."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaIntroduction1",
+ "namespace": "eapSimplifiedForm",
+ "value": "The National Society explains its capacity to implement the early action activities and/or minimum conditions needed to deliver on the early actions."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaIntroduction2",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP includes a budget in the IFRC template, detailing the costs for the readiness, pre-positioning and trigger-based early action activities"
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaIntroduction3",
+ "namespace": "eapSimplifiedForm",
+ "value": "The shelf life of pre-positioned stock equals or exceeds the simplified EAP 2-year lifespan."
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionCriteriaIntroduction4",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP outlines coordination with relevant stakeholders related to the planning and activation of early action activities"
+ },
+ {
+ "action": "add",
+ "key": "deliverSectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Quality Criteria: Conditions to Deliver and Budgets"
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudget",
+ "namespace": "eapSimplifiedForm",
+ "value": "Total budget(CHF)"
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Add the expected budget amount."
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltip",
+ "namespace": "eapSimplifiedForm",
+ "value": "The maximum budget available for a National Society under a simplified EAP is CHF 200,000 over two years. In this field, the National Society should reflect the total amount of the budget (which should match the budget template). The total budget includes 65% maximum for readiness activities and prepositioned stock, with the balance funding the early action activities and needs to be inclusive of the IFRC’s indirect costs (6.5%). Additionally, the IFRC Delegation may add 10% of the total budget to support the simplified EAP implementation bringing the final budget to CHF 220,000 over two years. If a National Society has any questions on the budget, please consult the IFRC’s Country or Country Cluster Delegation. Readiness, pre-positioning, early action: These fields should reflect the plan and budget split across the three types of eligible activities and match the total budget."
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "The budget template for the simplified EAP can be found {hereLink}. Please note that the budget template has a tab with guidelines on how to use it. "
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipListEight",
+ "namespace": "eapSimplifiedForm",
+ "value": "A maximum of 65% of the budget can be allocated combined to readiness and pre-positioning activities. You can check these percentages in the tab called “Summary by Year”, under column B."
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipListFive",
+ "namespace": "eapSimplifiedForm",
+ "value": "Readiness activities (column C) should be done in YEAR 1 and/or YEAR 2 (column E) – ideally done in both years, although there may be some activities that only need to be done once. If the activity happens in both years insert the activity twice and select YEAR 1 for the first line and YEAR 2 for the second line."
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipListFour",
+ "namespace": "eapSimplifiedForm",
+ "value": "All the activities in the ‘planned operation’ and ‘enabling approaches’ section need to be reflected in the budget (even if there is no cost related to an activity, a note should be included in the budget to explain that for example, there is no cost for this activity, or costs are combined with another activity (such as training combining two or more topics), or costs are covered by another project or donor. This helps when doing the cross check between the planned intervention matrix and the budget."
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipListNine",
+ "namespace": "eapSimplifiedForm",
+ "value": "National Societies have flexibility to move between budget headings up to 10% of the approved simplified EAP budget."
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipListOne",
+ "namespace": "eapSimplifiedForm",
+ "value": "For a National Society, the maximum budget of a simplified EAP is CHF 200,000 (less IFRC indirect costs of 6.5%). This is around CHF 187,794."
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipListSeven",
+ "namespace": "eapSimplifiedForm",
+ "value": "Early Action activities (column C) should be budgeted under “year early action” YEAR EA (column E), these activities will be done only when the trigger is reached (which could be in year one, or year two, or may not happen in the duration of the simplified EAP)."
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipListSix",
+ "namespace": "eapSimplifiedForm",
+ "value": "Pre-positioning activities (column C) are done in YEAR 1 (column E) – and should be done as soon as the project agreement is in place and funds are received by the National Society. All stock needs to have a minimum shelf life of two years."
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipListThree",
+ "namespace": "eapSimplifiedForm",
+ "value": "The total budget of the simplified EAP, including National Society and IFRC allocations, cannot exceed CHF 220,000. "
+ },
+ {
+ "action": "add",
+ "key": "deliverTotalBudgetTooltipListTwo",
+ "namespace": "eapSimplifiedForm",
+ "value": "For the IFRC, the delegation can access a maximum budget of 10% of the National Society Simplified EAP budget (less IFRC indirect costs of 6.5%)."
+ },
+ {
+ "action": "add",
+ "key": "desinventarLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "Desinventar"
+ },
+ {
+ "action": "add",
+ "key": "detailsHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Details"
+ },
+ {
+ "action": "add",
+ "key": "disasterType",
+ "namespace": "eapSimplifiedForm",
+ "value": "Disaster type"
+ },
+ {
+ "action": "add",
+ "key": "disasterTypeDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Select the disaster type for which the EAP is needed."
+ },
+ {
+ "action": "add",
+ "key": "downloadBudgetTemplate",
+ "namespace": "eapSimplifiedForm",
+ "value": "Download budget template"
+ },
+ {
+ "action": "add",
+ "key": "drefFocalPoint",
+ "namespace": "eapSimplifiedForm",
+ "value": "DREF Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "drefFocalPointDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "The DREF contact person fro IFRC"
+ },
+ {
+ "action": "add",
+ "key": "drefOperationsLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "DREF operations"
+ },
+ {
+ "action": "add",
+ "key": "eapActivationSectionCriteriaHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "EAP Activation"
+ },
+ {
+ "action": "add",
+ "key": "eapEnablingSectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "EAP activation"
+ },
+ {
+ "action": "add",
+ "key": "eapPlannedSectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "EAP activation"
+ },
+ {
+ "action": "add",
+ "key": "earlyAction",
+ "namespace": "eapSimplifiedForm",
+ "value": "Early Action"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionSectionCriteriaHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Early Actions"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionSelection",
+ "namespace": "eapSimplifiedForm",
+ "value": "Early Action Selection"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionsLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "the FbF Practitioners Manual."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaComment11",
+ "namespace": "eapSimplifiedForm",
+ "value": "The trigger statement should be one or two sentences stating precisely when the EAP will be triggered using what information/forecast."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaComment12",
+ "namespace": "eapSimplifiedForm",
+ "value": "If the EAP has more than one trigger (i.e., a phased or staggered triggers) then each trigger should be clearly explained."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaComment13",
+ "namespace": "eapSimplifiedForm",
+ "value": "If qualitative information is included in the trigger, it should be from a reliable, creditable and independent source."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaComment14",
+ "namespace": "eapSimplifiedForm",
+ "value": "The trigger should be set taking into consideration thresholds that have had significant humanitarian consequences in the past."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaComment21",
+ "namespace": "eapSimplifiedForm",
+ "value": "Early actions should be implemented with sufficient time for at risk communities to make use of the assistance received."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaComment22",
+ "namespace": "eapSimplifiedForm",
+ "value": "For slow onset or complex hazards, the impact may be interpreted as a spike or expected peak of impact which overwhelms the targeted community to cope. Therefore, the early actions should be activated with enough lead time to reduce impact of the hazard. In the case of drought, consider greater flexibility as it is challenging to identify the specific spike/peak as each will be context specific"
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaComment31",
+ "namespace": "eapSimplifiedForm",
+ "value": "The National Society can use forecast information, expert judgment and vulnerability/exposure indicators to explain the process of deciding how they will select where the action will take place. The simplified EAP should explain the rationale of ‘at risk’ communities, should focus on the most vulnerable (rather than blanket coverage)."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaComment32",
+ "namespace": "eapSimplifiedForm",
+ "value": "If the selection of people targeted cannot be done in advance of an activation, then the selection process needs to be feasible within the lead time."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaComment33",
+ "namespace": "eapSimplifiedForm",
+ "value": "The selection process should be coherent with IFRC minimum standards, including the Minimum Standards for PGI in Emergencies."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaIntroduction1",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP has a clear trigger statement, including who will be responsibility for monitoring the trigger."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaIntroduction2",
+ "namespace": "eapSimplifiedForm",
+ "value": "National Society aims to implement the early action activities in the lead time, between the trigger and the impact of the event."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionCriteriaIntroduction3",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP clearly explains who will be targeted with the early action activities and should target at least 2,000 people."
+ },
+ {
+ "action": "add",
+ "key": "earlySectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Quality Criteria: Early Action Intervention"
+ },
+ {
+ "action": "add",
+ "key": "eMdATLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "EM-DAT"
+ },
+ {
+ "action": "add",
+ "key": "enablingApproachesDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Select approaches which are used in this Early Action Protocol."
+ },
+ {
+ "action": "add",
+ "key": "enablingApproachesTitle",
+ "namespace": "eapSimplifiedForm",
+ "value": "Enabling Approaches"
+ },
+ {
+ "action": "add",
+ "key": "enablingApproachesTooltip",
+ "namespace": "eapSimplifiedForm",
+ "value": "In this section you should present the activities that are not sector specific or cross cutting for the operation. For example, work with partners, governments, etc. is usually listed under Enabling Approach 1: Coordination and Partnership. The IFRC support costs to the implementation of the simplified should be reflected under Enabling Action 2: Secretariat Services, while any activities or costs related to the National Society, including volunteer insurance, volunteer visibility, contributions to salaries should be listed here under Enabling Approach 3: National Society Development."
+ },
+ {
+ "action": "add",
+ "key": "enablingMonitoringSectionCriteriaHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Monitoring and Evaluation"
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaComment11",
+ "namespace": "eapSimplifiedForm",
+ "value": "Early actions should be implemented with sufficient time for at risk communities to make use of the assistance received."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaComment12",
+ "namespace": "eapSimplifiedForm",
+ "value": "For slow onset or complex hazards, the impact may be interpreted as a spike or expected peak of impact which overwhelms the targeted community to cope. Therefore, the early actions should be activated with enough lead time to reduce impact of the hazard. In the case of drought, consider greater flexibility as it is challenging to identify the specific spike/peak as each will be context specific."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaComment21",
+ "namespace": "eapSimplifiedForm",
+ "value": "The National Society can use forecast information, expert judgment and vulnerability/exposure indicators to explain the process of deciding how they will select where the action will take place. The simplified EAP should explain the rationale of ‘at risk’ communities, should focus on the most vulnerable (rather than blanket coverage)."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaComment22",
+ "namespace": "eapSimplifiedForm",
+ "value": "If the selection of people targeted cannot be done in advance of an activation, then the selection process needs to be feasible within the lead time."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaComment23",
+ "namespace": "eapSimplifiedForm",
+ "value": "The selection process should be coherent with IFRC minimum standards, including the Minimum Standards for PGI in Emergencies."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaComment31",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP must include a reasonable budget for a lessons learned workshop with partners and IFRC."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaComment32",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP could include a reasonable budget for monitoring early action activities of National Society staff and volunteers, with potential support from IFRC."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaIntroduction1",
+ "namespace": "eapSimplifiedForm",
+ "value": "National Society aims to implement the early action activities in the lead time, between the trigger and the impact of the event."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaIntroduction2",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP clearly explains who will be targeted with the early action activities and should target at least 2,000 people."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionCriteriaIntroduction3",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP includes a post-activation lesson learned workshop."
+ },
+ {
+ "action": "add",
+ "key": "enablingSectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Quality Criteria: Enabling Operations"
+ },
+ {
+ "action": "add",
+ "key": "focalPoint",
+ "namespace": "eapSimplifiedForm",
+ "value": "IFRC Delegation AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "fullEap",
+ "namespace": "eapSimplifiedForm",
+ "value": "Next step towards Full EAP"
+ },
+ {
+ "action": "add",
+ "key": "fullEapDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "For National Societies that intend to develop a full EAP, outline the next steps you will be taking to continue developing this simplified EAP into a full EAP."
+ },
+ {
+ "action": "add",
+ "key": "geographicalRiskArea",
+ "namespace": "eapSimplifiedForm",
+ "value": "Potential geographical high-risk areas that the simplified EAP would target"
+ },
+ {
+ "action": "add",
+ "key": "geographicalRiskAreaDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Which high risk regions have been selected for this intervention and why?"
+ },
+ {
+ "action": "add",
+ "key": "geographicalRiskAreaTooltip",
+ "namespace": "eapSimplifiedForm",
+ "value": "Simplified EAPs should be developed with national coverage in mind but because of the nature of certain hazards there might be geographical areas that are more at risk, for example: coastal districts (for cyclones), river areas (for riverine floods), international border areas (for population movement), etc. Provide an overview of the geographical areas targeted by this simplified EAP, and why these specific geographical areas are high risk. The National Society could also include a map of the most at risk geographical locations. For more guidance on how to select the geographic area of intervention, see the {practitionersManualLink} (Chapter 4.1, Step 3: Who and What is exposed?)"
+ },
+ {
+ "action": "add",
+ "key": "goPlatformLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "Go platform"
+ },
+ {
+ "action": "add",
+ "key": "guidanceSeapLabel",
+ "namespace": "eapSimplifiedForm",
+ "value": "Guidance For sEAP"
+ },
+ {
+ "action": "add",
+ "key": "guideLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "a guide to getting started."
+ },
+ {
+ "action": "add",
+ "key": "hereLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "here"
+ },
+ {
+ "action": "add",
+ "key": "historicalImpact",
+ "namespace": "eapSimplifiedForm",
+ "value": "Prioritized hazard and its historical impact"
+ },
+ {
+ "action": "add",
+ "key": "idmcLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "Internal Displacement Monitoring Centre"
+ },
+ {
+ "action": "add",
+ "key": "intervention",
+ "namespace": "eapSimplifiedForm",
+ "value": "Overall objective of the intervention"
+ },
+ {
+ "action": "add",
+ "key": "interventionDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Provide an objective statement that describes the main goal of the intervention."
+ },
+ {
+ "action": "add",
+ "key": "interventionTooltipDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "In a sentence or two, provide an objective statement that describes the main goal of the intervention. For example:"
+ },
+ {
+ "action": "add",
+ "key": "interventionTooltipDescription1",
+ "namespace": "eapSimplifiedForm",
+ "value": "The operation aims to mitigate the impact of severe cold wave on vulnerable subsistence herders by providing cash and animal care kits to maintain animal health in advance of freezing temperatures."
+ },
+ {
+ "action": "add",
+ "key": "interventionTooltipDescription2",
+ "namespace": "eapSimplifiedForm",
+ "value": "The operation aims to mitigate the impact of flooding by providing residents in flood-prone coastal regions with early warning messages, evacuation by boat, and water purification material to save lives and prevent the outbreak of waterborne diseases in advance of the peak of flood inundation."
+ },
+ {
+ "action": "add",
+ "key": "interventionTooltipDescription3",
+ "namespace": "eapSimplifiedForm",
+ "value": "The operation aims to mitigate the impact of the cyclone by providing vulnerable people with early warning messages and shelter strengthening kits and will support female and child headed households and the elderly to strengthen shelters to save lives and protect homes in advance of a more severe than usual cyclone."
+ },
+ {
+ "action": "add",
+ "key": "justification",
+ "namespace": "eapSimplifiedForm",
+ "value": "Trigger threshold justification"
+ },
+ {
+ "action": "add",
+ "key": "justificationDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Explain how the triggers(s) were set and provide information showing that the level chosen has caused humanitarian impact in the past."
+ },
+ {
+ "action": "add",
+ "key": "justificationTooltipDescriptionOne",
+ "namespace": "eapSimplifiedForm",
+ "value": "If there is data on how often the trigger threshold has been reached in the past, please include this here and describe the humanitarian impact caused by the magnitude of disaster on those occasions."
+ },
+ {
+ "action": "add",
+ "key": "justificationTooltipDescriptionThree",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP does not need to have a stop mechanism, however if the simplified EAP has a longer lead time (for example, more than four days), then the National Society may want to consider a deadline to stop doing early action activities if the forecast changes. A stop mechanism may be beneficial as in this situation, i.e. with a longer lead time, may be confusing for local communities if they are no longer at risk but early action activities."
+ },
+ {
+ "action": "add",
+ "key": "justificationTooltipDescriptionTwo",
+ "namespace": "eapSimplifiedForm",
+ "value": "A Stop Mechanism"
+ },
+ {
+ "action": "add",
+ "key": "monitoringSectionCriteriaHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Monitoring and Evaluation"
+ },
+ {
+ "action": "add",
+ "key": "nationalHeader",
+ "namespace": "eapSimplifiedForm",
+ "value": "National"
+ },
+ {
+ "action": "add",
+ "key": "nationalSociety",
+ "namespace": "eapSimplifiedForm",
+ "value": "National Society (NS)"
+ },
+ {
+ "action": "add",
+ "key": "nationalSocietyDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Select National Society that is planning to apply for the EAP"
+ },
+ {
+ "action": "add",
+ "key": "nationalSocietySectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "National Society's Capacity"
+ },
+ {
+ "action": "add",
+ "key": "nSContact",
+ "namespace": "eapSimplifiedForm",
+ "value": "National Society Contact"
+ },
+ {
+ "action": "add",
+ "key": "nSContactDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "National Society contact responsible for the EAP process"
+ },
+ {
+ "action": "add",
+ "key": "operationApCode",
+ "namespace": "eapSimplifiedForm",
+ "value": "AP Code"
+ },
+ {
+ "action": "add",
+ "key": "operationBudget",
+ "namespace": "eapSimplifiedForm",
+ "value": "Budget(CHF)"
+ },
+ {
+ "action": "add",
+ "key": "operationPeopleTargeted",
+ "namespace": "eapSimplifiedForm",
+ "value": "People Targeted"
+ },
+ {
+ "action": "add",
+ "key": "operationRemoveButton",
+ "namespace": "eapSimplifiedForm",
+ "value": "Remove"
+ },
+ {
+ "action": "add",
+ "key": "operationTimeFrame",
+ "namespace": "eapSimplifiedForm",
+ "value": "Time Frame"
+ },
+ {
+ "action": "add",
+ "key": "overviewSectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Quality Criteria: Overview"
+ },
+ {
+ "action": "add",
+ "key": "partnerNS",
+ "namespace": "eapSimplifiedForm",
+ "value": "Partner NS"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSDeleteButton",
+ "namespace": "eapSimplifiedForm",
+ "value": "Remove Contact"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Partner National Society contact"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSEmailLabel",
+ "namespace": "eapSimplifiedForm",
+ "value": "Email"
+ },
+ {
+ "action": "add",
+ "key": "partnerNsEmptyMessage",
+ "namespace": "eapSimplifiedForm",
+ "value": "No partners added yet!"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSNameLabel",
+ "namespace": "eapSimplifiedForm",
+ "value": "Name"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSPhoneNumberLabel",
+ "namespace": "eapSimplifiedForm",
+ "value": "Phone Number"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSTitleLabel",
+ "namespace": "eapSimplifiedForm",
+ "value": "Title"
+ },
+ {
+ "action": "add",
+ "key": "partnersInvolved",
+ "namespace": "eapSimplifiedForm",
+ "value": "Partners Involved"
+ },
+ {
+ "action": "add",
+ "key": "partnersInvolvedDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Select from the list the partners involved in this process. Add as many as needed or select not applicable if no partners involved."
+ },
+ {
+ "action": "add",
+ "key": "plannedOperationsDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Select sectors which are used in this Early Action Protocol."
+ },
+ {
+ "action": "add",
+ "key": "plannedOperationsTitle",
+ "namespace": "eapSimplifiedForm",
+ "value": "Planned Operations"
+ },
+ {
+ "action": "add",
+ "key": "plannedOperationsTooltipDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "In this section the National Society should reflect the sectors they plan to work on and delete the sectors that are not needed. We recommend keeping the plan simple, focus on key deliverables and not on all the steps that need to be taken to reach those deliverables. In the budget template the National Society can be much more specific and list all the activities that the plan to undertake (more details regarding the budget are provided in the ‘Budget’ section."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaComment11",
+ "namespace": "eapSimplifiedForm",
+ "value": "Early actions should be implemented with sufficient time for at risk communities to make use of the assistance received."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaComment12",
+ "namespace": "eapSimplifiedForm",
+ "value": "For slow onset or complex hazards, the impact may be interpreted as a spike or expected peak of impact which overwhelms the targeted community to cope. Therefore, the early actions should be activated with enough lead time to reduce impact of the hazard. In the case of drought, consider greater flexibility as it is challenging to identify the specific spike/peak as each will be context specific."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaComment21",
+ "namespace": "eapSimplifiedForm",
+ "value": "The National Society can use forecast information, expert judgment and vulnerability/exposure indicators to explain the process of deciding how they will select where the action will take place. The simplified EAP should explain the rationale of ‘at risk’ communities, should focus on the most vulnerable (rather than blanket coverage)."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaComment22",
+ "namespace": "eapSimplifiedForm",
+ "value": "If the selection of people targeted cannot be done in advance of an activation, then the selection process needs to be feasible within the lead time."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaComment23",
+ "namespace": "eapSimplifiedForm",
+ "value": "The selection process should be coherent with IFRC minimum standards, including the Minimum Standards for PGI in Emergencies."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaComment31",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP must include a reasonable budget for a lessons learned workshop with partners and IFRC."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaComment32",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP could include a reasonable budget for monitoring early action activities of National Society staff and volunteers, with potential support from IFRC."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaIntroduction1",
+ "namespace": "eapSimplifiedForm",
+ "value": "National Society aims to implement the early action activities in the lead time, between the trigger and the impact of the event."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaIntroduction2",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP clearly explains who will be targeted with the early action activities and should target at least 2,000 people."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionCriteriaIntroduction3",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP includes a post-activation lesson learned workshop."
+ },
+ {
+ "action": "add",
+ "key": "plannedSectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Quality Criteria: Planned Operations"
+ },
+ {
+ "action": "add",
+ "key": "practitionersManualLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "FbF Practitioner’s Manual"
+ },
+ {
+ "action": "add",
+ "key": "regionalCoordinator",
+ "namespace": "eapSimplifiedForm",
+ "value": "IFRC Global Ops Coordinator"
+ },
+ {
+ "action": "add",
+ "key": "regionalFocalPoint",
+ "namespace": "eapSimplifiedForm",
+ "value": "IFRC Regional AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "regionalHead",
+ "namespace": "eapSimplifiedForm",
+ "value": "IFRC Regional Head of DCC"
+ },
+ {
+ "action": "add",
+ "key": "regionalHeader",
+ "namespace": "eapSimplifiedForm",
+ "value": "Regional and global"
+ },
+ {
+ "action": "add",
+ "key": "regionalManager",
+ "namespace": "eapSimplifiedForm",
+ "value": "IFRC Regional Ops Manager"
+ },
+ {
+ "action": "add",
+ "key": "reliefwebLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "reliefweb"
+ },
+ {
+ "action": "add",
+ "key": "riskDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Which hazard needs to be addressed by aniticipatory actions in the country as a priority? Provide an explanation on the reasons that the selected hazard was chosen for this simplified Eap, why it is a major problem in the country and the humanitarian impacts it has caused in the past. Describe the extent to which this hazard has produced and/or will produce negative impacts on lives, livelihoods, well-being and other development aspects."
+ },
+ {
+ "action": "add",
+ "key": "riskDescriptionLabel",
+ "namespace": "eapSimplifiedForm",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "riskHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Risk Analysis"
+ },
+ {
+ "action": "add",
+ "key": "riskProtocol",
+ "namespace": "eapSimplifiedForm",
+ "value": "Risk selected for the protocol"
+ },
+ {
+ "action": "add",
+ "key": "riskProtocolDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Recognizing that the simplified EAP will not be able to address all potential risks and based on the analysis of past impacts, what are the main risks that the National Society has decided to focus on for this plan."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment11",
+ "namespace": "eapSimplifiedForm",
+ "value": "The simplified EAP should provide sufficient justification of the prioritized hazard and explain the observed negative impacts that the hazard had on lives, livelihoods and wellbeing in the past."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment12",
+ "namespace": "eapSimplifiedForm",
+ "value": "The evidence provided should demonstrate that the impacts were above seasonal average magnitude and have warranted humanitarian assistance."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment13",
+ "namespace": "eapSimplifiedForm",
+ "value": "For certain types of hazards (such as drought, food security, population movement crisis), there may be limited historical disaster data available. The simplified EAP may consider profiling proxy data/ reference data from other countries/ regions with a similar context to support this analysis."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment2",
+ "namespace": "eapSimplifiedForm",
+ "value": "There must be a clear connection between the hazard’s impacts →the prioritized risks → selected early action."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment31",
+ "namespace": "eapSimplifiedForm",
+ "value": "The early action activities aim to reduce the impact of the selected hazard."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment32",
+ "namespace": "eapSimplifiedForm",
+ "value": "In case evidence is available, there should be a description on the effectiveness of the action in reducing the targeted impact."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment33",
+ "namespace": "eapSimplifiedForm",
+ "value": "If evidence is not available, further information may be requested on how the National Society foresee that the action chosen will reduce the specific risk."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaComment4",
+ "namespace": "eapSimplifiedForm",
+ "value": "If relevant for the type of intervention, actions should be in line with accepted international and/or national standards, regulations, laws for the relevant sector. E.g. SPHERE, LEGS, Minimum standards for protection, gender and inclusion in emergencies and the principles of Do No Harm."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction1",
+ "namespace": "eapSimplifiedForm",
+ "value": "Hazard selection is supported with evidence related to the historical disaster impact."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction2",
+ "namespace": "eapSimplifiedForm",
+ "value": "The risks being prioritized are relevant to the hazard’s main impacts."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction3",
+ "namespace": "eapSimplifiedForm",
+ "value": "Selected early actions seek to reduce the possible impacts of the risks prioritized by the National Society."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionCriteriaIntroduction4",
+ "namespace": "eapSimplifiedForm",
+ "value": "Selected early action activities are planned in accordance with identified standards."
+ },
+ {
+ "action": "add",
+ "key": "riskSectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Quality Criteria: Risk Analysis & Early Action Selection"
+ },
+ {
+ "action": "add",
+ "key": "riskTooltipDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "To fill out this section, the National Society might look at past {drefOperationsLink} {goPlatformLink} {reliefwebLink} {desinventarLink} {eMdATLink} {idmcLink} government sites, newspapers, etc. The National Society might also add explanations based on their own knowledge about direct and indirect impacts. They might also explain why avoiding and/or reducing disaster impacts due to this hazard is a priority for the Government and the National Society."
+ },
+ {
+ "action": "add",
+ "key": "sectionCriteriaComment11",
+ "namespace": "eapSimplifiedForm",
+ "value": "IFRC Finance needs to confirm the transfer timeframe. Where a simplified EAP has a short lead time, an alternative plan needs to be developed to get the funds in country to fund the early action activities. "
+ },
+ {
+ "action": "add",
+ "key": "sectionCriteriaComment12",
+ "namespace": "eapSimplifiedForm",
+ "value": "The alternative plan could, for example, involve PNS prefunding early action activities, being reimbursed when the DREF funds arrive in country, or IFRC delegation prefunds early action activities from other projects, being reimbursed when the funds arrive in country, and/or framework agreement with goods and service providers, with payment terms that mean that services can be paid two weeks or even a month after the services are delivered."
+ },
+ {
+ "action": "add",
+ "key": "sectionCriteriaIntroduction11",
+ "namespace": "eapSimplifiedForm",
+ "value": "All sections of the simplified EAP need to be completed including IFRC sectors, enabling approaches and budget."
+ },
+ {
+ "action": "add",
+ "key": "sectionCriteriaIntroduction12",
+ "namespace": "eapSimplifiedForm",
+ "value": "Check the feasibility of the fund transfer to the National Society in the lead time to fund the early action activities."
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyAction",
+ "namespace": "eapSimplifiedForm",
+ "value": "Selected early actions"
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Explain how the early actions were selected and how they will mitigate the prioritized risk and bring about the intended outcome for the most vulnerable, at-risk individuals and communities."
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionDescription1",
+ "namespace": "eapSimplifiedForm",
+ "value": "The early actions selected by the National Society have to be linked to the hazard’s impact. If ‘loss of key documentation (such as identifications, house deeds, and birth certificates)’ is put forward as one of the prioritized impacts of a flood, then select an early action that will mitigate the risk, e.g,: ‘distribution of dry bags before a flood’. In this section the National Society can explain the connection between the risk they want to mitigate and the early action they plan to implement. This chain of events is also called the ‘theory of change’. For more information on this process, please consult the selection of early actions in {earlyActionsLink}"
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionDescription2",
+ "namespace": "eapSimplifiedForm",
+ "value": "When deciding on the risk the National Society will prioritize, discuss the following:"
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionDescription21",
+ "namespace": "eapSimplifiedForm",
+ "value": "Does this risk impact vulnerable people’s lives?"
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionDescription22",
+ "namespace": "eapSimplifiedForm",
+ "value": "Is there something we can do to mitigate this risk in the given lead time?"
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionDescription23",
+ "namespace": "eapSimplifiedForm",
+ "value": "Does this prioritized risk align with the priorities of communities and local actors?"
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionDescription24",
+ "namespace": "eapSimplifiedForm",
+ "value": "Is it in the National Society mandate to do early actions to mitigate that risk?"
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionDescription25",
+ "namespace": "eapSimplifiedForm",
+ "value": "Does the National Society have the capacity and systems to conduct early actions within the lead time for the risk they want to prioritize?"
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionDescription3",
+ "namespace": "eapSimplifiedForm",
+ "value": "For example, a major impact of a flood may be the destruction of public infrastructure, such as bridges or roads. However, the National Red Cross, Red Crescent Societies may not have the mandate or the capacity to do early actions for that impact in the short lead time from the forecast to the impact of the hazard."
+ },
+ {
+ "action": "add",
+ "key": "timeframe",
+ "namespace": "eapSimplifiedForm",
+ "value": "sEAP timeframe"
+ },
+ {
+ "action": "add",
+ "key": "timeframeDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "A simplified EAP has a timeframe of two years (unless the early actions are activiated)"
+ },
+ {
+ "action": "add",
+ "key": "totalBudgetLabel",
+ "namespace": "eapSimplifiedForm",
+ "value": "Total"
+ },
+ {
+ "action": "add",
+ "key": "triggerDatabaseLink",
+ "namespace": "eapSimplifiedForm",
+ "value": "trigger database"
+ },
+ {
+ "action": "add",
+ "key": "triggerModelSectionHeading",
+ "namespace": "eapSimplifiedForm",
+ "value": "Trigger Model"
+ },
+ {
+ "action": "add",
+ "key": "updatedChecklistTitle",
+ "namespace": "eapSimplifiedForm",
+ "value": "Updated checklist"
+ },
+ {
+ "action": "add",
+ "key": "upload",
+ "namespace": "eapSimplifiedForm",
+ "value": "Upload"
+ },
+ {
+ "action": "add",
+ "key": "uploadCoverImage",
+ "namespace": "eapSimplifiedForm",
+ "value": "Cover photo"
+ },
+ {
+ "action": "add",
+ "key": "uploadCoverImageDescription",
+ "namespace": "eapSimplifiedForm",
+ "value": "Upload a image for the cover page of the publicly published DREF application."
+ },
+ {
+ "action": "add",
+ "key": "uploadImageLabel",
+ "namespace": "eapSimplifiedForm",
+ "value": "Upload upto 5 images (optional)"
+ },
+ {
+ "action": "add",
+ "key": "apCodeLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "AP Code"
+ },
+ {
+ "action": "add",
+ "key": "assistedThroughOperationHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Who will be assisted through this operation and what criteria will be used for their selection?"
+ },
+ {
+ "action": "add",
+ "key": "budgetHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Budget"
+ },
+ {
+ "action": "add",
+ "key": "conditionsToDeliverHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Conditions to deliver the Early Action"
+ },
+ {
+ "action": "add",
+ "key": "contactInformationDescription",
+ "namespace": "eapSimplilfiedExport",
+ "value": "For further information, specifically related to this simplified EAP please contact:"
+ },
+ {
+ "action": "add",
+ "key": "contactInformationHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Contact information"
+ },
+ {
+ "action": "add",
+ "key": "delegationFocalPointLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "IFRC Delegation AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "delegationHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Delegation"
+ },
+ {
+ "action": "add",
+ "key": "delegationHeadLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "IFRC Head of Delegation"
+ },
+ {
+ "action": "add",
+ "key": "drefFocalPointLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "DREF Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionActivitiesHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Prioritized early actions"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionCapacityHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Experience and/or capacity to implement the early actions"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Early Action"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionInterventionHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Early Action Intervention"
+ },
+ {
+ "action": "add",
+ "key": "enablingApproachesLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Enabling Approaches"
+ },
+ {
+ "action": "add",
+ "key": "globalOpsCoordinator",
+ "namespace": "eapSimplilfiedExport",
+ "value": "IFRC Global Ops Coordinator"
+ },
+ {
+ "action": "add",
+ "key": "indicatorsHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Indicators"
+ },
+ {
+ "action": "add",
+ "key": "indicatorTargetLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Target"
+ },
+ {
+ "action": "add",
+ "key": "indicatorTitleLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Title"
+ },
+ {
+ "action": "add",
+ "key": "nationalHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "National"
+ },
+ {
+ "action": "add",
+ "key": "nationalSocietyContactHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "National Society Contact"
+ },
+ {
+ "action": "add",
+ "key": "nextStepsTowardsFullEapHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Next steps – For National Societies that intend to develop a full EAP"
+ },
+ {
+ "action": "add",
+ "key": "operationBudgetLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Budget"
+ },
+ {
+ "action": "add",
+ "key": "operationPeopleTargetedLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "No. people targeted"
+ },
+ {
+ "action": "add",
+ "key": "operationTimeframeHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Operational timeframe"
+ },
+ {
+ "action": "add",
+ "key": "overallObjectiveInterventionHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Overall objective of the intervention"
+ },
+ {
+ "action": "add",
+ "key": "pageTitleEapText",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Early Action Protocol"
+ },
+ {
+ "action": "add",
+ "key": "pageTitleSimplifiedText",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Simplified"
+ },
+ {
+ "action": "add",
+ "key": "partnerNationalSocietyContactHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Partner National Society Contact"
+ },
+ {
+ "action": "add",
+ "key": "peopleTargetedHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "People Targeted"
+ },
+ {
+ "action": "add",
+ "key": "plannedOperationsHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Planned Operations"
+ },
+ {
+ "action": "add",
+ "key": "potentialGeographicalHighRiskAreasHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Potential geographical high-risk areas that the simplified EAP would target"
+ },
+ {
+ "action": "add",
+ "key": "prepositioningActivitiesHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Prepositioning activities"
+ },
+ {
+ "action": "add",
+ "key": "prepositioningHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Prepositioning"
+ },
+ {
+ "action": "add",
+ "key": "prioritizedHazardAndImpactHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Prioritized hazard and its historical impact"
+ },
+ {
+ "action": "add",
+ "key": "rcrcMovementInvolvementHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "RCRC Movement partners, Governmental/other agencies consulted/involved"
+ },
+ {
+ "action": "add",
+ "key": "readinessActivitiesHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Readiness activities"
+ },
+ {
+ "action": "add",
+ "key": "readinessHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Readiness"
+ },
+ {
+ "action": "add",
+ "key": "regionalFocalPointLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "IFRC Regional AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "regionalGlobalHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Regional & global"
+ },
+ {
+ "action": "add",
+ "key": "regionalHeadLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "IFRC Regional Head of DCC"
+ },
+ {
+ "action": "add",
+ "key": "regionalOpsManager",
+ "namespace": "eapSimplilfiedExport",
+ "value": "IFRC Regional Ops Manager"
+ },
+ {
+ "action": "add",
+ "key": "riskAnalysisHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Risk Analysis and Early Action selection"
+ },
+ {
+ "action": "add",
+ "key": "riskSelectedProtocolsHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Explain which risks have been selected for this protocol and why"
+ },
+ {
+ "action": "add",
+ "key": "sEapNoLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "sEAP No"
+ },
+ {
+ "action": "add",
+ "key": "sEapTimeframeLabel",
+ "namespace": "eapSimplilfiedExport",
+ "value": "sEAP timframe"
+ },
+ {
+ "action": "add",
+ "key": "selectedEarlyActionsHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Selected early actions"
+ },
+ {
+ "action": "add",
+ "key": "sleadTimeHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "sEAP Lead Time"
+ },
+ {
+ "action": "add",
+ "key": "totalBudgetHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Total Budget"
+ },
+ {
+ "action": "add",
+ "key": "triggerStatementHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Trigger(s) statement"
+ },
+ {
+ "action": "add",
+ "key": "triggerThresholdJustificationHeading",
+ "namespace": "eapSimplilfiedExport",
+ "value": "Trigger threshold justification"
+ },
+ {
+ "action": "add",
+ "key": "contactInformationDescription",
+ "namespace": "eapSummaryExport",
+ "value": "For further information, specifically related to this simplified EAP please contact:"
+ },
+ {
+ "action": "add",
+ "key": "contactInformationHeading",
+ "namespace": "eapSummaryExport",
+ "value": "Contact information"
+ },
+ {
+ "action": "add",
+ "key": "delegationFocalLabel",
+ "namespace": "eapSummaryExport",
+ "value": "IFRC Delegation AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "delegationHeadLabel",
+ "namespace": "eapSummaryExport",
+ "value": "IFRC Head of Delegation"
+ },
+ {
+ "action": "add",
+ "key": "delegationLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Delegation"
+ },
+ {
+ "action": "add",
+ "key": "downloadBudgetLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Download Full Budget Template"
+ },
+ {
+ "action": "add",
+ "key": "drefFocalLabel",
+ "namespace": "eapSummaryExport",
+ "value": "DREF Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "eapApprovedLabel",
+ "namespace": "eapSummaryExport",
+ "value": "EAP Approved"
+ },
+ {
+ "action": "add",
+ "key": "eapLeadTimeLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Early action lead time"
+ },
+ {
+ "action": "add",
+ "key": "eapNoLabel",
+ "namespace": "eapSummaryExport",
+ "value": "EAP No"
+ },
+ {
+ "action": "add",
+ "key": "eapTimeframeLabel",
+ "namespace": "eapSummaryExport",
+ "value": "EAP Timeframe"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionActivitiesHeading",
+ "namespace": "eapSummaryExport",
+ "value": "Prioritized early actions"
+ },
+ {
+ "action": "add",
+ "key": "enablingApproachesLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Enabling Approaches"
+ },
+ {
+ "action": "add",
+ "key": "globalOpsLabel",
+ "namespace": "eapSummaryExport",
+ "value": "IFRC Global Ops Coordinator"
+ },
+ {
+ "action": "add",
+ "key": "indicatorsHeading",
+ "namespace": "eapSummaryExport",
+ "value": "Indicators"
+ },
+ {
+ "action": "add",
+ "key": "indicatorTargetLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Target"
+ },
+ {
+ "action": "add",
+ "key": "indicatorTitleLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Title"
+ },
+ {
+ "action": "add",
+ "key": "nationalLabel",
+ "namespace": "eapSummaryExport",
+ "value": "National"
+ },
+ {
+ "action": "add",
+ "key": "nationalSocietyContactLabel",
+ "namespace": "eapSummaryExport",
+ "value": "National Society Contact"
+ },
+ {
+ "action": "add",
+ "key": "operationBudgetLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Budget"
+ },
+ {
+ "action": "add",
+ "key": "operationNumberLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Operation No"
+ },
+ {
+ "action": "add",
+ "key": "operationPeopleTargetedLabel",
+ "namespace": "eapSummaryExport",
+ "value": "No. people targeted"
+ },
+ {
+ "action": "add",
+ "key": "operationTimeframeLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Operational Timeframe"
+ },
+ {
+ "action": "add",
+ "key": "partnerNationalSocietyContactLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Partner National Society Contact"
+ },
+ {
+ "action": "add",
+ "key": "plannedOperationsHeading",
+ "namespace": "eapSummaryExport",
+ "value": "Planned Operations"
+ },
+ {
+ "action": "add",
+ "key": "prepositioningActivitiesHeading",
+ "namespace": "eapSummaryExport",
+ "value": "Prepositioning activities"
+ },
+ {
+ "action": "add",
+ "key": "readinessActivitiesHeading",
+ "namespace": "eapSummaryExport",
+ "value": "Readiness activities"
+ },
+ {
+ "action": "add",
+ "key": "regionalFocalLabel",
+ "namespace": "eapSummaryExport",
+ "value": "IFRC Regional AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "regionalGlobalLabel",
+ "namespace": "eapSummaryExport",
+ "value": "Regional and Global"
+ },
+ {
+ "action": "add",
+ "key": "regionalHeadLabel",
+ "namespace": "eapSummaryExport",
+ "value": "IFRC Regional Head of DCC"
+ },
+ {
+ "action": "add",
+ "key": "regionalOpsLabel",
+ "namespace": "eapSummaryExport",
+ "value": "IFRC Regional Ops Manager"
+ },
+ {
+ "action": "add",
+ "key": "summaryPageTitle",
+ "namespace": "eapSummaryExport",
+ "value": "Early Action Protocol Summary"
+ },
+ {
+ "action": "add",
+ "key": "eapContent",
+ "namespace": "earlyActionProtocols",
+ "value": "What is an EAP?"
+ },
+ {
+ "action": "add",
+ "key": "eapContentHeading",
+ "namespace": "earlyActionProtocols",
+ "value": "Early Action Protocols (EAPs) are a core mechanism of the IFRC's Forecast-based Financing (FbF) approach, designed to ensure that humanitarian action happens before a disaster strikes, rather than only responding afterwards."
+ },
+ {
+ "action": "add",
+ "key": "eapContentSubHeadingOne",
+ "namespace": "earlyActionProtocols",
+ "value": "An EAP is a pre-agreed plan developed by a Nation Society together with partners, which outlines:"
+ },
+ {
+ "action": "add",
+ "key": "eapContentSubHeadingThree",
+ "namespace": "earlyActionProtocols",
+ "value": "What is the EAP Application Process?"
+ },
+ {
+ "action": "add",
+ "key": "eapContentSubHeadingTwo",
+ "namespace": "earlyActionProtocols",
+ "value": "Why are the EAPs Important?"
+ },
+ {
+ "action": "add",
+ "key": "eapDescriptionOne",
+ "namespace": "earlyActionProtocols",
+ "value": "The triggers (based on scientific forecasts and risk analysis) that indicate when a hazard is likely to impact communities."
+ },
+ {
+ "action": "add",
+ "key": "eapDescriptionThree",
+ "namespace": "earlyActionProtocols",
+ "value": "The roles, responsibilities, and budget required to carry out these actions quickly and effectively."
+ },
+ {
+ "action": "add",
+ "key": "eapDescriptionTwo",
+ "namespace": "earlyActionProtocols",
+ "value": "The early actions to be implemented once those triggers are met - practical, life-saving measures that reduce the impacts of the forecasted disaster."
+ },
+ {
+ "action": "add",
+ "key": "eapRegistrationLink",
+ "namespace": "earlyActionProtocols",
+ "value": "Register your EAP"
+ },
+ {
+ "action": "add",
+ "key": "actorsExplanatoryNote",
+ "namespace": "form",
+ "value": "In order to avoid creating parallel systems and to minimize additional discussions on permissions, etc. when a trigger occurs, all relevant key stakeholders in the country should be involved in the development, and when necessary, the approval, of the EAP. If stakeholders other than the National Society are involved in implementation of the EAP, roles and responsibilities should be determined in MoUs or other appropriate documents. It is key to highlight the importance of involving the IFRC at the country, cluster and/ or regional level early in the EAP development process as these offices can provide technical support. "
+ },
+ {
+ "action": "add",
+ "key": "addPartnerNSContactButton",
+ "namespace": "form",
+ "value": "Add Partner NS"
+ },
+ {
+ "action": "add",
+ "key": "backButtonLabel",
+ "namespace": "form",
+ "value": "Back"
+ },
+ {
+ "action": "add",
+ "key": "backToAccountLinkLabel",
+ "namespace": "form",
+ "value": "Back"
+ },
+ {
+ "action": "add",
+ "key": "cancelButtonLabel",
+ "namespace": "form",
+ "value": "Cancel"
+ },
+ {
+ "action": "add",
+ "key": "createFailureMessage",
+ "namespace": "form",
+ "value": "Failed to create the EAP!"
+ },
+ {
+ "action": "add",
+ "key": "createSuccessMessage",
+ "namespace": "form",
+ "value": "Successfully created a new Simplified EAP!"
+ },
+ {
+ "action": "add",
+ "key": "delegation",
+ "namespace": "form",
+ "value": "IFRC Head of Delegation"
+ },
+ {
+ "action": "add",
+ "key": "delegationHeader",
+ "namespace": "form",
+ "value": "Delegation"
+ },
+ {
+ "action": "add",
+ "key": "deliveryAndBudgetTabLabel",
+ "namespace": "form",
+ "value": "Conditions to deliver & budgets"
+ },
+ {
+ "action": "add",
+ "key": "disasterType",
+ "namespace": "form",
+ "value": "Disaster type"
+ },
+ {
+ "action": "add",
+ "key": "disasterTypeDescription",
+ "namespace": "form",
+ "value": "Select the disaster type for which the EAP is needed."
+ },
+ {
+ "action": "add",
+ "key": "drefFocalPoint",
+ "namespace": "form",
+ "value": "DREF Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "drefFocalPointDescription",
+ "namespace": "form",
+ "value": "The DREF contact person fro IFRC"
+ },
+ {
+ "action": "add",
+ "key": "earlyActionTabLabel",
+ "namespace": "form",
+ "value": "Early Action Intervention"
+ },
+ {
+ "action": "add",
+ "key": "enablingApproachesTabLabel",
+ "namespace": "form",
+ "value": "Enabling Approaches"
+ },
+ {
+ "action": "add",
+ "key": "formContacts",
+ "namespace": "form",
+ "value": "Contacts"
+ },
+ {
+ "action": "add",
+ "key": "formCountry",
+ "namespace": "form",
+ "value": "Country"
+ },
+ {
+ "action": "add",
+ "key": "formCountryDescription",
+ "namespace": "form",
+ "value": "The country will be pre-populated based on the NS selection, but can be adapted as needed."
+ },
+ {
+ "action": "add",
+ "key": "formExpectedSubmissionTimeDescription",
+ "namespace": "form",
+ "value": "Include the propose time of submission, accounting for the time it will take to deliver the application."
+ },
+ {
+ "action": "add",
+ "key": "formExpectedSubmissionTimeTitle",
+ "namespace": "form",
+ "value": "Expected time of submission"
+ },
+ {
+ "action": "add",
+ "key": "formFocalPoint",
+ "namespace": "form",
+ "value": "IFRC Delegation AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "formLoadErrorHelpText",
+ "namespace": "form",
+ "value": "Please make sure that the Simplified EAP form with given id exists and you have the permission to view it"
+ },
+ {
+ "action": "add",
+ "key": "formLoadErrorTitle",
+ "namespace": "form",
+ "value": "Failed to load Simplified EAP form!"
+ },
+ {
+ "action": "add",
+ "key": "formShareButtonAriaLabel",
+ "namespace": "form",
+ "value": "Share EAP"
+ },
+ {
+ "action": "add",
+ "key": "formUploadAnImageLabel",
+ "namespace": "form",
+ "value": "Select an Image"
+ },
+ {
+ "action": "add",
+ "key": "formUploadCoverImage",
+ "namespace": "form",
+ "value": "Cover photo"
+ },
+ {
+ "action": "add",
+ "key": "formUploadCoverImageDescription",
+ "namespace": "form",
+ "value": "Upload a image for the cover page of the publicly published DREF application."
+ },
+ {
+ "action": "add",
+ "key": "keyActorsAddButton",
+ "namespace": "form",
+ "value": "Add new actor"
+ },
+ {
+ "action": "add",
+ "key": "keyActorsDescription",
+ "namespace": "form",
+ "value": "Name the external actors and Movement components that have been involved in the development of this EAP. Include international, national, regional and local actors, if applicable."
+ },
+ {
+ "action": "add",
+ "key": "keyActorsDescription2",
+ "namespace": "form",
+ "value": "Use the \"{addNewActorButtonLabel}\" button to list all the actors involved and explain their role."
+ },
+ {
+ "action": "add",
+ "key": "keyActorsTitle",
+ "namespace": "form",
+ "value": "Key actors"
+ },
+ {
+ "action": "add",
+ "key": "nationalHeader",
+ "namespace": "form",
+ "value": "National"
+ },
+ {
+ "action": "add",
+ "key": "nationalSociety",
+ "namespace": "form",
+ "value": "National Society (NS)"
+ },
+ {
+ "action": "add",
+ "key": "nationalSocietyDescription",
+ "namespace": "form",
+ "value": "Select National Society that is planning to apply for the EAP"
+ },
+ {
+ "action": "add",
+ "key": "nextButtonLabel",
+ "namespace": "form",
+ "value": "Next"
+ },
+ {
+ "action": "add",
+ "key": "nSContact",
+ "namespace": "form",
+ "value": "National Society Contact"
+ },
+ {
+ "action": "add",
+ "key": "nSContactDescription",
+ "namespace": "form",
+ "value": "National Society contact responsible for the EAP process"
+ },
+ {
+ "action": "add",
+ "key": "objectiveDescription",
+ "namespace": "form",
+ "value": "Please provide an objective statement that describes the main goal of the intervention."
+ },
+ {
+ "action": "add",
+ "key": "objectiveTitle",
+ "namespace": "form",
+ "value": "Objective"
+ },
+ {
+ "action": "add",
+ "key": "overviewExplanatoryNoteLabel",
+ "namespace": "form",
+ "value": "Explanatory Note"
+ },
+ {
+ "action": "add",
+ "key": "overviewHeading",
+ "namespace": "form",
+ "value": "Details"
+ },
+ {
+ "action": "add",
+ "key": "overviewRequiredPoint1",
+ "namespace": "form",
+ "value": "Name the external actors and Movement components that have been involved in the development of this EAP. Include international, national, regional and local actors, if applicable."
+ },
+ {
+ "action": "add",
+ "key": "overviewRequiredPoint2",
+ "namespace": "form",
+ "value": "In case there are technical working groups for the development of the FbF system in country, indicate which organizations participate in these groups."
+ },
+ {
+ "action": "add",
+ "key": "overviewRequiredPoint3",
+ "namespace": "form",
+ "value": "If stakeholders other than RC are involved in implementation/activation of EAP, indicate in one bullet point per organization, their role and list the formal agreement document."
+ },
+ {
+ "action": "add",
+ "key": "overviewRequiredPointsLabel",
+ "namespace": "form",
+ "value": "Required Points"
+ },
+ {
+ "action": "add",
+ "key": "overviewSectionHeading",
+ "namespace": "form",
+ "value": "Quality Criteria: Overview"
+ },
+ {
+ "action": "add",
+ "key": "overviewTabLabel",
+ "namespace": "form",
+ "value": "Overview"
+ },
+ {
+ "action": "add",
+ "key": "pageDescription",
+ "namespace": "form",
+ "value": "Use the following form to submit the details of your Simplified Early Action Protocols (sEAP) submission"
+ },
+ {
+ "action": "add",
+ "key": "pageHeading",
+ "namespace": "form",
+ "value": "{country}: {disaster} - Simplified EAP"
+ },
+ {
+ "action": "add",
+ "key": "partnerNS",
+ "namespace": "form",
+ "value": "Partner NS"
+ },
+ {
+ "action": "add",
+ "key": "partnerNSDescription",
+ "namespace": "form",
+ "value": "Partner National Society contact"
+ },
+ {
+ "action": "add",
+ "key": "partnersInvolved",
+ "namespace": "form",
+ "value": "Partners Involved"
+ },
+ {
+ "action": "add",
+ "key": "partnersInvolvedDescription",
+ "namespace": "form",
+ "value": "Select from the list the partners involved in this process. Add as many as needed or select not applicable if no partners involved."
+ },
+ {
+ "action": "add",
+ "key": "plannedOperationsTabLabel",
+ "namespace": "form",
+ "value": "Planned Operations"
+ },
+ {
+ "action": "add",
+ "key": "readOnlyWarningMessage",
+ "namespace": "form",
+ "value": "You’re viewing this form in read-only mode. Editing is currently disabled."
+ },
+ {
+ "action": "add",
+ "key": "regionalCoordinator",
+ "namespace": "form",
+ "value": "IFRC Global Ops Coordinator"
+ },
+ {
+ "action": "add",
+ "key": "regionalFocalPoint",
+ "namespace": "form",
+ "value": "IFRC Regional AA Focal Point"
+ },
+ {
+ "action": "add",
+ "key": "regionalHead",
+ "namespace": "form",
+ "value": "IFRC Regional Head of DCC"
+ },
+ {
+ "action": "add",
+ "key": "regionalHeader",
+ "namespace": "form",
+ "value": "Regional and global"
+ },
+ {
+ "action": "add",
+ "key": "regionalManager",
+ "namespace": "form",
+ "value": "IFRC Regional Ops Manager"
+ },
+ {
+ "action": "add",
+ "key": "riskAnalysisTabLabel",
+ "namespace": "form",
+ "value": "Risk Analysis & Early Action Selection"
+ },
+ {
+ "action": "add",
+ "key": "saveButtonLabel",
+ "namespace": "form",
+ "value": "Save"
+ },
+ {
+ "action": "add",
+ "key": "savingPendingMessage",
+ "namespace": "form",
+ "value": "Saving data..."
+ },
+ {
+ "action": "add",
+ "key": "sectionCriteriaComment2",
+ "namespace": "form",
+ "value": "In order to avoid creating parallel systems and to minimize additional discussions on permissions, etc. when a trigger occurs, all relevant key stakeholders in the country should be involved in the development, and when necessary, the approval of the EAP."
+ },
+ {
+ "action": "add",
+ "key": "sectionCriteriaIntroduction1",
+ "namespace": "form",
+ "value": "The following quality criteria are used by the IFRC Validation Committee as a benchmark to determine if the Early Action Protocol is eligible to be funded by the DREF. If any of the criteria are not adequately met or just partially met, the Validation Committee may require further information or additional work to demonstrate that the criteria are justified."
+ },
+ {
+ "action": "add",
+ "key": "sectionCriteriaIntroduction2",
+ "namespace": "form",
+ "value": "The Forecast based Financing process has been conducted in a participatory manner with involvement of key stakeholders, including communities, movement components and external actors, especially Hydro-Met agencies, disaster risk management authorities, government ministries, development organizations, other hazard specific agencies (local and national level), and other major anticipatory humanitarian actors in the country/region."
+ },
+ {
+ "action": "add",
+ "key": "stakeholderHeader",
+ "namespace": "form",
+ "value": "Stakeholder"
+ },
+ {
+ "action": "add",
+ "key": "submitApprovalSuccess",
+ "namespace": "form",
+ "value": "Successfully submitted EAP for approval!"
+ },
+ {
+ "action": "add",
+ "key": "submitButtonLabel",
+ "namespace": "form",
+ "value": "Submit for approval"
+ },
+ {
+ "action": "add",
+ "key": "submitConfirmButtonLabel",
+ "namespace": "form",
+ "value": "Confirm"
+ },
+ {
+ "action": "add",
+ "key": "submitConfirmHeading",
+ "namespace": "form",
+ "value": "Submit EAP for approval"
+ },
+ {
+ "action": "add",
+ "key": "submitConfirmMessage",
+ "namespace": "form",
+ "value": "Are you sure you want to submit the EAP? Reviewers will be notified and you'll no longer be able to edit the form!"
+ },
+ {
+ "action": "add",
+ "key": "submitFailedSuccess",
+ "namespace": "form",
+ "value": "Failed to submit the EAP for approval!"
+ },
+ {
+ "action": "add",
+ "key": "submitFormErrorMessage",
+ "namespace": "form",
+ "value": "Please make sure you've filled in all the required details before proceeding!"
+ },
+ {
+ "action": "add",
+ "key": "technicalWorkingGroupDescription",
+ "namespace": "form",
+ "value": "In case there are technical working groups for the development of the FbF system in country, indicate which organizations participate in these groups."
+ },
+ {
+ "action": "add",
+ "key": "technicalWorkingGroupsTitle",
+ "namespace": "form",
+ "value": "Technical working groups in place?"
+ },
+ {
+ "action": "add",
+ "key": "technicalWorkingGroupsTitleLabel",
+ "namespace": "form",
+ "value": "Title"
+ },
+ {
+ "action": "add",
+ "key": "updateFailureMessage",
+ "namespace": "form",
+ "value": "Failed to update the EAP!"
+ },
+ {
+ "action": "add",
+ "key": "updateSuccessMessage",
+ "namespace": "form",
+ "value": "Simplified EAP Form updated Successfully!"
+ },
+ {
+ "action": "add",
+ "key": "validationErrorAlertMessage",
+ "namespace": "form",
+ "value": "Please fix all the errors before continuing!"
+ },
+ {
+ "action": "add",
+ "key": "workExplanatoryNote",
+ "namespace": "form",
+ "value": "In order to avoid creating parallel systems and to minimize additional discussions on permissions, etc. when a trigger occurs, all relevant key stakeholders in the country should be involved in the development, and when necessary, the approval, of the EAP. If stakeholders other than the National Society are involved in implementation of the EAP, roles and responsibilities should be determined in MoUs or other appropriate documents. It is key to highlight the importance of involving the IFRC at the country, cluster and/ or regional level early in the EAP development process as these offices can provide technical support."
+ },
+ {
+ "action": "add",
+ "key": "workWithGovernmentDescription",
+ "namespace": "form",
+ "value": "Please briefly describe the process"
+ },
+ {
+ "action": "add",
+ "key": "workWithGovernmentDescriptionLabel",
+ "namespace": "form",
+ "value": "Description"
+ },
+ {
+ "action": "add",
+ "key": "workWithGovernmentTitle",
+ "namespace": "form",
+ "value": "Did you work with the government and other relevant actors in the development of this EAP?"
+ },
+ {
+ "action": "add",
+ "key": "noFileSelected",
+ "namespace": "goMultiFileInput",
+ "value": "No file Selected"
+ },
+ {
+ "action": "add",
+ "key": "defaultLabel",
+ "namespace": "imageWithCaptionInput",
+ "value": "Select an image"
+ },
+ {
+ "action": "add",
+ "key": "previewFallbackText",
+ "namespace": "imageWithCaptionInput",
+ "value": "Preview not available"
+ },
+ {
+ "action": "remove",
+ "key": "imageWithCaptionPreview",
+ "namespace": "imageWithCaptionInput"
+ },
+ {
+ "action": "update",
+ "key": "imageWithCaptionEnterCaption",
+ "newKey": "captionInputPlaceholder",
+ "namespace": "imageWithCaptionInput"
+ },
+ {
+ "action": "add",
+ "key": "captionInputPlaceholder",
+ "namespace": "multiImageWithCaptionInput",
+ "value": "Enter caption"
+ },
+ {
+ "action": "add",
+ "key": "defaultLabel",
+ "namespace": "multiImageWithCaptionInput",
+ "value": "Select images"
+ },
+ {
+ "action": "add",
+ "key": "imagePreviewFallbackText",
+ "namespace": "multiImageWithCaptionInput",
+ "value": "Preview not available"
+ },
+ {
+ "action": "remove",
+ "key": "enterCaptionPlaceholder",
+ "namespace": "multiImageWithCaptionInput"
+ },
+ {
+ "action": "remove",
+ "key": "imagePreviewAlt",
+ "namespace": "multiImageWithCaptionInput"
+ },
+ {
+ "action": "update",
+ "key": "removeImagesButtonTitle",
+ "newKey": "removeImageButtonTitle",
+ "namespace": "multiImageWithCaptionInput"
+ }
+ ]
+}
\ No newline at end of file
+