@smg-automotive/components 25.11.0-chakra-v3.8 → 25.11.0-chakra-v3.9

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/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,10 @@
+import { FC } from 'react';
+import { Language } from '@smg-automotive/i18n-pkg';
+import { ErrorStatusCode } from 'src/types/errorStatusCode';
+export interface ErrorPageContentProps {
+    statusCode: ErrorStatusCode;
+    language: Language;
+    onButtonClick?: () => void;
+}
+export declare const ErrorPageContent: FC<ErrorPageContentProps>;
+//# 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,OAAc,EAAE,EAAE,EAAE,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,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4DtD,CAAC"}

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

@@ -0,0 +1,283 @@
+import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { chakra } from '@chakra-ui/react';
+import { useI18n } from '../../../utilities/i18nInit.js';
+import { Text } from '../../text/index.js';
+import { Stack } from '../../stack/index.js';
+import { SimpleGrid } from '../../simpleGrid/index.js';
+import { Separator } from '../../separator/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 { H1 } from '../../heading/index.js';
+import { Flex } from '../../flex/index.js';
+import { AspectRatio } from '../../aspectRatio/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 statusCode = _a.statusCode, language = _a.language, 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", gap: "4xl" },
+                React.createElement(SimpleGrid, { columns: 2, gap: "4xl" },
+                    React.createElement(AutoScout24AppLogo, { width: "2xl", height: "xl" }),
+                    React.createElement(MotoScout24AppLogo, { width: "2xl", height: "xl" })),
+                React.createElement(Separator, { orientation: "horizontal" }),
+                React.createElement(Stack, { align: "center", gap: "2xl" },
+                    React.createElement(AspectRatio, { ratio: 4 / 3, css: { maxWidth: '400px', width: 'full' } },
+                        React.createElement(chakra.img, { src: config[statusCode].illustration, alt: "a ".concat(statusCode, " error occurred.") })),
+                    React.createElement(Stack, { align: "center", gap: "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", gap: "md" },
+                        React.createElement(PrimaryAction, __assign({}, actionButtonProps)),
+                        React.createElement(SecondaryAction, __assign({}, actionButtonProps, { onButtonClick: onButtonClick }))))))));
+};
+
+export { ErrorPageContent };
+//# 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,10 +1,3 @@
-import { FC } from 'react';
-import { Language } from '@smg-automotive/i18n-pkg';
-import { ErrorStatusCode } from 'src/types/errorStatusCode';
-export interface ErrorPageProps {
-    statusCode: ErrorStatusCode;
-    language: Language;
-    onButtonClick?: () => void;
-}
-export declare const ErrorPage: FC<ErrorPageProps>;
+import { ErrorPageContentProps } from './content';
+export declare const ErrorPage: import("react").FC<ErrorPageContentProps>;
 //# 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;AAClC,OAAO,EAAe,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AA+F5D,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAqExC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/errorPage/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEpE,eAAO,MAAM,SAAS,2CAEF,CAAC"}

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

@@ -1,287 +1,9 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import React from 'react';
-import { I18nContext } from '@smg-automotive/i18n-pkg';
-import { chakra } from '@chakra-ui/react';
-import { TranslationProvider } from '../translationProvider/index.js';
-import { Text } from '../text/index.js';
-import { Stack } from '../stack/index.js';
-import { SimpleGrid } from '../simpleGrid/index.js';
-import { Separator } from '../separator/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 { H1 } from '../heading/index.js';
-import { Flex } from '../flex/index.js';
-import { AspectRatio } from '../aspectRatio/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 { 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 { 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", gap: "4xl" },
-                        React.createElement(SimpleGrid, { columns: 2, gap: "4xl" },
-                            React.createElement(AutoScout24AppLogo, { width: "2xl", height: "xl" }),
-                            React.createElement(MotoScout24AppLogo, { width: "2xl", height: "xl" })),
-                        React.createElement(Separator, { orientation: "horizontal" }),
-                        React.createElement(Stack, { align: "center", gap: "2xl" },
-                            React.createElement(AspectRatio, { ratio: 4 / 3, css: { maxWidth: '400px', width: 'full' } },
-                                React.createElement(chakra.img, { src: config[statusCode].illustration, alt: "a ".concat(statusCode, " error occurred.") })),
-                            React.createElement(Stack, { align: "center", gap: "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", gap: "md" },
-                                React.createElement(PrimaryAction, __assign({}, actionButtonProps)),
-                                React.createElement(SecondaryAction, __assign({}, actionButtonProps, { onButtonClick: onButtonClick }))))))));
-        })));
-};
+var ErrorPage = withTranslationProvider([
+    'errorPage',
+])(ErrorPageContent);
 
 export { ErrorPage };
 //# sourceMappingURL=index.js.map