andoncloud-sdk 1.7.25 → 1.7.27

package/dist/index.js

@@ -1,12 +1,13 @@
 import toast, { Toaster, default as toast$1 } from "react-hot-toast";
 import * as Sentry from "@sentry/react";
 import { captureException, captureException as captureException$1 } from "@sentry/react";
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import React, { Fragment, createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { I18nextProvider, initReactI18next, useTranslation } from "react-i18next";
 import HourglassEmptyIcon from "@mui/icons-material/HourglassEmpty";
 import LockIcon from "@mui/icons-material/Lock";
 import ShoppingCartIcon from "@mui/icons-material/ShoppingCart";
 import { Alert, Box, Button, Card, CardContent, Checkbox as Checkbox$1, Collapse, Container as Container$1, Dialog, DialogContent, DialogTitle, Drawer, FormControl, IconButton, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Radio as Radio$1, RadioGroup as RadioGroup$1, Stack, Step, StepLabel, Stepper, TextField, Tooltip, Typography, styled, useScrollTrigger } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { action, computed, flow, makeAutoObservable, makeObservable, observable, reaction, toJS } from "mobx";
 import TagManager from "react-gtm-module";
 import { BrowserRouter, Link as Link$1, Navigate, Route, Routes, createRoutesFromChildren, matchRoutes, useLocation, useNavigate, useNavigationType, useSearchParams } from "react-router-dom";
@@ -168,43 +169,60 @@ const AccessRequestModal = ({ open, requestType, onSubmitRequest, onClose }) =>
 	const { translationKey, steps, showDisclaimer } = REQUEST_TYPE_CONFIG[requestType] || REQUEST_TYPE_CONFIG.feature_access;
 	const renderStepper = () => {
 		if (steps.length === 0) return null;
-		return /* @__PURE__ */ React.createElement(Stepper, {
+		return /* @__PURE__ */ jsx(Stepper, {
 			orientation: "vertical",
-			sx: styles$1.stepper
-		}, steps.map((step) => /* @__PURE__ */ React.createElement(Step, {
-			key: step,
-			active: true
-		}, /* @__PURE__ */ React.createElement(StepLabel, null, t(`access.modal.${translationKey}.${step}`)))));
+			sx: styles$1.stepper,
+			children: steps.map((step) => /* @__PURE__ */ jsx(Step, {
+				active: true,
+				children: /* @__PURE__ */ jsx(StepLabel, { children: t(`access.modal.${translationKey}.${step}`) })
+			}, step))
+		});
 	};
 	const renderContent = () => {
-		if (requestType === "start_trial") return /* @__PURE__ */ React.createElement(Typography, {
+		if (requestType === "start_trial") return /* @__PURE__ */ jsx(Typography, {
 			variant: "body1",
-			sx: styles$1.content
-		}, t("access.modal.startTrial.content"));
+			sx: styles$1.content,
+			children: t("access.modal.startTrial.content")
+		});
 		return renderStepper();
 	};
-	return /* @__PURE__ */ React.createElement(Dialog, {
+	return /* @__PURE__ */ jsxs(Dialog, {
 		open,
 		onClose,
 		sx: styles$1.dialog,
-		"data-testid": "sdk.access-modal"
-	}, /* @__PURE__ */ React.createElement(DialogTitle, null, t(`access.modal.${translationKey}.header`)), /* @__PURE__ */ React.createElement(DialogContent, { sx: styles$1.dialogContent }, /* @__PURE__ */ React.createElement(Box, { sx: styles$1.container }, renderContent(), showDisclaimer && /* @__PURE__ */ React.createElement(Alert, {
-		severity: "warning",
-		variant: "outlined",
-		sx: styles$1.disclaimer
-	}, t("access.modal.disclaimer")), /* @__PURE__ */ React.createElement(Stack, {
-		direction: "row",
-		spacing: 2,
-		sx: styles$1.actions
-	}, /* @__PURE__ */ React.createElement(Button, {
-		variant: "contained",
-		onClick: onSubmitRequest,
-		"data-testid": "sdk.access-modal.action"
-	}, t(`access.modal.${translationKey}.button`)), /* @__PURE__ */ React.createElement(Button, {
-		variant: "outlined",
-		onClick: onClose,
-		"data-testid": "sdk.access-modal.cancel"
-	}, t("access.modal.cancel"))))));
+		"data-testid": "sdk.access-modal",
+		children: [/* @__PURE__ */ jsx(DialogTitle, { children: t(`access.modal.${translationKey}.header`) }), /* @__PURE__ */ jsx(DialogContent, {
+			sx: styles$1.dialogContent,
+			children: /* @__PURE__ */ jsxs(Box, {
+				sx: styles$1.container,
+				children: [
+					renderContent(),
+					showDisclaimer && /* @__PURE__ */ jsx(Alert, {
+						severity: "warning",
+						variant: "outlined",
+						sx: styles$1.disclaimer,
+						children: t("access.modal.disclaimer")
+					}),
+					/* @__PURE__ */ jsxs(Stack, {
+						direction: "row",
+						spacing: 2,
+						sx: styles$1.actions,
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "contained",
+							onClick: onSubmitRequest,
+							"data-testid": "sdk.access-modal.action",
+							children: t(`access.modal.${translationKey}.button`)
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "outlined",
+							onClick: onClose,
+							"data-testid": "sdk.access-modal.cancel",
+							children: t("access.modal.cancel")
+						})]
+					})
+				]
+			})
+		})]
+	});
 };
 //#endregion
 //#region src/components/access/CooldownModal.styles.js
@@ -233,18 +251,30 @@ const styles = {
 //#region src/components/access/CooldownModal.js
 const CooldownModal = ({ open, daysRemaining, onClose }) => {
 	const { t } = useTranslation();
-	return /* @__PURE__ */ React.createElement(Dialog, {
+	return /* @__PURE__ */ jsxs(Dialog, {
 		open,
 		onClose,
-		sx: styles.dialog
-	}, /* @__PURE__ */ React.createElement(DialogTitle, null, t("access.cooldown.header")), /* @__PURE__ */ React.createElement(DialogContent, { sx: styles.dialogContent }, /* @__PURE__ */ React.createElement(Box, { sx: styles.container }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body1",
-		sx: styles.content
-	}, t("access.cooldown.message", { days: daysRemaining })), /* @__PURE__ */ React.createElement(Box, { sx: styles.actions }, /* @__PURE__ */ React.createElement(Button, {
-		variant: "contained",
-		onClick: onClose,
-		"data-testid": "sdk.access-cooldown.button"
-	}, t("access.cooldown.button"))))));
+		sx: styles.dialog,
+		children: [/* @__PURE__ */ jsx(DialogTitle, { children: t("access.cooldown.header") }), /* @__PURE__ */ jsx(DialogContent, {
+			sx: styles.dialogContent,
+			children: /* @__PURE__ */ jsxs(Box, {
+				sx: styles.container,
+				children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "body1",
+					sx: styles.content,
+					children: t("access.cooldown.message", { days: daysRemaining })
+				}), /* @__PURE__ */ jsx(Box, {
+					sx: styles.actions,
+					children: /* @__PURE__ */ jsx(Button, {
+						variant: "contained",
+						onClick: onClose,
+						"data-testid": "sdk.access-cooldown.button",
+						children: t("access.cooldown.button")
+					})
+				})]
+			})
+		})]
+	});
 };
 //#endregion
 //#region src/components/access/AccessBlocker.js
@@ -328,41 +358,62 @@ const AccessBlocker = ({ accessState, buttons = [], daysSinceExpiry, featureKey,
 	};
 	const renderButton = (button) => {
 		const label = getButtonLabel(button.action);
-		if (button.variant === "link") return /* @__PURE__ */ React.createElement(Link, {
-			key: button.action,
+		if (button.variant === "link") return /* @__PURE__ */ jsx(Link, {
 			component: "button",
 			variant: "body2",
 			sx: styles.linkButton,
 			onClick: () => handleOpenModal(button),
-			"data-testid": `sdk.access-blocker.${button.action}`
-		}, label);
+			"data-testid": `sdk.access-blocker.${button.action}`,
+			children: label
+		}, button.action);
 		const isContained = button.variant === "primary";
-		return /* @__PURE__ */ React.createElement(Button, {
-			key: button.action,
+		return /* @__PURE__ */ jsx(Button, {
 			variant: isContained ? "contained" : "outlined",
 			sx: isContained ? styles.primaryButton : styles.secondaryButton,
 			onClick: () => handleOpenModal(button),
-			"data-testid": `sdk.access-blocker.${button.action}`
-		}, label);
+			"data-testid": `sdk.access-blocker.${button.action}`,
+			children: label
+		}, button.action);
 	};
 	const renderButtons = () => {
 		if (buttons.length === 0) return null;
-		return /* @__PURE__ */ React.createElement(Box, { sx: styles.buttonsContainer }, buttons.map(renderButton));
+		return /* @__PURE__ */ jsx(Box, {
+			sx: styles.buttonsContainer,
+			children: buttons.map(renderButton)
+		});
 	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { sx: styles.container }, backgroundImage && /* @__PURE__ */ React.createElement(Box, {
-		sx: styles.backgroundImage,
-		style: { backgroundImage: `url(${backgroundImage})` },
-		"data-testid": "sdk.access-blocker.background-image"
-	}), /* @__PURE__ */ React.createElement(Tooltip, { title: getTooltipText() }, /* @__PURE__ */ React.createElement(Icon, { sx: styles.icon })), /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, getMessage()), renderButtons()), /* @__PURE__ */ React.createElement(AccessRequestModal, {
-		open: modalOpen,
-		requestType: pendingAction?.action === "start_trial" ? "start_trial" : pendingAction?.requestType,
-		onSubmitRequest: handleSubmitRequest,
-		onClose: handleCloseModal
-	}), /* @__PURE__ */ React.createElement(CooldownModal, {
-		open: cooldownModalOpen,
-		daysRemaining: cooldownDays,
-		onClose: handleCloseCooldownModal
-	}));
+	return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+		/* @__PURE__ */ jsxs(Box, {
+			sx: styles.container,
+			children: [
+				backgroundImage && /* @__PURE__ */ jsx(Box, {
+					sx: styles.backgroundImage,
+					style: { backgroundImage: `url(${backgroundImage})` },
+					"data-testid": "sdk.access-blocker.background-image"
+				}),
+				/* @__PURE__ */ jsx(Tooltip, {
+					title: getTooltipText(),
+					children: /* @__PURE__ */ jsx(Icon, { sx: styles.icon })
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "body1",
+					children: getMessage()
+				}),
+				renderButtons()
+			]
+		}),
+		/* @__PURE__ */ jsx(AccessRequestModal, {
+			open: modalOpen,
+			requestType: pendingAction?.action === "start_trial" ? "start_trial" : pendingAction?.requestType,
+			onSubmitRequest: handleSubmitRequest,
+			onClose: handleCloseModal
+		}),
+		/* @__PURE__ */ jsx(CooldownModal, {
+			open: cooldownModalOpen,
+			daysRemaining: cooldownDays,
+			onClose: handleCloseCooldownModal
+		})
+	] });
 };
 //#endregion
 //#region src/utils/stores.ts
@@ -706,13 +757,11 @@ const AccessGuard = ({ features: featuresProp = [], extraPermissions = [], workp
 	});
 	if (hasAccess) return children;
 	const mostRestrictiveFeature = features.find((feat) => feat.accessState === accessState);
-	const daysSinceExpiry = mostRestrictiveFeature?.daysSinceExpiry || null;
-	const featureKey = mostRestrictiveFeature?.featureKey || featuresProp[0];
-	return /* @__PURE__ */ React.createElement(AccessBlocker, {
+	return /* @__PURE__ */ jsx(AccessBlocker, {
 		accessState,
 		buttons,
-		daysSinceExpiry,
-		featureKey,
+		daysSinceExpiry: mostRestrictiveFeature?.daysSinceExpiry || null,
+		featureKey: mostRestrictiveFeature?.featureKey || featuresProp[0],
 		workplaceId,
 		cooldownInfo,
 		onTrialRequest,
@@ -734,13 +783,13 @@ const withAccessGuard = (featuresProp = [], options = {}) => {
 			const mostRestrictiveFeature = features.find((feat) => feat.accessState === accessState);
 			const daysSinceExpiry = mostRestrictiveFeature?.daysSinceExpiry || null;
 			const featureKey = mostRestrictiveFeature?.featureKey || featuresProp[0];
-			if (hasAccess) return /* @__PURE__ */ React.createElement(WrappedComponent, {
+			if (hasAccess) return /* @__PURE__ */ jsx(WrappedComponent, {
 				...restProps,
 				accessState,
 				hasAccess,
 				missingPermissions
 			});
-			return /* @__PURE__ */ React.createElement(AccessBlocker, {
+			return /* @__PURE__ */ jsx(AccessBlocker, {
 				accessState,
 				buttons,
 				daysSinceExpiry,
@@ -1355,15 +1404,17 @@ const ModalProvider = ({ children }) => {
 		showModal,
 		modalsConfig
 	]);
-	return /* @__PURE__ */ React.createElement(ModalContext.Provider, { value: contextValue }, children, Object.keys(modalsConfig).map((modalKey) => {
-		const { component: Component, isOpen, data } = modalsConfig[modalKey];
-		return isOpen && /* @__PURE__ */ React.createElement(Component, {
-			onClose: () => hideModal(modalKey),
-			key: modalKey,
-			isOpen,
-			...data
-		});
-	}));
+	return /* @__PURE__ */ jsxs(ModalContext.Provider, {
+		value: contextValue,
+		children: [children, Object.keys(modalsConfig).map((modalKey) => {
+			const { component: Component, isOpen, data } = modalsConfig[modalKey];
+			return isOpen && /* @__PURE__ */ jsx(Component, {
+				onClose: () => hideModal(modalKey),
+				isOpen,
+				...data
+			}, modalKey);
+		})]
+	});
 };
 //#endregion
 //#region src/hooks/useModalHook/useModal.js
@@ -1739,55 +1790,80 @@ const Footer = ({ appVersion, apiVersion }) => {
 	const renderAppVersion = () => {
 		if (appVersion) {
 			const versionText = appVersion.startsWith("v") ? appVersion : `v${appVersion}`;
-			return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", null, t("Version")), " ", versionText);
+			return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+				/* @__PURE__ */ jsx("span", { children: t("Version") }),
+				" ",
+				versionText
+			] });
 		}
 	};
 	const renderApiVersion = () => {
 		if (apiVersion) {
 			const versionText = apiVersion.startsWith("v") ? apiVersion : `v${apiVersion}`;
-			return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", null, "API"), " ", versionText);
+			return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+				/* @__PURE__ */ jsx("span", { children: "API" }),
+				" ",
+				versionText
+			] });
 		}
 	};
-	return /* @__PURE__ */ React.createElement(Overlay, null, renderAppVersion(), renderApiVersion());
+	return /* @__PURE__ */ jsxs(Overlay, { children: [renderAppVersion(), renderApiVersion()] });
 };
 //#endregion
 //#region src/pages/ErrorPage.js
 const ErrorPage = ({ error, appVersion, apiVersion }) => {
 	const { t } = useTranslation();
 	const containerStyles = makeStyles({ isEmbeddedMode: getDisplayMode() === "iframe" });
-	return /* @__PURE__ */ React.createElement(Container$1, {
+	return /* @__PURE__ */ jsxs(Container$1, {
 		maxWidth: false,
 		disableGutters: true,
-		sx: containerStyles.root
-	}, /* @__PURE__ */ React.createElement(Card, { style: {
-		background: "linear-gradient(180deg, #393939 0%, #4A4A4A 100%)",
-		maxWidth: "650px",
-		margin: "200px auto",
-		borderRadius: "20px"
-	} }, /* @__PURE__ */ React.createElement(CardContent, { style: { minHeight: "unset" } }, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center",
-		m: "125px 80px"
-	}, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h4",
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			marginBottom: "40px",
-			color: "rgba(255, 255, 255, 0.6)"
-		}
-	}, t("somethingWentWrongMessage"), /* @__PURE__ */ React.createElement(Tooltip, {
-		title: error.toString(),
-		arrow: true
-	}, /* @__PURE__ */ React.createElement(HelpOutlineIcon, { sx: {
-		marginLeft: "1em",
-		fontSize: "inherit"
-	} }))), /* @__PURE__ */ React.createElement(Button, { onClick: () => window.location.reload() }, t("networkErrorButtonText"))))), /* @__PURE__ */ React.createElement(Box, { sx: containerStyles.overlay }), /* @__PURE__ */ React.createElement(Footer, {
-		appVersion,
-		apiVersion
-	}));
+		sx: containerStyles.root,
+		children: [
+			/* @__PURE__ */ jsx(Card, {
+				style: {
+					background: "linear-gradient(180deg, #393939 0%, #4A4A4A 100%)",
+					maxWidth: "650px",
+					margin: "200px auto",
+					borderRadius: "20px"
+				},
+				children: /* @__PURE__ */ jsx(CardContent, {
+					style: { minHeight: "unset" },
+					children: /* @__PURE__ */ jsxs(Box, {
+						display: "flex",
+						flexDirection: "column",
+						alignItems: "center",
+						justifyContent: "center",
+						m: "125px 80px",
+						children: [/* @__PURE__ */ jsxs(Typography, {
+							variant: "h4",
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								marginBottom: "40px",
+								color: "rgba(255, 255, 255, 0.6)"
+							},
+							children: [t("somethingWentWrongMessage"), /* @__PURE__ */ jsx(Tooltip, {
+								title: error.toString(),
+								arrow: true,
+								children: /* @__PURE__ */ jsx(HelpOutlineIcon, { sx: {
+									marginLeft: "1em",
+									fontSize: "inherit"
+								} })
+							})]
+						}), /* @__PURE__ */ jsx(Button, {
+							onClick: () => window.location.reload(),
+							children: t("networkErrorButtonText")
+						})]
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, { sx: containerStyles.overlay }),
+			/* @__PURE__ */ jsx(Footer, {
+				appVersion,
+				apiVersion
+			})
+		]
+	});
 };
 ErrorPage.propTypes = {
 	error: PropTypes.any,
@@ -1800,18 +1876,19 @@ var loader_default = "data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\
 //#endregion
 //#region src/components/loader.js
 const Loader = ({ width, "data-testid": dataTestId }) => {
-	return /* @__PURE__ */ React.createElement(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "center",
 		width: "100%",
-		height: "100%"
-	}, /* @__PURE__ */ React.createElement("img", {
-		"data-testid": dataTestId,
-		alt: "loader",
-		width,
-		src: loader_default
-	}));
+		height: "100%",
+		children: /* @__PURE__ */ jsx("img", {
+			"data-testid": dataTestId,
+			alt: "loader",
+			width,
+			src: loader_default
+		})
+	});
 };
 //#endregion
 //#region src/providers/display.js
