+
+
+
+
+
+ {strings.permissionHeadingLabel}
+
+
+ {strings.permissionDeniedHeading}
+
+ {strings.permissionDeniedPageDescription}
+
+
+ {strings.permissionDeniedAreYouSureUrlIsCorrect}
+
+
+
+ {strings.permissionDeniedGetInTouch}
+
+
+ {strings.permissionDeniedWithThePlatformTeam}
+
+
+ {strings.permissionDeniedExploreOurHomepage}
+
+
+
+ {strings.footerAboutGo}
+
+
+
+ {strings.footerAboutGoDesc}
+
+
+ {copyrightText}
+
+
+
+ {strings.globalFindOut}
+
+
+
+
+ ifrc.org
+
+
+ rcrcsims.org
+
+
+ data.ifrc.org
+
+
+
+
+ {strings.globalHelpfulLinks}
+
+
+
+
+ {strings.footerOpenSourceCode}
+
+
+ {strings.footerApiDocumentation}
+
+
+ {strings.footerOtherResources}
+
+
+
+
+ {strings.footerContactUs}
+
+
+ im@ifrc.org
+
+
+
+
+
+
+ {content}
+
+ );
+ }
+ // eslint-disable-next-line react/destructuring-assignment
+ if (props.external) {
+ return (
+
+ {content}
+
+ );
+ }
+
+ return (
+
+ {children}
+
+ );
+}
+export default Link;
diff --git a/src/components/Link/styles.module.css b/app/src/components/Link/styles.module.css
similarity index 100%
rename from src/components/Link/styles.module.css
rename to app/src/components/Link/styles.module.css
diff --git a/src/components/MapContainerWithDisclaimer/i18n.json b/app/src/components/MapContainerWithDisclaimer/i18n.json
similarity index 100%
rename from src/components/MapContainerWithDisclaimer/i18n.json
rename to app/src/components/MapContainerWithDisclaimer/i18n.json
diff --git a/app/src/components/MapContainerWithDisclaimer/index.tsx b/app/src/components/MapContainerWithDisclaimer/index.tsx
new file mode 100644
index 000000000..ff97dce32
--- /dev/null
+++ b/app/src/components/MapContainerWithDisclaimer/index.tsx
@@ -0,0 +1,230 @@
+import {
+ useCallback,
+ useRef,
+} from 'react';
+import {
+ CloseFillIcon,
+ DownloadTwoLineIcon,
+} from '@ifrc-go/icons';
+import {
+ Button,
+ DateOutput,
+ Header,
+ IconButton,
+ InfoPopup,
+ RawButton,
+} from '@ifrc-go/ui';
+import {
+ useBooleanState,
+ useTranslation,
+} from '@ifrc-go/ui/hooks';
+import { resolveToComponent } from '@ifrc-go/ui/utils';
+import { _cs } from '@togglecorp/fujs';
+import { MapContainer } from '@togglecorp/re-map';
+import FileSaver from 'file-saver';
+import { toPng } from 'html-to-image';
+
+import goLogo from '#assets/icons/go-logo-2020.svg';
+import Link from '#components/Link';
+import { mbtoken } from '#config';
+import useAlert from '#hooks/useAlert';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+interface Props {
+ className?: string;
+ title?: string;
+ footer?: React.ReactNode;
+ withoutDownloadButton?: boolean;
+}
+
+function MapContainerWithDisclaimer(props: Props) {
+ const {
+ className,
+ title = 'Map',
+ footer,
+ withoutDownloadButton = false,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const mapSources = resolveToComponent(
+ strings.mapSourcesLabel,
+ {
+ uncodsLink: (
+
+ {strings.mapSourceUNCODsLabel}
+
+ ),
+ },
+ );
+
+ const [
+ printMode,
+ {
+ setTrue: enterPrintMode,
+ setFalse: exitPrintMode,
+ },
+ ] = useBooleanState(false);
+
+ const containerRef = useRef
+ {printMode && (
+
+
+ )}
+ >
+ {strings.downloadButtonTitle}
+
+
+
+
+ )}
+ />
+ )}
+
+
+ )}
+ {footer}
+
+
+ );
+}
+
+export default MapContainerWithDisclaimer;
diff --git a/src/components/MapContainerWithDisclaimer/styles.module.css b/app/src/components/MapContainerWithDisclaimer/styles.module.css
similarity index 100%
rename from src/components/MapContainerWithDisclaimer/styles.module.css
rename to app/src/components/MapContainerWithDisclaimer/styles.module.css
diff --git a/src/components/MapPopup/i18n.json b/app/src/components/MapPopup/i18n.json
similarity index 100%
rename from src/components/MapPopup/i18n.json
rename to app/src/components/MapPopup/i18n.json
diff --git a/app/src/components/MapPopup/index.tsx b/app/src/components/MapPopup/index.tsx
new file mode 100644
index 000000000..2961bb258
--- /dev/null
+++ b/app/src/components/MapPopup/index.tsx
@@ -0,0 +1,77 @@
+import { CloseLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Container,
+ ContainerProps,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { _cs } from '@togglecorp/fujs';
+import { MapPopup as BasicMapPopup } from '@togglecorp/re-map';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+const popupOptions: mapboxgl.PopupOptions = {
+ closeButton: false,
+ closeOnClick: false,
+ closeOnMove: false,
+ offset: 8,
+ className: styles.mapPopup,
+ maxWidth: 'unset',
+};
+
+interface Props extends ContainerProps {
+ coordinates: mapboxgl.LngLatLike;
+ children: React.ReactNode;
+ onCloseButtonClick: () => void;
+}
+
+function MapPopup(props: Props) {
+ const {
+ children,
+ coordinates,
+ onCloseButtonClick,
+ actions,
+ childrenContainerClassName,
+ ...containerProps
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ return (
+
+ {printMode && (
+
+ {title}
+ 
+ )}
+ />
+ )}
+
+ {!printMode && !withoutDownloadButton && (
+
+
+
+ )}
+ />
+
+ {strings.mapDisclaimer}
+
+
+ {mapSources}
+
+
+
+ {strings.copyrightMapbox}
+
+
+ {strings.copyrightOSM}
+
+
+ {strings.improveMapLabel}
+
+
+
+
+
+ )}
+ {variant === 'primary' && (
+
+ )}
+
+
+
+
+ {stepCompleted && (
+
+
+ {children}
+
+ {variant === 'primary' && (
+
+ )}
+
+
+ );
+}
+
+export default NonFieldError;
diff --git a/src/components/NonFieldError/styles.module.css b/app/src/components/NonFieldError/styles.module.css
similarity index 100%
rename from src/components/NonFieldError/styles.module.css
rename to app/src/components/NonFieldError/styles.module.css
diff --git a/src/components/Page/i18n.json b/app/src/components/Page/i18n.json
similarity index 100%
rename from src/components/Page/i18n.json
rename to app/src/components/Page/i18n.json
diff --git a/app/src/components/Page/index.tsx b/app/src/components/Page/index.tsx
new file mode 100644
index 000000000..377c653ec
--- /dev/null
+++ b/app/src/components/Page/index.tsx
@@ -0,0 +1,151 @@
+import {
+ ElementRef,
+ RefObject,
+ useEffect,
+} from 'react';
+import {
+ PageContainer,
+ PageHeader,
+} from '@ifrc-go/ui';
+import { type Language } from '@ifrc-go/ui/contexts';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ languageNameMapEn,
+ resolveToString,
+} from '@ifrc-go/ui/utils';
+import {
+ _cs,
+ isDefined,
+ isNotDefined,
+} from '@togglecorp/fujs';
+
+import { components } from '#generated/types';
+import useCurrentLanguage from '#hooks/domain/useCurrentLanguage';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+type TranslationModuleOriginalLanguageEnum = components<'read'>['schemas']['TranslationModuleOriginalLanguageEnum'];
+
+interface Props {
+ className?: string;
+ title?: string;
+ actions?: React.ReactNode;
+ heading?: React.ReactNode;
+ description?: React.ReactNode;
+ descriptionContainerClassName?: string;
+ mainSectionContainerClassName?: string;
+ breadCrumbs?: React.ReactNode;
+ info?: React.ReactNode;
+ children?: React.ReactNode;
+ mainSectionClassName?: string;
+ infoContainerClassName?: string;
+ wikiLink?: React.ReactNode;
+ withBackgroundColorInMainSection?: boolean;
+ elementRef?: RefObject
+ {stringError}
+
+
+ {isNotDefined(blockingContent)
+ && showMachineTranslationWarning
+ && (
+
+ {beforeHeaderContent}
+
+ )}
+ {isNotDefined(blockingContent) && showPageContainer && (
+
+ { children }
+
+ )}
+
+ );
+}
+
+export default Page;
diff --git a/src/components/Page/styles.module.css b/app/src/components/Page/styles.module.css
similarity index 100%
rename from src/components/Page/styles.module.css
rename to app/src/components/Page/styles.module.css
diff --git a/app/src/components/RichTextArea/index.tsx b/app/src/components/RichTextArea/index.tsx
new file mode 100644
index 000000000..8ed2e84cd
--- /dev/null
+++ b/app/src/components/RichTextArea/index.tsx
@@ -0,0 +1,119 @@
+import React from 'react';
+import {
+ InputContainer,
+ InputContainerProps,
+} from '@ifrc-go/ui';
+import {
+ Editor,
+ IAllProps,
+} from '@tinymce/tinymce-react';
+import { _cs } from '@togglecorp/fujs';
+
+import { tinyApiKey } from '#config';
+
+import styles from './styles.module.css';
+
+type RawEditorOptions = NonNullable
+ {resolveToString(
+ strings.machineTranslatedContentWarning,
+ // eslint-disable-next-line max-len
+ { contentOriginalLanguage: languageNameMapEn[contentOriginalLanguage as Language] },
+ )}
+
+ )}
+ {beforeHeaderContent && (
+
+
+
+
+ )}
+ actions={!presentationMode && (
+
+ {allAppealsType.title}
+
+ )}
+ >
+
+ {legendOptions.map((legendItem) => (
+
+
+ )}
+ />
+
+ {strings.operationPopoverEmpty}
+
+ )}
+
+
+
+
+
+ )}
+
+
+
+
+ )}
+ footerActions={(
+
+
+ );
+}
+
+export default UserItem;
diff --git a/src/components/domain/DrefShareModal/UserItem/styles.module.css b/app/src/components/domain/DrefShareModal/UserItem/styles.module.css
similarity index 100%
rename from src/components/domain/DrefShareModal/UserItem/styles.module.css
rename to app/src/components/domain/DrefShareModal/UserItem/styles.module.css
diff --git a/src/components/domain/DrefShareModal/i18n.json b/app/src/components/domain/DrefShareModal/i18n.json
similarity index 100%
rename from src/components/domain/DrefShareModal/i18n.json
rename to app/src/components/domain/DrefShareModal/i18n.json
diff --git a/app/src/components/domain/DrefShareModal/index.tsx b/app/src/components/domain/DrefShareModal/index.tsx
new file mode 100644
index 000000000..ee35cb26b
--- /dev/null
+++ b/app/src/components/domain/DrefShareModal/index.tsx
@@ -0,0 +1,147 @@
+import {
+ useCallback,
+ useMemo,
+} from 'react';
+import {
+ Button,
+ List,
+ Modal,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ isDefined,
+ isNotDefined,
+} 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 UserItem from './UserItem';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+interface Props {
+ drefId: number;
+ onCancel: () => void;
+ onSuccess: () => void;
+}
+
+const userKeySelector = (item: User) => item.id;
+
+function DrefShareModal(props: Props) {
+ const {
+ drefId,
+ onCancel,
+ onSuccess,
+ } = props;
+
+ const strings = useTranslation(i18n);
+
+ const alert = useAlert();
+ const [users, setUsers] = useInputState
+ {userName}
+
+ {isDefined(onUserRemove) && (
+
+ )}
+
+
+ {children}
+
+ {!withoutPreview && isDefined(valueUrls) && valueUrls.length > 0 && (
+
+ {error}
+
+
+ );
+}
+export default GoMultiFileInput;
diff --git a/src/components/domain/GoMultiFileInput/styles.module.css b/app/src/components/domain/GoMultiFileInput/styles.module.css
similarity index 100%
rename from src/components/domain/GoMultiFileInput/styles.module.css
rename to app/src/components/domain/GoMultiFileInput/styles.module.css
diff --git a/src/components/domain/GoSingleFileInput/i18n.json b/app/src/components/domain/GoSingleFileInput/i18n.json
similarity index 100%
rename from src/components/domain/GoSingleFileInput/i18n.json
rename to app/src/components/domain/GoSingleFileInput/i18n.json
diff --git a/app/src/components/domain/GoSingleFileInput/index.tsx b/app/src/components/domain/GoSingleFileInput/index.tsx
new file mode 100644
index 000000000..45a555e31
--- /dev/null
+++ b/app/src/components/domain/GoSingleFileInput/index.tsx
@@ -0,0 +1,186 @@
+import React, { useCallback } from 'react';
+import { DeleteBinLineIcon } from '@ifrc-go/icons';
+import {
+ ButtonVariant,
+ IconButton,
+ InputError,
+ type NameType,
+ RawFileInput,
+ type RawFileInputProps,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ _cs,
+ isDefined,
+} from '@togglecorp/fujs';
+import { nonFieldError } from '@togglecorp/toggle-form';
+
+import Link from '#components/Link';
+import useAlert from '#hooks/useAlert';
+import { useLazyRequest } from '#utils/restRequest';
+import { transformObjectError } from '#utils/restRequest/error';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+export type SupportedPaths = '/api/v2/per-file/' | '/api/v2/dref-files/' | '/api/v2/flash-update-file/';
+
+export type Props
+ {valueUrls.map(
+ (valueUrl) => (
+
+ )}
+ {description && (
+
+
+ {getFileNameFromUrl(valueUrl.url)}
+
+
+
+ ),
+ )}
+
+ {description}
+
+ )}
+
+
+ {error}
+
+
+ );
+}
+
+export default GoSingleFileInput;
diff --git a/src/components/domain/GoSingleFileInput/styles.module.css b/app/src/components/domain/GoSingleFileInput/styles.module.css
similarity index 100%
rename from src/components/domain/GoSingleFileInput/styles.module.css
rename to app/src/components/domain/GoSingleFileInput/styles.module.css
diff --git a/src/components/domain/HighlightedOperations/OperationCard/i18n.json b/app/src/components/domain/HighlightedOperations/OperationCard/i18n.json
similarity index 100%
rename from src/components/domain/HighlightedOperations/OperationCard/i18n.json
rename to app/src/components/domain/HighlightedOperations/OperationCard/i18n.json
diff --git a/app/src/components/domain/HighlightedOperations/OperationCard/index.tsx b/app/src/components/domain/HighlightedOperations/OperationCard/index.tsx
new file mode 100644
index 000000000..e25252c38
--- /dev/null
+++ b/app/src/components/domain/HighlightedOperations/OperationCard/index.tsx
@@ -0,0 +1,217 @@
+import { useContext } from 'react';
+import { FocusLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Container,
+ KeyFigure,
+ NumberOutput,
+ TextOutput,
+ Tooltip,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ resolveToComponent,
+ sumSafe,
+} from '@ifrc-go/ui/utils';
+import {
+ _cs,
+ isNotDefined,
+} from '@togglecorp/fujs';
+
+import SeverityIndicator from '#components/domain/SeverityIndicator';
+import Link from '#components/Link';
+import DomainContext from '#contexts/domain';
+import useAuth from '#hooks/domain/useAuth';
+import {
+ type GoApiResponse,
+ useLazyRequest,
+} from '#utils/restRequest';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+type EventResponse = GoApiResponse<'/api/v2/event/'>;
+type EventListItem = NonNullable
+
+ {children}
+
+ {clearable && value && (
+
+
+ )}
+
+ {!withoutPreview && isDefined(selectedFileUrl) ? (
+
+ {selectedFileUrl.split('/').pop()}
+
+ ) : (
+
+ {strings.noFileSelected}
+
+ )}
+ {description && (
+
+ {description}
+
+ )}
+
+
+ {dataPoints?.map(
+ (point) => {
+ const funded = sumSafe(
+ point.originalData.appeals.map(
+ (appeal) => appeal.amount_funded,
+ ),
+ ) ?? 0;
+ const requested = sumSafe(
+ point.originalData.appeals.map(
+ (appeal) => appeal.amount_requested,
+ ),
+ ) ?? 0;
+
+ const coverage = requested === 0
+ ? undefined
+ : getPercentage(funded, requested);
+
+ return (
+
+
+ {hazardIdToIconMap[point.originalData.dtype.id]}
+
+
+ );
+ },
+ )}
+
+ {disasterOptions.map(
+ (disaster) => (
+
+
+ );
+}
+
+export default HistoricalDataChart;
diff --git a/src/components/domain/HistoricalDataChart/styles.module.css b/app/src/components/domain/HistoricalDataChart/styles.module.css
similarity index 100%
rename from src/components/domain/HistoricalDataChart/styles.module.css
rename to app/src/components/domain/HistoricalDataChart/styles.module.css
diff --git a/src/components/domain/ImageWithCaptionInput/i18n.json b/app/src/components/domain/ImageWithCaptionInput/i18n.json
similarity index 100%
rename from src/components/domain/ImageWithCaptionInput/i18n.json
rename to app/src/components/domain/ImageWithCaptionInput/i18n.json
diff --git a/app/src/components/domain/ImageWithCaptionInput/index.tsx b/app/src/components/domain/ImageWithCaptionInput/index.tsx
new file mode 100644
index 000000000..d55aa5e2d
--- /dev/null
+++ b/app/src/components/domain/ImageWithCaptionInput/index.tsx
@@ -0,0 +1,129 @@
+import { useCallback } from 'react';
+import { TextInput } from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ _cs,
+ isDefined,
+ randomString,
+} from '@togglecorp/fujs';
+import {
+ getErrorObject,
+ type ObjectError,
+ type SetValueArg,
+ useFormObject,
+} from '@togglecorp/toggle-form';
+
+import GoSingleFileInput, { type SupportedPaths } from '#components/domain/GoSingleFileInput';
+import NonFieldError from '#components/NonFieldError';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+type Value = {
+ id?: number | undefined;
+ client_id: string;
+ caption?: string | undefined;
+};
+
+interface Props
+
+ ),
+ )}
+
+ {hazardIdToIconMap[disaster.id]}
+
+
+ {disaster.name}
+
+
+
+ );
+}
+
+export default ImageWithCaptionInput;
diff --git a/src/components/domain/ImageWithCaptionInput/styles.module.css b/app/src/components/domain/ImageWithCaptionInput/styles.module.css
similarity index 100%
rename from src/components/domain/ImageWithCaptionInput/styles.module.css
rename to app/src/components/domain/ImageWithCaptionInput/styles.module.css
diff --git a/src/components/domain/KeywordSearchSelectInput/i18n.json b/app/src/components/domain/KeywordSearchSelectInput/i18n.json
similarity index 100%
rename from src/components/domain/KeywordSearchSelectInput/i18n.json
rename to app/src/components/domain/KeywordSearchSelectInput/i18n.json
diff --git a/app/src/components/domain/KeywordSearchSelectInput/index.tsx b/app/src/components/domain/KeywordSearchSelectInput/index.tsx
new file mode 100644
index 000000000..b6d47b61a
--- /dev/null
+++ b/app/src/components/domain/KeywordSearchSelectInput/index.tsx
@@ -0,0 +1,323 @@
+import {
+ useCallback,
+ useMemo,
+ useState,
+} from 'react';
+import { SearchLineIcon } from '@ifrc-go/icons';
+import { SearchSelectInput } from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { sumSafe } from '@ifrc-go/ui/utils';
+import {
+ compareNumber,
+ isDefined,
+ isNotDefined,
+ mapToList,
+} from '@togglecorp/fujs';
+
+import useDebouncedValue from '#hooks/useDebouncedValue';
+import useRouting from '#hooks/useRouting';
+import { defaultRanking } from '#utils/common';
+import { KEY_URL_SEARCH } from '#utils/constants';
+import {
+ type GoApiResponse,
+ type GoApiUrlQuery,
+ useRequest,
+} from '#utils/restRequest';
+
+import { type WrappedRoutes } from '../../../App/routes';
+
+import i18n from './i18n.json';
+
+type GetSearchParams = GoApiUrlQuery<'/api/v1/search/'>;
+type SearchResponse = GoApiResponse<'/api/v1/search/'>;
+type SearchResponseKeys = NonNullable
+
+ {label}
+
+ {value && value.length > 0 && (
+
+ );
+}
+
+export default MultiImageWithCaptionInput;
diff --git a/src/components/domain/MultiImageWithCaptionInput/styles.module.css b/app/src/components/domain/MultiImageWithCaptionInput/styles.module.css
similarity index 100%
rename from src/components/domain/MultiImageWithCaptionInput/styles.module.css
rename to app/src/components/domain/MultiImageWithCaptionInput/styles.module.css
diff --git a/src/components/domain/NationalSocietyMultiSelectInput.tsx b/app/src/components/domain/NationalSocietyMultiSelectInput.tsx
similarity index 86%
rename from src/components/domain/NationalSocietyMultiSelectInput.tsx
rename to app/src/components/domain/NationalSocietyMultiSelectInput.tsx
index 94bec889f..6fac81eab 100644
--- a/src/components/domain/NationalSocietyMultiSelectInput.tsx
+++ b/app/src/components/domain/NationalSocietyMultiSelectInput.tsx
@@ -1,6 +1,9 @@
-import type { MultiSelectInputProps } from '#components/MultiSelectInput';
-import MultiSelectInput from '#components/MultiSelectInput';
-import { numericIdSelector } from '#utils/selectors';
+import {
+ MultiSelectInput,
+ MultiSelectInputProps,
+} from '@ifrc-go/ui';
+import { numericIdSelector } from '@ifrc-go/ui/utils';
+
import useNationalSociety, { NationalSociety } from '#hooks/domain/useNationalSociety';
function countrySocietyNameSelector(country: NationalSociety) {
diff --git a/src/components/domain/NationalSocietySelectInput.tsx b/app/src/components/domain/NationalSocietySelectInput.tsx
similarity index 90%
rename from src/components/domain/NationalSocietySelectInput.tsx
rename to app/src/components/domain/NationalSocietySelectInput.tsx
index faf8c61e9..74a54ab73 100644
--- a/src/components/domain/NationalSocietySelectInput.tsx
+++ b/app/src/components/domain/NationalSocietySelectInput.tsx
@@ -1,8 +1,10 @@
+import {
+ SelectInput,
+ SelectInputProps,
+} from '@ifrc-go/ui';
+import { numericIdSelector } from '@ifrc-go/ui/utils';
import { isDefined } from '@togglecorp/fujs';
-import type { Props as SelectInputProps } from '#components/SelectInput';
-import SelectInput from '#components/SelectInput';
-import { numericIdSelector } from '#utils/selectors';
import useNationalSociety, { NationalSociety } from '#hooks/domain/useNationalSociety';
function countrySocietyNameSelector(country: NationalSociety) {
diff --git a/src/components/domain/NonEnglishFormCreationMessage/i18n.json b/app/src/components/domain/NonEnglishFormCreationMessage/i18n.json
similarity index 100%
rename from src/components/domain/NonEnglishFormCreationMessage/i18n.json
rename to app/src/components/domain/NonEnglishFormCreationMessage/i18n.json
diff --git a/app/src/components/domain/NonEnglishFormCreationMessage/index.tsx b/app/src/components/domain/NonEnglishFormCreationMessage/index.tsx
new file mode 100644
index 000000000..2ddb6fd7d
--- /dev/null
+++ b/app/src/components/domain/NonEnglishFormCreationMessage/index.tsx
@@ -0,0 +1,24 @@
+import { Message } from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+
+import i18n from './i18n.json';
+
+interface Props {
+ title?: React.ReactNode;
+}
+
+function NonEnglishFormCreationMessage(props: Props) {
+ const strings = useTranslation(i18n);
+ const { title = strings.formNonEnglishErrorTitle } = props;
+
+ return (
+
+ {value?.map((fileValue, index) => {
+ // NOTE: Not sure why this is here, need to
+ // talk with @frozenhelium
+ if (isNotDefined(fileValue.id)) {
+ return null;
+ }
+
+ const imageError = getErrorObject(error?.[fileValue.client_id]);
+
+ return (
+
+ )}
+
+
+
+ 
+
+ );
+ })}
+
+
+ {groupedResponseList.map(
+ (groupedResponse) => (
+
+ )}
+ />
+
+
+ {averageRatingByAreaList.map(
+ (rating) => (
+
+
+
+ ),
+ )}
+
+
+
+
+ {rating.areaDisplay}
+
+
+
+
+
+ )}
+
+
+ {boundsSafe && (
+
+
+ );
+}
+
+export default RiskImminentEventMap;
diff --git a/src/components/domain/RiskImminentEventMap/mapStyles.ts b/app/src/components/domain/RiskImminentEventMap/mapStyles.ts
similarity index 95%
rename from src/components/domain/RiskImminentEventMap/mapStyles.ts
rename to app/src/components/domain/RiskImminentEventMap/mapStyles.ts
index ef1334d51..206d758d7 100644
--- a/src/components/domain/RiskImminentEventMap/mapStyles.ts
+++ b/app/src/components/domain/RiskImminentEventMap/mapStyles.ts
@@ -1,23 +1,28 @@
+import {
+ isDefined,
+ mapToList,
+} from '@togglecorp/fujs';
import type {
- SymbolLayout,
+ CircleLayer,
CirclePaint,
FillLayer,
- LineLayer,
- CircleLayer,
Layout,
+ LineLayer,
SymbolLayer,
+ SymbolLayout,
} from 'mapbox-gl';
-import { hazardTypeToColorMap } from '#utils/domain/risk';
-import { COLOR_BLACK, COLOR_PRIMARY_BLUE } from '#utils/constants';
-import { isDefined, mapToList } from '@togglecorp/fujs';
-import earthquakeIcon from '#assets/icons/risk/earthquake.png';
-import floodIcon from '#assets/icons/risk/flood.png';
import cycloneIcon from '#assets/icons/risk/cyclone.png';
import droughtIcon from '#assets/icons/risk/drought.png';
+import earthquakeIcon from '#assets/icons/risk/earthquake.png';
+import floodIcon from '#assets/icons/risk/flood.png';
import wildfireIcon from '#assets/icons/risk/wildfire.png';
-
import { type components } from '#generated/riskTypes';
+import {
+ COLOR_BLACK,
+ COLOR_PRIMARY_BLUE,
+} from '#utils/constants';
+import { hazardTypeToColorMap } from '#utils/domain/risk';
type HazardType = components<'read'>['schemas']['HazardTypeEnum'];
diff --git a/src/components/domain/RiskImminentEventMap/styles.module.css b/app/src/components/domain/RiskImminentEventMap/styles.module.css
similarity index 100%
rename from src/components/domain/RiskImminentEventMap/styles.module.css
rename to app/src/components/domain/RiskImminentEventMap/styles.module.css
diff --git a/src/components/domain/RiskImminentEvents/Gdacs/EventDetails/i18n.json b/app/src/components/domain/RiskImminentEvents/Gdacs/EventDetails/i18n.json
similarity index 100%
rename from src/components/domain/RiskImminentEvents/Gdacs/EventDetails/i18n.json
rename to app/src/components/domain/RiskImminentEvents/Gdacs/EventDetails/i18n.json
diff --git a/app/src/components/domain/RiskImminentEvents/Gdacs/EventDetails/index.tsx b/app/src/components/domain/RiskImminentEvents/Gdacs/EventDetails/index.tsx
new file mode 100644
index 000000000..aa6906e02
--- /dev/null
+++ b/app/src/components/domain/RiskImminentEvents/Gdacs/EventDetails/index.tsx
@@ -0,0 +1,180 @@
+import {
+ BlockLoading,
+ Container,
+ TextOutput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import { isDefined } from '@togglecorp/fujs';
+
+import Link from '#components/Link';
+import { type RiskApiResponse } from '#utils/restRequest';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+type GdacsResponse = RiskApiResponse<'/api/v1/gdacs/'>;
+type GdacsItem = NonNullable
+ {isDefined(eventDetails?.source) && (
+
+ {isDefined(eventDetails)
+ && isDefined(eventDetails.url)
+ && isDefined(eventDetails.url.report)
+ && (
+
+ {strings.eventMoreDetailsLink}
+
+ )}
+
+ );
+}
+
+export default EventDetails;
diff --git a/src/components/domain/RiskImminentEvents/Gdacs/EventDetails/styles.module.css b/app/src/components/domain/RiskImminentEvents/Gdacs/EventDetails/styles.module.css
similarity index 100%
rename from src/components/domain/RiskImminentEvents/Gdacs/EventDetails/styles.module.css
rename to app/src/components/domain/RiskImminentEvents/Gdacs/EventDetails/styles.module.css
diff --git a/src/components/domain/RiskImminentEvents/Gdacs/EventListItem/i18n.json b/app/src/components/domain/RiskImminentEvents/Gdacs/EventListItem/i18n.json
similarity index 100%
rename from src/components/domain/RiskImminentEvents/Gdacs/EventListItem/i18n.json
rename to app/src/components/domain/RiskImminentEvents/Gdacs/EventListItem/i18n.json
diff --git a/app/src/components/domain/RiskImminentEvents/Gdacs/EventListItem/index.tsx b/app/src/components/domain/RiskImminentEvents/Gdacs/EventListItem/index.tsx
new file mode 100644
index 000000000..0a4f257dd
--- /dev/null
+++ b/app/src/components/domain/RiskImminentEvents/Gdacs/EventListItem/index.tsx
@@ -0,0 +1,60 @@
+import { ChevronRightLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Header,
+ TextOutput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+
+import { type RiskApiResponse } from '#utils/restRequest';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+type ImminentEventResponse = RiskApiResponse<'/api/v1/gdacs/'>;
+type EventItem = NonNullable
+ {strings.meteoSwissEstimatesNote}
+
+
+ {resolveToComponent(
+ strings.meteoSwissEventDescription,
+ {
+ model: model_name ?? '--',
+ updatedAt: (
+
+
+ {resolveToComponent(
+ strings.meteoSwissAuthoritativeMessage,
+ {
+ link: (
+
+ {strings.meteoSwissAuthoritativeLinkLabel}
+
+ ),
+ classificationLink: (
+
+ {strings.meteoSwissTropicalStorm}
+
+ ),
+ },
+ )}
+
+
+ )}
+
+
+
+ {description}
+
+
+ )}
+
+
+ )}
+ {isDefined(eventDetails)
+ && (isDefined(eventDetails.url) || isDefined(eventDetails.dashboard_url)) && (
+
+ {stormPoints.map(
+ (point) => (
+
+
+
+ ),
+ )}
+
+ {strings.wfpChartLabel}
+
+
+ {isDefined(eventDetails?.wind_speed) && (
+
+
+ {isDefined(eventDetails?.source) && (
+
+
+ {isDefined(populationExposure?.exposure_60_kmh) && (
+
+
+ );
+}
+
+export default EventDetails;
diff --git a/src/components/domain/RiskImminentEvents/WfpAdam/EventDetails/styles.module.css b/app/src/components/domain/RiskImminentEvents/WfpAdam/EventDetails/styles.module.css
similarity index 100%
rename from src/components/domain/RiskImminentEvents/WfpAdam/EventDetails/styles.module.css
rename to app/src/components/domain/RiskImminentEvents/WfpAdam/EventDetails/styles.module.css
diff --git a/src/components/domain/RiskImminentEvents/WfpAdam/EventListItem/i18n.json b/app/src/components/domain/RiskImminentEvents/WfpAdam/EventListItem/i18n.json
similarity index 100%
rename from src/components/domain/RiskImminentEvents/WfpAdam/EventListItem/i18n.json
rename to app/src/components/domain/RiskImminentEvents/WfpAdam/EventListItem/i18n.json
diff --git a/app/src/components/domain/RiskImminentEvents/WfpAdam/EventListItem/index.tsx b/app/src/components/domain/RiskImminentEvents/WfpAdam/EventListItem/index.tsx
new file mode 100644
index 000000000..1596c34de
--- /dev/null
+++ b/app/src/components/domain/RiskImminentEvents/WfpAdam/EventListItem/index.tsx
@@ -0,0 +1,60 @@
+import { ChevronRightLineIcon } from '@ifrc-go/icons';
+import {
+ Button,
+ Header,
+ TextOutput,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+
+import { type RiskApiResponse } from '#utils/restRequest';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+type ImminentEventResponse = RiskApiResponse<'/api/v1/adam-exposure/'>;
+type EventItem = NonNullable
+ {riskHazards.map((hazard) => (
+
+ )}
+ footerActionsContainerClassName={styles.footerActions}
+ footerActions={(
+ <>
+
+
+ ))}
+
+ {hazard.icon}
+
+
+ {hazard.label}
+
+
+ {strings.meteoSwissDescriptionOne}
+
+
+ {resolveToComponent(
+ strings.meteoSwissDescriptionTwo,
+ {
+ here: (
+
+ {strings.here}
+
+ ),
+ },
+ )}
+
+
+ )}
+ />
+ )}
+ />
+ )}
+
+ )}
+ >
+ {CurrentView && (
+
+
+ );
+}
+
+export default Filters;
diff --git a/src/components/domain/RiskSeasonalMap/Filters/styles.module.css b/app/src/components/domain/RiskSeasonalMap/Filters/styles.module.css
similarity index 100%
rename from src/components/domain/RiskSeasonalMap/Filters/styles.module.css
rename to app/src/components/domain/RiskSeasonalMap/Filters/styles.module.css
diff --git a/src/components/domain/RiskSeasonalMap/i18n.json b/app/src/components/domain/RiskSeasonalMap/i18n.json
similarity index 100%
rename from src/components/domain/RiskSeasonalMap/i18n.json
rename to app/src/components/domain/RiskSeasonalMap/i18n.json
diff --git a/app/src/components/domain/RiskSeasonalMap/index.tsx b/app/src/components/domain/RiskSeasonalMap/index.tsx
new file mode 100644
index 000000000..e367ffa4f
--- /dev/null
+++ b/app/src/components/domain/RiskSeasonalMap/index.tsx
@@ -0,0 +1,1076 @@
+import {
+ useCallback,
+ useEffect,
+ useMemo,
+ useState,
+} from 'react';
+import {
+ BlockLoading,
+ Container,
+ LegendItem,
+ Message,
+ TextOutput,
+ Tooltip,
+} from '@ifrc-go/ui';
+import { useTranslation } from '@ifrc-go/ui/hooks';
+import {
+ formatNumber,
+ maxSafe,
+ sumSafe,
+} from '@ifrc-go/ui/utils';
+import {
+ _cs,
+ compareNumber,
+ isDefined,
+ isFalsyString,
+ isNotDefined,
+ listToGroupList,
+ listToMap,
+ mapToList,
+ unique,
+} from '@togglecorp/fujs';
+import {
+ MapBounds,
+ MapLayer,
+} from '@togglecorp/re-map';
+import {
+ type FillLayer,
+ type LngLatBoundsLike,
+} from 'mapbox-gl';
+
+import BaseMap from '#components/domain/BaseMap';
+import Link from '#components/Link';
+import MapContainerWithDisclaimer from '#components/MapContainerWithDisclaimer';
+import MapPopup from '#components/MapPopup';
+import WikiLink from '#components/WikiLink';
+import useCountry from '#hooks/domain/useCountry';
+import useInputState from '#hooks/useInputState';
+import {
+ CATEGORY_RISK_HIGH,
+ CATEGORY_RISK_LOW,
+ CATEGORY_RISK_MEDIUM,
+ CATEGORY_RISK_VERY_HIGH,
+ CATEGORY_RISK_VERY_LOW,
+ COLOR_DARK_GREY,
+ COLOR_LIGHT_BLUE,
+ COLOR_LIGHT_GREY,
+ COLOR_PRIMARY_RED,
+ DEFAULT_MAP_PADDING,
+ DURATION_MAP_ZOOM,
+} from '#utils/constants';
+import {
+ applicableHazardsByRiskMetric,
+ getDataWithTruthyHazardType,
+ getDisplacementRiskCategory,
+ getExposureRiskCategory,
+ getFiRiskDataItem,
+ getValueForSelectedMonths,
+ hasSomeDefinedValue,
+ type HazardType,
+ type HazardTypeOption,
+ hazardTypeToColorMap,
+ type RiskDataItem,
+ RiskMetric,
+ type RiskMetricOption,
+ riskScoreToCategory,
+} from '#utils/domain/risk';
+import { useRiskRequest } from '#utils/restRequest';
+
+import Filters, { type FilterValue } from './Filters';
+
+import i18n from './i18n.json';
+import styles from './styles.module.css';
+
+const defaultFilterValue: FilterValue = {
+ months: [],
+ countries: [],
+ riskMetric: 'riskScore',
+ hazardTypes: [],
+ normalizeByPopulation: false,
+ includeCopingCapacity: false,
+};
+
+interface TooltipContentProps {
+ selectedRiskMetric: RiskMetric,
+ valueListByHazard: {
+ value: number;
+ riskCategory: number;
+ hazard_type: HazardType;
+ hazard_type_display: string;
+ }[];
+}
+
+function TooltipContent(props: TooltipContentProps) {
+ const {
+ selectedRiskMetric,
+ valueListByHazard,
+ } = props;
+
+ const strings = useTranslation(i18n);
+ const riskCategoryToLabelMap: Record
+
+
+ {strings.seasonalEventsDescriptionOne}
+
+
+ {strings.seasonalEventsDescriptionTwo}
+
+
+ )}
+ actions={(
+
+
+ )}
+ footerActionsContainerClassName={styles.footerActions}
+ footerActions={(
+ {strings.severityLegendLabel}
+
+
+
+
+
+
+ {strings.severityLowLabel}
+
+
+ {strings.severityHighLabel}
+
+
+
+ )}
+ >
+
+ {strings.hazardsTypeLegendLabel}
+
+
+ {hazardTypeOptions.map((hazard) => (
+
+
+
+ {dataItem.country_details.name}
+
+
+ );
+ },
+ )}
+
+ {dataItem.valueListByHazard.map(
+ ({
+ hazard_type,
+ riskCategory,
+ }) => {
+ // eslint-disable-next-line max-len
+ const percentage = (100 * riskCategory) / (MAX_RISK_SCORE * filters.hazardTypes.length);
+
+ if (percentage < 1) {
+ return null;
+ }
+
+ return (
+
+ );
+ },
+ )}
+
+
+
+
+ );
+}
+
+export default SeverityIndicator;
diff --git a/src/components/domain/SeverityIndicator/styles.module.css b/app/src/components/domain/SeverityIndicator/styles.module.css
similarity index 100%
rename from src/components/domain/SeverityIndicator/styles.module.css
rename to app/src/components/domain/SeverityIndicator/styles.module.css
diff --git a/app/src/components/domain/SurgeCardContainer/index.tsx b/app/src/components/domain/SurgeCardContainer/index.tsx
new file mode 100644
index 000000000..9a91fe520
--- /dev/null
+++ b/app/src/components/domain/SurgeCardContainer/index.tsx
@@ -0,0 +1,28 @@
+import { Container } from '@ifrc-go/ui';
+
+import styles from './styles.module.css';
+
+interface Props {
+ heading: React.ReactNode;
+ children: React.ReactNode;
+}
+
+function SurgeCardContainer(props: Props) {
+ const {
+ heading,
+ children,
+ } = props;
+
+ return (
+