@smg-automotive/components 25.10.1 → 25.10.2-DM-4743-scopped-i18n.1

package/dist/cjs/utilities/i18nInit.d.ts

@@ -0,0 +1,18 @@
+export declare const useI18n: () => {
+    t: <T = string>(key: string, params?: {
+        [key: string]: unknown;
+        count?: number | string;
+        ignoreMissingTranslation?: boolean;
+    }) => T;
+    language: import("@smg-automotive/i18n-pkg").Language;
+    displayTranslationKeys: boolean;
+    setDisplayTranslationKeys: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+}, I18nProvider: ({ children, language, lngDict, onMissingTranslation, }: React.PropsWithChildren<{
+    language: import("@smg-automotive/i18n-pkg").Language;
+    lngDict: import("@smg-automotive/i18n-pkg").Dictionary;
+    onMissingTranslation: import("@smg-automotive/i18n-pkg").OnMissing;
+}>) => import("react/jsx-runtime").JSX.Element, Trans: ({ i18nKey, values, children, }: React.PropsWithChildren<{
+    i18nKey: string;
+    values?: Record<string, unknown>;
+}>) => any;
+//# sourceMappingURL=i18nInit.d.ts.map

package/dist/cjs/utilities/i18nInit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18nInit.d.ts","sourceRoot":"","sources":["../../../src/utilities/i18nInit.ts"],"names":[],"mappings":"AAEA,eAAO,MAAQ,OAAO;;;;;;;;;GAAE,YAAY;;;;gDAAE,KAAK;;;UAAsB,CAAC"}

package/dist/esm/components/checkboxFilter/CheckboxGroupCollapsibleWithChildren.js

@@ -1,7 +1,7 @@
 import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { useI18n } from '@smg-automotive/i18n-pkg';
 import { useDisclosure, Box, IconButton, Collapse } from '@chakra-ui/react';
+import { useI18n } from '../../utilities/i18nInit.js';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';

package/dist/esm/components/errorPage/content/EmailChangeVerification.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Trans } from '@smg-automotive/i18n-pkg';
+import { Trans } from '../../../utilities/i18nInit.js';
 import { Box } from '@chakra-ui/react';
 
 var EmailChangeVerificationErrorContent = function () {

package/dist/esm/components/errorPage/content/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Language } from '@smg-automotive/i18n-pkg';
+import { ErrorStatusCode } from 'src/types/errorStatusCode';
+export interface ErrorPageContentProps {
+    statusCode: ErrorStatusCode;
+    language: Language;
+    onButtonClick?: () => void;
+}
+declare const ErrorPageContent: ({ language, statusCode, onButtonClick, }: ErrorPageContentProps) => React.JSX.Element;
+export default ErrorPageContent;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/errorPage/content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/errorPage/content/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAKpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAiG5D,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,gBAAgB,GAAI,0CAIvB,qBAAqB,sBAqDvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/errorPage/content/index.js