@@ -1820,14 +1897,17 @@ const DisplayProvider = ({ children }) => {
 	const [iframeMounted, setIframeMounted] = useState(false);
 	const [iframeNavigationItems, setIframeNavigationItems] = useState([]);
 	const mode = getDisplayMode();
-	return /* @__PURE__ */ React.createElement(DisplayContext.Provider, { value: {
-		mode,
-		isEmbeddedMode: mode === "iframe",
-		iframeMounted,
-		setIframeMounted,
-		iframeNavigationItems,
-		setIframeNavigationItems
-	} }, children);
+	return /* @__PURE__ */ jsx(DisplayContext.Provider, {
+		value: {
+			mode,
+			isEmbeddedMode: mode === "iframe",
+			iframeMounted,
+			setIframeMounted,
+			iframeNavigationItems,
+			setIframeNavigationItems
+		},
+		children
+	});
 };
 const useDisplay = () => {
 	return useContext(DisplayContext);
@@ -1837,14 +1917,15 @@ const useDisplay = () => {
 const LoaderPage = () => {
 	const { isEmbeddedMode } = useDisplay();
 	const containerStyles = makeStyles({ isEmbeddedMode });
-	return /* @__PURE__ */ React.createElement(Container$1, {
+	return /* @__PURE__ */ jsxs(Container$1, {
 		maxWidth: false,
 		disableGutters: true,
-		sx: containerStyles.root
-	}, /* @__PURE__ */ React.createElement(Loader, {
-		"data-testid": "sdk.app-loading",
-		width: "500px"
-	}), /* @__PURE__ */ React.createElement(Box, { sx: containerStyles.overlay }));
+		sx: containerStyles.root,
+		children: [/* @__PURE__ */ jsx(Loader, {
+			"data-testid": "sdk.app-loading",
+			width: "500px"
+		}), /* @__PURE__ */ jsx(Box, { sx: containerStyles.overlay })]
+	});
 };
 LoaderPage.propTypes = {};
 LoaderPage.defaultProps = {};
@@ -1852,7 +1933,10 @@ LoaderPage.defaultProps = {};
 //#region src/providers/authConfig.js
 const AuthConfigContext = createContext();
 const AuthConfigProvider = ({ children, config }) => {
-	return /* @__PURE__ */ React.createElement(AuthConfigContext.Provider, { value: config }, children);
+	return /* @__PURE__ */ jsx(AuthConfigContext.Provider, {
+		value: config,
+		children
+	});
 };
 const useAuthConfig = () => {
 	return useContext(AuthConfigContext);
@@ -1861,7 +1945,10 @@ const useAuthConfig = () => {
 //#region src/providers/metaInfo.js
 const MetaInfoContext = createContext();
 const MetaInfoProvider = ({ children, info }) => {
-	return /* @__PURE__ */ React.createElement(MetaInfoContext.Provider, { value: info }, children);
+	return /* @__PURE__ */ jsx(MetaInfoContext.Provider, {
+		value: info,
+		children
+	});
 };
 const useMetaInfo = () => {
 	return useContext(MetaInfoContext);
@@ -1871,7 +1958,10 @@ const useMetaInfo = () => {
 const rootStore = { sessionStore };
 const StoreContext = createContext(rootStore);
 const StoreProvider = observer(({ children }) => {
-	return /* @__PURE__ */ React.createElement(StoreContext.Provider, { value: rootStore }, children);
+	return /* @__PURE__ */ jsx(StoreContext.Provider, {
+		value: rootStore,
+		children
+	});
 });
 const useStore = () => {
 	return useContext(StoreContext);
@@ -2191,35 +2281,58 @@ const NetworkError = ({ error }) => {
 	const { isEmbeddedMode } = useDisplay();
 	const { t } = useTranslation();
 	const containerStyles = makeStyles({ isEmbeddedMode });
-	return /* @__PURE__ */ React.createElement(Container$1, {
+	return /* @__PURE__ */ jsxs(Container$1, {
 		maxWidth: false,
 		disableGutters: true,
-		sx: containerStyles.root
-	}, /* @__PURE__ */ React.createElement(Card, { style: {
-		background: "linear-gradient(180deg, #393939 0%, #4A4A4A 100%)",
-		maxWidth: "600px",
-		margin: "200px auto",
-		borderRadius: "20px"
-	} }, /* @__PURE__ */ React.createElement(CardContent, { style: { minHeight: "unset" } }, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center",
-		m: "125px 80px"
-	}, /* @__PURE__ */ React.createElement("h1", { style: {
-		textAlign: "center",
-		color: "rgba(255, 255, 255, 0.6)"
-	} }, t("networkErrorHeader")), /* @__PURE__ */ React.createElement("p", { style: {
-		display: "inline-flex",
-		textAlign: "center",
-		color: "rgba(255, 255, 255, 0.6)"
-	} }, /* @__PURE__ */ React.createElement(Typography, { mr: 2 }, error.title), /* @__PURE__ */ React.createElement(Tooltip, {
-		title: error.details,
-		arrow: true
-	}, /* @__PURE__ */ React.createElement(HelpOutlineIcon, null))), /* @__PURE__ */ React.createElement(Button, {
-		onClick: () => window.location.reload(),
-		"data-testid": "sdk.network-error.reload"
-	}, t("networkErrorButtonText"))))), /* @__PURE__ */ React.createElement(Box, { sx: containerStyles.overlay }));
+		sx: containerStyles.root,
+		children: [/* @__PURE__ */ jsx(Card, {
+			style: {
+				background: "linear-gradient(180deg, #393939 0%, #4A4A4A 100%)",
+				maxWidth: "600px",
+				margin: "200px auto",
+				borderRadius: "20px"
+			},
+			children: /* @__PURE__ */ jsx(CardContent, {
+				style: { minHeight: "unset" },
+				children: /* @__PURE__ */ jsxs(Box, {
+					display: "flex",
+					flexDirection: "column",
+					alignItems: "center",
+					justifyContent: "center",
+					m: "125px 80px",
+					children: [
+						/* @__PURE__ */ jsx("h1", {
+							style: {
+								textAlign: "center",
+								color: "rgba(255, 255, 255, 0.6)"
+							},
+							children: t("networkErrorHeader")
+						}),
+						/* @__PURE__ */ jsxs("p", {
+							style: {
+								display: "inline-flex",
+								textAlign: "center",
+								color: "rgba(255, 255, 255, 0.6)"
+							},
+							children: [/* @__PURE__ */ jsx(Typography, {
+								mr: 2,
+								children: error.title
+							}), /* @__PURE__ */ jsx(Tooltip, {
+								title: error.details,
+								arrow: true,
+								children: /* @__PURE__ */ jsx(HelpOutlineIcon, {})
+							})]
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							onClick: () => window.location.reload(),
+							"data-testid": "sdk.network-error.reload",
+							children: t("networkErrorButtonText")
+						})
+					]
+				})
+			})
+		}), /* @__PURE__ */ jsx(Box, { sx: containerStyles.overlay })]
+	});
 };
 //#endregion
 //#region src/hooks/useQueryParams.js
@@ -2257,7 +2370,7 @@ const AuthRedirect = () => {
 			sessionStore.authorize({ code });
 		}
 	}, [queryParams]);
-	if (sessionStore.isLoggedIn) return /* @__PURE__ */ React.createElement(Navigate, { to: nextPath });
+	if (sessionStore.isLoggedIn) return /* @__PURE__ */ jsx(Navigate, { to: nextPath });
 	return null;
 };
 //#endregion
@@ -2369,98 +2482,144 @@ const LoginForm = ({ scope, redirectPath, onSuccess, onFailure, onCancel, storeS
 		setPassword(event.target.value);
 		if (passwordError) setPasswordError(null);
 	};
-	return /* @__PURE__ */ React.createElement("form", {
+	return /* @__PURE__ */ jsx("form", {
 		onSubmit: handleSubmit,
-		"data-testid": dataTestID || "sdk.login-form"
-	}, /* @__PURE__ */ React.createElement(Box, { m: "0 80px" }, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center",
-		gap: 2,
-		m: "100px 0"
-	}, /* @__PURE__ */ React.createElement(AcLogoSVG, null), releaseVersion && /* @__PURE__ */ React.createElement(Link, {
-		href: releasePageLink,
-		target: "_blank",
-		fontSize: "14px",
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			gap: .5,
-			textDecoration: "none",
-			"&:hover": {
-				cursor: "pointer",
-				opacity: .8
-			}
-		}
-	}, /* @__PURE__ */ React.createElement("img", {
-		src: info_icon_default,
-		alt: "info",
-		width: "14px",
-		height: "14px"
-	}), t("release"), " ", releaseVersion)), /* @__PURE__ */ React.createElement(Box, {
-		m: "0 0 30px 0",
-		color: "rgba(255, 255, 255, 0.6)"
-	}, /* @__PURE__ */ React.createElement(Typography, {
-		align: "center",
-		color: "inherit"
-	}, title)), /* @__PURE__ */ React.createElement(Box, {
-		m: "0",
-		display: "grid",
-		sx: { gridGap: "18px" },
-		gridTemplateColumns: "1fr"
-	}, /* @__PURE__ */ React.createElement(FormControl, { fullWidth: true }, /* @__PURE__ */ React.createElement(TextField, {
-		autoFocus: true,
-		fullWidth: true,
-		variant: "outlined",
-		label: t("loginCardUsernameHint"),
-		onChange: handleChangeForUsername,
-		value: username,
-		error: Boolean(usernameError),
-		helperText: usernameError,
-		id: "login-input",
-		inputProps: { "data-testid": "sdk.login-form-username-input" }
-	})), /* @__PURE__ */ React.createElement(FormControl, { fullWidth: true }, /* @__PURE__ */ React.createElement(TextField, {
-		fullWidth: true,
-		variant: "outlined",
-		label: t("loginCardPasswordHint"),
-		onChange: handleChangeForPassword,
-		value: password,
-		error: Boolean(passwordError),
-		helperText: passwordError,
-		type: "password",
-		id: "password-input",
-		inputProps: { "data-testid": "sdk.login-form-password-input" }
-	})), /* @__PURE__ */ React.createElement(LoadingButton, {
-		id: "login-button",
-		type: "submit",
-		variant: "contained",
-		size: "large",
-		color: "primary",
-		onClick: handleSubmit,
-		loading: sessionStore.loading,
-		"data-testid": "sdk.login-form-submit-button"
-	}, t("loginCardSubmitButton")), /* @__PURE__ */ React.createElement(Button, {
-		id: "cancel-button",
-		type: "button",
-		variant: "outlined",
-		size: "large",
-		color: "secondary",
-		onClick: handleCancel,
-		"data-testid": "sdk.login-form-cancel-button"
-	}, t("loginCardCancelButton"))), /* @__PURE__ */ React.createElement(Box, {
-		m: "30px 0 40px 0",
-		color: "rgba(255, 255, 255, 0.6)"
-	}, /* @__PURE__ */ React.createElement(Typography, {
-		align: "center",
-		color: "inherit"
-	}, "or scan")), /* @__PURE__ */ React.createElement(Box, {
-		display: "grid",
-		gridTemplateColumns: "1fr 1fr 1fr",
-		alignItems: "center",
-		justifyItems: "center",
-		marginBottom: "30px"
-	}, /* @__PURE__ */ React.createElement(Box, { style: { filter: "brightness(0.5)" } }, /* @__PURE__ */ React.createElement(QRCodeSVG, null)), /* @__PURE__ */ React.createElement(BarcodeSVG, null), /* @__PURE__ */ React.createElement(Box, { style: { filter: "brightness(0.5)" } }, /* @__PURE__ */ React.createElement(RFIDCardSVG, null)))));
+		"data-testid": dataTestID || "sdk.login-form",
+		children: /* @__PURE__ */ jsxs(Box, {
+			m: "0 80px",
+			children: [
+				/* @__PURE__ */ jsxs(Box, {
+					display: "flex",
+					flexDirection: "column",
+					alignItems: "center",
+					justifyContent: "center",
+					gap: 2,
+					m: "100px 0",
+					children: [/* @__PURE__ */ jsx(AcLogoSVG, {}), releaseVersion && /* @__PURE__ */ jsxs(Link, {
+						href: releasePageLink,
+						target: "_blank",
+						fontSize: "14px",
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: .5,
+							textDecoration: "none",
+							"&:hover": {
+								cursor: "pointer",
+								opacity: .8
+							}
+						},
+						children: [
+							/* @__PURE__ */ jsx("img", {
+								src: info_icon_default,
+								alt: "info",
+								width: "14px",
+								height: "14px"
+							}),
+							t("release"),
+							" ",
+							releaseVersion
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					m: "0 0 30px 0",
+					color: "rgba(255, 255, 255, 0.6)",
+					children: /* @__PURE__ */ jsx(Typography, {
+						align: "center",
+						color: "inherit",
+						children: title
+					})
+				}),
+				/* @__PURE__ */ jsxs(Box, {
+					m: "0",
+					display: "grid",
+					sx: { gridGap: "18px" },
+					gridTemplateColumns: "1fr",
+					children: [
+						/* @__PURE__ */ jsx(FormControl, {
+							fullWidth: true,
+							children: /* @__PURE__ */ jsx(TextField, {
+								autoFocus: true,
+								fullWidth: true,
+								variant: "outlined",
+								label: t("loginCardUsernameHint"),
+								onChange: handleChangeForUsername,
+								value: username,
+								error: Boolean(usernameError),
+								helperText: usernameError,
+								id: "login-input",
+								inputProps: { "data-testid": "sdk.login-form-username-input" }
+							})
+						}),
+						/* @__PURE__ */ jsx(FormControl, {
+							fullWidth: true,
+							children: /* @__PURE__ */ jsx(TextField, {
+								fullWidth: true,
+								variant: "outlined",
+								label: t("loginCardPasswordHint"),
+								onChange: handleChangeForPassword,
+								value: password,
+								error: Boolean(passwordError),
+								helperText: passwordError,
+								type: "password",
+								id: "password-input",
+								inputProps: { "data-testid": "sdk.login-form-password-input" }
+							})
+						}),
+						/* @__PURE__ */ jsx(LoadingButton, {
+							id: "login-button",
+							type: "submit",
+							variant: "contained",
+							size: "large",
+							color: "primary",
+							onClick: handleSubmit,
+							loading: sessionStore.loading,
+							"data-testid": "sdk.login-form-submit-button",
+							children: t("loginCardSubmitButton")
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							id: "cancel-button",
+							type: "button",
+							variant: "outlined",
+							size: "large",
+							color: "secondary",
+							onClick: handleCancel,
+							"data-testid": "sdk.login-form-cancel-button",
+							children: t("loginCardCancelButton")
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					m: "30px 0 40px 0",
+					color: "rgba(255, 255, 255, 0.6)",
+					children: /* @__PURE__ */ jsx(Typography, {
+						align: "center",
+						color: "inherit",
+						children: "or scan"
+					})
+				}),
+				/* @__PURE__ */ jsxs(Box, {
+					display: "grid",
+					gridTemplateColumns: "1fr 1fr 1fr",
+					alignItems: "center",
+					justifyItems: "center",
+					marginBottom: "30px",
+					children: [
+						/* @__PURE__ */ jsx(Box, {
+							style: { filter: "brightness(0.5)" },
+							children: /* @__PURE__ */ jsx(QRCodeSVG, {})
+						}),
+						/* @__PURE__ */ jsx(BarcodeSVG, {}),
+						/* @__PURE__ */ jsx(Box, {
+							style: { filter: "brightness(0.5)" },
+							children: /* @__PURE__ */ jsx(RFIDCardSVG, {})
+						})
+					]
+				})
+			]
+		})
+	});
 };
 LoginForm.propTypes = {
 	scope: PropTypes.string,
@@ -2476,269 +2635,361 @@ LoginForm.defaultProps = {
 };
 var loginForm_default = observer(LoginForm);
 const QRCodeSVG = () => {
-	return /* @__PURE__ */ React.createElement("svg", {
+	return /* @__PURE__ */ jsxs("svg", {
 		width: "51",
 		height: "53",
 		viewBox: "0 0 51 53",
 		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg"
-	}, /* @__PURE__ */ React.createElement("path", {
-		d: "M8.66868 45.6365C8.66868 42.8453 6.99822 41.1535 4.7397 41.1535C2.47266 41.1535 0.806463 42.8453 0.806463 45.6365C0.806463 48.4234 2.47266 50.1194 4.7397 50.1194C5.3022 50.1194 5.82635 50.0172 6.2951 49.8169L7.04084 50.7842H8.38743L7.21129 49.2501C8.1147 48.4873 8.66868 47.243 8.66868 45.6365ZM4.29652 47.1706L5.53658 48.7984C5.28942 48.8794 5.02095 48.9177 4.7397 48.9177C3.23544 48.9177 2.1147 47.7629 2.1147 45.6365C2.1147 43.5101 3.23544 42.3552 4.7397 42.3552C6.2397 42.3552 7.3647 43.5101 7.3647 45.6365C7.3647 46.8297 7.01101 47.7203 6.43146 48.2657L5.59197 47.1706H4.29652ZM10.3104 50.0001H11.6271V46.6976H13.4169C13.4467 46.6976 13.4723 46.6976 13.5021 46.6976L15.2749 50.0001H16.7749L14.8402 46.4675C15.9098 46.0711 16.4425 45.1805 16.4425 44.0086C16.4425 42.4021 15.4453 41.2728 13.4212 41.2728H10.3104V50.0001ZM11.6271 45.564V42.4021H13.2805C14.5803 42.4021 15.1172 43.02 15.1172 44.0086C15.1172 44.993 14.5803 45.564 13.2976 45.564H11.6271ZM28.4691 44.1109C28.1708 42.2444 26.7092 41.1535 24.864 41.1535C22.6055 41.1535 20.9393 42.8453 20.9393 45.6365C20.9393 48.4277 22.5969 50.1194 24.864 50.1194C26.7816 50.1194 28.1836 48.9177 28.4691 47.1919L27.1396 47.1876C26.9137 48.3041 25.9762 48.9177 24.8725 48.9177C23.3768 48.9177 22.2475 47.7714 22.2475 45.6365C22.2475 43.5186 23.3725 42.3552 24.8768 42.3552C25.989 42.3552 26.9222 42.9817 27.1396 44.1109H28.4691ZM32.6996 50.1322C34.5447 50.1322 35.7507 48.7814 35.7507 46.7572C35.7507 44.7203 34.5447 43.3694 32.6996 43.3694C30.8544 43.3694 29.6484 44.7203 29.6484 46.7572C29.6484 48.7814 30.8544 50.1322 32.6996 50.1322ZM32.7038 49.0626C31.4979 49.0626 30.9354 48.0101 30.9354 46.753C30.9354 45.5001 31.4979 44.4348 32.7038 44.4348C33.9013 44.4348 34.4638 45.5001 34.4638 46.753C34.4638 48.0101 33.9013 49.0626 32.7038 49.0626ZM39.6232 50.128C40.8164 50.128 41.2852 49.3993 41.5153 48.9817H41.6218V50.0001H42.8661V41.2728H41.592V44.5157H41.5153C41.2852 44.1109 40.8505 43.3694 39.6317 43.3694C38.0508 43.3694 36.8874 44.618 36.8874 46.7402C36.8874 48.8581 38.0337 50.128 39.6232 50.128ZM39.9045 49.0413C38.7667 49.0413 38.1744 48.0399 38.1744 46.7274C38.1744 45.4277 38.7539 44.4518 39.9045 44.4518C41.0167 44.4518 41.6133 45.3595 41.6133 46.7274C41.6133 48.1038 41.0039 49.0413 39.9045 49.0413ZM47.5057 50.1322C48.9332 50.1322 49.9432 49.4291 50.233 48.3638L49.027 48.1464C48.7969 48.7643 48.2429 49.0797 47.5185 49.0797C46.4276 49.0797 45.6946 48.3723 45.6605 47.1109H50.3139V46.6592C50.3139 44.2942 48.8991 43.3694 47.4162 43.3694C45.5923 43.3694 44.3906 44.7586 44.3906 46.77C44.3906 48.8027 45.5753 50.1322 47.5057 50.1322ZM45.6648 46.1564C45.7159 45.2274 46.3892 44.422 47.4247 44.422C48.4134 44.422 49.0611 45.155 49.0653 46.1564H45.6648Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_2183_35009)" }, /* @__PURE__ */ React.createElement("path", {
-		d: "M22.3002 3.27948H14.25V11.3318H22.3002V3.27948ZM20.6609 9.66275H15.9186V4.91923H20.6609V9.66275Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M19.1081 6.47128H17.4688V8.11102H19.1081V6.47128Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M14.2773 24.7206H22.3275V16.7122H14.2773V24.7206ZM15.9166 18.3373H20.6589V23.0809H15.9166V18.3373Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M35.7147 17.5176H34.0754V23.081H32.4653V21.8366H30.826V23.0591H28.8281V24.6988H35.7147V17.5176Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M19.1081 19.8893H17.4688V21.529H19.1081V19.8893Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M35.7142 3.27948H27.6641V11.3318H35.7142V3.27948ZM34.0749 9.66275H29.318V4.91923H34.0603L34.0749 9.66275Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M32.5221 6.47128H30.8828V8.11102H32.5221V6.47128Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M22.3014 13.184H17.5664V14.8237H22.3014V13.184Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M15.9167 13.184H14.2773V14.8237H15.9167V13.184Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M30.041 13.184H23.9375V14.8237H30.041V13.184Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M35.7121 15.8778V13.1766H31.6797V14.8237H34.0728V15.8778H35.7121Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M25.819 6.56622H24.1797V11.3024H25.819V6.56622Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M25.819 3.27948H24.1797V4.91922H25.819V3.27948Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M25.82 21.4338H27.0348V19.7941H25.82V16.7122H24.1953V24.7645H27.1958V23.0809H25.8346L25.82 21.4338Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M29.1874 19.5598H30.8267V18.3373H32.1587V16.7122H27.8555V18.352H29.1874V19.5598Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M33.2539 6.42268e-05V1.6398H37.3668V5.73182H39.0061V-0.00726318L33.2539 6.42268e-05Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M12.6408 1.63985H16.7391V0.00012207H11.0234V5.73188H12.6627L12.6408 1.63985Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M37.3678 26.3603H33.2695V28.0001H39.0071V22.261H37.3678V26.3603Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M12.6408 22.261H11.0234V28.0001H16.761V26.3603H12.6627L12.6408 22.261Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	})), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_2183_35009" }, /* @__PURE__ */ React.createElement("rect", {
-		width: "28",
-		height: "28",
-		fill: "white",
-		transform: "translate(11 0.00012207)"
-	}))));
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M8.66868 45.6365C8.66868 42.8453 6.99822 41.1535 4.7397 41.1535C2.47266 41.1535 0.806463 42.8453 0.806463 45.6365C0.806463 48.4234 2.47266 50.1194 4.7397 50.1194C5.3022 50.1194 5.82635 50.0172 6.2951 49.8169L7.04084 50.7842H8.38743L7.21129 49.2501C8.1147 48.4873 8.66868 47.243 8.66868 45.6365ZM4.29652 47.1706L5.53658 48.7984C5.28942 48.8794 5.02095 48.9177 4.7397 48.9177C3.23544 48.9177 2.1147 47.7629 2.1147 45.6365C2.1147 43.5101 3.23544 42.3552 4.7397 42.3552C6.2397 42.3552 7.3647 43.5101 7.3647 45.6365C7.3647 46.8297 7.01101 47.7203 6.43146 48.2657L5.59197 47.1706H4.29652ZM10.3104 50.0001H11.6271V46.6976H13.4169C13.4467 46.6976 13.4723 46.6976 13.5021 46.6976L15.2749 50.0001H16.7749L14.8402 46.4675C15.9098 46.0711 16.4425 45.1805 16.4425 44.0086C16.4425 42.4021 15.4453 41.2728 13.4212 41.2728H10.3104V50.0001ZM11.6271 45.564V42.4021H13.2805C14.5803 42.4021 15.1172 43.02 15.1172 44.0086C15.1172 44.993 14.5803 45.564 13.2976 45.564H11.6271ZM28.4691 44.1109C28.1708 42.2444 26.7092 41.1535 24.864 41.1535C22.6055 41.1535 20.9393 42.8453 20.9393 45.6365C20.9393 48.4277 22.5969 50.1194 24.864 50.1194C26.7816 50.1194 28.1836 48.9177 28.4691 47.1919L27.1396 47.1876C26.9137 48.3041 25.9762 48.9177 24.8725 48.9177C23.3768 48.9177 22.2475 47.7714 22.2475 45.6365C22.2475 43.5186 23.3725 42.3552 24.8768 42.3552C25.989 42.3552 26.9222 42.9817 27.1396 44.1109H28.4691ZM32.6996 50.1322C34.5447 50.1322 35.7507 48.7814 35.7507 46.7572C35.7507 44.7203 34.5447 43.3694 32.6996 43.3694C30.8544 43.3694 29.6484 44.7203 29.6484 46.7572C29.6484 48.7814 30.8544 50.1322 32.6996 50.1322ZM32.7038 49.0626C31.4979 49.0626 30.9354 48.0101 30.9354 46.753C30.9354 45.5001 31.4979 44.4348 32.7038 44.4348C33.9013 44.4348 34.4638 45.5001 34.4638 46.753C34.4638 48.0101 33.9013 49.0626 32.7038 49.0626ZM39.6232 50.128C40.8164 50.128 41.2852 49.3993 41.5153 48.9817H41.6218V50.0001H42.8661V41.2728H41.592V44.5157H41.5153C41.2852 44.1109 40.8505 43.3694 39.6317 43.3694C38.0508 43.3694 36.8874 44.618 36.8874 46.7402C36.8874 48.8581 38.0337 50.128 39.6232 50.128ZM39.9045 49.0413C38.7667 49.0413 38.1744 48.0399 38.1744 46.7274C38.1744 45.4277 38.7539 44.4518 39.9045 44.4518C41.0167 44.4518 41.6133 45.3595 41.6133 46.7274C41.6133 48.1038 41.0039 49.0413 39.9045 49.0413ZM47.5057 50.1322C48.9332 50.1322 49.9432 49.4291 50.233 48.3638L49.027 48.1464C48.7969 48.7643 48.2429 49.0797 47.5185 49.0797C46.4276 49.0797 45.6946 48.3723 45.6605 47.1109H50.3139V46.6592C50.3139 44.2942 48.8991 43.3694 47.4162 43.3694C45.5923 43.3694 44.3906 44.7586 44.3906 46.77C44.3906 48.8027 45.5753 50.1322 47.5057 50.1322ZM45.6648 46.1564C45.7159 45.2274 46.3892 44.422 47.4247 44.422C48.4134 44.422 49.0611 45.155 49.0653 46.1564H45.6648Z",
+				fill: "white",
+				fillOpacity: "0.35"
+			}),
+			/* @__PURE__ */ jsxs("g", {
+				clipPath: "url(#clip0_2183_35009)",
+				children: [
+					/* @__PURE__ */ jsx("path", {
+						d: "M22.3002 3.27948H14.25V11.3318H22.3002V3.27948ZM20.6609 9.66275H15.9186V4.91923H20.6609V9.66275Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M19.1081 6.47128H17.4688V8.11102H19.1081V6.47128Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M14.2773 24.7206H22.3275V16.7122H14.2773V24.7206ZM15.9166 18.3373H20.6589V23.0809H15.9166V18.3373Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M35.7147 17.5176H34.0754V23.081H32.4653V21.8366H30.826V23.0591H28.8281V24.6988H35.7147V17.5176Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M19.1081 19.8893H17.4688V21.529H19.1081V19.8893Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M35.7142 3.27948H27.6641V11.3318H35.7142V3.27948ZM34.0749 9.66275H29.318V4.91923H34.0603L34.0749 9.66275Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M32.5221 6.47128H30.8828V8.11102H32.5221V6.47128Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M22.3014 13.184H17.5664V14.8237H22.3014V13.184Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M15.9167 13.184H14.2773V14.8237H15.9167V13.184Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M30.041 13.184H23.9375V14.8237H30.041V13.184Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M35.7121 15.8778V13.1766H31.6797V14.8237H34.0728V15.8778H35.7121Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M25.819 6.56622H24.1797V11.3024H25.819V6.56622Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M25.819 3.27948H24.1797V4.91922H25.819V3.27948Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M25.82 21.4338H27.0348V19.7941H25.82V16.7122H24.1953V24.7645H27.1958V23.0809H25.8346L25.82 21.4338Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M29.1874 19.5598H30.8267V18.3373H32.1587V16.7122H27.8555V18.352H29.1874V19.5598Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M33.2539 6.42268e-05V1.6398H37.3668V5.73182H39.0061V-0.00726318L33.2539 6.42268e-05Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M12.6408 1.63985H16.7391V0.00012207H11.0234V5.73188H12.6627L12.6408 1.63985Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M37.3678 26.3603H33.2695V28.0001H39.0071V22.261H37.3678V26.3603Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M12.6408 22.261H11.0234V28.0001H16.761V26.3603H12.6627L12.6408 22.261Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
+				id: "clip0_2183_35009",
+				children: /* @__PURE__ */ jsx("rect", {
+					width: "28",
+					height: "28",
+					fill: "white",
+					transform: "translate(11 0.00012207)"
+				})
+			}) })
+		]
+	});
 };
 const BarcodeSVG = () => {
-	return /* @__PURE__ */ React.createElement("svg", {
+	return /* @__PURE__ */ jsxs("svg", {
 		width: "52",
 		height: "49",
 		viewBox: "0 0 52 49",
 		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg"
-	}, /* @__PURE__ */ React.createElement("path", {
-		d: "M1.42951 46.0001H4.77468C6.80309 46.0001 7.71928 44.9902 7.71928 43.6521C7.71928 42.3013 6.77326 41.5385 5.9082 41.4916V41.4064C6.70934 41.2018 7.37837 40.6564 7.37837 39.5655C7.37837 38.2743 6.48349 37.2728 4.62553 37.2728H1.42951V46.0001ZM2.74627 44.8709V42.0754H4.69371C5.75053 42.0754 6.41104 42.7572 6.41104 43.5882C6.41104 44.3211 5.91246 44.8709 4.64684 44.8709H2.74627ZM2.74627 41.0484V38.3936H4.54457C5.5886 38.3936 6.08718 38.9433 6.08718 39.6677C6.08718 40.5115 5.39684 41.0484 4.51048 41.0484H2.74627ZM11.0836 46.145C12.166 46.145 12.7754 45.5953 13.0183 45.1052H13.0694V46.0001H14.3137V41.6535C14.3137 39.7487 12.8137 39.3694 11.774 39.3694C10.5893 39.3694 9.4984 39.8467 9.07227 41.0399L10.2697 41.3126C10.4572 40.8481 10.9345 40.4007 11.791 40.4007C12.6135 40.4007 13.0353 40.8311 13.0353 41.5726V41.6024C13.0353 42.0669 12.5581 42.0584 11.3819 42.1947C10.1419 42.3396 8.87198 42.6635 8.87198 44.1507C8.87198 45.4376 9.83931 46.145 11.0836 46.145ZM11.3606 45.1223C10.6404 45.1223 10.1206 44.7984 10.1206 44.1677C10.1206 43.4859 10.7257 43.243 11.4629 43.145C11.8762 43.0896 12.8564 42.9788 13.0396 42.7956V43.6393C13.0396 44.4149 12.4217 45.1223 11.3606 45.1223ZM16.0108 46.0001H17.285V42.003C17.285 41.1464 17.9455 40.5285 18.8489 40.5285C19.1131 40.5285 19.4114 40.5754 19.5137 40.6052V39.3865C19.3858 39.3694 19.1344 39.3567 18.9725 39.3567C18.2054 39.3567 17.5492 39.7913 17.3105 40.4944H17.2424V39.4547H16.0108V46.0001ZM26.5492 46.1322C28.0961 46.1322 29.0975 45.2032 29.2381 43.9291H27.998C27.8361 44.6365 27.2864 45.0541 26.5577 45.0541C25.4796 45.0541 24.785 44.155 24.785 42.7274C24.785 41.3254 25.4924 40.4433 26.5577 40.4433C27.3674 40.4433 27.8617 40.9547 27.998 41.5683H29.2381C29.1017 40.2473 28.0236 39.3694 26.5364 39.3694C24.6912 39.3694 23.498 40.7586 23.498 42.7572C23.498 44.7302 24.6486 46.1322 26.5492 46.1322ZM33.3578 46.1322C35.2029 46.1322 36.4089 44.7814 36.4089 42.7572C36.4089 40.7203 35.2029 39.3694 33.3578 39.3694C31.5126 39.3694 30.3066 40.7203 30.3066 42.7572C30.3066 44.7814 31.5126 46.1322 33.3578 46.1322ZM33.362 45.0626C32.1561 45.0626 31.5936 44.0101 31.5936 42.753C31.5936 41.5001 32.1561 40.4348 33.362 40.4348C34.5595 40.4348 35.122 41.5001 35.122 42.753C35.122 44.0101 34.5595 45.0626 33.362 45.0626ZM40.2814 46.128C41.4746 46.128 41.9434 45.3993 42.1735 44.9817H42.28V46.0001H43.5243V37.2728H42.2502V40.5157H42.1735C41.9434 40.1109 41.5087 39.3694 40.29 39.3694C38.709 39.3694 37.5456 40.618 37.5456 42.7402C37.5456 44.8581 38.6919 46.128 40.2814 46.128ZM40.5627 45.0413C39.4249 45.0413 38.8326 44.0399 38.8326 42.7274C38.8326 41.4277 39.4121 40.4518 40.5627 40.4518C41.6749 40.4518 42.2715 41.3595 42.2715 42.7274C42.2715 44.1038 41.6621 45.0413 40.5627 45.0413ZM48.1639 46.1322C49.5914 46.1322 50.6014 45.4291 50.8912 44.3638L49.6852 44.1464C49.4551 44.7643 48.9011 45.0797 48.1767 45.0797C47.0858 45.0797 46.3528 44.3723 46.3187 43.1109H50.9721V42.6592C50.9721 40.2942 49.5574 39.3694 48.0744 39.3694C46.2505 39.3694 45.0488 40.7586 45.0488 42.77C45.0488 44.8027 46.2335 46.1322 48.1639 46.1322ZM46.323 42.1564C46.3741 41.2274 47.0474 40.422 48.0829 40.422C49.0716 40.422 49.7193 41.155 49.7235 42.1564H46.323Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_2183_35008)" }, /* @__PURE__ */ React.createElement("path", {
-		d: "M47 9.00012H7V10.0001H47V9.00012Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M43 0.00012207H42V7.00012H43V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M43 12.0001H42V19.0001H43V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M41 12.0001H39V19.0001H41V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M41 0.00012207H39V7.00012H41V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M38 0.00012207H35V7.00012H38V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M38 12.0001H35V19.0001H38V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M33 12.0001H31V19.0001H33V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M33 0.00012207H31V7.00012H33V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M30 0.00012207H28V7.00012H30V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M30 12.0001H28V19.0001H30V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M27 0.00012207H26V7.00012H27V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M27 12.0001H26V19.0001H27V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M25 0.00012207H24V7.00012H25V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M25 12.0001H24V19.0001H25V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M23 0.00012207H20V7.00012H23V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M23 12.0001H20V19.0001H23V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M18 0.00012207H16V7.00012H18V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M18 12.0001H16V19.0001H18V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M15 12.0001H14V19.0001H15V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M15 0.00012207H14V7.00012H15V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M13 0.00012207H10V7.00012H13V0.00012207Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M13 12.0001H10V19.0001H13V12.0001Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	})), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_2183_35008" }, /* @__PURE__ */ React.createElement("rect", {
-		width: "40",
-		height: "20",
-		fill: "white",
-		transform: "translate(7 0.00012207)"
-	}))));
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M1.42951 46.0001H4.77468C6.80309 46.0001 7.71928 44.9902 7.71928 43.6521C7.71928 42.3013 6.77326 41.5385 5.9082 41.4916V41.4064C6.70934 41.2018 7.37837 40.6564 7.37837 39.5655C7.37837 38.2743 6.48349 37.2728 4.62553 37.2728H1.42951V46.0001ZM2.74627 44.8709V42.0754H4.69371C5.75053 42.0754 6.41104 42.7572 6.41104 43.5882C6.41104 44.3211 5.91246 44.8709 4.64684 44.8709H2.74627ZM2.74627 41.0484V38.3936H4.54457C5.5886 38.3936 6.08718 38.9433 6.08718 39.6677C6.08718 40.5115 5.39684 41.0484 4.51048 41.0484H2.74627ZM11.0836 46.145C12.166 46.145 12.7754 45.5953 13.0183 45.1052H13.0694V46.0001H14.3137V41.6535C14.3137 39.7487 12.8137 39.3694 11.774 39.3694C10.5893 39.3694 9.4984 39.8467 9.07227 41.0399L10.2697 41.3126C10.4572 40.8481 10.9345 40.4007 11.791 40.4007C12.6135 40.4007 13.0353 40.8311 13.0353 41.5726V41.6024C13.0353 42.0669 12.5581 42.0584 11.3819 42.1947C10.1419 42.3396 8.87198 42.6635 8.87198 44.1507C8.87198 45.4376 9.83931 46.145 11.0836 46.145ZM11.3606 45.1223C10.6404 45.1223 10.1206 44.7984 10.1206 44.1677C10.1206 43.4859 10.7257 43.243 11.4629 43.145C11.8762 43.0896 12.8564 42.9788 13.0396 42.7956V43.6393C13.0396 44.4149 12.4217 45.1223 11.3606 45.1223ZM16.0108 46.0001H17.285V42.003C17.285 41.1464 17.9455 40.5285 18.8489 40.5285C19.1131 40.5285 19.4114 40.5754 19.5137 40.6052V39.3865C19.3858 39.3694 19.1344 39.3567 18.9725 39.3567C18.2054 39.3567 17.5492 39.7913 17.3105 40.4944H17.2424V39.4547H16.0108V46.0001ZM26.5492 46.1322C28.0961 46.1322 29.0975 45.2032 29.2381 43.9291H27.998C27.8361 44.6365 27.2864 45.0541 26.5577 45.0541C25.4796 45.0541 24.785 44.155 24.785 42.7274C24.785 41.3254 25.4924 40.4433 26.5577 40.4433C27.3674 40.4433 27.8617 40.9547 27.998 41.5683H29.2381C29.1017 40.2473 28.0236 39.3694 26.5364 39.3694C24.6912 39.3694 23.498 40.7586 23.498 42.7572C23.498 44.7302 24.6486 46.1322 26.5492 46.1322ZM33.3578 46.1322C35.2029 46.1322 36.4089 44.7814 36.4089 42.7572C36.4089 40.7203 35.2029 39.3694 33.3578 39.3694C31.5126 39.3694 30.3066 40.7203 30.3066 42.7572C30.3066 44.7814 31.5126 46.1322 33.3578 46.1322ZM33.362 45.0626C32.1561 45.0626 31.5936 44.0101 31.5936 42.753C31.5936 41.5001 32.1561 40.4348 33.362 40.4348C34.5595 40.4348 35.122 41.5001 35.122 42.753C35.122 44.0101 34.5595 45.0626 33.362 45.0626ZM40.2814 46.128C41.4746 46.128 41.9434 45.3993 42.1735 44.9817H42.28V46.0001H43.5243V37.2728H42.2502V40.5157H42.1735C41.9434 40.1109 41.5087 39.3694 40.29 39.3694C38.709 39.3694 37.5456 40.618 37.5456 42.7402C37.5456 44.8581 38.6919 46.128 40.2814 46.128ZM40.5627 45.0413C39.4249 45.0413 38.8326 44.0399 38.8326 42.7274C38.8326 41.4277 39.4121 40.4518 40.5627 40.4518C41.6749 40.4518 42.2715 41.3595 42.2715 42.7274C42.2715 44.1038 41.6621 45.0413 40.5627 45.0413ZM48.1639 46.1322C49.5914 46.1322 50.6014 45.4291 50.8912 44.3638L49.6852 44.1464C49.4551 44.7643 48.9011 45.0797 48.1767 45.0797C47.0858 45.0797 46.3528 44.3723 46.3187 43.1109H50.9721V42.6592C50.9721 40.2942 49.5574 39.3694 48.0744 39.3694C46.2505 39.3694 45.0488 40.7586 45.0488 42.77C45.0488 44.8027 46.2335 46.1322 48.1639 46.1322ZM46.323 42.1564C46.3741 41.2274 47.0474 40.422 48.0829 40.422C49.0716 40.422 49.7193 41.155 49.7235 42.1564H46.323Z",
+				fill: "white",
+				fillOpacity: "0.35"
+			}),
+			/* @__PURE__ */ jsxs("g", {
+				clipPath: "url(#clip0_2183_35008)",
+				children: [
+					/* @__PURE__ */ jsx("path", {
+						d: "M47 9.00012H7V10.0001H47V9.00012Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M43 0.00012207H42V7.00012H43V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M43 12.0001H42V19.0001H43V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M41 12.0001H39V19.0001H41V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M41 0.00012207H39V7.00012H41V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M38 0.00012207H35V7.00012H38V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M38 12.0001H35V19.0001H38V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M33 12.0001H31V19.0001H33V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M33 0.00012207H31V7.00012H33V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M30 0.00012207H28V7.00012H30V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M30 12.0001H28V19.0001H30V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M27 0.00012207H26V7.00012H27V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M27 12.0001H26V19.0001H27V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M25 0.00012207H24V7.00012H25V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M25 12.0001H24V19.0001H25V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M23 0.00012207H20V7.00012H23V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M23 12.0001H20V19.0001H23V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M18 0.00012207H16V7.00012H18V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M18 12.0001H16V19.0001H18V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M15 12.0001H14V19.0001H15V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M15 0.00012207H14V7.00012H15V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M13 0.00012207H10V7.00012H13V0.00012207Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					}),
+					/* @__PURE__ */ jsx("path", {
+						d: "M13 12.0001H10V19.0001H13V12.0001Z",
+						fill: "white",
+						fillOpacity: "0.35"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
+				id: "clip0_2183_35008",
+				children: /* @__PURE__ */ jsx("rect", {
+					width: "40",
+					height: "20",
+					fill: "white",
+					transform: "translate(7 0.00012207)"
+				})
+			}) })
+		]
+	});
 };
 const RFIDCardSVG = () => {
-	return /* @__PURE__ */ React.createElement("svg", {
+	return /* @__PURE__ */ jsxs("svg", {
 		width: "58",
 		height: "49",
 		viewBox: "0 0 58 49",
 		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg"
-	}, /* @__PURE__ */ React.createElement("path", {
-		d: "M1.27131 46.0001H2.58807V42.6976H4.37784C4.40767 42.6976 4.43324 42.6976 4.46307 42.6976L6.2358 46.0001H7.7358L5.80114 42.4675C6.87074 42.0711 7.40341 41.1805 7.40341 40.0086C7.40341 38.4021 6.40625 37.2728 4.3821 37.2728H1.27131V46.0001ZM2.58807 41.564V38.4021H4.24148C5.54119 38.4021 6.07812 39.02 6.07812 40.0086C6.07812 40.993 5.54119 41.564 4.25852 41.564H2.58807ZM10.3224 37.2728H9.00568V46.0001H10.3224V37.2728ZM12.2401 46.0001H13.5568V42.1947H17.2642V41.0655H13.5568V38.4064H17.652V37.2728H12.2401V46.0001ZM22.0966 46.0001C24.7557 46.0001 26.294 44.351 26.294 41.6237C26.294 38.9092 24.7557 37.2728 22.1861 37.2728H19.2713V46.0001H22.0966ZM20.5881 44.8496V38.4234H22.1051C24.0142 38.4234 24.9986 39.5655 24.9986 41.6237C24.9986 43.6905 24.0142 44.8496 22.0241 44.8496H20.5881ZM38.3558 40.1109C38.0575 38.2444 36.5959 37.1535 34.7507 37.1535C32.4922 37.1535 30.826 38.8453 30.826 41.6365C30.826 44.4277 32.4837 46.1194 34.7507 46.1194C36.6683 46.1194 38.0703 44.9177 38.3558 43.1919L37.0263 43.1876C36.8004 44.3041 35.8629 44.9177 34.7592 44.9177C33.2635 44.9177 32.1342 43.7714 32.1342 41.6365C32.1342 39.5186 33.2592 38.3552 34.7635 38.3552C35.8757 38.3552 36.8089 38.9817 37.0263 40.1109H38.3558ZM41.734 46.145C42.8164 46.145 43.4258 45.5953 43.6687 45.1052H43.7198V46.0001H44.9641V41.6535C44.9641 39.7487 43.4641 39.3694 42.4244 39.3694C41.2397 39.3694 40.1488 39.8467 39.7227 41.0399L40.9201 41.3126C41.1076 40.8481 41.5849 40.4007 42.4414 40.4007C43.2638 40.4007 43.6857 40.8311 43.6857 41.5726V41.6024C43.6857 42.0669 43.2085 42.0584 42.0323 42.1947C40.7923 42.3396 39.5224 42.6635 39.5224 44.1507C39.5224 45.4376 40.4897 46.145 41.734 46.145ZM42.011 45.1223C41.2908 45.1223 40.771 44.7984 40.771 44.1677C40.771 43.4859 41.3761 43.243 42.1133 43.145C42.5266 43.0896 43.5067 42.9788 43.69 42.7956V43.6393C43.69 44.4149 43.0721 45.1223 42.011 45.1223ZM46.6612 46.0001H47.9354V42.003C47.9354 41.1464 48.5959 40.5285 49.4993 40.5285C49.7635 40.5285 50.0618 40.5754 50.1641 40.6052V39.3865C50.0362 39.3694 49.7848 39.3567 49.6229 39.3567C48.8558 39.3567 48.1996 39.7913 47.9609 40.4944H47.8928V39.4547H46.6612V46.0001ZM53.4826 46.128C54.6758 46.128 55.1445 45.3993 55.3746 44.9817H55.4812V46.0001H56.7255V37.2728H55.4513V40.5157H55.3746C55.1445 40.1109 54.7099 39.3694 53.4911 39.3694C51.9102 39.3694 50.7468 40.618 50.7468 42.7402C50.7468 44.8581 51.8931 46.128 53.4826 46.128ZM53.7638 45.0413C52.6261 45.0413 52.0337 44.0399 52.0337 42.7274C52.0337 41.4277 52.6133 40.4518 53.7638 40.4518C54.8761 40.4518 55.4727 41.3595 55.4727 42.7274C55.4727 44.1038 54.8633 45.0413 53.7638 45.0413Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	}), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_2183_35036)" }, /* @__PURE__ */ React.createElement("path", {
-		d: "M19.5998 19.9927H38.3927C40.7673 19.9927 41.9924 18.8037 41.9924 16.5215V3.47133C41.9924 1.1892 40.7673 0.00012207 38.3927 0.00012207H19.5998C17.2251 0.00012207 16 1.17443 16 3.47133V16.5215C16 18.8037 17.2251 19.9927 19.5998 19.9927ZM19.7283 17.8953C19.5129 17.9222 19.294 17.9003 19.0886 17.8313C18.8832 17.7623 18.6969 17.648 18.544 17.4973C18.3911 17.3466 18.2759 17.1635 18.2072 16.9623C18.1385 16.761 18.1181 16.547 18.1478 16.3369V3.64857C18.1197 3.43872 18.1411 3.22539 18.2104 3.02486C18.2796 2.82432 18.3949 2.6419 18.5474 2.49154C18.6999 2.34118 18.8856 2.22684 19.0903 2.15729C19.295 2.08774 19.5132 2.06481 19.7283 2.09024H38.2641C38.4792 2.06481 38.6975 2.08774 38.9022 2.15729C39.1068 2.22684 39.2925 2.34118 39.445 2.49154C39.5975 2.6419 39.7128 2.82432 39.7821 3.02486C39.8513 3.22539 39.8728 3.43872 39.8447 3.64857V16.3369C39.8728 16.5468 39.8513 16.7601 39.7821 16.9606C39.7128 17.1612 39.5975 17.3436 39.445 17.494C39.2925 17.6443 39.1068 17.7586 38.9022 17.8282C38.6975 17.8977 38.4792 17.9207 38.2641 17.8953H19.7283ZM24.5759 9.93366C24.9027 9.92527 25.2245 9.85291 25.5221 9.72085C25.8197 9.58879 26.0872 9.39974 26.3086 9.16488C26.5301 8.93003 26.701 8.65415 26.8112 8.3536C26.9215 8.05305 26.9689 7.73395 26.9505 7.41519C26.9123 6.96482 26.7407 6.53505 26.4565 6.1784C26.1723 5.82175 25.7879 5.55367 25.3502 5.40689C24.9125 5.26012 24.4405 5.24101 23.9919 5.3519C23.5433 5.46279 23.1375 5.69889 22.8241 6.03133C22.5106 6.36378 22.3031 6.77819 22.2269 7.22393C22.1506 7.66967 22.2089 8.12746 22.3947 8.54135C22.5805 8.95524 22.8858 9.3073 23.2731 9.55456C23.6605 9.80182 24.1132 9.93355 24.5759 9.93366ZM31.6091 6.54371H37.3112C37.4038 6.54577 37.4958 6.52936 37.5817 6.49548C37.6676 6.46159 37.7455 6.41095 37.8106 6.34665C37.8757 6.28235 37.9268 6.20575 37.9605 6.12153C37.9943 6.03731 38.0101 5.94725 38.007 5.85686C38.008 5.76802 37.9907 5.67989 37.9559 5.5978C37.9211 5.51571 37.8697 5.44134 37.8047 5.37922C37.7396 5.31709 37.6624 5.2685 37.5776 5.23634C37.4927 5.20419 37.4021 5.18914 37.3112 5.19214H31.6469C31.556 5.18914 31.4654 5.20419 31.3806 5.23634C31.2958 5.2685 31.2185 5.31709 31.1535 5.37922C31.0885 5.44134 31.037 5.51571 31.0022 5.5978C30.9674 5.67989 30.9501 5.76802 30.9511 5.85686C30.948 5.94725 30.9638 6.03731 30.9976 6.12153C31.0313 6.20575 31.0824 6.28235 31.1475 6.34665C31.2126 6.41095 31.2905 6.46159 31.3764 6.49548C31.4623 6.52936 31.5543 6.54577 31.6469 6.54371H31.6091ZM31.6091 10.6796H37.3112C37.4957 10.6796 37.6727 10.608 37.8032 10.4806C37.9337 10.3532 38.007 10.1803 38.007 10.0001C38.007 9.81992 37.9337 9.64709 37.8032 9.51967C37.6727 9.39224 37.4957 9.32065 37.3112 9.32065H31.6469C31.4624 9.32065 31.2854 9.39224 31.1549 9.51967C31.0245 9.64709 30.9511 9.81992 30.9511 10.0001C30.9511 10.1803 31.0245 10.3532 31.1549 10.4806C31.2854 10.608 31.4624 10.6796 31.6469 10.6796H31.6091ZM20.4392 14.8081H28.7126C28.796 14.8129 28.8794 14.7998 28.9571 14.7699C29.0347 14.74 29.1048 14.6939 29.1624 14.6349C29.22 14.5758 29.2637 14.5052 29.2905 14.428C29.3173 14.3508 29.3265 14.2688 29.3176 14.1877C29.3176 13.1907 27.8051 10.6501 24.5759 10.6501C21.3467 10.6501 19.8494 13.1907 19.8494 14.1877C19.8394 14.2678 19.8473 14.3489 19.8728 14.4256C19.8983 14.5023 19.9406 14.5726 19.9967 14.6317C20.0529 14.6908 20.1216 14.7372 20.198 14.7677C20.2745 14.7981 20.3567 14.8119 20.4392 14.8081ZM31.6091 14.8081H37.3112C37.4021 14.8111 37.4927 14.7961 37.5776 14.7639C37.6624 14.7318 37.7396 14.6832 37.8047 14.621C37.8697 14.5589 37.9211 14.4846 37.9559 14.4025C37.9907 14.3204 38.008 14.2322 38.007 14.1434C38.009 14.0529 37.9925 13.963 37.9584 13.8789C37.9243 13.7947 37.8734 13.718 37.8086 13.6534C37.7438 13.5887 37.6664 13.5373 37.581 13.5023C37.4956 13.4672 37.4039 13.4492 37.3112 13.4492H31.6469C31.5542 13.4492 31.4625 13.4672 31.3771 13.5023C31.2917 13.5373 31.2143 13.5887 31.1495 13.6534C31.0847 13.718 31.0338 13.7947 30.9997 13.8789C30.9656 13.963 30.9491 14.0529 30.9511 14.1434C30.9501 14.2322 30.9674 14.3204 31.0022 14.4025C31.037 14.4846 31.0885 14.5589 31.1535 14.621C31.2185 14.6832 31.2958 14.7318 31.3806 14.7639C31.4654 14.7961 31.556 14.8111 31.6469 14.8081H31.6091Z",
-		fill: "white",
-		fillOpacity: "0.35"
-	})), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_2183_35036" }, /* @__PURE__ */ React.createElement("rect", {
-		width: "26",
-		height: "20",
-		fill: "white",
-		transform: "translate(16 0.00012207)"
-	}))));
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M1.27131 46.0001H2.58807V42.6976H4.37784C4.40767 42.6976 4.43324 42.6976 4.46307 42.6976L6.2358 46.0001H7.7358L5.80114 42.4675C6.87074 42.0711 7.40341 41.1805 7.40341 40.0086C7.40341 38.4021 6.40625 37.2728 4.3821 37.2728H1.27131V46.0001ZM2.58807 41.564V38.4021H4.24148C5.54119 38.4021 6.07812 39.02 6.07812 40.0086C6.07812 40.993 5.54119 41.564 4.25852 41.564H2.58807ZM10.3224 37.2728H9.00568V46.0001H10.3224V37.2728ZM12.2401 46.0001H13.5568V42.1947H17.2642V41.0655H13.5568V38.4064H17.652V37.2728H12.2401V46.0001ZM22.0966 46.0001C24.7557 46.0001 26.294 44.351 26.294 41.6237C26.294 38.9092 24.7557 37.2728 22.1861 37.2728H19.2713V46.0001H22.0966ZM20.5881 44.8496V38.4234H22.1051C24.0142 38.4234 24.9986 39.5655 24.9986 41.6237C24.9986 43.6905 24.0142 44.8496 22.0241 44.8496H20.5881ZM38.3558 40.1109C38.0575 38.2444 36.5959 37.1535 34.7507 37.1535C32.4922 37.1535 30.826 38.8453 30.826 41.6365C30.826 44.4277 32.4837 46.1194 34.7507 46.1194C36.6683 46.1194 38.0703 44.9177 38.3558 43.1919L37.0263 43.1876C36.8004 44.3041 35.8629 44.9177 34.7592 44.9177C33.2635 44.9177 32.1342 43.7714 32.1342 41.6365C32.1342 39.5186 33.2592 38.3552 34.7635 38.3552C35.8757 38.3552 36.8089 38.9817 37.0263 40.1109H38.3558ZM41.734 46.145C42.8164 46.145 43.4258 45.5953 43.6687 45.1052H43.7198V46.0001H44.9641V41.6535C44.9641 39.7487 43.4641 39.3694 42.4244 39.3694C41.2397 39.3694 40.1488 39.8467 39.7227 41.0399L40.9201 41.3126C41.1076 40.8481 41.5849 40.4007 42.4414 40.4007C43.2638 40.4007 43.6857 40.8311 43.6857 41.5726V41.6024C43.6857 42.0669 43.2085 42.0584 42.0323 42.1947C40.7923 42.3396 39.5224 42.6635 39.5224 44.1507C39.5224 45.4376 40.4897 46.145 41.734 46.145ZM42.011 45.1223C41.2908 45.1223 40.771 44.7984 40.771 44.1677C40.771 43.4859 41.3761 43.243 42.1133 43.145C42.5266 43.0896 43.5067 42.9788 43.69 42.7956V43.6393C43.69 44.4149 43.0721 45.1223 42.011 45.1223ZM46.6612 46.0001H47.9354V42.003C47.9354 41.1464 48.5959 40.5285 49.4993 40.5285C49.7635 40.5285 50.0618 40.5754 50.1641 40.6052V39.3865C50.0362 39.3694 49.7848 39.3567 49.6229 39.3567C48.8558 39.3567 48.1996 39.7913 47.9609 40.4944H47.8928V39.4547H46.6612V46.0001ZM53.4826 46.128C54.6758 46.128 55.1445 45.3993 55.3746 44.9817H55.4812V46.0001H56.7255V37.2728H55.4513V40.5157H55.3746C55.1445 40.1109 54.7099 39.3694 53.4911 39.3694C51.9102 39.3694 50.7468 40.618 50.7468 42.7402C50.7468 44.8581 51.8931 46.128 53.4826 46.128ZM53.7638 45.0413C52.6261 45.0413 52.0337 44.0399 52.0337 42.7274C52.0337 41.4277 52.6133 40.4518 53.7638 40.4518C54.8761 40.4518 55.4727 41.3595 55.4727 42.7274C55.4727 44.1038 54.8633 45.0413 53.7638 45.0413Z",
+				fill: "white",
+				fillOpacity: "0.35"
+			}),
+			/* @__PURE__ */ jsx("g", {
+				clipPath: "url(#clip0_2183_35036)",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M19.5998 19.9927H38.3927C40.7673 19.9927 41.9924 18.8037 41.9924 16.5215V3.47133C41.9924 1.1892 40.7673 0.00012207 38.3927 0.00012207H19.5998C17.2251 0.00012207 16 1.17443 16 3.47133V16.5215C16 18.8037 17.2251 19.9927 19.5998 19.9927ZM19.7283 17.8953C19.5129 17.9222 19.294 17.9003 19.0886 17.8313C18.8832 17.7623 18.6969 17.648 18.544 17.4973C18.3911 17.3466 18.2759 17.1635 18.2072 16.9623C18.1385 16.761 18.1181 16.547 18.1478 16.3369V3.64857C18.1197 3.43872 18.1411 3.22539 18.2104 3.02486C18.2796 2.82432 18.3949 2.6419 18.5474 2.49154C18.6999 2.34118 18.8856 2.22684 19.0903 2.15729C19.295 2.08774 19.5132 2.06481 19.7283 2.09024H38.2641C38.4792 2.06481 38.6975 2.08774 38.9022 2.15729C39.1068 2.22684 39.2925 2.34118 39.445 2.49154C39.5975 2.6419 39.7128 2.82432 39.7821 3.02486C39.8513 3.22539 39.8728 3.43872 39.8447 3.64857V16.3369C39.8728 16.5468 39.8513 16.7601 39.7821 16.9606C39.7128 17.1612 39.5975 17.3436 39.445 17.494C39.2925 17.6443 39.1068 17.7586 38.9022 17.8282C38.6975 17.8977 38.4792 17.9207 38.2641 17.8953H19.7283ZM24.5759 9.93366C24.9027 9.92527 25.2245 9.85291 25.5221 9.72085C25.8197 9.58879 26.0872 9.39974 26.3086 9.16488C26.5301 8.93003 26.701 8.65415 26.8112 8.3536C26.9215 8.05305 26.9689 7.73395 26.9505 7.41519C26.9123 6.96482 26.7407 6.53505 26.4565 6.1784C26.1723 5.82175 25.7879 5.55367 25.3502 5.40689C24.9125 5.26012 24.4405 5.24101 23.9919 5.3519C23.5433 5.46279 23.1375 5.69889 22.8241 6.03133C22.5106 6.36378 22.3031 6.77819 22.2269 7.22393C22.1506 7.66967 22.2089 8.12746 22.3947 8.54135C22.5805 8.95524 22.8858 9.3073 23.2731 9.55456C23.6605 9.80182 24.1132 9.93355 24.5759 9.93366ZM31.6091 6.54371H37.3112C37.4038 6.54577 37.4958 6.52936 37.5817 6.49548C37.6676 6.46159 37.7455 6.41095 37.8106 6.34665C37.8757 6.28235 37.9268 6.20575 37.9605 6.12153C37.9943 6.03731 38.0101 5.94725 38.007 5.85686C38.008 5.76802 37.9907 5.67989 37.9559 5.5978C37.9211 5.51571 37.8697 5.44134 37.8047 5.37922C37.7396 5.31709 37.6624 5.2685 37.5776 5.23634C37.4927 5.20419 37.4021 5.18914 37.3112 5.19214H31.6469C31.556 5.18914 31.4654 5.20419 31.3806 5.23634C31.2958 5.2685 31.2185 5.31709 31.1535 5.37922C31.0885 5.44134 31.037 5.51571 31.0022 5.5978C30.9674 5.67989 30.9501 5.76802 30.9511 5.85686C30.948 5.94725 30.9638 6.03731 30.9976 6.12153C31.0313 6.20575 31.0824 6.28235 31.1475 6.34665C31.2126 6.41095 31.2905 6.46159 31.3764 6.49548C31.4623 6.52936 31.5543 6.54577 31.6469 6.54371H31.6091ZM31.6091 10.6796H37.3112C37.4957 10.6796 37.6727 10.608 37.8032 10.4806C37.9337 10.3532 38.007 10.1803 38.007 10.0001C38.007 9.81992 37.9337 9.64709 37.8032 9.51967C37.6727 9.39224 37.4957 9.32065 37.3112 9.32065H31.6469C31.4624 9.32065 31.2854 9.39224 31.1549 9.51967C31.0245 9.64709 30.9511 9.81992 30.9511 10.0001C30.9511 10.1803 31.0245 10.3532 31.1549 10.4806C31.2854 10.608 31.4624 10.6796 31.6469 10.6796H31.6091ZM20.4392 14.8081H28.7126C28.796 14.8129 28.8794 14.7998 28.9571 14.7699C29.0347 14.74 29.1048 14.6939 29.1624 14.6349C29.22 14.5758 29.2637 14.5052 29.2905 14.428C29.3173 14.3508 29.3265 14.2688 29.3176 14.1877C29.3176 13.1907 27.8051 10.6501 24.5759 10.6501C21.3467 10.6501 19.8494 13.1907 19.8494 14.1877C19.8394 14.2678 19.8473 14.3489 19.8728 14.4256C19.8983 14.5023 19.9406 14.5726 19.9967 14.6317C20.0529 14.6908 20.1216 14.7372 20.198 14.7677C20.2745 14.7981 20.3567 14.8119 20.4392 14.8081ZM31.6091 14.8081H37.3112C37.4021 14.8111 37.4927 14.7961 37.5776 14.7639C37.6624 14.7318 37.7396 14.6832 37.8047 14.621C37.8697 14.5589 37.9211 14.4846 37.9559 14.4025C37.9907 14.3204 38.008 14.2322 38.007 14.1434C38.009 14.0529 37.9925 13.963 37.9584 13.8789C37.9243 13.7947 37.8734 13.718 37.8086 13.6534C37.7438 13.5887 37.6664 13.5373 37.581 13.5023C37.4956 13.4672 37.4039 13.4492 37.3112 13.4492H31.6469C31.5542 13.4492 31.4625 13.4672 31.3771 13.5023C31.2917 13.5373 31.2143 13.5887 31.1495 13.6534C31.0847 13.718 31.0338 13.7947 30.9997 13.8789C30.9656 13.963 30.9491 14.0529 30.9511 14.1434C30.9501 14.2322 30.9674 14.3204 31.0022 14.4025C31.037 14.4846 31.0885 14.5589 31.1535 14.621C31.2185 14.6832 31.2958 14.7318 31.3806 14.7639C31.4654 14.7961 31.556 14.8111 31.6469 14.8081H31.6091Z",
+					fill: "white",
+					fillOpacity: "0.35"
+				})
+			}),
+			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
+				id: "clip0_2183_35036",
+				children: /* @__PURE__ */ jsx("rect", {
+					width: "26",
+					height: "20",
+					fill: "white",
+					transform: "translate(16 0.00012207)"
+				})
+			}) })
+		]
+	});
 };
 const AcLogoSVG = () => {
-	return /* @__PURE__ */ React.createElement("svg", {
+	return /* @__PURE__ */ jsx("svg", {
 		width: "98",
 		height: "50",
 		viewBox: "0 0 98 50",
 		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg"
-	}, /* @__PURE__ */ React.createElement("g", { opacity: "0.25" }, /* @__PURE__ */ React.createElement("path", {
-		d: "M66.8428 0.85791C66.2106 2.00303 65.7681 3.21177 65.3888 4.48413C64.883 4.54775 64.4405 4.61136 63.998 4.67498C63.5555 4.80222 63.0497 4.92945 62.6072 5.05669C61.8486 4.0388 61.0267 3.08453 60.0784 2.19388C59.4463 2.51197 58.8141 2.83006 58.1819 3.27539C58.3716 4.54774 58.6876 5.8201 59.1302 7.09246C58.7509 7.41055 58.4348 7.72864 58.1187 8.11034C57.8026 8.49205 57.4865 8.81014 57.2336 9.25547C56.0325 8.87376 54.7681 8.55567 53.5038 8.42843C53.1245 9.06461 52.8716 9.76441 52.6187 10.4006C53.5038 11.3549 54.5153 12.1819 55.59 12.8817C55.3371 13.8359 55.2107 14.7902 55.2739 15.7445C54.0727 16.1262 52.8716 16.6351 51.7969 17.2713C51.8601 17.9711 51.9865 18.7345 52.2394 19.4343C53.5038 19.6888 54.8313 19.7524 56.0957 19.6888C56.2854 20.1341 56.475 20.5794 56.7279 20.9611C56.9808 21.4065 57.2336 21.7882 57.4865 22.1699C56.7279 23.1878 56.0957 24.3329 55.5267 25.478C56.0325 25.987 56.5382 26.4959 57.1072 26.9412C58.2451 26.3687 59.383 25.6689 60.3945 24.8418C60.7738 25.0963 61.2164 25.3508 61.6589 25.5416C62.1014 25.7325 62.544 25.9233 62.9865 26.0506C62.9865 27.3229 63.1129 28.5953 63.3658 29.8676C64.0612 29.9949 64.8198 30.1221 65.5152 30.1221C66.1474 28.977 66.5899 27.7683 66.9692 26.4959C67.475 26.4323 67.9175 26.3687 68.36 26.305C68.8026 26.1778 69.3083 26.0506 69.7508 25.9233C70.5094 26.9412 71.3313 27.8955 72.2796 28.7861C72.9117 28.4681 73.5439 28.15 74.1761 27.7046C73.9864 26.4323 73.6704 25.1599 73.2278 23.8876C73.6071 23.5695 73.9232 23.2514 74.2393 22.8697C74.5554 22.488 74.8715 22.1699 75.1244 21.7246C76.3255 22.1063 77.5899 22.4244 78.8543 22.5516C79.2336 21.9154 79.4864 21.2156 79.7393 20.5794C78.8542 19.6252 77.8428 18.7981 76.7681 18.0983C77.0209 17.1441 77.1474 16.1898 77.0841 15.2355C78.2853 14.8538 79.4864 14.3449 80.5611 13.7087C80.4979 13.0089 80.3715 12.2455 80.1186 11.5457C78.8543 11.2912 77.5267 11.2276 76.2623 11.2912C76.0727 10.8459 75.883 10.4006 75.6301 10.0189C75.3773 9.57355 75.1244 9.19185 74.8715 8.81014C75.6301 7.79225 76.2623 6.64713 76.8313 5.50201C76.3255 4.99307 75.8198 4.48413 75.2508 4.0388C74.1129 4.61136 72.975 5.31116 71.9635 6.13819C71.5842 5.88372 71.1416 5.62925 70.6991 5.4384C70.2566 5.24754 69.8141 5.05669 69.3715 4.92945C69.3715 3.6571 69.2451 2.38474 68.9922 1.11238C68.2336 0.985147 67.5382 0.85791 66.8428 0.85791ZM68.929 9.25547C72.3428 10.8459 73.7968 14.8538 72.2796 18.2256C71.3945 20.1977 69.6244 21.5973 67.5382 22.0427C66.1474 22.2971 64.6934 22.1699 63.429 21.5973C60.0152 20.0069 58.5612 15.999 60.0784 12.6272C60.9635 10.6551 62.7336 9.25546 64.8198 8.81014C66.2106 8.49205 67.6646 8.6829 68.929 9.25547Z",
-		fill: "white"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M6.03298 22.8689L5.02149 29.2307H0.722656L5.4008 1.55695H11.0904L15.7054 29.2307H11.3433L10.395 22.8689H6.03298ZM8.1824 7.85511L6.66517 18.7974H9.76286L8.1824 7.85511Z",
-		fill: "white"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M23.861 1.49487L29.361 20.0713V1.49487H33.5334V29.1686H29.1081L23.4185 11.4193V29.1686H19.2461V1.49487H23.861Z",
-		fill: "white"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M50.2261 22.5524C50.2261 24.3337 49.5307 25.9878 48.3295 27.1965C47.1284 28.4688 45.4847 29.1686 43.7146 29.1686H37.2031V1.49487H43.7146C45.4847 1.49487 47.1284 2.19467 48.3295 3.46703C49.5939 4.67577 50.2261 6.39345 50.2261 8.11113V22.5524ZM41.3123 25.0971H43.7778C44.41 25.0971 45.0422 24.8426 45.4215 24.3973C45.864 23.952 46.1169 23.3158 46.1169 22.6796V8.17475C46.1169 7.53857 45.864 6.90239 45.4215 6.45707C44.979 6.01174 44.41 5.75727 43.7778 5.75727H41.3123V25.0971Z",
-		fill: "white"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M4.83183 49.0815C2.55598 49.0815 0.722656 47.2366 0.722656 45.01C0.722656 45.01 0.722656 45.01 0.722656 44.9464V35.5309C0.722656 33.2407 2.49276 31.3958 4.76862 31.3322C7.04447 31.2685 8.8778 33.1135 8.94101 35.4037C8.94101 35.4673 8.94101 35.4673 8.94101 35.5309V37.5031H6.28585V35.4673C6.28585 34.6403 5.59045 33.9405 4.76862 33.9405C4.38931 33.9405 4.01 34.0677 3.69391 34.3858C3.44104 34.6403 3.25138 35.022 3.25138 35.4673V44.9464C3.25138 45.7734 3.88356 46.4096 4.7054 46.4096C5.08471 46.4096 5.46402 46.2824 5.78011 45.9643C6.0962 45.7098 6.22263 45.3281 6.22263 44.8828V42.5289H8.94101V44.9464C8.94101 47.2366 7.10769 49.0815 4.83183 49.0815Z",
-		fill: "white"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M30.1227 48.8867H23.1055V31.6463H25.6974V46.342H30.1859L30.1227 48.8867Z",
-		fill: "white"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M48.0115 31.4559C50.2874 31.4559 52.1207 33.3009 52.1207 35.5911V45.0065C52.1207 47.2968 50.2874 49.1417 48.0115 49.1417C46.9368 49.1417 45.8621 48.6964 45.1035 47.933C44.3449 47.1696 43.9023 46.088 43.9023 45.0065V35.5911C43.9023 33.3009 45.7357 31.4559 48.0115 31.4559ZM49.4023 35.5275C49.4023 34.7004 48.7701 34.0643 47.9483 34.0643C47.569 34.0643 47.1897 34.1915 46.8736 34.5096C46.5575 34.7641 46.4311 35.1458 46.4311 35.5911V45.0065C46.4311 45.3883 46.5575 45.77 46.8736 46.0244C47.1265 46.2789 47.5058 46.4698 47.9483 46.4698C48.7701 46.4698 49.4023 45.8336 49.4023 45.0065V35.5275Z",
-		fill: "white"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M70.4451 49.0776C68.2325 49.0776 66.3992 47.2963 66.3359 45.0061V31.6463H68.8647V45.0061C68.8647 45.3878 68.9911 45.7695 69.3072 46.0876C69.5601 46.342 69.9394 46.5329 70.3819 46.5329C71.2037 46.5329 71.8359 45.8967 71.8359 45.0697V31.7099H74.5543V45.0697C74.5543 46.1512 74.1118 47.2327 73.3531 47.9961C72.5945 48.6959 71.583 49.1412 70.4451 49.0776Z",
-		fill: "white"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M97.0021 44.7516C97.0021 45.8331 96.5595 46.9146 95.8009 47.678C95.0423 48.4414 94.0308 48.8867 92.9561 48.8867H88.9102V31.6463H92.9561C94.0308 31.6463 95.1055 32.0916 95.8009 32.855C96.5595 33.6185 97.0021 34.7 97.0021 35.7815V44.7516ZM91.5021 46.342H93.0826C93.4619 46.342 93.8412 46.2148 94.094 45.8967C94.3469 45.6422 94.5366 45.2605 94.5366 44.8152V35.7815C94.5366 35.3998 94.4101 35.018 94.094 34.7C93.8412 34.4455 93.4619 34.2546 93.0826 34.2546H91.5021V46.342Z",
-		fill: "white"
-	}), /* @__PURE__ */ React.createElement("path", {
-		d: "M87.2555 1.49487L92.7555 20.0713V1.49487H96.9279V29.1686H92.5027L86.813 11.4193V29.1686H82.6406V1.49487H87.2555Z",
-		fill: "white"
-	})));
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsxs("g", {
+			opacity: "0.25",
+			children: [
+				/* @__PURE__ */ jsx("path", {
+					d: "M66.8428 0.85791C66.2106 2.00303 65.7681 3.21177 65.3888 4.48413C64.883 4.54775 64.4405 4.61136 63.998 4.67498C63.5555 4.80222 63.0497 4.92945 62.6072 5.05669C61.8486 4.0388 61.0267 3.08453 60.0784 2.19388C59.4463 2.51197 58.8141 2.83006 58.1819 3.27539C58.3716 4.54774 58.6876 5.8201 59.1302 7.09246C58.7509 7.41055 58.4348 7.72864 58.1187 8.11034C57.8026 8.49205 57.4865 8.81014 57.2336 9.25547C56.0325 8.87376 54.7681 8.55567 53.5038 8.42843C53.1245 9.06461 52.8716 9.76441 52.6187 10.4006C53.5038 11.3549 54.5153 12.1819 55.59 12.8817C55.3371 13.8359 55.2107 14.7902 55.2739 15.7445C54.0727 16.1262 52.8716 16.6351 51.7969 17.2713C51.8601 17.9711 51.9865 18.7345 52.2394 19.4343C53.5038 19.6888 54.8313 19.7524 56.0957 19.6888C56.2854 20.1341 56.475 20.5794 56.7279 20.9611C56.9808 21.4065 57.2336 21.7882 57.4865 22.1699C56.7279 23.1878 56.0957 24.3329 55.5267 25.478C56.0325 25.987 56.5382 26.4959 57.1072 26.9412C58.2451 26.3687 59.383 25.6689 60.3945 24.8418C60.7738 25.0963 61.2164 25.3508 61.6589 25.5416C62.1014 25.7325 62.544 25.9233 62.9865 26.0506C62.9865 27.3229 63.1129 28.5953 63.3658 29.8676C64.0612 29.9949 64.8198 30.1221 65.5152 30.1221C66.1474 28.977 66.5899 27.7683 66.9692 26.4959C67.475 26.4323 67.9175 26.3687 68.36 26.305C68.8026 26.1778 69.3083 26.0506 69.7508 25.9233C70.5094 26.9412 71.3313 27.8955 72.2796 28.7861C72.9117 28.4681 73.5439 28.15 74.1761 27.7046C73.9864 26.4323 73.6704 25.1599 73.2278 23.8876C73.6071 23.5695 73.9232 23.2514 74.2393 22.8697C74.5554 22.488 74.8715 22.1699 75.1244 21.7246C76.3255 22.1063 77.5899 22.4244 78.8543 22.5516C79.2336 21.9154 79.4864 21.2156 79.7393 20.5794C78.8542 19.6252 77.8428 18.7981 76.7681 18.0983C77.0209 17.1441 77.1474 16.1898 77.0841 15.2355C78.2853 14.8538 79.4864 14.3449 80.5611 13.7087C80.4979 13.0089 80.3715 12.2455 80.1186 11.5457C78.8543 11.2912 77.5267 11.2276 76.2623 11.2912C76.0727 10.8459 75.883 10.4006 75.6301 10.0189C75.3773 9.57355 75.1244 9.19185 74.8715 8.81014C75.6301 7.79225 76.2623 6.64713 76.8313 5.50201C76.3255 4.99307 75.8198 4.48413 75.2508 4.0388C74.1129 4.61136 72.975 5.31116 71.9635 6.13819C71.5842 5.88372 71.1416 5.62925 70.6991 5.4384C70.2566 5.24754 69.8141 5.05669 69.3715 4.92945C69.3715 3.6571 69.2451 2.38474 68.9922 1.11238C68.2336 0.985147 67.5382 0.85791 66.8428 0.85791ZM68.929 9.25547C72.3428 10.8459 73.7968 14.8538 72.2796 18.2256C71.3945 20.1977 69.6244 21.5973 67.5382 22.0427C66.1474 22.2971 64.6934 22.1699 63.429 21.5973C60.0152 20.0069 58.5612 15.999 60.0784 12.6272C60.9635 10.6551 62.7336 9.25546 64.8198 8.81014C66.2106 8.49205 67.6646 8.6829 68.929 9.25547Z",
+					fill: "white"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M6.03298 22.8689L5.02149 29.2307H0.722656L5.4008 1.55695H11.0904L15.7054 29.2307H11.3433L10.395 22.8689H6.03298ZM8.1824 7.85511L6.66517 18.7974H9.76286L8.1824 7.85511Z",
+					fill: "white"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M23.861 1.49487L29.361 20.0713V1.49487H33.5334V29.1686H29.1081L23.4185 11.4193V29.1686H19.2461V1.49487H23.861Z",
+					fill: "white"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M50.2261 22.5524C50.2261 24.3337 49.5307 25.9878 48.3295 27.1965C47.1284 28.4688 45.4847 29.1686 43.7146 29.1686H37.2031V1.49487H43.7146C45.4847 1.49487 47.1284 2.19467 48.3295 3.46703C49.5939 4.67577 50.2261 6.39345 50.2261 8.11113V22.5524ZM41.3123 25.0971H43.7778C44.41 25.0971 45.0422 24.8426 45.4215 24.3973C45.864 23.952 46.1169 23.3158 46.1169 22.6796V8.17475C46.1169 7.53857 45.864 6.90239 45.4215 6.45707C44.979 6.01174 44.41 5.75727 43.7778 5.75727H41.3123V25.0971Z",
+					fill: "white"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M4.83183 49.0815C2.55598 49.0815 0.722656 47.2366 0.722656 45.01C0.722656 45.01 0.722656 45.01 0.722656 44.9464V35.5309C0.722656 33.2407 2.49276 31.3958 4.76862 31.3322C7.04447 31.2685 8.8778 33.1135 8.94101 35.4037C8.94101 35.4673 8.94101 35.4673 8.94101 35.5309V37.5031H6.28585V35.4673C6.28585 34.6403 5.59045 33.9405 4.76862 33.9405C4.38931 33.9405 4.01 34.0677 3.69391 34.3858C3.44104 34.6403 3.25138 35.022 3.25138 35.4673V44.9464C3.25138 45.7734 3.88356 46.4096 4.7054 46.4096C5.08471 46.4096 5.46402 46.2824 5.78011 45.9643C6.0962 45.7098 6.22263 45.3281 6.22263 44.8828V42.5289H8.94101V44.9464C8.94101 47.2366 7.10769 49.0815 4.83183 49.0815Z",
+					fill: "white"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M30.1227 48.8867H23.1055V31.6463H25.6974V46.342H30.1859L30.1227 48.8867Z",
+					fill: "white"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M48.0115 31.4559C50.2874 31.4559 52.1207 33.3009 52.1207 35.5911V45.0065C52.1207 47.2968 50.2874 49.1417 48.0115 49.1417C46.9368 49.1417 45.8621 48.6964 45.1035 47.933C44.3449 47.1696 43.9023 46.088 43.9023 45.0065V35.5911C43.9023 33.3009 45.7357 31.4559 48.0115 31.4559ZM49.4023 35.5275C49.4023 34.7004 48.7701 34.0643 47.9483 34.0643C47.569 34.0643 47.1897 34.1915 46.8736 34.5096C46.5575 34.7641 46.4311 35.1458 46.4311 35.5911V45.0065C46.4311 45.3883 46.5575 45.77 46.8736 46.0244C47.1265 46.2789 47.5058 46.4698 47.9483 46.4698C48.7701 46.4698 49.4023 45.8336 49.4023 45.0065V35.5275Z",
+					fill: "white"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M70.4451 49.0776C68.2325 49.0776 66.3992 47.2963 66.3359 45.0061V31.6463H68.8647V45.0061C68.8647 45.3878 68.9911 45.7695 69.3072 46.0876C69.5601 46.342 69.9394 46.5329 70.3819 46.5329C71.2037 46.5329 71.8359 45.8967 71.8359 45.0697V31.7099H74.5543V45.0697C74.5543 46.1512 74.1118 47.2327 73.3531 47.9961C72.5945 48.6959 71.583 49.1412 70.4451 49.0776Z",
+					fill: "white"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M97.0021 44.7516C97.0021 45.8331 96.5595 46.9146 95.8009 47.678C95.0423 48.4414 94.0308 48.8867 92.9561 48.8867H88.9102V31.6463H92.9561C94.0308 31.6463 95.1055 32.0916 95.8009 32.855C96.5595 33.6185 97.0021 34.7 97.0021 35.7815V44.7516ZM91.5021 46.342H93.0826C93.4619 46.342 93.8412 46.2148 94.094 45.8967C94.3469 45.6422 94.5366 45.2605 94.5366 44.8152V35.7815C94.5366 35.3998 94.4101 35.018 94.094 34.7C93.8412 34.4455 93.4619 34.2546 93.0826 34.2546H91.5021V46.342Z",
+					fill: "white"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M87.2555 1.49487L92.7555 20.0713V1.49487H96.9279V29.1686H92.5027L86.813 11.4193V29.1686H82.6406V1.49487H87.2555Z",
+					fill: "white"
+				})
+			]
+		})
+	});
 };
 //#endregion
 //#region src/components/loginModal.tsx
@@ -2747,22 +2998,23 @@ const LoginModal$1 = ({ open, subtitle, scope, redirectPath = "/", onSuccess, on
 	const getTitle = () => {
 		return subtitle !== void 0 ? subtitle : t("loginFormText");
 	};
-	return /* @__PURE__ */ React.createElement(Dialog$1, {
+	return /* @__PURE__ */ jsx(Dialog$1, {
 		open,
 		onClose: onCancel,
 		disableEscapeKeyDown: true,
 		sx: { ".MuiPaper-root": { borderRadius: "20px" } },
-		"data-testid": dataTestID || "sdk.login-modal"
-	}, /* @__PURE__ */ React.createElement(DialogContent$1, null, /* @__PURE__ */ React.createElement(loginForm_default, {
-		title: getTitle(),
-		scope,
-		redirectPath,
-		onSuccess,
-		onFailure,
-		onCancel,
-		storeSession,
-		"data-testid": dataTestID || "sdk.login-form"
-	})));
+		"data-testid": dataTestID || "sdk.login-modal",
+		children: /* @__PURE__ */ jsx(DialogContent$1, { children: /* @__PURE__ */ jsx(loginForm_default, {
+			title: getTitle(),
+			scope,
+			redirectPath,
+			onSuccess,
+			onFailure,
+			onCancel,
+			storeSession,
+			"data-testid": dataTestID || "sdk.login-form"
+		}) })
+	});
 };
 var loginModal_default = observer(LoginModal$1);
 //#endregion
@@ -2780,7 +3032,7 @@ const LoginModal = ({ isOpen, title, subtitle, scope, redirectPath, onSuccess, o
 		if (onCancel && typeof onCancel === "function") onCancel();
 		setOpen(false);
 	};
-	return /* @__PURE__ */ React.createElement(loginModal_default, {
+	return /* @__PURE__ */ jsx(loginModal_default, {
 		open,
 		title,
 		subtitle,
@@ -2825,7 +3077,7 @@ const ExternalContent = ({ src }) => {
 		setIframeMounted(true);
 		return () => setIframeMounted(false);
 	}, [setIframeMounted]);
-	return /* @__PURE__ */ React.createElement(Iframe, {
+	return /* @__PURE__ */ jsx(Iframe, {
 		id: "external-content-iframe",
 		src,
 		width: "100%",
@@ -3051,9 +3303,8 @@ const Header = observer(({ position, scrolled, showAcLogo, leadingText, title, t
 		handleMenuClose();
 	};
 	const renderUserCompanyLogo = () => {
-		const logoUrl = companyLogoUrl();
-		return /* @__PURE__ */ React.createElement("img", {
-			src: logoUrl,
+		return /* @__PURE__ */ jsx("img", {
+			src: companyLogoUrl(),
 			alt: ""
 		});
 	};
@@ -3068,68 +3319,91 @@ const Header = observer(({ position, scrolled, showAcLogo, leadingText, title, t
 	};
 	const renderUserAvatar = () => {
 		const currentUser = userStore_default.currentUser;
-		return /* @__PURE__ */ React.createElement(Box$2, {
+		return /* @__PURE__ */ jsx(Box$2, {
 			display: "inline-block",
-			sx: headerStyles.userInfo
-		}, currentUser && `(${currentUser.name})`);
+			sx: headerStyles.userInfo,
+			children: currentUser && `(${currentUser.name})`
+		});
 	};
 	const renderContent = () => {
 		if (iframeContent && contentComponents) {
 			const Component = contentComponents[iframeContent.component];
-			if (Component) return /* @__PURE__ */ React.createElement(Box$2, { sx: headerStyles.content }, /* @__PURE__ */ React.createElement(Component, {
-				...iframeContent.props,
-				onContentEvent
-			}));
+			if (Component) return /* @__PURE__ */ jsx(Box$2, {
+				sx: headerStyles.content,
+				children: /* @__PURE__ */ jsx(Component, {
+					...iframeContent.props,
+					onContentEvent
+				})
+			});
 		}
-		if (content) return /* @__PURE__ */ React.createElement(Box$2, { sx: headerStyles.content }, content);
-		return /* @__PURE__ */ React.createElement(Typography$1, {
+		if (content) return /* @__PURE__ */ jsx(Box$2, {
+			sx: headerStyles.content,
+			children: content
+		});
+		return /* @__PURE__ */ jsx(Typography$1, {
 			variant: "subtitle1",
 			align: "center",
-			sx: headerStyles.title
-		}, headerTitle);
+			sx: headerStyles.title,
+			children: headerTitle
+		});
 	};
 	const renderNav = () => {
-		return navItems && /* @__PURE__ */ React.createElement(Box$2, {
+		return navItems && /* @__PURE__ */ jsx(Box$2, {
 			display: "flex",
-			sx: headerStyles.nav
-		}, navItems.map((item) => /* @__PURE__ */ React.createElement(Button$1, {
-			key: item.label,
-			onClick: () => handleItemClick(item),
-			endIcon: item.icon,
-			sx: headerStyles.button
-		}, item.label)));
+			sx: headerStyles.nav,
+			children: navItems.map((item) => /* @__PURE__ */ jsx(Button$1, {
+				onClick: () => handleItemClick(item),
+				endIcon: item.icon,
+				sx: headerStyles.button,
+				children: item.label
+			}, item.label))
+		});
 	};
 	const renderUser = () => {
 		const currentUser = userStore_default.getCurrentUserJS;
-		return /* @__PURE__ */ React.createElement(Box$2, {
+		return /* @__PURE__ */ jsx(Box$2, {
 			display: "flex",
-			sx: headerStyles.user
-		}, currentUser ? /* @__PURE__ */ React.createElement(Button$1, {
-			id: "logout-button",
-			onClick: handleLogout,
-			sx: {
-				...headerStyles.button,
-				...headerStyles.logoutButton
-			},
-			"data-testid": "sdk.header-logout-button"
-		}, t("headerLogoutButton"), showCompanyLogo && renderUserCompanyLogo(), renderUserAvatar()) : /* @__PURE__ */ React.createElement(Button$1, {
-			id: "login-button",
-			onClick: () => navigate("/login"),
-			sx: {
-				...headerStyles.button,
-				...headerStyles.loginButton
-			},
-			"data-testid": "sdk.header-login-button"
-		}, t("headerLoginButton")));
+			sx: headerStyles.user,
+			children: currentUser ? /* @__PURE__ */ jsxs(Button$1, {
+				id: "logout-button",
+				onClick: handleLogout,
+				sx: {
+					...headerStyles.button,
+					...headerStyles.logoutButton
+				},
+				"data-testid": "sdk.header-logout-button",
+				children: [
+					t("headerLogoutButton"),
+					showCompanyLogo && renderUserCompanyLogo(),
+					renderUserAvatar()
+				]
+			}) : /* @__PURE__ */ jsx(Button$1, {
+				id: "login-button",
+				onClick: () => navigate("/login"),
+				sx: {
+					...headerStyles.button,
+					...headerStyles.loginButton
+				},
+				"data-testid": "sdk.header-login-button",
+				children: t("headerLoginButton")
+			})
+		});
 	};
 	const renderAuthMenuItem = () => {
-		if (!matchesMD) return userStore_default.getCurrentUserJS ? /* @__PURE__ */ React.createElement(MenuItem, { onClick: handleLogout }, t("headerLogoutButton")) : /* @__PURE__ */ React.createElement(MenuItem, { onClick: () => navigate("/login") }, t("headerLoginButton"));
+		if (!matchesMD) return userStore_default.getCurrentUserJS ? /* @__PURE__ */ jsx(MenuItem, {
+			onClick: handleLogout,
+			children: t("headerLogoutButton")
+		}) : /* @__PURE__ */ jsx(MenuItem, {
+			onClick: () => navigate("/login"),
+			children: t("headerLoginButton")
+		});
 	};
 	const renderMenu = () => {
-		return menuItems && /* @__PURE__ */ React.createElement(Box$2, null, /* @__PURE__ */ React.createElement(IconButton$1, {
+		return menuItems && /* @__PURE__ */ jsxs(Box$2, { children: [/* @__PURE__ */ jsx(IconButton$1, {
 			onClick: handleMenuOpen,
-			"data-testid": "sdk.header.menu-toggle"
-		}, /* @__PURE__ */ React.createElement(MenuIcon, { style: menuButtonColor ? { color: menuButtonColor } : {} })), /* @__PURE__ */ React.createElement(Menu, {
+			"data-testid": "sdk.header.menu-toggle",
+			children: /* @__PURE__ */ jsx(MenuIcon, { style: menuButtonColor ? { color: menuButtonColor } : {} })
+		}), /* @__PURE__ */ jsxs(Menu, {
 			id: "menu-appbar",
 			marginThreshold: 0,
 			anchorEl: menuAnchorEl,
@@ -3144,14 +3418,15 @@ const Header = observer(({ position, scrolled, showAcLogo, leadingText, title, t
 			},
 			open: Boolean(menuAnchorEl),
 			onClose: handleMenuClose,
-			sx: headerStyles.menu
-		}, menuItems.map((item) => /* @__PURE__ */ React.createElement(MenuItem, {
-			key: item.label,
-			onClick: () => handleItemClick(item)
-		}, item.label)), renderAuthMenuItem()));
+			sx: headerStyles.menu,
+			children: [menuItems.map((item) => /* @__PURE__ */ jsx(MenuItem, {
+				onClick: () => handleItemClick(item),
+				children: item.label
+			}, item.label)), renderAuthMenuItem()]
+		})] });
 	};
 	const scrolledBackground = typeof styles?.background === "string" ? styles.background : typeof headerStylesOverrides.root?.background === "string" ? headerStylesOverrides.root.background : "#1B2027";
-	return /* @__PURE__ */ React.createElement(AppBar, {
+	return /* @__PURE__ */ jsx(AppBar, {
 		position,
 		elevation: 0,
 		sx: {
@@ -3159,43 +3434,61 @@ const Header = observer(({ position, scrolled, showAcLogo, leadingText, title, t
 			...position === "static" ? { marginTop: "-70px" } : {},
 			...scrolled || sidebarOpen ? { background: scrolledBackground } : {}
 		},
-		"data-testid": dataTestID || "sdk.header"
-	}, /* @__PURE__ */ React.createElement(Toolbar, { variant: "dense" }, sidebarEnabled && /* @__PURE__ */ React.createElement(IconButton$1, {
-		size: "large",
-		sx: {
-			color: "rgba(255,255,255,0.85)",
-			borderRight: "1px solid rgba(255,255,255,0.5)",
-			...sidebarOpen && {
-				color: "rgba(255,255,255,0.5)",
-				borderTop: "1px solid rgba(255,255,255,0.5)",
-				borderRightColor: "transparent"
-			},
-			"> svg": { transform: "rotate(180deg)" }
-		},
-		onClick: onSidebarToggle,
-		"data-testid": "sdk.header.sidebar-toggle"
-	}, /* @__PURE__ */ React.createElement(ViewSidebarRounded, null)), showAcLogo && /* @__PURE__ */ React.createElement(Link$1, {
-		to: "/",
-		"data-testid": "sdk.header.logo"
-	}, /* @__PURE__ */ React.createElement("img", {
-		src: logo_default,
-		alt: "AndonCloud",
-		style: {
-			display: "block",
-			height: "50px",
-			margin: "0 8px"
-		}
-	})), headerLeadingText && /* @__PURE__ */ React.createElement(Typography$1, {
-		variant: "subtitle1",
-		sx: headerStyles.leadingText
-	}, headerLeadingText), renderContent(), renderNav(), showUserSection && matchesMD && renderUser(), /* @__PURE__ */ React.createElement(AccessTimeIcon, null), /* @__PURE__ */ React.createElement(Typography$1, {
-		variant: "body1",
-		align: "center",
-		style: {
-			width: "5rem",
-			padding: "0 5px"
-		}
-	}, currentTime.toLocaleTimeString()), renderMenu()));
+		"data-testid": dataTestID || "sdk.header",
+		children: /* @__PURE__ */ jsxs(Toolbar, {
+			variant: "dense",
+			children: [
+				sidebarEnabled && /* @__PURE__ */ jsx(IconButton$1, {
+					size: "large",
+					sx: {
+						color: "rgba(255,255,255,0.85)",
+						borderRight: "1px solid rgba(255,255,255,0.5)",
+						...sidebarOpen && {
+							color: "rgba(255,255,255,0.5)",
+							borderTop: "1px solid rgba(255,255,255,0.5)",
+							borderRightColor: "transparent"
+						},
+						"> svg": { transform: "rotate(180deg)" }
+					},
+					onClick: onSidebarToggle,
+					"data-testid": "sdk.header.sidebar-toggle",
+					children: /* @__PURE__ */ jsx(ViewSidebarRounded, {})
+				}),
+				showAcLogo && /* @__PURE__ */ jsx(Link$1, {
+					to: "/",
+					"data-testid": "sdk.header.logo",
+					children: /* @__PURE__ */ jsx("img", {
+						src: logo_default,
+						alt: "AndonCloud",
+						style: {
+							display: "block",
+							height: "50px",
+							margin: "0 8px"
+						}
+					})
+				}),
+				headerLeadingText && /* @__PURE__ */ jsx(Typography$1, {
+					variant: "subtitle1",
+					sx: headerStyles.leadingText,
+					children: headerLeadingText
+				}),
+				renderContent(),
+				renderNav(),
+				showUserSection && matchesMD && renderUser(),
+				/* @__PURE__ */ jsx(AccessTimeIcon, {}),
+				/* @__PURE__ */ jsx(Typography$1, {
+					variant: "body1",
+					align: "center",
+					style: {
+						width: "5rem",
+						padding: "0 5px"
+					},
+					children: currentTime.toLocaleTimeString()
+				}),
+				renderMenu()
+			]
+		})
+	});
 });
 //#endregion
 //#region src/components/sidebarMenu.styles.js
@@ -3251,52 +3544,71 @@ const SidebarMenu = ({ open, items, width, styles, listStyles, itemStyles, subit
 		else window.location.href = url;
 	};
 	const renderSubitems = (items) => {
-		return /* @__PURE__ */ React.createElement(List, {
+		return /* @__PURE__ */ jsx(List, {
 			component: "div",
 			disablePadding: true,
-			sx: sidebarMenuStyles.subList
-		}, items.map(({ action, url, redirect, icon, label }) => /* @__PURE__ */ React.createElement(ListItem, {
-			key: label,
-			sx: sidebarMenuStyles.subitem,
-			disablePadding: true
-		}, /* @__PURE__ */ React.createElement(ListItemButton, {
-			sx: sidebarMenuStyles.subitemButton,
-			onClick: () => handleItemClick(action, url, redirect),
-			"data-testid": `sdk.sidebar.subitem-${label}`
-		}, icon && /* @__PURE__ */ React.createElement(ListItemIcon, { sx: sidebarMenuStyles.itemIcon }, icon), /* @__PURE__ */ React.createElement(ListItemText, {
-			primary: label,
-			sx: sidebarMenuStyles.subitemText
-		})))));
+			sx: sidebarMenuStyles.subList,
+			children: items.map(({ action, url, redirect, icon, label }) => /* @__PURE__ */ jsx(ListItem, {
+				sx: sidebarMenuStyles.subitem,
+				disablePadding: true,
+				children: /* @__PURE__ */ jsxs(ListItemButton, {
+					sx: sidebarMenuStyles.subitemButton,
+					onClick: () => handleItemClick(action, url, redirect),
+					"data-testid": `sdk.sidebar.subitem-${label}`,
+					children: [icon && /* @__PURE__ */ jsx(ListItemIcon, {
+						sx: sidebarMenuStyles.itemIcon,
+						children: icon
+					}), /* @__PURE__ */ jsx(ListItemText, {
+						primary: label,
+						sx: sidebarMenuStyles.subitemText
+					})]
+				})
+			}, label))
+		});
 	};
 	const renderItems = () => {
-		return items.map(({ action, url, redirect, icon, label, items }, i) => /* @__PURE__ */ React.createElement(React.Fragment, { key: label }, /* @__PURE__ */ React.createElement(ListItem, {
+		return items.map(({ action, url, redirect, icon, label, items }, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(ListItem, {
 			sx: sidebarMenuStyles.item,
-			disablePadding: true
-		}, /* @__PURE__ */ React.createElement(ListItemButton, {
-			onClick: () => {
-				if (items?.length) setOpenedItems((current) => {
-					current[i] = !current[i];
-					return { ...current };
-				});
-				else handleItemClick(action, url, redirect);
-			},
-			"data-testid": `sdk.sidebar.item-${label}`
-		}, icon && /* @__PURE__ */ React.createElement(ListItemIcon, { sx: sidebarMenuStyles.itemIcon }, icon), /* @__PURE__ */ React.createElement(ListItemText, {
-			primary: label,
-			sx: sidebarMenuStyles.itemText
-		}), !!items?.length && (openedItems[i] ? /* @__PURE__ */ React.createElement(ExpandLess, null) : /* @__PURE__ */ React.createElement(ExpandMore, null)))), !!items?.length && /* @__PURE__ */ React.createElement(Collapse, {
+			disablePadding: true,
+			children: /* @__PURE__ */ jsxs(ListItemButton, {
+				onClick: () => {
+					if (items?.length) setOpenedItems((current) => {
+						current[i] = !current[i];
+						return { ...current };
+					});
+					else handleItemClick(action, url, redirect);
+				},
+				"data-testid": `sdk.sidebar.item-${label}`,
+				children: [
+					icon && /* @__PURE__ */ jsx(ListItemIcon, {
+						sx: sidebarMenuStyles.itemIcon,
+						children: icon
+					}),
+					/* @__PURE__ */ jsx(ListItemText, {
+						primary: label,
+						sx: sidebarMenuStyles.itemText
+					}),
+					!!items?.length && (openedItems[i] ? /* @__PURE__ */ jsx(ExpandLess, {}) : /* @__PURE__ */ jsx(ExpandMore, {}))
+				]
+			})
+		}), !!items?.length && /* @__PURE__ */ jsx(Collapse, {
 			in: openedItems[i],
 			timeout: "auto",
-			unmountOnExit: true
-		}, renderSubitems(items))));
+			unmountOnExit: true,
+			children: renderSubitems(items)
+		})] }, label));
 	};
-	return /* @__PURE__ */ React.createElement(Drawer, {
+	return /* @__PURE__ */ jsx(Drawer, {
 		sx: sidebarMenuStyles.root,
 		variant: "persistent",
 		anchor: "left",
 		open,
-		"data-testid": "sdk.sidebar.drawer"
-	}, /* @__PURE__ */ React.createElement(List, { sx: sidebarMenuStyles.list }, renderItems()));
+		"data-testid": "sdk.sidebar.drawer",
+		children: /* @__PURE__ */ jsx(List, {
+			sx: sidebarMenuStyles.list,
+			children: renderItems()
+		})
+	});
 };
 SidebarMenu.propTypes = {
 	open: PropTypes.bool,
@@ -3375,25 +3687,38 @@ const SidePanel = ({ open, onClose, title, mainContent, asideContent, width, mai
 		mainContentStyles,
 		asideContentStyles
 	});
-	return /* @__PURE__ */ React.createElement(Drawer, {
+	return /* @__PURE__ */ jsxs(Drawer, {
 		sx: sidePanelStyles.root,
 		variant: "persistent",
 		anchor: "right",
 		open,
-		"data-testid": "sdk.side-panel"
-	}, /* @__PURE__ */ React.createElement(Stack, {
-		direction: "row",
-		justifyContent: "space-between",
-		alignItems: "center",
-		sx: sidePanelStyles.header
-	}, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h6",
-		fontSize: 18
-	}, title), /* @__PURE__ */ React.createElement(IconButton, {
-		color: "secondary",
-		onClick: onClose,
-		"data-testid": "sdk.side-panel.close"
-	}, /* @__PURE__ */ React.createElement(CloseIcon, null))), /* @__PURE__ */ React.createElement(Box, { sx: sidePanelStyles.contentWrapper }, /* @__PURE__ */ React.createElement(Box, { sx: sidePanelStyles.mainContent }, mainContent), asideContent && /* @__PURE__ */ React.createElement(Box, { sx: sidePanelStyles.asideContent }, asideContent)));
+		"data-testid": "sdk.side-panel",
+		children: [/* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			justifyContent: "space-between",
+			alignItems: "center",
+			sx: sidePanelStyles.header,
+			children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "h6",
+				fontSize: 18,
+				children: title
+			}), /* @__PURE__ */ jsx(IconButton, {
+				color: "secondary",
+				onClick: onClose,
+				"data-testid": "sdk.side-panel.close",
+				children: /* @__PURE__ */ jsx(CloseIcon, {})
+			})]
+		}), /* @__PURE__ */ jsxs(Box, {
+			sx: sidePanelStyles.contentWrapper,
+			children: [/* @__PURE__ */ jsx(Box, {
+				sx: sidePanelStyles.mainContent,
+				children: mainContent
+			}), asideContent && /* @__PURE__ */ jsx(Box, {
+				sx: sidePanelStyles.asideContent,
+				children: asideContent
+			})]
+		})]
+	});
 };
 SidePanel.propTypes = {
 	enabled: PropTypes.bool,
@@ -3481,7 +3806,7 @@ const Container = ({ children, headerProps, sidebarMenuProps, sidePanelProps, st
 		sidebarMenuProps?.enabled,
 		sidebarOpen
 	]);
-	return /* @__PURE__ */ React.createElement(BaseContainer, {
+	return /* @__PURE__ */ jsxs(BaseContainer, {
 		ref: (node) => {
 			if (node) setScrollTarget(node);
 		},
@@ -3491,27 +3816,34 @@ const Container = ({ children, headerProps, sidebarMenuProps, sidePanelProps, st
 			...baseStyles.root,
 			...styles
 		},
-		"data-testid": dataTestID || "sdk.container"
-	}, !isEmbeddedMode && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Header, {
-		scrolled,
-		showAcLogo: true,
-		sidebarEnabled: sidebarMenuProps?.enabled,
-		sidebarOpen,
-		onSidebarToggle: () => setSidebarOpen((current) => !current),
-		...headerProps
-	}), sidebarMenuProps?.enabled && /* @__PURE__ */ React.createElement(SidebarMenu, {
-		open: sidebarOpen,
-		items: sidebarMenuProps.items,
-		width: sidebarWidth
-	})), /* @__PURE__ */ React.createElement(Main, {
-		open: sidebarOpen,
-		sidebarWidth
-	}, externalUrl ? /* @__PURE__ */ React.createElement(ExternalContent, { src: externalUrl }) : children), sidePanelProps?.enabled && /* @__PURE__ */ React.createElement(SidePanel, {
-		...sidePanelProps,
-		width: sidePanelWidth,
-		mainContentWidth: sidePanelMainContentWidth,
-		asideContentWidth: sidePanelAsideContentWidth
-	}), !isEmbeddedMode && /* @__PURE__ */ React.createElement(Box, { sx: baseStyles.overlay }));
+		"data-testid": dataTestID || "sdk.container",
+		children: [
+			!isEmbeddedMode && /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(Header, {
+				scrolled,
+				showAcLogo: true,
+				sidebarEnabled: sidebarMenuProps?.enabled,
+				sidebarOpen,
+				onSidebarToggle: () => setSidebarOpen((current) => !current),
+				...headerProps
+			}), sidebarMenuProps?.enabled && /* @__PURE__ */ jsx(SidebarMenu, {
+				open: sidebarOpen,
+				items: sidebarMenuProps.items,
+				width: sidebarWidth
+			})] }),
+			/* @__PURE__ */ jsx(Main, {
+				open: sidebarOpen,
+				sidebarWidth,
+				children: externalUrl ? /* @__PURE__ */ jsx(ExternalContent, { src: externalUrl }) : children
+			}),
+			sidePanelProps?.enabled && /* @__PURE__ */ jsx(SidePanel, {
+				...sidePanelProps,
+				width: sidePanelWidth,
+				mainContentWidth: sidePanelMainContentWidth,
+				asideContentWidth: sidePanelAsideContentWidth
+			}),
+			!isEmbeddedMode && /* @__PURE__ */ jsx(Box, { sx: baseStyles.overlay })
+		]
+	});
 };
 Container.propTypes = {
 	children: PropTypes.any,
@@ -3578,7 +3910,7 @@ const LoginPage = ({ redirectPath }) => {
 	const toggleLocale = () => {
 		i18n.changeLanguage(i18n.language === "pl" ? "en" : "pl");
 	};
-	return /* @__PURE__ */ React.createElement(Container, {
+	return /* @__PURE__ */ jsx(Container, {
 		headerProps: {
 			position: "fixed",
 			leadingText: "AndonCloud Software",
@@ -3591,16 +3923,21 @@ const LoginPage = ({ redirectPath }) => {
 				buttonColor: "white"
 			}
 		},
-		styles: { overflowY: "auto" }
-	}, /* @__PURE__ */ React.createElement(Box$2, {
-		display: "flex",
-		height: "100%",
-		alignItems: "center",
-		justifyContent: "center"
-	}, /* @__PURE__ */ React.createElement(Card$1, { sx: { borderRadius: "20px" } }, /* @__PURE__ */ React.createElement(CardContent$1, null, /* @__PURE__ */ React.createElement(loginForm_default, {
-		title: t("loginFormText"),
-		redirectPath
-	})))));
+		styles: { overflowY: "auto" },
+		children: /* @__PURE__ */ jsx(Box$2, {
+			display: "flex",
+			height: "100%",
+			alignItems: "center",
+			justifyContent: "center",
+			children: /* @__PURE__ */ jsx(Card$1, {
+				sx: { borderRadius: "20px" },
+				children: /* @__PURE__ */ jsx(CardContent$1, { children: /* @__PURE__ */ jsx(loginForm_default, {
+					title: t("loginFormText"),
+					redirectPath
+				}) })
+			})
+		})
+	});
 };
 LoginPage.propTypes = { redirectPath: PropTypes.string };
 LoginPage.defaultProps = { redirectPath: "/" };
@@ -3611,7 +3948,7 @@ const LoginRedirect = () => {
 	const { grantType, redirectPath } = useAuthConfig();
 	const login = useLogin("read write");
 	const navigate = useNavigate();
-	if (grantType === "password") return /* @__PURE__ */ React.createElement(LoginPage_default, { redirectPath });
+	if (grantType === "password") return /* @__PURE__ */ jsx(LoginPage_default, { redirectPath });
 	navigate("/");
 	login();
 	return null;
@@ -3620,14 +3957,18 @@ const LoginRedirect = () => {
 //#region src/components/router.js
 const SentryRoutes = Sentry.withSentryReactRouterV6Routing(Routes);
 const Router = ({ children }) => {
-	return /* @__PURE__ */ React.createElement(BrowserRouter, null, /* @__PURE__ */ React.createElement(IframeNavigation, null), /* @__PURE__ */ React.createElement(SentryRoutes, null, children, /* @__PURE__ */ React.createElement(Route, {
-		exact: true,
-		path: "/login",
-		element: /* @__PURE__ */ React.createElement(LoginRedirect, null)
-	}), /* @__PURE__ */ React.createElement(Route, {
-		path: "/oauth2/redirect",
-		element: /* @__PURE__ */ React.createElement(AuthRedirect, null)
-	})));
+	return /* @__PURE__ */ jsxs(BrowserRouter, { children: [/* @__PURE__ */ jsx(IframeNavigation, {}), /* @__PURE__ */ jsxs(SentryRoutes, { children: [
+		children,
+		/* @__PURE__ */ jsx(Route, {
+			exact: true,
+			path: "/login",
+			element: /* @__PURE__ */ jsx(LoginRedirect, {})
+		}),
+		/* @__PURE__ */ jsx(Route, {
+			path: "/oauth2/redirect",
+			element: /* @__PURE__ */ jsx(AuthRedirect, {})
+		})
+	] })] });
 };
 //#endregion
 //#region src/components/app.js
@@ -3680,27 +4021,46 @@ const App = observer(({ children, baseUrl, authProps, gtmProps, i18nProps, sentr
 	useEffect(() => {
 		if (authEnabled && status !== "unknown") appStore_default.setAppReady();
 	}, [authEnabled, status]);
-	return /* @__PURE__ */ React.createElement(ThemeProvider, { theme: muiTheme }, /* @__PURE__ */ React.createElement(CssBaseline, null), /* @__PURE__ */ React.createElement(GlobalStyles, { styles: {
-		"::-webkit-scrollbar": { width: "6px" },
-		"::-webkit-scrollbar-track": { backgroundColor: "transparent" },
-		"::-webkit-scrollbar-thumb": {
-			borderRadius: "3px",
-			backgroundColor: "rgba(255, 255, 255, 0.25)"
-		}
-	} }), /* @__PURE__ */ React.createElement(Sentry.ErrorBoundary, { fallback: (props) => /* @__PURE__ */ React.createElement(ErrorPage, {
-		appVersion: metaProps.appVersion,
-		apiVersion: metaProps.apiVersion,
-		...props
-	}) }, /* @__PURE__ */ React.createElement(Toaster, null), /* @__PURE__ */ React.createElement(AuthConfigProvider, { config: {
-		baseUrl,
-		...authProps
-	} }, /* @__PURE__ */ React.createElement(StoreProvider, null, /* @__PURE__ */ React.createElement(I18nextProvider, { i18n: i18n_default }, /* @__PURE__ */ React.createElement(MetaInfoProvider, { info: metaProps }, /* @__PURE__ */ React.createElement(DisplayProvider, null, sessionStore.networkError ? /* @__PURE__ */ React.createElement(NetworkError, { error: sessionStore.networkError }) : appStore_default.appReady ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Router, null, /* @__PURE__ */ React.createElement(Route, {
-		path: "*",
-		element: /* @__PURE__ */ React.createElement(ModalProvider, null, children)
-	}))) : /* @__PURE__ */ React.createElement(LoaderPage, null), /* @__PURE__ */ React.createElement(Footer, {
-		appVersion: metaProps.appVersion,
-		apiVersion: metaProps.apiVersion
-	}))))))));
+	return /* @__PURE__ */ jsxs(ThemeProvider, {
+		theme: muiTheme,
+		children: [
+			/* @__PURE__ */ jsx(CssBaseline, {}),
+			/* @__PURE__ */ jsx(GlobalStyles, { styles: {
+				"::-webkit-scrollbar": { width: "6px" },
+				"::-webkit-scrollbar-track": { backgroundColor: "transparent" },
+				"::-webkit-scrollbar-thumb": {
+					borderRadius: "3px",
+					backgroundColor: "rgba(255, 255, 255, 0.25)"
+				}
+			} }),
+			/* @__PURE__ */ jsxs(Sentry.ErrorBoundary, {
+				fallback: (props) => /* @__PURE__ */ jsx(ErrorPage, {
+					appVersion: metaProps.appVersion,
+					apiVersion: metaProps.apiVersion,
+					...props
+				}),
+				children: [/* @__PURE__ */ jsx(Toaster, {}), /* @__PURE__ */ jsx(AuthConfigProvider, {
+					config: {
+						baseUrl,
+						...authProps
+					},
+					children: /* @__PURE__ */ jsx(StoreProvider, { children: /* @__PURE__ */ jsx(I18nextProvider, {
+						i18n: i18n_default,
+						children: /* @__PURE__ */ jsx(MetaInfoProvider, {
+							info: metaProps,
+							children: /* @__PURE__ */ jsxs(DisplayProvider, { children: [sessionStore.networkError ? /* @__PURE__ */ jsx(NetworkError, { error: sessionStore.networkError }) : appStore_default.appReady ? /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(Router, { children: /* @__PURE__ */ jsx(Route, {
+								path: "*",
+								element: /* @__PURE__ */ jsx(ModalProvider, { children })
+							}) }) }) : /* @__PURE__ */ jsx(LoaderPage, {}), /* @__PURE__ */ jsx(Footer, {
+								appVersion: metaProps.appVersion,
+								apiVersion: metaProps.apiVersion
+							})] })
+						})
+					}) })
+				})]
+			})
+		]
+	});
 });
 App.propTypes = {
 	children: PropTypes.any.isRequired,
@@ -3772,9 +4132,9 @@ const StyledCheckbox = styled$1(Checkbox$1)(({ theme }) => ({
 //#endregion
 //#region src/core/ui/Checkbox/Checkbox.tsx
 const Checkbox = (props) => {
-	return /* @__PURE__ */ React.createElement(StyledCheckbox, {
-		icon: /* @__PURE__ */ React.createElement(UncheckedIcon$1, null),
-		checkedIcon: /* @__PURE__ */ React.createElement(CheckedIcon$1, null),
+	return /* @__PURE__ */ jsx(StyledCheckbox, {
+		icon: /* @__PURE__ */ jsx(UncheckedIcon$1, {}),
+		checkedIcon: /* @__PURE__ */ jsx(CheckedIcon$1, {}),
 		...props
 	});
 };
@@ -3810,9 +4170,9 @@ const StyledRadio = styled$1(Radio$1)(({ theme }) => ({
 //#endregion
 //#region src/core/ui/Radio/Radio.tsx
 const Radio = (props) => {
-	return /* @__PURE__ */ React.createElement(StyledRadio, {
-		icon: /* @__PURE__ */ React.createElement(UncheckedIcon, null),
-		checkedIcon: /* @__PURE__ */ React.createElement(CheckedIcon, null),
+	return /* @__PURE__ */ jsx(StyledRadio, {
+		icon: /* @__PURE__ */ jsx(UncheckedIcon, {}),
+		checkedIcon: /* @__PURE__ */ jsx(CheckedIcon, {}),
 		...props
 	});
 };
@@ -3830,7 +4190,7 @@ const StyledRadioGroup = styled$1(RadioGroup$1)(({ theme }) => ({
 //#endregion
 //#region src/core/ui/RadioGroup/RadioGroup.tsx
 const RadioGroup = (props) => {
-	return /* @__PURE__ */ React.createElement(StyledRadioGroup, props);
+	return /* @__PURE__ */ jsx(StyledRadioGroup, { ...props });
 };
 //#endregion
 //#region src/hooks/useHeaderContentEvent.ts
@@ -3886,10 +4246,10 @@ async function authFetch(url, options = {}) {
 				toast$1.error(i18n_default.t("forbiddenErrorMessage"));
 				break;
 			case 500:
-				toast$1.error(React.createElement(React.Fragment, null, React.createElement(Typography, { mr: textResponse ? 2 : 0 }, i18n_default.t("somethingWentWrongMessage")), textResponse && React.createElement(Tooltip, {
+				toast$1.error(createElement(Fragment, null, createElement(Typography, { mr: textResponse ? 2 : 0 }, i18n_default.t("somethingWentWrongMessage")), textResponse && createElement(Tooltip, {
 					title: textResponse,
 					arrow: true,
-					children: React.createElement(HelpOutlineIcon)
+					children: createElement(HelpOutlineIcon)
 				})));
 				break;
 			default: break;