@@ -0,0 +1,282 @@
+import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { Divider, AspectRatio, chakra, Text } from '@chakra-ui/react';
+import { useI18n } from '../../../utilities/i18nInit.js';
+import Stack from '../../stack/index.js';
+import SimpleGrid from '../../simpleGrid/index.js';
+import PageLayout from '../../layout/Page.js';
+import '../../icons/AdvancedSearchIcon.js';
+import '../../icons/ArrowCircleIcon.js';
+import '../../icons/ArrowDiagonalIcon.js';
+import '../../icons/ArrowDownIcon.js';
+import '../../icons/ArrowLeftIcon.js';
+import '../../icons/ArrowRightIcon.js';
+import '../../icons/ArrowUpIcon.js';
+import { AutoScout24AppLogo } from '../../icons/AutoScout24AppLogo.js';
+import '../../icons/AvatarIcon.js';
+import '../../icons/AvatarWithNotificationIcon.js';
+import '../../icons/BatteryIcon.js';
+import '../../icons/BookmarkIcon.js';
+import '../../icons/CalculatorIcon.js';
+import '../../icons/CalendarIcon.js';
+import '../../icons/CallIcon.js';
+import '../../icons/CamperIcon.js';
+import '../../icons/CarConditionIcon.js';
+import '../../icons/CarIcon.js';
+import '../../icons/CopyIcon.js';
+import '../../icons/ChartIcon.js';
+import '../../icons/CheckmarkIcon.js';
+import '../../icons/CheckmarkCircleIcon.js';
+import '../../icons/CheckShieldIcon.js';
+import '../../icons/ChevronDownLargeIcon.js';
+import '../../icons/ChevronDownSmallIcon.js';
+import '../../icons/ChevronLeftLargeIcon.js';
+import '../../icons/ChevronLeftSmallIcon.js';
+import '../../icons/ChevronRightLargeIcon.js';
+import '../../icons/ChevronRightSmallIcon.js';
+import '../../icons/ChevronRightTinyIcon.js';
+import '../../icons/ChevronUpLargeIcon.js';
+import '../../icons/ChevronUpSmallIcon.js';
+import '../../icons/CloseIcon.js';
+import '../../icons/CompareIcon.js';
+import '../../icons/ConsumptionIcon.js';
+import '../../icons/CreditIcon.js';
+import '../../icons/CreditCardIcon.js';
+import '../../icons/DaylightIcon.js';
+import '../../icons/DeleteIcon.js';
+import '../../icons/DocumentCheckIcon.js';
+import '../../icons/DocumentIcon.js';
+import '../../icons/DragIcon.js';
+import '../../icons/DriveSystemIcon.js';
+import '../../icons/DriveTypeIcon.js';
+import '../../icons/EquipmentIcon.js';
+import '../../icons/ErrorIcon.js';
+import '../../icons/ExchangeIcon.js';
+import '../../icons/EyeIcon.js';
+import '../../icons/EyeCrossedIcon.js';
+import '../../icons/FacebookIcon.js';
+import '../../icons/FlagIcon.js';
+import '../../icons/FlameIcon.js';
+import '../../icons/FlashIcon.js';
+import '../../icons/GasStationIcon.js';
+import '../../icons/HeartIcon.js';
+import '../../icons/HistoryClockIcon.js';
+import '../../icons/HouseIcon.js';
+import '../../icons/ImageIcon.js';
+import '../../icons/InfoIcon.js';
+import '../../icons/InstagramIcon.js';
+import '../../icons/InteriorIcon.js';
+import '../../icons/LinkedinIcon.js';
+import '../../icons/ListIcon.js';
+import '../../icons/LocationPinIcon.js';
+import '../../icons/MagnifierIcon.js';
+import '../../icons/MessageIcon.js';
+import '../../icons/MissingImageIcon.js';
+import '../../icons/MotorcycleIcon.js';
+import { MotoScout24AppLogo } from '../../icons/MotoScout24AppLogo.js';
+import '../../icons/PenIcon.js';
+import '../../icons/PlusIcon.js';
+import '../../icons/ChfCurrencyIcon.js';
+import '../../icons/PrintIcon.js';
+import '../../icons/RangeIcon.js';
+import '../../icons/RoadIcon.js';
+import '../../icons/RotateIcon.js';
+import '../../icons/SafeNumberIcon.js';
+import '../../icons/ShareIcon.js';
+import '../../icons/StarIcon.js';
+import '../../icons/SteeringWheelIcon.js';
+import '../../icons/ThreeSixtyIcon.js';
+import '../../icons/TimeIcon.js';
+import '../../icons/TooltipIcon.js';
+import '../../icons/InformationIcon.js';
+import '../../icons/TopListingIcon.js';
+import '../../icons/TrailerIcon.js';
+import '../../icons/TransmissionIcon.js';
+import '../../icons/Trash.js';
+import '../../icons/TruckIcon.js';
+import '../../icons/TwitterIcon.js';
+import '../../icons/UtilityVehicleIcon.js';
+import '../../icons/VehiclePowerIcon.js';
+import '../../icons/VehicleTypesMotorcycleIcon.js';
+import '../../icons/VideoIcon.js';
+import '../../icons/VideoCameraIcon.js';
+import '../../icons/ViewCarIcon.js';
+import '../../icons/DriveSystemLargeIcon.js';
+import '../../icons/WarningIcon.js';
+import '../../icons/WhatsAppIcon.js';
+import '../../icons/YoutubeIcon.js';
+import '../../icons/SortIcon.js';
+import '../../icons/ViewMotorcycleIcon.js';
+import '../../icons/GoogleIcon.js';
+import '../../icons/SaveSearchIcon.js';
+import '../../icons/AutoScout24Icon.js';
+import '../../icons/MotoScout24Icon.js';
+import '../../icons/MagnifierLargeIcon.js';
+import '../../icons/RocketIcon.js';
+import '../../icons/CartIcon.js';
+import '../../icons/VanIcon.js';
+import '../../icons/MiniVanIcon.js';
+import '../../icons/SuvIcon.js';
+import '../../icons/CoupeIcon.js';
+import '../../icons/CabrioletIcon.js';
+import '../../icons/SmallCarIcon.js';
+import '../../icons/SedanIcon.js';
+import '../../icons/WagonIcon.js';
+import '../../icons/PickUpIcon.js';
+import '../../icons/InformationBubbleIcon.js';
+import '../../icons/OverflowVerticalIcon.js';
+import '../../icons/PartialClockIcon.js';
+import '../../icons/LockIcon.js';
+import '../../icons/TiltedRectangleIcon.js';
+import '../../icons/PlusCircleIcon.js';
+import '../../icons/StarCircleIcon.js';
+import '../../icons/InfinityCircleIcon.js';
+import '../../icons/VehicleTypesMotorcycleStarIcon.js';
+import '../../icons/CategoryAOneIcon.js';
+import '../../icons/CategoryAIcon.js';
+import '../../icons/CategoryAMinusIcon.js';
+import '../../icons/BankNotesIcon.js';
+import '../../icons/ChatBubbleIcon.js';
+import '../../icons/DigitalContractIcon.js';
+import '../../icons/OptimizerIcon.js';
+import '../../icons/CheckmarkCircleColorIcon.js';
+import '../../icons/ArrowDownCircleIcon.js';
+import '../../icons/ArrowUpCircleIcon.js';
+import '../../icons/NotAvailableIcon.js';
+import '../../icons/LabelIcon.js';
+import '../../icons/BulbIcon.js';
+import '../../icons/NoPhotoIcon.js';
+import '../../icons/ThumbsUpIcon.js';
+import '../../icons/ThumbsDownIcon.js';
+import '../../icons/MinusIcon.js';
+import '../../icons/DoubleChevronUpIcon.js';
+import '../../icons/DoubleChevronDownIcon.js';
+import '../../icons/DoubleLineIcon.js';
+import '../../icons/NotAvailableSquareIcon.js';
+import '../../icons/WarrantyIcon.js';
+import '../../icons/DownloadIcon.js';
+import '../../icons/TriangleIcon.js';
+import '../../icons/SwissFlagIcon.js';
+import '../../icons/GlobeIcon.js';
+import '../../icons/GarageIcon.js';
+import '../../icons/HamburgerMenuIcon.js';
+import '../../icons/LogoutIcon.js';
+import '../../icons/AndroidIcon.js';
+import '../../icons/AppleIcon.js';
+import '../../icons/WindowsIcon.js';
+import '../../icons/SpeakerIcon.js';
+import '../../icons/AddPhotoIcon.js';
+import '../../icons/ScreenIcon.js';
+import '../../icons/QualitySealIcon.js';
+import '../../icons/ExpandIcon.js';
+import '../../icons/CollapseIcon.js';
+import '../../icons/ForwardIcon.js';
+import '../../icons/BalanceIcon.js';
+import '../../icons/ParagraphIcon.js';
+import { H1 } from '../../heading/index.js';
+import Flex from '../../flex/index.js';
+import img$1 from '../../../assets/images/errorIllustrationVerifyEmail.png.js';
+import img$2 from '../../../assets/images/errorIllustrationSomethingWentWrong.png.js';
+import img from '../../../assets/images/errorIllustrationNotFound.png.js';
+import ContactSupport from '../actions/secondary/ContactSupport.js';
+import BackToHomepageSecondary from '../actions/secondary/BackToHomepage.js';
+import Reload from '../actions/primary/Reload.js';
+import BackToLogin from '../actions/primary/BackToLogin.js';
+import BackToHomepagePrimary from '../actions/primary/BackToHomepage.js';
+import EmailChangeVerificationErrorContent from './EmailChangeVerification.js';
+
+var Nonce = function () {
+    return null;
+};
+var config = {
+    404: {
+        illustration: img,
+        buttonColumns: 1,
+        content: Nonce,
+        primaryAction: Nonce,
+        secondaryAction: BackToHomepageSecondary,
+    },
+    500: {
+        illustration: img$2,
+        buttonColumns: 1,
+        content: Nonce,
+        primaryAction: Nonce,
+        secondaryAction: BackToHomepageSecondary,
+    },
+    clientSide: {
+        illustration: img$2,
+        buttonColumns: 2,
+        content: Nonce,
+        primaryAction: Reload,
+        secondaryAction: BackToHomepageSecondary,
+    },
+    UNVERIFIED_EMAIL: {
+        illustration: img,
+        buttonColumns: 2,
+        content: Nonce,
+        primaryAction: BackToLogin,
+        secondaryAction: ContactSupport,
+    },
+    INITIAL_UNVERIFIED_EMAIL: {
+        illustration: img$1,
+        buttonColumns: 1,
+        content: Nonce,
+        primaryAction: BackToLogin,
+        secondaryAction: Nonce,
+    },
+    USER_BLOCKED: {
+        illustration: img,
+        buttonColumns: 1,
+        content: Nonce,
+        primaryAction: Nonce,
+        secondaryAction: ContactSupport,
+    },
+    UNKNOWN_AUTH_ERROR: {
+        illustration: img,
+        buttonColumns: 2,
+        content: Nonce,
+        primaryAction: BackToLogin,
+        secondaryAction: ContactSupport,
+    },
+    EMAIL_CHANGE_VERIFICATION_ERROR: {
+        illustration: img,
+        buttonColumns: 1,
+        content: EmailChangeVerificationErrorContent,
+        primaryAction: BackToHomepagePrimary,
+        secondaryAction: Nonce,
+    },
+};
+var ErrorPageContent = function (_a) {
+    var language = _a.language, statusCode = _a.statusCode, onButtonClick = _a.onButtonClick;
+    var PrimaryAction = config[statusCode].primaryAction;
+    var SecondaryAction = config[statusCode].secondaryAction;
+    var Content = config[statusCode].content;
+    var t = useI18n().t;
+    var actionButtonProps = {
+        t: t,
+        language: language,
+    };
+    return (React.createElement(PageLayout, { maxContentWidth: "md", header: null },
+        React.createElement(Flex, { justifyContent: "center", pt: { base: '3xl', md: 'xl' } },
+            React.createElement(Stack, { align: "center", spacing: "4xl" },
+                React.createElement(SimpleGrid, { columns: 2, spacingX: "4xl" },
+                    React.createElement(AutoScout24AppLogo, { width: "80px", height: "51px" }),
+                    React.createElement(MotoScout24AppLogo, { width: "80px", height: "51px" })),
+                React.createElement(Divider, null),
+                React.createElement(Stack, { align: "center", spacing: "2xl" },
+                    React.createElement(AspectRatio, { ratio: 4 / 3, maxWidth: "400px", width: "full" },
+                        React.createElement(chakra.img, { src: config[statusCode].illustration, alt: "a ".concat(statusCode, " error occurred.") })),
+                    React.createElement(Stack, { align: "center", spacing: "md" },
+                        React.createElement(H1, { textAlign: "center" }, t("errorPage.".concat(statusCode, ".title"))),
+                        React.createElement(Text, { textAlign: "center" }, t("errorPage.".concat(statusCode, ".description"))),
+                        React.createElement(Content, __assign({}, actionButtonProps))),
+                    React.createElement(SimpleGrid, { columns: {
+                            base: 1,
+                            sm: config[statusCode].buttonColumns,
+                        }, alignItems: "center", spacing: "md" },
+                        React.createElement(PrimaryAction, __assign({}, actionButtonProps)),
+                        React.createElement(SecondaryAction, __assign({}, actionButtonProps, { onButtonClick: onButtonClick }))))))));
+};
+
+export { ErrorPageContent as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/errorPage/content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/errorPage/content/index.tsx"],"sourcesContent":[null],"names":["errorIllustrationNotFound","errorIllustrationSomethingWentWrong","errorIllustrationVerifyEmail"],"mappings":"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"}

package/dist/esm/components/errorPage/index.d.ts

@@ -1,11 +1,4 @@
-import { FC } from 'react';
-import { Language } from '@smg-automotive/i18n-pkg';
-import { ErrorStatusCode } from 'src/types/errorStatusCode';
-export interface Props {
-    statusCode: ErrorStatusCode;
-    language: Language;
-    onButtonClick?: () => void;
-}
-declare const ErrorPage: FC<Props>;
+import { ErrorPageContentProps } from './content';
+declare const ErrorPage: import("react").FC<ErrorPageContentProps>;
 export default ErrorPage;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/errorPage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/errorPage/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAe,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAiG5D,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,KAAK,CA8DxB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/errorPage/index.tsx"],"names":[],"mappings":"AACA,OAAyB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEpE,QAAA,MAAM,SAAS,2CAEd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/components/errorPage/index.js

@@ -1,286 +1,7 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import React from 'react';
-import { I18nContext } from '@smg-automotive/i18n-pkg';
-import { Divider, AspectRatio, chakra, Text } from '@chakra-ui/react';
-import img$1 from '../../assets/images/errorIllustrationVerifyEmail.png.js';
-import img$2 from '../../assets/images/errorIllustrationSomethingWentWrong.png.js';
-import img from '../../assets/images/errorIllustrationNotFound.png.js';
-import EmailChangeVerificationErrorContent from './content/EmailChangeVerification.js';
-import ContactSupport from './actions/secondary/ContactSupport.js';
-import BackToHomepageSecondary from './actions/secondary/BackToHomepage.js';
-import Reload from './actions/primary/Reload.js';
-import BackToLogin from './actions/primary/BackToLogin.js';
-import BackToHomepagePrimary from './actions/primary/BackToHomepage.js';
-import TranslationProvider from '../translationProvider/index.js';
-import Stack from '../stack/index.js';
-import SimpleGrid from '../simpleGrid/index.js';
-import PageLayout from '../layout/Page.js';
-import '../icons/AdvancedSearchIcon.js';
-import '../icons/ArrowCircleIcon.js';
-import '../icons/ArrowDiagonalIcon.js';
-import '../icons/ArrowDownIcon.js';
-import '../icons/ArrowLeftIcon.js';
-import '../icons/ArrowRightIcon.js';
-import '../icons/ArrowUpIcon.js';
-import { AutoScout24AppLogo } from '../icons/AutoScout24AppLogo.js';
-import '../icons/AvatarIcon.js';
-import '../icons/AvatarWithNotificationIcon.js';
-import '../icons/BatteryIcon.js';
-import '../icons/BookmarkIcon.js';
-import '../icons/CalculatorIcon.js';
-import '../icons/CalendarIcon.js';
-import '../icons/CallIcon.js';
-import '../icons/CamperIcon.js';
-import '../icons/CarConditionIcon.js';
-import '../icons/CarIcon.js';
-import '../icons/CopyIcon.js';
-import '../icons/ChartIcon.js';
-import '../icons/CheckmarkIcon.js';
-import '../icons/CheckmarkCircleIcon.js';
-import '../icons/CheckShieldIcon.js';
-import '../icons/ChevronDownLargeIcon.js';
-import '../icons/ChevronDownSmallIcon.js';
-import '../icons/ChevronLeftLargeIcon.js';
-import '../icons/ChevronLeftSmallIcon.js';
-import '../icons/ChevronRightLargeIcon.js';
-import '../icons/ChevronRightSmallIcon.js';
-import '../icons/ChevronRightTinyIcon.js';
-import '../icons/ChevronUpLargeIcon.js';
-import '../icons/ChevronUpSmallIcon.js';
-import '../icons/CloseIcon.js';
-import '../icons/CompareIcon.js';
-import '../icons/ConsumptionIcon.js';
-import '../icons/CreditIcon.js';
-import '../icons/CreditCardIcon.js';
-import '../icons/DaylightIcon.js';
-import '../icons/DeleteIcon.js';
-import '../icons/DocumentCheckIcon.js';
-import '../icons/DocumentIcon.js';
-import '../icons/DragIcon.js';
-import '../icons/DriveSystemIcon.js';
-import '../icons/DriveTypeIcon.js';
-import '../icons/EquipmentIcon.js';
-import '../icons/ErrorIcon.js';
-import '../icons/ExchangeIcon.js';
-import '../icons/EyeIcon.js';
-import '../icons/EyeCrossedIcon.js';
-import '../icons/FacebookIcon.js';
-import '../icons/FlagIcon.js';
-import '../icons/FlameIcon.js';
-import '../icons/FlashIcon.js';
-import '../icons/GasStationIcon.js';
-import '../icons/HeartIcon.js';
-import '../icons/HistoryClockIcon.js';
-import '../icons/HouseIcon.js';
-import '../icons/ImageIcon.js';
-import '../icons/InfoIcon.js';
-import '../icons/InstagramIcon.js';
-import '../icons/InteriorIcon.js';
-import '../icons/LinkedinIcon.js';
-import '../icons/ListIcon.js';
-import '../icons/LocationPinIcon.js';
-import '../icons/MagnifierIcon.js';
-import '../icons/MessageIcon.js';
-import '../icons/MissingImageIcon.js';
-import '../icons/MotorcycleIcon.js';
-import { MotoScout24AppLogo } from '../icons/MotoScout24AppLogo.js';
-import '../icons/PenIcon.js';
-import '../icons/PlusIcon.js';
-import '../icons/ChfCurrencyIcon.js';
-import '../icons/PrintIcon.js';
-import '../icons/RangeIcon.js';
-import '../icons/RoadIcon.js';
-import '../icons/RotateIcon.js';
-import '../icons/SafeNumberIcon.js';
-import '../icons/ShareIcon.js';
-import '../icons/StarIcon.js';
-import '../icons/SteeringWheelIcon.js';
-import '../icons/ThreeSixtyIcon.js';
-import '../icons/TimeIcon.js';
-import '../icons/TooltipIcon.js';
-import '../icons/InformationIcon.js';
-import '../icons/TopListingIcon.js';
-import '../icons/TrailerIcon.js';
-import '../icons/TransmissionIcon.js';
-import '../icons/Trash.js';
-import '../icons/TruckIcon.js';
-import '../icons/TwitterIcon.js';
-import '../icons/UtilityVehicleIcon.js';
-import '../icons/VehiclePowerIcon.js';
-import '../icons/VehicleTypesMotorcycleIcon.js';
-import '../icons/VideoIcon.js';
-import '../icons/VideoCameraIcon.js';
-import '../icons/ViewCarIcon.js';
-import '../icons/DriveSystemLargeIcon.js';
-import '../icons/WarningIcon.js';
-import '../icons/WhatsAppIcon.js';
-import '../icons/YoutubeIcon.js';
-import '../icons/SortIcon.js';
-import '../icons/ViewMotorcycleIcon.js';
-import '../icons/GoogleIcon.js';
-import '../icons/SaveSearchIcon.js';
-import '../icons/AutoScout24Icon.js';
-import '../icons/MotoScout24Icon.js';
-import '../icons/MagnifierLargeIcon.js';
-import '../icons/RocketIcon.js';
-import '../icons/CartIcon.js';
-import '../icons/VanIcon.js';
-import '../icons/MiniVanIcon.js';
-import '../icons/SuvIcon.js';
-import '../icons/CoupeIcon.js';
-import '../icons/CabrioletIcon.js';
-import '../icons/SmallCarIcon.js';
-import '../icons/SedanIcon.js';
-import '../icons/WagonIcon.js';
-import '../icons/PickUpIcon.js';
-import '../icons/InformationBubbleIcon.js';
-import '../icons/OverflowVerticalIcon.js';
-import '../icons/PartialClockIcon.js';
-import '../icons/LockIcon.js';
-import '../icons/TiltedRectangleIcon.js';
-import '../icons/PlusCircleIcon.js';
-import '../icons/StarCircleIcon.js';
-import '../icons/InfinityCircleIcon.js';
-import '../icons/VehicleTypesMotorcycleStarIcon.js';
-import '../icons/CategoryAOneIcon.js';
-import '../icons/CategoryAIcon.js';
-import '../icons/CategoryAMinusIcon.js';
-import '../icons/BankNotesIcon.js';
-import '../icons/ChatBubbleIcon.js';
-import '../icons/DigitalContractIcon.js';
-import '../icons/OptimizerIcon.js';
-import '../icons/CheckmarkCircleColorIcon.js';
-import '../icons/ArrowDownCircleIcon.js';
-import '../icons/ArrowUpCircleIcon.js';
-import '../icons/NotAvailableIcon.js';
-import '../icons/LabelIcon.js';
-import '../icons/BulbIcon.js';
-import '../icons/NoPhotoIcon.js';
-import '../icons/ThumbsUpIcon.js';
-import '../icons/ThumbsDownIcon.js';
-import '../icons/MinusIcon.js';
-import '../icons/DoubleChevronUpIcon.js';
-import '../icons/DoubleChevronDownIcon.js';
-import '../icons/DoubleLineIcon.js';
-import '../icons/NotAvailableSquareIcon.js';
-import '../icons/WarrantyIcon.js';
-import '../icons/DownloadIcon.js';
-import '../icons/TriangleIcon.js';
-import '../icons/SwissFlagIcon.js';
-import '../icons/GlobeIcon.js';
-import '../icons/GarageIcon.js';
-import '../icons/HamburgerMenuIcon.js';
-import '../icons/LogoutIcon.js';
-import '../icons/AndroidIcon.js';
-import '../icons/AppleIcon.js';
-import '../icons/WindowsIcon.js';
-import '../icons/SpeakerIcon.js';
-import '../icons/AddPhotoIcon.js';
-import '../icons/ScreenIcon.js';
-import '../icons/QualitySealIcon.js';
-import '../icons/ExpandIcon.js';
-import '../icons/CollapseIcon.js';
-import '../icons/ForwardIcon.js';
-import '../icons/BalanceIcon.js';
-import '../icons/ParagraphIcon.js';
-import { H1 } from '../heading/index.js';
-import Flex from '../flex/index.js';
+import { withTranslationProvider } from '../translationProvider/withTranslationProvider.js';
+import ErrorPageContent from './content/index.js';
 
-var Nonce = function () {
-    return null;
-};
-var config = {
-    404: {
-        illustration: img,
-        buttonColumns: 1,
-        content: Nonce,
-        primaryAction: Nonce,
-        secondaryAction: BackToHomepageSecondary,
-    },
-    500: {
-        illustration: img$2,
-        buttonColumns: 1,
-        content: Nonce,
-        primaryAction: Nonce,
-        secondaryAction: BackToHomepageSecondary,
-    },
-    clientSide: {
-        illustration: img$2,
-        buttonColumns: 2,
-        content: Nonce,
-        primaryAction: Reload,
-        secondaryAction: BackToHomepageSecondary,
-    },
-    UNVERIFIED_EMAIL: {
-        illustration: img,
-        buttonColumns: 2,
-        content: Nonce,
-        primaryAction: BackToLogin,
-        secondaryAction: ContactSupport,
-    },
-    INITIAL_UNVERIFIED_EMAIL: {
-        illustration: img$1,
-        buttonColumns: 1,
-        content: Nonce,
-        primaryAction: BackToLogin,
-        secondaryAction: Nonce,
-    },
-    USER_BLOCKED: {
-        illustration: img,
-        buttonColumns: 1,
-        content: Nonce,
-        primaryAction: Nonce,
-        secondaryAction: ContactSupport,
-    },
-    UNKNOWN_AUTH_ERROR: {
-        illustration: img,
-        buttonColumns: 2,
-        content: Nonce,
-        primaryAction: BackToLogin,
-        secondaryAction: ContactSupport,
-    },
-    EMAIL_CHANGE_VERIFICATION_ERROR: {
-        illustration: img,
-        buttonColumns: 1,
-        content: EmailChangeVerificationErrorContent,
-        primaryAction: BackToHomepagePrimary,
-        secondaryAction: Nonce,
-    },
-};
-var ErrorPage = function (_a) {
-    var statusCode = _a.statusCode, language = _a.language, onButtonClick = _a.onButtonClick;
-    var PrimaryAction = config[statusCode].primaryAction;
-    var SecondaryAction = config[statusCode].secondaryAction;
-    var Content = config[statusCode].content;
-    return (React.createElement(TranslationProvider, { language: language, scopes: ['errorPage'] },
-        React.createElement(I18nContext.Consumer, null, function (_a) {
-            var t = _a.t;
-            var actionButtonProps = {
-                t: t,
-                language: language,
-            };
-            return (React.createElement(PageLayout, { maxContentWidth: "md", header: null },
-                React.createElement(Flex, { justifyContent: "center", pt: { base: '3xl', md: 'xl' } },
-                    React.createElement(Stack, { align: "center", spacing: "4xl" },
-                        React.createElement(SimpleGrid, { columns: 2, spacingX: "4xl" },
-                            React.createElement(AutoScout24AppLogo, { width: "80px", height: "51px" }),
-                            React.createElement(MotoScout24AppLogo, { width: "80px", height: "51px" })),
-                        React.createElement(Divider, null),
-                        React.createElement(Stack, { align: "center", spacing: "2xl" },
-                            React.createElement(AspectRatio, { ratio: 4 / 3, maxWidth: "400px", width: "full" },
-                                React.createElement(chakra.img, { src: config[statusCode].illustration, alt: "a ".concat(statusCode, " error occurred.") })),
-                            React.createElement(Stack, { align: "center", spacing: "md" },
-                                React.createElement(H1, { textAlign: "center" }, t("errorPage.".concat(statusCode, ".title"))),
-                                React.createElement(Text, { textAlign: "center" }, t("errorPage.".concat(statusCode, ".description"))),
-                                React.createElement(Content, __assign({}, actionButtonProps))),
-                            React.createElement(SimpleGrid, { columns: {
-                                    base: 1,
-                                    sm: config[statusCode].buttonColumns,
-                                }, alignItems: "center", spacing: "md" },
-                                React.createElement(PrimaryAction, __assign({}, actionButtonProps)),
-                                React.createElement(SecondaryAction, __assign({}, actionButtonProps, { onButtonClick: onButtonClick }))))))));
-        })));
-};
+var ErrorPage = withTranslationProvider(['errorPage'])(ErrorPageContent);
 
 export { ErrorPage as default };
 //# sourceMappingURL=index.js.map