andoncloud-sdk 1.7.23 → 1.7.25

package/dist/index.js

@@ -0,0 +1,4012 @@
+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 { 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 { 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";
+import CssBaseline from "@mui/material/CssBaseline";
+import GlobalStyles from "@mui/material/GlobalStyles";
+import { ThemeProvider, createTheme, responsiveFontSizes, styled as styled$1, useTheme } from "@mui/material/styles";
+import { observer } from "mobx-react-lite";
+import { PropTypes } from "prop-types";
+import i18n from "i18next";
+import Cookies from "js-cookie";
+import LanguageDetector from "i18next-browser-languagedetector";
+import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
+import { Box as Box$1, styled as styled$2 } from "@mui/system";
+import "inter-ui/inter.css";
+import Dialog$1 from "@mui/material/Dialog";
+import DialogContent$1 from "@mui/material/DialogContent";
+import { LoadingButton } from "@mui/lab";
+import onScan from "onscan.js";
+import Box$2 from "@mui/material/Box";
+import Card$1 from "@mui/material/Card";
+import CardContent$1 from "@mui/material/CardContent";
+import BaseContainer from "@mui/material/Container";
+import Iframe from "react-iframe";
+import { ExpandLess, ExpandMore, ViewSidebarRounded } from "@mui/icons-material";
+import AccessTimeIcon from "@mui/icons-material/AccessTime";
+import MenuIcon from "@mui/icons-material/Menu";
+import AppBar from "@mui/material/AppBar";
+import Button$1 from "@mui/material/Button";
+import IconButton$1 from "@mui/material/IconButton";
+import Menu from "@mui/material/Menu";
+import MenuItem from "@mui/material/MenuItem";
+import Toolbar from "@mui/material/Toolbar";
+import Typography$1 from "@mui/material/Typography";
+import useMediaQuery from "@mui/material/useMediaQuery";
+import { deepmerge } from "@mui/utils";
+import CloseIcon from "@mui/icons-material/Close";
+//#region src/utils/text.js
+const toCamelCase = (str) => str.replace(/_([a-z])/g, (_, letter) => letter.toUpperCase());
+//#endregion
+//#region src/components/access/AccessBlocker.styles.js
+const ACCESS_STATE_COLORS = {
+	no_permission: "primary.main",
+	expired: "error.main",
+	not_purchased: "primary.main"
+};
+const makeStyles$1 = (accessState) => {
+	const accentColor = ACCESS_STATE_COLORS[accessState] || "primary.main";
+	return {
+		container: {
+			position: "relative",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: 3,
+			width: "100%",
+			height: "100%",
+			padding: 4,
+			textAlign: "center",
+			background: (theme) => theme.palette.gradient.dark.main
+		},
+		backgroundImage: {
+			position: "absolute",
+			inset: 0,
+			opacity: .1,
+			backgroundSize: "cover",
+			backgroundPosition: "center",
+			backgroundRepeat: "no-repeat"
+		},
+		icon: {
+			fontSize: 48,
+			color: accentColor
+		},
+		buttonsContainer: {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: 2
+		},
+		primaryButton: { backgroundColor: accentColor },
+		secondaryButton: {},
+		linkButton: {
+			cursor: "pointer",
+			color: "primary.light"
+		}
+	};
+};
+//#endregion
+//#region src/components/access/AccessRequestModal.styles.js
+const styles$1 = {
+	dialog: { ".MuiPaper-root": { borderRadius: "6px" } },
+	dialogContent: { padding: 0 },
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		gap: 3,
+		padding: 4,
+		background: (theme) => theme.palette.gradient.dark.main
+	},
+	stepper: { width: "100%" },
+	disclaimer: {
+		marginTop: 2,
+		color: "warning.main"
+	},
+	actions: { marginTop: 2 }
+};
+//#endregion
+//#region src/components/access/AccessRequestModal.js
+const REQUEST_TYPE_CONFIG = {
+	feature_access: {
+		translationKey: "featureAccess",
+		steps: [
+			"step1",
+			"step2",
+			"step3"
+		],
+		showDisclaimer: true
+	},
+	trial_expired: {
+		translationKey: "trialExpired",
+		steps: [
+			"step1",
+			"step2",
+			"step3",
+			"step4"
+		],
+		showDisclaimer: true
+	},
+	purchase: {
+		translationKey: "purchase",
+		steps: [
+			"step1",
+			"step2",
+			"step3",
+			"step4"
+		],
+		showDisclaimer: true
+	},
+	wishlist: {
+		translationKey: "wishlist",
+		steps: [
+			"step1",
+			"step2",
+			"step3",
+			"step4"
+		],
+		showDisclaimer: true
+	},
+	start_trial: {
+		translationKey: "startTrial",
+		steps: [],
+		showDisclaimer: false
+	}
+};
+const AccessRequestModal = ({ open, requestType, onSubmitRequest, onClose }) => {
+	const { t } = useTranslation();
+	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, {
+			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}`)))));
+	};
+	const renderContent = () => {
+		if (requestType === "start_trial") return /* @__PURE__ */ React.createElement(Typography, {
+			variant: "body1",
+			sx: styles$1.content
+		}, t("access.modal.startTrial.content"));
+		return renderStepper();
+	};
+	return /* @__PURE__ */ React.createElement(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"))))));
+};
+//#endregion
+//#region src/components/access/CooldownModal.styles.js
+const styles = {
+	dialog: { ".MuiPaper-root": { borderRadius: "6px" } },
+	dialogContent: { padding: 0 },
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		gap: 3,
+		padding: 4,
+		background: (theme) => theme.palette.gradient.dark.main
+	},
+	content: {
+		marginTop: 1,
+		marginBottom: 3,
+		textAlign: "center"
+	},
+	actions: {
+		display: "flex",
+		justifyContent: "center"
+	}
+};
+//#endregion
+//#region src/components/access/CooldownModal.js
+const CooldownModal = ({ open, daysRemaining, onClose }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ React.createElement(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"))))));
+};
+//#endregion
+//#region src/components/access/AccessBlocker.js
+const ICONS = {
+	no_permission: LockIcon,
+	expired: HourglassEmptyIcon,
+	not_purchased: ShoppingCartIcon
+};
+const AccessBlocker = ({ accessState, buttons = [], daysSinceExpiry, featureKey, workplaceId, cooldownInfo = {}, onTrialRequest, onFeatureRequest, backgroundImage }) => {
+	const { t } = useTranslation();
+	const [modalOpen, setModalOpen] = useState(false);
+	const [cooldownModalOpen, setCooldownModalOpen] = useState(false);
+	const [cooldownDays, setCooldownDays] = useState(0);
+	const [pendingAction, setPendingAction] = useState(null);
+	const styles = makeStyles$1(accessState);
+	const Icon = ICONS[accessState] || LockIcon;
+	const handleOpenModal = (button) => {
+		if (button.requestType && cooldownInfo[button.requestType]?.isInCooldown) {
+			setCooldownDays(cooldownInfo[button.requestType].daysRemaining);
+			setCooldownModalOpen(true);
+			return;
+		}
+		setPendingAction(button);
+		setModalOpen(true);
+	};
+	const handleCloseModal = () => {
+		setModalOpen(false);
+		setPendingAction(null);
+	};
+	const handleCloseCooldownModal = () => {
+		setCooldownModalOpen(false);
+	};
+	const showToast = (requestType) => {
+		const toastKey = `access.toast.${toCamelCase(requestType)}`;
+		toast$1.success(t(toastKey));
+	};
+	const handleSubmitRequest = async () => {
+		setModalOpen(false);
+		let success = false;
+		if (pendingAction?.action === "start_trial") {
+			success = await onTrialRequest(featureKey);
+			if (success) showToast("start_trial");
+		} else if (pendingAction?.requestType) {
+			success = await onFeatureRequest({
+				featureKey,
+				requestType: pendingAction.requestType,
+				workplaceId
+			});
+			if (success) showToast(pendingAction.requestType);
+		}
+		setPendingAction(null);
+	};
+	const getMessage = () => {
+		switch (accessState) {
+			case "no_permission": return t("access.noPermission.message");
+			case "expired":
+				if (daysSinceExpiry != null && daysSinceExpiry < 90) return t("access.expired.message", { days: daysSinceExpiry });
+				else if (daysSinceExpiry != null && daysSinceExpiry >= 180) return t("access.expired.messageVeryOld");
+				return t("access.expired.messageOld");
+			case "not_purchased": return t("access.notPurchased.message");
+			default: return "";
+		}
+	};
+	const getTooltipText = () => {
+		switch (accessState) {
+			case "no_permission": return t("access.noPermission.tooltip");
+			case "expired": return t("access.expired.tooltip");
+			case "not_purchased": return t("access.notPurchased.tooltip");
+			default: return "";
+		}
+	};
+	const getButtonLabel = (action) => {
+		switch (action) {
+			case "start_trial": return t("access.notPurchased.button.try");
+			case "request_access": return t("access.noPermission.button.requestAccess");
+			case "renew": return t("access.expired.button.renewSubscription");
+			case "buy": return t("access.notPurchased.button.buy");
+			case "wishlist": return t("access.notPurchased.button.wishlist");
+			default: return "";
+		}
+	};
+	const renderButton = (button) => {
+		const label = getButtonLabel(button.action);
+		if (button.variant === "link") return /* @__PURE__ */ React.createElement(Link, {
+			key: button.action,
+			component: "button",
+			variant: "body2",
+			sx: styles.linkButton,
+			onClick: () => handleOpenModal(button),
+			"data-testid": `sdk.access-blocker.${button.action}`
+		}, label);
+		const isContained = button.variant === "primary";
+		return /* @__PURE__ */ React.createElement(Button, {
+			key: button.action,
+			variant: isContained ? "contained" : "outlined",
+			sx: isContained ? styles.primaryButton : styles.secondaryButton,
+			onClick: () => handleOpenModal(button),
+			"data-testid": `sdk.access-blocker.${button.action}`
+		}, label);
+	};
+	const renderButtons = () => {
+		if (buttons.length === 0) return null;
+		return /* @__PURE__ */ React.createElement(Box, { sx: styles.buttonsContainer }, 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
+	}));
+};
+//#endregion
+//#region src/utils/stores.ts
+const convertFeatureInfoToCamelCase = (featureInfo) => featureInfo ? {
+	status: featureInfo.status,
+	entitlementType: featureInfo.entitlement_type,
+	expiresAt: featureInfo.expires_at,
+	daysSinceExpiry: featureInfo.days_since_expiry,
+	permissions: featureInfo.permissions || []
+} : null;
+const convertFeaturesMapToCamelCase = (featuresMap) => featuresMap ? Object.fromEntries(Object.entries(featuresMap).map(([key, value]) => [key, convertFeatureInfoToCamelCase(value)])) : null;
+const convertRequestInfoToCamelCase = (requestInfo) => requestInfo ? {
+	isInCooldown: requestInfo.days_remaining > 0,
+	daysRemaining: requestInfo.days_remaining
+} : null;
+const convertFeaturesRequestsMapToCamelCase = (featuresRequestsMap) => {
+	if (!featuresRequestsMap) return null;
+	const result = {};
+	for (const [workplaceKey, features] of Object.entries(featuresRequestsMap)) {
+		result[workplaceKey] = {};
+		for (const [featureKey, requestTypes] of Object.entries(features)) {
+			result[workplaceKey][featureKey] = {};
+			for (const [requestType, requestInfo] of Object.entries(requestTypes)) {
+				const converted = convertRequestInfoToCamelCase(requestInfo);
+				if (converted) result[workplaceKey][featureKey][requestType] = converted;
+			}
+		}
+	}
+	return result;
+};
+const getCooldownStatus = (featuresRequestsMap, featureKey, requestType, workplaceId) => {
+	if (!featuresRequestsMap || !featureKey || !requestType) return {
+		isInCooldown: false,
+		daysRemaining: 0
+	};
+	const requestInfo = featuresRequestsMap[workplaceId || "company"]?.[featureKey]?.[requestType];
+	if (!requestInfo) return {
+		isInCooldown: false,
+		daysRemaining: 0
+	};
+	return {
+		isInCooldown: requestInfo.daysRemaining > 0,
+		daysRemaining: requestInfo.daysRemaining
+	};
+};
+const getCooldownInfo = (featuresRequestsMap, featureKey, buttons, workplaceId) => {
+	const cooldownInfo = {};
+	for (const button of buttons) if (button.requestType) cooldownInfo[button.requestType] = getCooldownStatus(featuresRequestsMap, featureKey, button.requestType, workplaceId);
+	return cooldownInfo;
+};
+//#endregion
+//#region src/stores/userStore.js
+var UserStore = class {
+	currentUser = null;
+	permissionsMap = null;
+	featuresMap = null;
+	featuresRequestsMap = null;
+	constructor() {
+		makeObservable(this, {
+			currentUser: observable.deep,
+			permissionsMap: observable.deep,
+			featuresMap: observable.deep,
+			featuresRequestsMap: observable.deep,
+			setCurrentUser: action,
+			removeCurrentUser: action,
+			setPermissionsMap: action,
+			setFeaturesMap: action,
+			setFeaturesRequestsMap: action,
+			getCurrentUserJS: computed
+		});
+	}
+	setCurrentUser(currentUser) {
+		this.currentUser = currentUser;
+		if (currentUser) {
+			this.setPermissionsMap(currentUser.permissionsMap);
+			this.setFeaturesMap(currentUser.featuresMap);
+			this.setFeaturesRequestsMap(currentUser.featuresRequestsMap);
+		}
+	}
+	removeCurrentUser() {
+		this.currentUser = null;
+		this.permissionsMap = null;
+		this.featuresMap = null;
+		this.featuresRequestsMap = null;
+	}
+	setPermissionsMap(permissionsMap) {
+		this.permissionsMap = permissionsMap;
+	}
+	setFeaturesMap(featuresMap) {
+		this.featuresMap = featuresMap;
+	}
+	setFeaturesRequestsMap(featuresRequestsMap) {
+		this.featuresRequestsMap = featuresRequestsMap;
+	}
+	get getCurrentUserJS() {
+		return toJS(this.currentUser);
+	}
+};
+var userStore_default = new UserStore();
+//#endregion
+//#region src/hooks/useFeatures.js
+const useFeatures = () => {
+	const [featuresMap, setFeaturesMap] = useState(toJS(userStore_default.featuresMap));
+	useEffect(() => reaction(() => toJS(userStore_default.featuresMap), (newFeaturesMap) => {
+		setFeaturesMap(newFeaturesMap);
+	}), []);
+	const getFeature = useCallback((featureKey) => {
+		if (!featuresMap) return null;
+		return featuresMap[featureKey] || null;
+	}, [featuresMap]);
+	const getFeatures = useCallback((featureKeys) => featureKeys.reduce((acc, key) => {
+		acc[key] = getFeature(key);
+		return acc;
+	}, {}), [getFeature]);
+	return useMemo(() => ({
+		getFeature,
+		getFeatures,
+		featuresMap
+	}), [
+		getFeature,
+		getFeatures,
+		featuresMap
+	]);
+};
+//#endregion
+//#region src/hooks/usePermissions.js
+/**
+* Parses permission value to extract deny reason
+* @param {string} value - Permission value (e.g., "ALLOW", "DENY:MISSING_ROLE_PERMISSION")
+* @returns {{ isAllowed: boolean, denyReason: string | null }}
+*/
+const parsePermissionValue = (value) => {
+	if (!value || value === "ALLOW") return {
+		isAllowed: true,
+		denyReason: null
+	};
+	return {
+		isAllowed: false,
+		denyReason: value.startsWith("DENY:") ? value.slice(5) : value
+	};
+};
+const usePermissions = () => {
+	const [permissionsMap, setPermissionsMap] = useState(toJS(userStore_default.permissionsMap));
+	useEffect(() => reaction(() => toJS(userStore_default.permissionsMap), (newPermissionsMap) => {
+		setPermissionsMap(newPermissionsMap);
+	}), []);
+	const checkPermission = useCallback((permissionKey) => {
+		if (!permissionsMap) return {
+			isAllowed: false,
+			denyReason: null
+		};
+		const value = permissionsMap[permissionKey];
+		return parsePermissionValue(value);
+	}, [permissionsMap]);
+	const checkPermissions = useCallback((permissionKeys) => {
+		const results = permissionKeys.reduce((acc, key) => {
+			acc[key] = checkPermission(key);
+			return acc;
+		}, {});
+		const deniedKeys = permissionKeys.filter((key) => !results[key].isAllowed);
+		return {
+			allAllowed: deniedKeys.length === 0,
+			results,
+			deniedKeys
+		};
+	}, [checkPermission]);
+	return useMemo(() => ({
+		checkPermission,
+		checkPermissions,
+		permissionsMap
+	}), [
+		checkPermission,
+		checkPermissions,
+		permissionsMap
+	]);
+};
+//#endregion
+//#region src/hooks/useAccess/accessState.js
+/**
+* Maps feature status to AccessState
+* @param {string} status - Feature status from API
+* @returns {'accessible' | 'no_permission' | 'expired' | 'not_purchased'}
+*/
+const getAccessState = (status) => {
+	switch (status) {
+		case "accessible": return "accessible";
+		case "no_permission": return "no_permission";
+		case "trial_expired_recent":
+		case "trial_expired_old": return "expired";
+		default: return "not_purchased";
+	}
+};
+/**
+* Priority order for aggregating access states
+* no_permission > expired > not_purchased > accessible
+*/
+const ACCESS_STATE_PRIORITY = {
+	no_permission: 1,
+	expired: 2,
+	not_purchased: 3,
+	accessible: 4
+};
+//#endregion
+//#region src/hooks/useAccess/deriveButtons.js
+/**
+* Derives available buttons based on status and daysSinceExpiry
+* @param {string} status - Feature status from API
+* @param {number|null} daysSinceExpiry - Days since expiry
+* @returns {Array<{action: string, requestType: string|null, variant: 'primary'|'secondary'|'link'}>}
+*/
+const deriveButtons = (status, daysSinceExpiry) => {
+	switch (status) {
+		case "accessible": return [];
+		case "no_permission": return [{
+			action: "request_access",
+			requestType: "feature_access",
+			variant: "primary"
+		}];
+		case "trial_expired_recent": return [{
+			action: "renew",
+			requestType: "trial_expired",
+			variant: "primary"
+		}, {
+			action: "wishlist",
+			requestType: "wishlist",
+			variant: "link"
+		}];
+		case "trial_expired_old":
+			if (daysSinceExpiry >= 180) return [
+				{
+					action: "start_trial",
+					requestType: null,
+					variant: "primary"
+				},
+				{
+					action: "buy",
+					requestType: "purchase",
+					variant: "secondary"
+				},
+				{
+					action: "wishlist",
+					requestType: "wishlist",
+					variant: "link"
+				}
+			];
+			return [{
+				action: "renew",
+				requestType: "trial_expired",
+				variant: "primary"
+			}, {
+				action: "wishlist",
+				requestType: "wishlist",
+				variant: "link"
+			}];
+		default: return [
+			{
+				action: "start_trial",
+				requestType: null,
+				variant: "primary"
+			},
+			{
+				action: "buy",
+				requestType: "purchase",
+				variant: "secondary"
+			},
+			{
+				action: "wishlist",
+				requestType: "wishlist",
+				variant: "link"
+			}
+		];
+	}
+};
+//#endregion
+//#region src/hooks/useAccess/index.js
+/**
+* Hook for checking feature access based on features and permissions
+* @param {string[]} features - Array of feature keys to check
+* @param {{ extraPermissions?: string[], workplaceId?: string }} options - Additional options
+* @returns {UseAccessResult}
+*/
+const useAccess = (features = [], options = {}) => {
+	const { extraPermissions = [], workplaceId } = options;
+	const { getFeature } = useFeatures();
+	const { checkPermissions } = usePermissions();
+	const [featuresRequestsMap, setFeaturesRequestsMap] = useState(toJS(userStore_default.featuresRequestsMap));
+	useEffect(() => reaction(() => toJS(userStore_default.featuresRequestsMap), (newFeaturesRequestsMap) => {
+		setFeaturesRequestsMap(newFeaturesRequestsMap);
+	}), []);
+	return useMemo(() => {
+		const featureResults = features.map((featureKey) => {
+			const featureInfo = getFeature(featureKey);
+			if (!featureInfo) return {
+				featureKey,
+				hasAccess: false,
+				accessState: "not_purchased",
+				daysSinceExpiry: null,
+				buttons: deriveButtons("not_purchased", null)
+			};
+			const accessState = getAccessState(featureInfo.status);
+			return {
+				featureKey,
+				hasAccess: accessState === "accessible",
+				accessState,
+				daysSinceExpiry: featureInfo.daysSinceExpiry,
+				buttons: deriveButtons(featureInfo.status, featureInfo.daysSinceExpiry)
+			};
+		});
+		const aggregatedState = featureResults.reduce((acc, feat) => ACCESS_STATE_PRIORITY[feat.accessState] < ACCESS_STATE_PRIORITY[acc] ? feat.accessState : acc, "accessible");
+		const extraPermissionsResult = checkPermissions(extraPermissions);
+		const allPermissionsResult = checkPermissions([...features.flatMap((key) => {
+			return getFeature(key)?.permissions || [];
+		}), ...extraPermissions]);
+		const hasAccess = aggregatedState === "accessible" && extraPermissionsResult.allAllowed;
+		const mostRestrictiveFeature = featureResults.reduce((acc, feat) => ACCESS_STATE_PRIORITY[feat.accessState] < ACCESS_STATE_PRIORITY[acc?.accessState || "accessible"] ? feat : acc, featureResults[0]);
+		const buttons = mostRestrictiveFeature?.buttons || [];
+		const cooldownInfo = getCooldownInfo(featuresRequestsMap, mostRestrictiveFeature?.featureKey, buttons, workplaceId);
+		return {
+			hasAccess,
+			accessState: hasAccess ? "accessible" : aggregatedState,
+			features: featureResults,
+			buttons,
+			cooldownInfo,
+			missingPermissions: allPermissionsResult.deniedKeys
+		};
+	}, [
+		features,
+		extraPermissions,
+		workplaceId,
+		getFeature,
+		checkPermissions,
+		featuresRequestsMap
+	]);
+};
+//#endregion
+//#region src/components/access/AccessGuard.js
+const AccessGuard = ({ features: featuresProp = [], extraPermissions = [], workplaceId, onTrialRequest, onFeatureRequest, backgroundImage, children }) => {
+	const { hasAccess, accessState, buttons, cooldownInfo, features } = useAccess(featuresProp, {
+		extraPermissions,
+		workplaceId
+	});
+	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, {
+		accessState,
+		buttons,
+		daysSinceExpiry,
+		featureKey,
+		workplaceId,
+		cooldownInfo,
+		onTrialRequest,
+		onFeatureRequest,
+		backgroundImage
+	});
+};
+//#endregion
+//#region src/components/access/withAccessGuard.js
+const withAccessGuard = (featuresProp = [], options = {}) => {
+	const { extraPermissions = [], workplaceId } = options;
+	return (WrappedComponent) => {
+		const WithAccessGuard = (props) => {
+			const { onTrialRequest, onFeatureRequest, ...restProps } = props;
+			const { hasAccess, accessState, buttons, cooldownInfo, features, missingPermissions } = useAccess(featuresProp, {
+				extraPermissions,
+				workplaceId
+			});
+			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, {
+				...restProps,
+				accessState,
+				hasAccess,
+				missingPermissions
+			});
+			return /* @__PURE__ */ React.createElement(AccessBlocker, {
+				accessState,
+				buttons,
+				daysSinceExpiry,
+				featureKey,
+				workplaceId,
+				cooldownInfo,
+				onTrialRequest,
+				onFeatureRequest
+			});
+		};
+		WithAccessGuard.displayName = `withAccessGuard(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+		return WithAccessGuard;
+	};
+};
+//#endregion
+//#region src/stores/SessionStore/CookiesManager.ts
+const COOKIE_EXPIRES_DAYS = 3650;
+const AUTH_COOKIE_BASE = "authHeaders";
+const extractEnvironment = (hostname) => {
+	if (hostname.endsWith(".andoncloud.com") || !hostname.endsWith(".andoncloud.net")) return null;
+	const parts = hostname.slice(0, -15).split(".");
+	if (parts.length >= 2) return parts.slice(1).join(".");
+	const dashIndex = parts[0].indexOf("-");
+	if (dashIndex === -1) return null;
+	return parts[0].slice(dashIndex + 1);
+};
+const resolveAuthCookieName = (hostname) => {
+	const env = extractEnvironment(hostname);
+	return env ? `${AUTH_COOKIE_BASE}_${env}` : AUTH_COOKIE_BASE;
+};
+var CookiesManager = class {
+	static recognizeRootDomain() {
+		if (!this.rootDomain) {
+			const host = window.location.hostname;
+			if (window.location.port.length === 0) {
+				const [, ...parts] = host.split(".");
+				this.rootDomain = parts.join(".");
+			} else this.rootDomain = host;
+		}
+		return this.rootDomain;
+	}
+	static getAuthCookieName() {
+		if (!this.authCookieName) this.authCookieName = resolveAuthCookieName(window.location.hostname);
+		return this.authCookieName;
+	}
+	static get(key) {
+		return Cookies.get(key);
+	}
+	static set(key, value) {
+		const domain = this.recognizeRootDomain();
+		Cookies.set(key, value, {
+			domain,
+			secure: window.location.protocol === "https:",
+			sameSite: "lax",
+			expires: COOKIE_EXPIRES_DAYS
+		});
+	}
+	static remove(key) {
+		const domain = this.recognizeRootDomain();
+		Cookies.remove(key, {
+			domain,
+			secure: window.location.protocol === "https:",
+			sameSite: "lax"
+		});
+	}
+	static getAuthData() {
+		const raw = this.get(this.getAuthCookieName());
+		if (!raw) return null;
+		try {
+			return JSON.parse(raw);
+		} catch {
+			return null;
+		}
+	}
+	static setAuthData(data) {
+		this.set(this.getAuthCookieName(), JSON.stringify(data));
+	}
+	static removeAuthData() {
+		this.remove(this.getAuthCookieName());
+	}
+};
+//#endregion
+//#region src/stores/SessionStore/TokenCoordinator.ts
+const REFRESH_TIMEOUT_MS = 15e3;
+const LOCK_KEY = "auth-token-refresh";
+const CHANNEL_NAME = "auth-events";
+const PROACTIVE_REFRESH_RATIO = .8;
+const MAX_RETRIES = 3;
+const BACKOFF_BASE_MS = 1e3;
+var TokenCoordinator = class {
+	constructor() {
+		this.refreshPromise = null;
+		this.refreshTimer = null;
+		this.broadcastChannel = null;
+		this.store = null;
+		this.onLogout = null;
+		this.requestQueue = [];
+		this.authFetchFn = null;
+	}
+	init(store, onLogout) {
+		this.store = store;
+		this.onLogout = onLogout;
+		this.initBroadcastChannel();
+		this.initVisibilityListener();
+	}
+	setAuthFetch(fn) {
+		this.authFetchFn = fn;
+	}
+	initBroadcastChannel() {
+		if (typeof BroadcastChannel === "undefined") return;
+		this.broadcastChannel = new BroadcastChannel(CHANNEL_NAME);
+		this.broadcastChannel.onmessage = (event) => {
+			this.handleBroadcast(event.data);
+		};
+	}
+	handleBroadcast(event) {
+		if (!this.store) return;
+		switch (event.type) {
+			case "TOKEN_REFRESHED":
+				this.handleTokenRefreshedBroadcast();
+				break;
+			case "LOGOUT":
+				this.handleLogoutBroadcast();
+				break;
+		}
+	}
+	handleTokenRefreshedBroadcast() {
+		if (!this.store) return;
+		const cookieData = CookiesManager.getAuthData();
+		if (!cookieData) return;
+		if (this.store.session) {
+			this.store.session.accessToken = cookieData["access-token"];
+			this.store.session.refreshToken = cookieData["refresh-token"];
+			this.store.session.tokenType = cookieData["token-type"];
+			this.store.session.createdAt = cookieData["created-at"];
+			this.store.session.expiresIn = cookieData["expires-in"];
+			this.store.setConnectedLoginStatus();
+			this.scheduleProactiveRefresh();
+		}
+	}
+	handleLogoutBroadcast() {
+		this.clearRefreshTimer();
+		this.refreshPromise = null;
+		if (this.onLogout) this.onLogout();
+	}
+	initVisibilityListener() {
+		document.addEventListener("visibilitychange", () => {
+			if (document.visibilityState !== "visible") return;
+			if (!this.store?.session) return;
+			const { createdAt, expiresIn } = this.store.session;
+			const now = Math.round(Date.now() / 1e3);
+			if (createdAt + expiresIn < now) this.refresh();
+		});
+	}
+	refresh() {
+		if (this.refreshPromise) return this.refreshPromise;
+		this.refreshPromise = this.doRefresh().finally(() => {
+			this.refreshPromise = null;
+		});
+		return this.refreshPromise;
+	}
+	isRefreshing() {
+		return this.refreshPromise !== null;
+	}
+	async doRefresh() {
+		if (!this.store?.session) return null;
+		if (typeof navigator !== "undefined" && "locks" in navigator) return this.refreshWithLock();
+		return this.executeRefresh();
+	}
+	async refreshWithLock() {
+		return navigator.locks.request(LOCK_KEY, async () => {
+			const cookieData = CookiesManager.getAuthData();
+			if (cookieData && this.store?.session) {
+				const cookieCreatedAt = cookieData["created-at"];
+				const cookieExpiresIn = cookieData["expires-in"];
+				const now = Math.round(Date.now() / 1e3);
+				if (cookieCreatedAt + cookieExpiresIn > now && cookieCreatedAt > this.store.session.createdAt) {
+					this.store.session.accessToken = cookieData["access-token"];
+					this.store.session.refreshToken = cookieData["refresh-token"];
+					this.store.session.tokenType = cookieData["token-type"];
+					this.store.session.createdAt = cookieCreatedAt;
+					this.store.session.expiresIn = cookieExpiresIn;
+					this.store.setConnectedLoginStatus();
+					this.scheduleProactiveRefresh();
+					return this.store.session;
+				}
+			}
+			return this.executeRefresh();
+		});
+	}
+	async executeRefresh() {
+		return this.refreshWithRetry(0);
+	}
+	async refreshWithRetry(attempt) {
+		if (!this.store?.session) return null;
+		const controller = new AbortController();
+		const timeout = setTimeout(() => controller.abort(), REFRESH_TIMEOUT_MS);
+		try {
+			const session = await this.store.api.authorize({
+				refresh: this.store.session.refreshToken,
+				signal: controller.signal
+			});
+			clearTimeout(timeout);
+			if (session) {
+				this.store.session = {
+					...this.store.session,
+					...session,
+					user: this.store.session.user
+				};
+				this.store.storeSession();
+				this.store.setConnectedLoginStatus();
+				this.broadcast("TOKEN_REFRESHED");
+				this.scheduleProactiveRefresh();
+				this.replayQueue();
+				return this.store.session;
+			}
+			this.rejectQueue(/* @__PURE__ */ new Error("Token refresh failed"));
+			this.triggerLogout();
+			return null;
+		} catch (error) {
+			clearTimeout(timeout);
+			if (attempt < MAX_RETRIES) {
+				const delay = BACKOFF_BASE_MS * Math.pow(2, attempt);
+				await new Promise((resolve) => setTimeout(resolve, delay));
+				return this.refreshWithRetry(attempt + 1);
+			}
+			captureException$1(error instanceof Error ? error : /* @__PURE__ */ new Error("Token refresh failed"), { extra: {
+				retryCount: attempt,
+				grantType: "refresh_token"
+			} });
+			this.rejectQueue(/* @__PURE__ */ new Error("Token refresh failed after retries"));
+			this.triggerLogout();
+			return null;
+		}
+	}
+	async handleUnauthorized(url, options) {
+		if (this.refreshPromise) return this.enqueue(url, options);
+		const refreshResult = this.refresh();
+		const queuePromise = this.enqueue(url, options);
+		await refreshResult;
+		return queuePromise;
+	}
+	enqueue(url, options) {
+		return new Promise((resolve, reject) => {
+			this.requestQueue.push({
+				resolve,
+				reject,
+				url,
+				options
+			});
+		});
+	}
+	replayQueue() {
+		const queue = this.requestQueue.splice(0);
+		for (const request of queue) {
+			if (!this.authFetchFn) {
+				request.reject(/* @__PURE__ */ new Error("authFetch not initialized"));
+				continue;
+			}
+			this.authFetchFn(request.url, request.options).then(request.resolve, request.reject);
+		}
+	}
+	rejectQueue(error) {
+		const queue = this.requestQueue.splice(0);
+		for (const request of queue) request.reject(error);
+	}
+	scheduleProactiveRefresh() {
+		this.clearRefreshTimer();
+		if (!this.store?.session) return;
+		const { expiresIn } = this.store.session;
+		const delayMs = expiresIn * PROACTIVE_REFRESH_RATIO * 1e3;
+		this.refreshTimer = setTimeout(() => {
+			if (!this.refreshPromise) this.refresh();
+		}, delayMs);
+	}
+	clearRefreshTimer() {
+		if (this.refreshTimer) {
+			clearTimeout(this.refreshTimer);
+			this.refreshTimer = null;
+		}
+	}
+	broadcast(type) {
+		if (!this.broadcastChannel) return;
+		this.broadcastChannel.postMessage({ type });
+	}
+	broadcastLogout() {
+		this.broadcast("LOGOUT");
+	}
+	triggerLogout() {
+		this.clearRefreshTimer();
+		if (this.store) {
+			this.store.removeSession();
+			this.store.removeCurrentUser();
+			this.store.setNotAuthorizedLoginStatus();
+		}
+	}
+	dispose() {
+		this.clearRefreshTimer();
+		if (this.broadcastChannel) {
+			this.broadcastChannel.close();
+			this.broadcastChannel = null;
+		}
+	}
+};
+const tokenCoordinator = new TokenCoordinator();
+//#endregion
+//#region src/stores/SessionStore/SessionStore.ts
+function createSessionAPI() {
+	let baseUrl = "";
+	let clientId = "";
+	let redirectUri = "";
+	return {
+		setAuthConfig(config) {
+			baseUrl = config.baseUrl;
+			clientId = config.clientId;
+			redirectUri = config.redirectUri;
+		},
+		async authorize(credentials) {
+			const formData = new FormData();
+			const { scope, refresh, code, username, password } = credentials;
+			formData.append("client_id", clientId);
+			if (scope) formData.append("scope", scope);
+			if (refresh) {
+				formData.append("grant_type", "refresh_token");
+				formData.append("refresh_token", refresh);
+				formData.append("redirect_uri", redirectUri);
+			} else if (code) {
+				formData.append("grant_type", "authorization_code");
+				formData.append("code", code);
+				formData.append("redirect_uri", redirectUri);
+			} else {
+				formData.append("grant_type", "password");
+				formData.append("username", username ?? "");
+				formData.append("password", password ?? "");
+			}
+			const fetchParams = {
+				method: "POST",
+				body: formData,
+				signal: credentials.signal
+			};
+			let session = null;
+			await globalThis.fetch(`${baseUrl}/v2/oauth2/token`, fetchParams).then(async (response) => {
+				let data;
+				try {
+					data = await response.json();
+					if (!response.ok || response.status !== 200) {
+						toast$1.error(data.error_description ?? "");
+						return;
+					}
+				} catch {
+					toast$1.error(i18n.t("somethingWentWrongMessage"));
+					return;
+				}
+				session = {
+					user: null,
+					accessToken: data.access_token,
+					refreshToken: data.refresh_token,
+					tokenType: data.token_type,
+					createdAt: data.created_at,
+					expiresIn: data.expires_in
+				};
+				if (!refresh) session.user = await this.getUserData({
+					token_type: data.token_type,
+					access_token: data.access_token
+				});
+			}).catch((e) => {
+				toast$1.error(e.message);
+			});
+			return session;
+		},
+		async getUserData(authData) {
+			const fetchParams = { method: "GET" };
+			if (authData) fetchParams.headers = { Authorization: `${authData.token_type} ${authData.access_token}` };
+			const response = await globalThis.fetch(`${baseUrl}/v2/me`, fetchParams);
+			if (!response?.ok) return null;
+			const { user } = await response.json();
+			return {
+				id: user.id,
+				companyId: user.company_id,
+				roleId: user.role_id,
+				username: user.username,
+				email: user.email,
+				name: user.name,
+				permissionsMap: user.permissions_map ?? null,
+				featuresMap: convertFeaturesMapToCamelCase(user.features_map),
+				featuresRequestsMap: convertFeaturesRequestsMapToCamelCase(user.features_requests_map)
+			};
+		},
+		async signOut(token) {
+			const formData = new FormData();
+			formData.append("client_id", clientId);
+			formData.append("token", token);
+			const fetchParams = {
+				method: "POST",
+				body: formData
+			};
+			await globalThis.fetch(`${baseUrl}/v2/oauth2/revoke`, fetchParams);
+		}
+	};
+}
+function createSessionStore() {
+	const api = createSessionAPI();
+	const store = makeAutoObservable({
+		loading: false,
+		loginStatus: { status: "unknown" },
+		session: null,
+		networkError: null,
+		refreshTokenPromise: null,
+		api,
+		get isLoggedIn() {
+			return Boolean(this.session);
+		},
+		get requestHeaders() {
+			const headers = { "Accept-Language": i18n.language };
+			if (this.session) headers.Authorization = `${this.session.tokenType} ${this.session.accessToken}`;
+			return headers;
+		},
+		setLoading(value) {
+			this.loading = value;
+		},
+		setAuthConfig(config) {
+			api.setAuthConfig(config);
+		},
+		setConnectedLoginStatus() {
+			if (!this.session?.user) return;
+			this.loginStatus = {
+				status: "connected",
+				authResponse: {
+					user: this.session.user,
+					accessToken: this.session.accessToken,
+					tokenType: this.session.tokenType
+				}
+			};
+		},
+		setNotAuthorizedLoginStatus() {
+			this.loginStatus = { status: "not_authorized" };
+		},
+		setNetworkError(value) {
+			this.networkError = value;
+		},
+		storeSession() {
+			if (!this.session) return;
+			CookiesManager.setAuthData({
+				"access-token": this.session.accessToken,
+				"refresh-token": this.session.refreshToken,
+				"token-type": this.session.tokenType,
+				"created-at": this.session.createdAt,
+				"expires-in": this.session.expiresIn
+			});
+		},
+		removeSession() {
+			CookiesManager.removeAuthData();
+			this.session = null;
+		},
+		setCurrentUser(user) {
+			userStore_default.setCurrentUser(user);
+		},
+		removeCurrentUser() {
+			userStore_default.removeCurrentUser();
+		},
+		authorize: flow(function* (credentials, storeSession = true) {
+			this.loading = true;
+			const session = yield api.authorize(credentials);
+			this.loading = false;
+			if (!session) return null;
+			if (storeSession) {
+				this.session = session;
+				this.storeSession();
+				this.setCurrentUser(session.user);
+				this.setConnectedLoginStatus();
+				tokenCoordinator.scheduleProactiveRefresh();
+			}
+			return session;
+		}),
+		refresh: flow(function* () {
+			this.refreshTokenPromise = tokenCoordinator.refresh();
+			const result = yield this.refreshTokenPromise;
+			this.refreshTokenPromise = null;
+			return result;
+		}),
+		recover: flow(function* () {
+			if (this.session) return;
+			const cookieData = CookiesManager.getAuthData();
+			if (!cookieData) {
+				this.loginStatus = { status: "not_authorized" };
+				return;
+			}
+			this.session = {
+				user: null,
+				accessToken: cookieData["access-token"],
+				refreshToken: cookieData["refresh-token"],
+				tokenType: cookieData["token-type"],
+				createdAt: cookieData["created-at"],
+				expiresIn: cookieData["expires-in"]
+			};
+			const { createdAt, expiresIn } = this.session;
+			const now = Math.round(Date.now() / 1e3);
+			if (createdAt + expiresIn < now) {
+				if (!(yield tokenCoordinator.refresh())) {
+					this.removeSession();
+					this.setNotAuthorizedLoginStatus();
+					return;
+				}
+			}
+			const session = this.session;
+			if (!session) return;
+			const { tokenType, accessToken } = session;
+			let user;
+			try {
+				user = yield api.getUserData({
+					token_type: tokenType,
+					access_token: accessToken
+				});
+			} catch (e) {
+				captureException$1(e);
+				this.networkError = {
+					title: i18n.t("networkErrorHeader"),
+					details: e.message
+				};
+				return;
+			}
+			if (!user) {
+				this.removeSession();
+				this.setNotAuthorizedLoginStatus();
+				return;
+			}
+			session.user = user;
+			this.setCurrentUser(user);
+			this.setConnectedLoginStatus();
+			tokenCoordinator.scheduleProactiveRefresh();
+		}),
+		logout: flow(function* () {
+			if (!this.session) return;
+			const { accessToken, refreshToken } = this.session;
+			yield api.signOut(accessToken);
+			yield api.signOut(refreshToken);
+			this.removeSession();
+			this.removeCurrentUser();
+			this.setNotAuthorizedLoginStatus();
+			tokenCoordinator.broadcastLogout();
+		}),
+		refreshUserData: flow(function* () {
+			if (!this.session) return null;
+			const session = this.session;
+			const user = yield api.getUserData({
+				token_type: session.tokenType,
+				access_token: session.accessToken
+			});
+			if (user) {
+				session.user = user;
+				this.setCurrentUser(user);
+			}
+			return user;
+		})
+	}, { api: false });
+	tokenCoordinator.init(store, () => {
+		store.removeSession();
+		store.removeCurrentUser();
+		store.setNotAuthorizedLoginStatus();
+	});
+	return store;
+}
+const sessionStore = createSessionStore();
+//#endregion
+//#region src/hooks/useLoginStatus.ts
+const useLoginStatus = () => {
+	const [loginStatus, setLoginStatus] = useState(sessionStore.loginStatus);
+	useEffect(() => {
+		return reaction(() => toJS(sessionStore.loginStatus), () => {
+			setLoginStatus(sessionStore.loginStatus);
+		});
+	}, []);
+	return loginStatus;
+};
+//#endregion
+//#region src/hooks/useModalHook/ModalContext.js
+const ModalContext = React.createContext({
+	showModal: null,
+	hideModal: null,
+	isOpenedModal: false
+});
+//#endregion
+//#region src/hooks/useModalHook/ModalProvider.jsx
+const ModalProvider = ({ children }) => {
+	const [modalsConfig, setConfig] = useState({});
+	const hideModal = useCallback((modalKey, onClose) => {
+		setConfig((prevConfig) => ({
+			...prevConfig,
+			[modalKey]: {
+				...prevConfig[modalKey],
+				isOpen: false
+			}
+		}));
+		if (onClose) onClose();
+	}, [setConfig]);
+	const showModal = useCallback((modalKey, component, modalData) => {
+		setConfig((prevConfig) => ({
+			...prevConfig,
+			[modalKey]: {
+				isOpen: true,
+				component,
+				data: modalData
+			}
+		}));
+	}, [setConfig]);
+	const contextValue = useMemo(() => ({
+		showModal,
+		hideModal,
+		isOpenedModal: Object.values(modalsConfig).some(({ isOpen }) => isOpen)
+	}), [
+		hideModal,
+		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
+		});
+	}));
+};
+//#endregion
+//#region src/hooks/useModalHook/useModal.js
+const generateModalKey = (() => {
+	let count = 0;
+	return () => `${++count}`;
+})();
+function useModal(component, data, onClose) {
+	const key = useMemo(generateModalKey, []);
+	const context = useContext(ModalContext);
+	return [useCallback((modalData) => context.showModal(key, component, modalData instanceof Event ? data : {
+		...data,
+		...modalData
+	}), [data, context.showModal]), useCallback(() => context.hideModal(key, onClose), [
+		context.hideModal,
+		onClose,
+		key
+	])];
+}
+useModal.ModalContext = ModalContext;
+useModal.ModalProvider = ModalProvider;
+i18n.use(LanguageDetector).use(initReactI18next).init({
+	detection: { convertDetectedLanguage: (lng) => lng.split("-")[0] },
+	resources: {
+		en: { translation: {
+			release: "Release",
+			forbiddenErrorMessage: "You are not authorized to perform this operation",
+			somethingWentWrongMessage: "Oops... something went wrong",
+			changeLanguageText: "Change language to Polish",
+			headerLoginButton: "Sign in",
+			headerLogoutButton: "Sign out",
+			loginCardTitle: "Sign in",
+			loginFormText: "Fill both fields in order to log in to the system",
+			loginCardCancelButton: "Cancel",
+			loginCardSubmitButton: "Sign in",
+			loginCardUsernameHint: "Username",
+			loginCardPasswordHint: "Password",
+			networkErrorHeader: "Connection issue detected",
+			networkErrorButtonText: "Reload the page",
+			newVersionAvailable: "New version available, the application will refresh in few seconds...",
+			sdk: {
+				"login": {
+					"usernameRequired": "Username is required.",
+					"passwordRequired": "Password is required."
+				},
+				"session": { "expired": "Your session has expired." }
+			},
+			access: {
+				"noPermission": {
+					"message": "This feature is available for your company, but you don't have permissions to use it",
+					"tooltip": "No permissions",
+					"button": { "requestAccess": "Request access" }
+				},
+				"expired": {
+					"message": "Access to this feature expired {{days}} days ago, you can request renewal",
+					"messageOld": "Access to this feature has expired, you can request renewal",
+					"messageVeryOld": "Access to this feature has expired, if you need it, you can request a purchase or start a trial",
+					"tooltip": "Subscription expired",
+					"button": {
+						"renewSubscription": "Renew subscription",
+						"buy": "Buy",
+						"wishlist": "Add to wishlist"
+					}
+				},
+				"notPurchased": {
+					"message": "This feature has not been purchased by your company, you can request a purchase or start a trial",
+					"tooltip": "Feature not purchased",
+					"button": {
+						"try": "Try",
+						"buy": "Buy",
+						"wishlist": "Add to wishlist"
+					}
+				},
+				"modal": {
+					"featureAccess": {
+						"header": "Request access",
+						"step1": "Report access need - click the button below to submit your request",
+						"step2": "Manager will review - your request will be sent to your supervisor for evaluation",
+						"step3": "Permissions granted - your supervisor or administrator will assign you appropriate permissions",
+						"button": "Submit request"
+					},
+					"trialExpired": {
+						"header": "Renew subscription",
+						"step1": "Report renewal need - click the button below to submit your request",
+						"step2": "Manager will review - your request will be sent to your supervisor for business evaluation",
+						"step3": "Request goes to AndonCloud - after manager approval, AndonCloud team will check renewal options",
+						"step4": "Feature activation - AndonCloud will renew the subscription for your organization",
+						"button": "Submit request"
+					},
+					"purchase": {
+						"header": "Purchase feature",
+						"step1": "Report purchase need - click the button below to submit your request",
+						"step2": "Manager will review - your request will be sent to your supervisor for business evaluation",
+						"step3": "Request goes to AndonCloud - after manager approval, AndonCloud team will check activation options",
+						"step4": "Feature activation - AndonCloud will enable the feature for your organization",
+						"button": "Submit request"
+					},
+					"startTrial": {
+						"header": "Start trial period",
+						"content": "By clicking the button below, we will start a 30-day trial period for your entire organization. During this time, all users will have full access to this feature.",
+						"button": "Start trial"
+					},
+					"wishlist": {
+						"header": "Add to wishlist",
+						"step1": "Report need - click the button below to submit your request",
+						"step2": "Manager will review - your request will be sent to your supervisor for business evaluation",
+						"step3": "Request goes to AndonCloud - after manager approval, AndonCloud team will check activation options",
+						"step4": "Feature activation - AndonCloud will enable the feature for your organization",
+						"button": "Submit request"
+					},
+					"disclaimer": "This is a request, not an immediate purchase. Your supervisor will assess the business justification and make a decision.",
+					"cancel": "Cancel"
+				},
+				"cooldown": {
+					"header": "Request already sent",
+					"message": "Your request has already been sent and is awaiting review. You can send another request in {{days}} days.",
+					"button": "I understand"
+				},
+				"toast": {
+					"featureAccess": "Your access request has been sent to your supervisor.",
+					"trialExpired": "Thank you for your request. Your subscription renewal request has been sent to your supervisor.",
+					"purchase": "Thank you for your request. Your purchase request has been sent to your supervisor.",
+					"wishlist": "Thank you for your request. Your request has been sent to your supervisor.",
+					"startTrial": "Thank you for starting the trial period. For the next 30 days, you can use all features for free. We will inform you about available options when it ends."
+				}
+			}
+		} },
+		pl: { translation: {
+			release: "Wydanie",
+			forbiddenErrorMessage: "Nie masz uprawnień do wykonania tej operacji",
+			somethingWentWrongMessage: "Ups... coś poszło nie tak",
+			changeLanguageText: "Zmiana języka na Angielski",
+			headerLoginButton: "Zaloguj się",
+			headerLogoutButton: "Wyloguj",
+			loginCardTitle: "Logowanie",
+			loginFormText: "Wypełnij oba pola w celu zalogowania do systemu",
+			loginCardCancelButton: "Anuluj",
+			loginCardSubmitButton: "Zaloguj",
+			loginCardUsernameHint: "Użytkownik",
+			loginCardPasswordHint: "Hasło",
+			networkErrorHeader: "Błąd połączenia",
+			networkErrorButtonText: "Odśwież stronę",
+			newVersionAvailable: "Dostępna jest nowa wersja, za kilka sekund nastąpi odświeżenie aplikacji...",
+			sdk: {
+				"login": {
+					"usernameRequired": "Nazwa użytkownika jest wymagana.",
+					"passwordRequired": "Hasło jest wymagane."
+				},
+				"session": { "expired": "Twoja sesja wygasła." }
+			},
+			access: {
+				"noPermission": {
+					"message": "Ta funkcja jest dostępna dla Twojej firmy, niestety nie masz uprawnień aby z niej korzystać",
+					"tooltip": "Brak uprawnień",
+					"button": { "requestAccess": "Poproś o przyznanie uprawnień" }
+				},
+				"expired": {
+					"message": "Dostęp do tej funkcji wygasł {{days}} dni temu, możesz poprosić o odnowienie",
+					"messageOld": "Dostęp do tej funkcji wygasł, możesz poprosić o odnowienie",
+					"messageVeryOld": "Dostęp do tej funkcji wygasł, jeśli jej potrzebujesz, możesz poprosić o zakup lub uruchomić okres próbny",
+					"tooltip": "Subskrypcja wygasła",
+					"button": {
+						"renewSubscription": "Subskrybuj ponownie",
+						"buy": "Kup",
+						"wishlist": "Dodaj do listy życzeń"
+					}
+				},
+				"notPurchased": {
+					"message": "Ta funkcja nie została wykupiona w Twojej firmie, możesz poprosić o zakup lub uruchomić okres próbny",
+					"tooltip": "Funkcja nie została wykupiona",
+					"button": {
+						"try": "Wypróbuj",
+						"buy": "Kup",
+						"wishlist": "Dodaj do listy życzeń"
+					}
+				},
+				"modal": {
+					"featureAccess": {
+						"header": "Poproś o dostęp",
+						"step1": "Zgłoś potrzebę dostępu - kliknij przycisk poniżej, aby zgłosić potrzebę",
+						"step2": "Manager to sprawdzi - zgłoszenie trafi do przełożonego, który oceni zasadność",
+						"step3": "Przyznanie uprawnień - przełożony lub administrator przydzieli Ci odpowiednie uprawnienia",
+						"button": "Zgłoś potrzebę"
+					},
+					"trialExpired": {
+						"header": "Odnów subskrypcję",
+						"step1": "Zgłoś potrzebę odnowienia - kliknij przycisk poniżej, aby zgłosić potrzebę",
+						"step2": "Manager to sprawdzi - zgłoszenie trafi do przełożonego, który oceni zasadność biznesową",
+						"step3": "Zgłoszenie trafia do AndonCloud - po potwierdzeniu przez managera, zespół AndonCloud sprawdzi możliwość odnowienia",
+						"step4": "Uruchomienie funkcji - AndonCloud odnowi subskrypcję dla Twojej organizacji",
+						"button": "Zgłoś potrzebę"
+					},
+					"purchase": {
+						"header": "Zakup funkcji",
+						"step1": "Zgłoś potrzebę zakupu - kliknij przycisk poniżej, aby zgłosić potrzebę",
+						"step2": "Manager to sprawdzi - zgłoszenie trafi do przełożonego, który oceni zasadność biznesową",
+						"step3": "Zgłoszenie trafia do AndonCloud - po potwierdzeniu przez managera, zespół AndonCloud sprawdzi możliwość uruchomienia",
+						"step4": "Uruchomienie funkcji - AndonCloud włączy funkcję dla Twojej organizacji",
+						"button": "Zgłoś potrzebę"
+					},
+					"startTrial": {
+						"header": "Rozpocznij okres próbny",
+						"content": "Po kliknięciu przycisku poniżej uruchomimy 30-dniowy okres próbny dla całej Twojej organizacji. Przez ten czas wszyscy użytkownicy będą mieli pełny dostęp do tej funkcji.",
+						"button": "Rozpocznij okres próbny"
+					},
+					"wishlist": {
+						"header": "Dodaj do listy życzeń",
+						"step1": "Zgłoś potrzebę - kliknij przycisk poniżej, aby zgłosić potrzebę",
+						"step2": "Manager to sprawdzi - zgłoszenie trafi do przełożonego, który oceni zasadność biznesową",
+						"step3": "Zgłoszenie trafia do AndonCloud - po potwierdzeniu przez managera, zespół AndonCloud sprawdzi możliwość uruchomienia",
+						"step4": "Uruchomienie funkcji - AndonCloud włączy funkcję dla Twojej organizacji",
+						"button": "Zgłoś potrzebę"
+					},
+					"disclaimer": "To jest zgłoszenie potrzeby, nie natychmiastowy zakup. Twój przełożony oceni zasadność biznesową i podejmie decyzję.",
+					"cancel": "Anuluj"
+				},
+				"cooldown": {
+					"header": "Prośba została już wysłana",
+					"message": "Twoja prośba została już wysłana i czeka na rozpatrzenie. Kolejną prośbę będziesz mógł wysłać za {{days}} dni.",
+					"button": "Rozumiem"
+				},
+				"toast": {
+					"featureAccess": "Prośba o dostęp została przekazana do przełożonego.",
+					"trialExpired": "Dziękujemy za zgłoszenie. Twoja prośba o odnowienie subskrypcji została przekazana do przełożonego.",
+					"purchase": "Dziękujemy za zgłoszenie. Twoja prośba o zakup została przekazana do przełożonego.",
+					"wishlist": "Dziękujemy za zgłoszenie. Twoja prośba została przekazana do przełożonego.",
+					"startTrial": "Dziękujemy za uruchomienie okresu próbnego. Przez kolejne 30 dni możesz korzystać ze wszystkich funkcji bezpłatnie. Po jego zakończeniu poinformujemy Cię o dostępnych opcjach."
+				}
+			}
+		} }
+	},
+	interpolation: { escapeValue: false },
+	react: { bindI18nStore: "added" },
+	returnNull: false
+});
+const registeredSets = /* @__PURE__ */ new WeakSet();
+const registerTranslations = (locales) => {
+	if (registeredSets.has(locales)) return;
+	if (!i18n?.store?.data) return;
+	const ns = "translation";
+	for (const [lang, trans] of Object.entries(locales)) if (trans[ns]) i18n.addResourceBundle(lang, ns, trans[ns], true, true);
+	registeredSets.add(locales);
+};
+var i18n_default = i18n;
+//#endregion
+//#region src/components/container.styles.js
+const makeStyles = ({ isEmbeddedMode }) => ({
+	root: {
+		height: isEmbeddedMode ? "100vh" : "calc(100vh - 22px)",
+		paddingTop: isEmbeddedMode ? 0 : "70px",
+		mixBlendMode: isEmbeddedMode ? "normal" : "color",
+		background: isEmbeddedMode ? "transparent" : "#1B2027"
+	},
+	overlay: {
+		position: "absolute",
+		top: 0,
+		left: 0,
+		width: "100%",
+		height: "100%",
+		zIndex: -1,
+		background: "repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 12px, transparent 12px, transparent 24px);"
+	}
+});
+//#endregion
+//#region src/utils/display.js
+const isTrustedOrigin = (origin) => {
+	if (typeof origin !== "string") return false;
+	if (origin === window.location.origin) return true;
+	if (/^http:\/\/localhost(:\d+)?$/.test(origin)) return true;
+	try {
+		const originUrl = new URL(origin);
+		if (originUrl.protocol !== "https:") return false;
+		const host = originUrl.hostname;
+		return host === "andoncloud.net" || host.endsWith(".andoncloud.net") || host === "andoncloud.com" || host.endsWith(".andoncloud.com");
+	} catch {
+		return false;
+	}
+};
+const getDisplayMode = () => {
+	try {
+		if (window.self !== window.top) return "iframe";
+		if (new URLSearchParams(window.location.search).get("displayMode") === "iframe") return "iframe";
+		return "standalone";
+	} catch (e) {
+		return "iframe";
+	}
+};
+const getParentOrigin = () => {
+	try {
+		const referrer = document.referrer;
+		if (!referrer) return null;
+		const origin = new URL(referrer).origin;
+		return isTrustedOrigin(origin) ? origin : null;
+	} catch {
+		return null;
+	}
+};
+const postToParent = (message) => {
+	const origin = getParentOrigin();
+	if (!origin) return;
+	window.parent?.postMessage(message, origin);
+};
+const updateParentHeaderLeadingText = (text) => {
+	if (getDisplayMode() !== "iframe") return;
+	postToParent({
+		type: "SET_HEADER_LEADING_TEXT",
+		text
+	});
+};
+const resetParentHeaderLeadingText = () => {
+	if (getDisplayMode() !== "iframe") return;
+	postToParent({ type: "RESET_HEADER_LEADING_TEXT" });
+};
+const updateParentHeaderTitle = (title) => {
+	if (getDisplayMode() !== "iframe") return;
+	postToParent({
+		type: "SET_HEADER_TITLE",
+		title
+	});
+};
+const resetParentHeaderTitle = () => {
+	if (getDisplayMode() !== "iframe") return;
+	postToParent({ type: "RESET_HEADER_TITLE" });
+};
+const updateParentHeaderStyles = ({ target, styles }) => {
+	if (getDisplayMode() !== "iframe") return;
+	postToParent({
+		type: "SET_HEADER_STYLES",
+		target,
+		styles
+	});
+};
+const resetParentHeaderStyles = (target) => {
+	if (getDisplayMode() !== "iframe") return;
+	postToParent({
+		type: "RESET_HEADER_STYLES",
+		target
+	});
+};
+const updateParentHeaderContent = (descriptor) => {
+	if (getDisplayMode() !== "iframe") return;
+	postToParent({
+		type: "SET_HEADER_CONTENT",
+		...descriptor
+	});
+};
+const resetParentHeaderContent = () => {
+	if (getDisplayMode() !== "iframe") return;
+	postToParent({ type: "RESET_HEADER_CONTENT" });
+};
+//#endregion
+//#region src/components/footer.js
+const Overlay = styled$2(Box$1)({
+	position: "absolute",
+	left: 0,
+	bottom: 0,
+	width: "100%",
+	height: "22px",
+	padding: "0.15em 0.5em",
+	fontSize: "70%",
+	fontWeight: 600,
+	color: "rgba(255, 255, 255, 0.75)",
+	borderTop: "1px solid rgba(255, 255, 255, 0.2)",
+	"& > span": {
+		marginLeft: "0.5em",
+		color: "rgba(255, 255, 255, 0.4)"
+	},
+	background: "#11151B"
+});
+const Footer = ({ appVersion, apiVersion }) => {
+	const { t } = useTranslation();
+	if (getDisplayMode() === "iframe") return null;
+	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);
+		}
+	};
+	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__ */ React.createElement(Overlay, null, 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, {
+		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
+	}));
+};
+ErrorPage.propTypes = {
+	error: PropTypes.any,
+	componentStack: PropTypes.any
+};
+ErrorPage.defaultProps = {};
+//#endregion
+//#region src/assets/loader.svg
+var loader_default = "data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin: auto; background: none; display: block; shape-rendering: auto;\" width=\"200px\" height=\"200px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">%0A<g transform=\"rotate(0 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(30 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(60 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(90 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(120 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(150 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(180 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(210 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(240 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(270 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(300 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g><g transform=\"rotate(330 50 50)\">%0A  <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"%23969696\">%0A    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animate>%0A  </rect>%0A</g>%0A<!-- [ldio] generated by https://loading.io/ --></svg>";
+//#endregion
+//#region src/components/loader.js
+const Loader = ({ width, "data-testid": dataTestId }) => {
+	return /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: "100%",
+		height: "100%"
+	}, /* @__PURE__ */ React.createElement("img", {
+		"data-testid": dataTestId,
+		alt: "loader",
+		width,
+		src: loader_default
+	}));
+};
+//#endregion
+//#region src/providers/display.js
+const DisplayContext = createContext();
+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);
+};
+const useDisplay = () => {
+	return useContext(DisplayContext);
+};
+//#endregion
+//#region src/pages/LoaderPage.js
+const LoaderPage = () => {
+	const { isEmbeddedMode } = useDisplay();
+	const containerStyles = makeStyles({ isEmbeddedMode });
+	return /* @__PURE__ */ React.createElement(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 }));
+};
+LoaderPage.propTypes = {};
+LoaderPage.defaultProps = {};
+//#endregion
+//#region src/providers/authConfig.js
+const AuthConfigContext = createContext();
+const AuthConfigProvider = ({ children, config }) => {
+	return /* @__PURE__ */ React.createElement(AuthConfigContext.Provider, { value: config }, children);
+};
+const useAuthConfig = () => {
+	return useContext(AuthConfigContext);
+};
+//#endregion
+//#region src/providers/metaInfo.js
+const MetaInfoContext = createContext();
+const MetaInfoProvider = ({ children, info }) => {
+	return /* @__PURE__ */ React.createElement(MetaInfoContext.Provider, { value: info }, children);
+};
+const useMetaInfo = () => {
+	return useContext(MetaInfoContext);
+};
+//#endregion
+//#region src/providers/store.js
+const rootStore = { sessionStore };
+const StoreContext = createContext(rootStore);
+const StoreProvider = observer(({ children }) => {
+	return /* @__PURE__ */ React.createElement(StoreContext.Provider, { value: rootStore }, children);
+});
+const useStore = () => {
+	return useContext(StoreContext);
+};
+//#endregion
+//#region src/stores/appStore.js
+var AppStore = class {
+	appReady = false;
+	gtmReady = false;
+	sentryReady = false;
+	constructor() {
+		makeAutoObservable(this);
+	}
+	setAppReady() {
+		this.appReady = true;
+	}
+	setGtmReady() {
+		this.gtmReady = true;
+	}
+	setSentryReady() {
+		this.sentryReady = true;
+	}
+};
+var appStore_default = new AppStore();
+//#endregion
+//#region src/theme.js
+const { palette, typography } = createTheme();
+const baseTheme = responsiveFontSizes(createTheme({
+	components: { MuiCssBaseline: { styleOverrides: `
+        body {
+          font-family: "Inter", "system-ui";
+        }
+        @supports (font-variation-settings: normal) {
+          body { font-family: "Inter var", "system-ui"; }
+        }
+      ` } },
+	palette: {
+		background: "#090B0E",
+		primary: {
+			main: "#0366EB",
+			light: "#71A9F4"
+		},
+		secondary: { main: "#E0E0E0" },
+		success: { main: "#11BD4C" },
+		error: { main: "#FD2121" },
+		text: { primary: "#A7ADB6" },
+		gray: palette.augmentColor({ color: {
+			main: "#090B0E",
+			light: "#47484A"
+		} }),
+		stroke: palette.augmentColor({ color: {
+			main: "#D8DDE3",
+			dark: "rgba(255, 255, 255, 0.15)"
+		} }),
+		gradient: {
+			blue: { main: "linear-gradient(0deg, #0353BD 3.06%, #0366EB 93%)" },
+			dark: { main: "linear-gradient(180deg, #292C34 0%, #1C1F25 100%)" }
+		}
+	},
+	typography: {
+		fontFamily: "'Inter', system-ui",
+		button: { textTransform: "none" }
+	}
+}), {
+	breakpoints: [
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	],
+	disableAlign: true,
+	factor: 2.5
+});
+var theme_default = createTheme(baseTheme, { components: {
+	MuiBackdrop: { styleOverrides: { root: { marginTop: 70 } } },
+	MuiButton: {
+		styleOverrides: { root: {
+			fontSize: "1rem",
+			fontWeight: 400,
+			color: baseTheme.palette.common.white,
+			padding: baseTheme.spacing(1.5, 3),
+			border: `1px solid ${baseTheme.palette.stroke.dark}`,
+			borderRadius: "6px",
+			"&:disabled": {
+				color: baseTheme.palette.gray.light,
+				background: "transparent"
+			}
+		} },
+		variants: [{
+			props: { variant: "contained" },
+			style: {
+				background: baseTheme.palette.gradient.blue.main,
+				"&:focus": { boxShadow: "0px 0px 0px 4px rgba(3, 102, 235, 0.25)" },
+				"&:hover": { opacity: .8 }
+			}
+		}, {
+			props: { variant: "outlined" },
+			style: {
+				background: baseTheme.palette.gradient.dark.main,
+				"&:focus": { boxShadow: "0 0 0 4px rgba(255, 255, 255, 0.10)" },
+				"&:hover": { opacity: .8 }
+			}
+		}]
+	},
+	MuiCard: { styleOverrides: { root: {
+		borderRadius: "4px",
+		boxShadow: "0px 4px 8px rgba(0, 0, 0, 0.25)"
+	} } },
+	MuiCardHeader: { styleOverrides: {
+		root: {
+			color: "rgba(255,255,255,0.85)",
+			background: "linear-gradient(180deg,#252A32,#30353D)"
+		},
+		subheader: {
+			marginTop: "0.5em",
+			color: "rgba(255,255,255,0.5)"
+		}
+	} },
+	MuiCardContent: { styleOverrides: { root: {
+		background: "#252A32",
+		"&:last-child": { paddingBottom: 16 }
+	} } },
+	MuiDayCalendar: { styleOverrides: { weekDayLabel: { color: "#E0E0E0" } } },
+	MuiDialogTitle: { styleOverrides: { root: {
+		textAlign: "center",
+		color: "white",
+		background: "linear-gradient(180deg,#252A32,#30353D)"
+	} } },
+	MuiDialogContent: { styleOverrides: { root: {
+		minWidth: 550,
+		padding: "16px 24px",
+		background: "#252A32"
+	} } },
+	MuiDialogContentText: { styleOverrides: { root: {
+		textAlign: "center",
+		color: "white"
+	} } },
+	MuiCheckbox: { styleOverrides: { root: {
+		color: baseTheme.palette.primary.main,
+		"&:hover": { opacity: .8 }
+	} } },
+	MuiFormLabel: { styleOverrides: { root: {
+		lineHeight: "1.4375em !important",
+		fontSize: `${typography.pxToRem(16)} !important`,
+		"&:not(.Mui-error)": { color: `${baseTheme.palette.text.primary} !important` }
+	} } },
+	MuiFormControl: { styleOverrides: { root: { ".MuiInputLabel-root": {
+		color: "#E0E0E0",
+		transform: "translate(16px, 14px) scale(1)",
+		"&.MuiInputLabel-shrink": {
+			color: "#A7ADB6",
+			transform: "translate(16px, 5px) scale(0.75)"
+		}
+	} } } },
+	MuiFormControlLabel: { styleOverrides: { root: {
+		alignItems: "center",
+		color: baseTheme.palette.text.primary,
+		".MuiFormControlLabel-label.Mui-disabled": { color: "#A7ADB6" }
+	} } },
+	MuiInputBase: { styleOverrides: { root: {
+		display: "flex",
+		padding: baseTheme.spacing(1.5, 3),
+		fontSize: "1rem",
+		fontWeight: 400,
+		color: "#E0E0E0",
+		borderRadius: "6px",
+		background: "#1C1F25",
+		"> input": {
+			padding: 0,
+			"&[type=number]": { MozAppearance: "textfield" },
+			"&[type=number]::-webkit-outer-spin-button": {
+				WebkitAppearance: "none",
+				margin: 0
+			},
+			"&[type=number]::-webkit-inner-spin-button": {
+				WebkitAppearance: "none",
+				margin: 0
+			},
+			"&:-webkit-autofill": { transition: "all 5000s ease-in-out 0s" },
+			"&:-webkit-autofill:focus": { transition: "all 5000s ease-in-out 0s" },
+			"&:-webkit-autofill:hover": { transition: "all 5000s ease-in-out 0s" },
+			"&:-webkit-autofill:active": { transition: "all 5000s ease-in-out 0s" }
+		}
+	} } },
+	MuiInputAdornment: { styleOverrides: { root: { ".MuiTypography-root": { color: "#4E5A67" } } } },
+	MuiMenu: { styleOverrides: {
+		root: {
+			transform: `translateY(${baseTheme.spacing(1)})`,
+			".MuiPaper-root": { background: "none" }
+		},
+		list: {
+			border: `1px solid #4E5A67`,
+			borderRadius: "6px",
+			background: "#1C1F25",
+			boxShadow: "0px 4px 10.4px 0px rgba(255, 255, 255, 0.05)"
+		}
+	} },
+	MuiMenuItem: { styleOverrides: { root: {
+		gap: baseTheme.spacing(.5),
+		fontSize: typography.pxToRem(16),
+		color: "#E0E0E0",
+		"&.Mui-selected": { background: baseTheme.palette.gray.main },
+		"&.Mui-selected:hover": { background: baseTheme.palette.gray.main },
+		"&:hover": { background: baseTheme.palette.gray.main }
+	} } },
+	MuiOutlinedInput: { styleOverrides: {
+		root: {
+			padding: baseTheme.spacing(2.5, 2, .5, 2),
+			"&:hover .MuiOutlinedInput-notchedOutline": {
+				borderWidth: "1px",
+				borderColor: "#4E5A67"
+			},
+			"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+				borderWidth: "1px",
+				borderColor: "#4E5A67"
+			}
+		},
+		notchedOutline: {
+			border: `1px solid ${baseTheme.palette.stroke.dark}`,
+			"> legend": { width: 0 }
+		}
+	} },
+	MuiPickersArrowSwitcher: { styleOverrides: { root: {
+		".MuiPickersArrowSwitcher-previousIconButton": { color: "#E0E0E0" },
+		".MuiPickersArrowSwitcher-nextIconButton": { color: "#E0E0E0" }
+	} } },
+	MuiPickersCalendarHeader: { styleOverrides: { switchViewButton: { color: "#E0E0E0" } } },
+	MuiPickersInputBase: { styleOverrides: { root: {
+		display: "flex",
+		fontSize: "1rem",
+		fontWeight: 400,
+		color: "#E0E0E0",
+		borderRadius: "6px",
+		background: "#1C1F25",
+		".MuiPickersSectionList-root": { padding: baseTheme.spacing(1, 0, .625, 0) },
+		".MuiInputAdornment-root": { marginTop: baseTheme.spacing(-1.5) },
+		".MuiIconButton-root": { color: "#E0E0E0" },
+		"> input": { padding: 0 }
+	} } },
+	MuiPickersOutlinedInput: { styleOverrides: {
+		root: {
+			padding: baseTheme.spacing(1.75, 2, 0, 2),
+			"&:hover .MuiPickersOutlinedInput-notchedOutline": {
+				borderWidth: "1px",
+				borderColor: "#4E5A67"
+			},
+			"&.Mui-focused:not(.Mui-error) .MuiPickersOutlinedInput-notchedOutline": {
+				borderWidth: "1px",
+				borderColor: "#4E5A67"
+			}
+		},
+		notchedOutline: {
+			border: `1px solid ${baseTheme.palette.stroke.dark}`,
+			"> legend": { width: 0 }
+		}
+	} },
+	MuiPickersTextField: { variants: [{
+		props: { error: true },
+		style: {
+			".MuiInputLabel-root": {
+				color: baseTheme.palette.error.main,
+				"&.MuiInputLabel-shrink": { color: baseTheme.palette.error.main }
+			},
+			"&:hover .MuiOutlinedInput-notchedOutline": { borderColor: baseTheme.palette.error.main },
+			".Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: baseTheme.palette.error.main }
+		}
+	}] },
+	MuiPickersLayout: { styleOverrides: { root: { background: "#1C1F25" } } },
+	MuiRadio: { styleOverrides: { root: {
+		color: baseTheme.palette.primary.main,
+		"&:hover": { opacity: .8 }
+	} } },
+	MuiRadioGroup: { styleOverrides: { root: { color: baseTheme.palette.primary.main } } },
+	MuiSelect: { styleOverrides: { root: {
+		".MuiSelect-select": {
+			display: "flex",
+			alignItems: "center",
+			gap: baseTheme.spacing(.5),
+			padding: 0,
+			lineHeight: 1.625,
+			color: "E0E0E0"
+		},
+		".MuiSelect-icon": {
+			top: "calc(50% - 10px)",
+			right: baseTheme.spacing(2),
+			color: "#E0E0E0"
+		},
+		"&:hover": { borderColor: "#4E5A67" }
+	} } },
+	MuiTabs: { styleOverrides: { root: { borderBottom: `1px solid ${baseTheme.palette.stroke.dark}` } } },
+	MuiTab: { styleOverrides: { root: {
+		color: baseTheme.palette.text.primary,
+		"&.Mui-selected": { color: "#E0E0E0" }
+	} } },
+	MuiTabList: { styleOverrides: { root: { borderBottom: `1px solid ${baseTheme.palette.stroke.dark}` } } },
+	MuiTabPanel: { styleOverrides: { root: { padding: baseTheme.spacing(2, 0) } } },
+	MuiTextField: { variants: [{
+		props: { error: true },
+		style: {
+			".MuiInputLabel-root": {
+				color: baseTheme.palette.error.main,
+				"&.MuiInputLabel-shrink": { color: baseTheme.palette.error.main }
+			},
+			"&:hover .MuiOutlinedInput-notchedOutline": { borderColor: baseTheme.palette.error.main },
+			".Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: baseTheme.palette.error.main }
+		}
+	}] },
+	MuiTypography: { styleOverrides: { root: { "& > span.important": {
+		fontWeight: 600,
+		color: baseTheme.palette.secondary.main
+	} } } }
+} });
+//#endregion
+//#region src/components/networkError.js
+const NetworkError = ({ error }) => {
+	const { isEmbeddedMode } = useDisplay();
+	const { t } = useTranslation();
+	const containerStyles = makeStyles({ isEmbeddedMode });
+	return /* @__PURE__ */ React.createElement(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 }));
+};
+//#endregion
+//#region src/hooks/useQueryParams.js
+const useQueryParams = () => {
+	return new URLSearchParams(useLocation().search);
+};
+//#endregion
+//#region src/utils/validateRedirect.ts
+function validateRedirectUrl(url) {
+	if (!url) return "/";
+	if (url.startsWith("//")) return "/";
+	if (url.startsWith("/")) return url;
+	try {
+		const parsed = new URL(url);
+		if (parsed.origin === window.location.origin) return parsed.pathname + parsed.search + parsed.hash;
+	} catch {}
+	return "/";
+}
+//#endregion
+//#region src/components/authRedirect.js
+const OAUTH_STATE_KEY$1 = "oauth2_state";
+const AuthRedirect = () => {
+	const queryParams = useQueryParams();
+	const nextPath = validateRedirectUrl(queryParams.get("next") || "/");
+	useEffect(() => {
+		const code = queryParams.get("code");
+		const returnedState = queryParams.get("state");
+		const storedState = sessionStorage.getItem(OAUTH_STATE_KEY$1);
+		if (code) {
+			if (storedState && returnedState !== storedState) {
+				sessionStorage.removeItem(OAUTH_STATE_KEY$1);
+				return;
+			}
+			sessionStorage.removeItem(OAUTH_STATE_KEY$1);
+			sessionStore.authorize({ code });
+		}
+	}, [queryParams]);
+	if (sessionStore.isLoggedIn) return /* @__PURE__ */ React.createElement(Navigate, { to: nextPath });
+	return null;
+};
+//#endregion
+//#region src/components/iframeNavigation.js
+const IframeNavigation = () => {
+	const { isEmbeddedMode, iframeNavigationItems } = useDisplay();
+	const navigate = useNavigate();
+	const location = useLocation();
+	useEffect(() => {
+		if (!isEmbeddedMode) return;
+		postToParent({
+			type: "IFRAME_NAVIGATION_CURRENT",
+			path: location.pathname
+		});
+	}, [isEmbeddedMode, location.pathname]);
+	useEffect(() => {
+		if (!isEmbeddedMode) return;
+		postToParent({
+			type: "IFRAME_NAVIGATION_ITEMS",
+			items: iframeNavigationItems
+		});
+	}, [isEmbeddedMode, iframeNavigationItems]);
+	useEffect(() => {
+		if (!isEmbeddedMode) return;
+		const onMessage = (event) => {
+			if (!isTrustedOrigin(event.origin)) return;
+			const data = event.data;
+			if (!data || typeof data !== "object") return;
+			switch (data.type) {
+				case "NAVIGATE":
+					if (typeof data.path === "string") navigate(data.path, {
+						replace: !!data.replace,
+						state: data.state
+					});
+					break;
+				default: break;
+			}
+		};
+		window.addEventListener("message", onMessage);
+		postToParent({ type: "IFRAME_NAVIGATION_READY" });
+		return () => {
+			window.removeEventListener("message", onMessage);
+			postToParent({ type: "IFRAME_NAVIGATION_DISPOSED" });
+		};
+	}, [isEmbeddedMode, navigate]);
+	return null;
+};
+//#endregion
+//#region src/assets/info-icon.svg
+var info_icon_default = "data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\"?>%0A<svg enable-background=\"new 0 0 122.88 122.88\" version=\"1.1\" viewBox=\"0 0 122.88 122.88\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"%23156bd1\"><path d=\"m61.44 9.23c-1.85 0-3.64 0.08-5.35 0.25s-3.44 0.42-5.17 0.77c-1.72 0.34-3.39 0.77-5 1.26-1.59 0.49-3.16 1.07-4.7 1.72l-0.1 0.05c-1.63 0.7-3.18 1.45-4.67 2.25-1.5 0.81-2.94 1.68-4.31 2.6-1.38 0.93-2.72 1.92-3.99 2.97s-2.5 2.16-3.68 3.35l-0.04 0.04c-1.18 1.18-2.29 2.4-3.33 3.66-1.05 1.28-2.04 2.61-2.97 3.99-0.92 1.36-1.78 2.8-2.59 4.3-0.8 1.49-1.56 3.05-2.26 4.67l-0.05 0.11-0.07 0.14c-0.63 1.5-1.19 3.04-1.67 4.61-0.49 1.59-0.9 3.23-1.24 4.93-0.35 1.73-0.6 3.45-0.77 5.17s-0.25 3.5-0.25 5.35 0.08 3.64 0.25 5.35 0.42 3.44 0.77 5.17c0.35 1.72 0.77 3.39 1.27 5 0.49 1.57 1.05 3.13 1.7 4.66 0.04 0.07 0.07 0.14 0.1 0.21 0.69 1.6 1.43 3.13 2.23 4.6 0.81 1.5 1.68 2.94 2.59 4.3 0.93 1.39 1.92 2.72 2.98 4 1.02 1.24 2.11 2.44 3.26 3.59 0.07 0.06 0.13 0.12 0.19 0.19 1.16 1.16 2.36 2.24 3.59 3.26 1.28 1.05 2.61 2.04 3.99 2.97 1.36 0.92 2.8 1.78 4.3 2.59 1.49 0.8 3.05 1.56 4.67 2.26l0.21 0.1c1.52 0.64 3.07 1.2 4.67 1.69 1.58 0.49 3.23 0.9 4.92 1.24 1.73 0.35 3.45 0.6 5.17 0.77s3.5 0.25 5.35 0.25 3.64-0.08 5.35-0.25 3.44-0.42 5.17-0.77c1.72-0.35 3.39-0.77 5-1.27 1.59-0.49 3.16-1.07 4.71-1.73l0.09-0.04v-0.01c1.63-0.7 3.18-1.45 4.67-2.25 1.5-0.81 2.94-1.68 4.31-2.6 1.38-0.93 2.72-1.92 3.99-2.97 1.25-1.03 2.45-2.12 3.62-3.29 0.06-0.06 0.11-0.12 0.18-0.18 1.15-1.15 2.23-2.35 3.25-3.58 1.05-1.28 2.05-2.61 2.98-4 0.92-1.36 1.78-2.8 2.59-4.3 0.8-1.49 1.56-3.04 2.26-4.67l0.1-0.22c0.64-1.51 1.2-3.06 1.69-4.65s0.9-3.23 1.24-4.93c0.35-1.73 0.6-3.45 0.77-5.17s0.25-3.5 0.25-5.35-0.08-3.64-0.25-5.35-0.42-3.44-0.77-5.17c-0.35-1.72-0.77-3.39-1.27-5-0.49-1.59-1.07-3.16-1.73-4.71l-0.04-0.09c-0.7-1.63-1.45-3.18-2.25-4.67-0.81-1.5-1.68-2.94-2.59-4.3-0.93-1.38-1.92-2.72-2.97-3.99-1.02-1.24-2.12-2.45-3.28-3.61-0.07-0.06-0.13-0.12-0.18-0.18-1.16-1.16-2.35-2.24-3.59-3.26-1.28-1.05-2.61-2.04-3.99-2.97-1.37-0.92-2.8-1.78-4.3-2.59-1.49-0.8-3.04-1.56-4.67-2.25l-0.19-0.09c-1.52-0.64-3.08-1.21-4.68-1.7-1.58-0.49-3.23-0.9-4.93-1.24-1.73-0.35-3.45-0.6-5.17-0.77-1.73-0.14-3.52-0.22-5.37-0.22zm1.9 21.94c2.19 0 3.91 0.63 5.16 1.88 1.24 1.25 1.87 2.96 1.87 5.17 0 2.24-1.07 4.22-3.21 5.97-2.16 1.74-4.66 2.62-7.52 2.62-2.14 0-3.85-0.6-5.16-1.8-1.31-1.22-1.96-2.79-1.96-4.75 0-2.47 1.07-4.59 3.19-6.4 2.11-1.8 4.66-2.69 7.63-2.69zm12.21 60.54h-28.22v-4.75h5.3v-29.01h-5.3v-3.78h13.19c3.33 0 6.61-0.4 9.85-1.22v34.01h5.18v4.75zm-26.43-90.51c1.96-0.39 3.99-0.69 6.08-0.89 2.09-0.21 4.17-0.31 6.24-0.31s4.15 0.1 6.24 0.31c2.09 0.2 4.12 0.5 6.08 0.89 1.94 0.39 3.88 0.88 5.82 1.48 1.88 0.58 3.74 1.26 5.58 2.04l0.19 0.07 0.06 0.02c1.85 0.8 3.65 1.67 5.38 2.61 1.71 0.93 3.4 1.95 5.07 3.07 1.63 1.1 3.21 2.27 4.73 3.52s2.97 2.56 4.34 3.95c1.38 1.38 2.7 2.83 3.95 4.34 1.25 1.52 2.42 3.09 3.52 4.73 1.09 1.63 2.11 3.32 3.06 5.06h0.01c0.94 1.74 1.82 3.54 2.61 5.39l0.06 0.15c0.78 1.83 1.46 3.7 2.05 5.6 0.61 1.96 1.11 3.92 1.5 5.89 0.39 1.96 0.69 3.99 0.89 6.08s0.3 4.17 0.3 6.24-0.1 4.15-0.31 6.24c-0.2 2.09-0.5 4.12-0.89 6.08-0.39 1.94-0.88 3.88-1.48 5.82-0.58 1.89-1.27 3.76-2.05 5.62l-0.04 0.09-0.05 0.11c-0.8 1.85-1.67 3.65-2.61 5.38-0.93 1.71-1.95 3.4-3.07 5.07-1.1 1.63-2.27 3.21-3.52 4.73s-2.56 2.96-3.95 4.34c-1.38 1.38-2.83 2.7-4.35 3.95s-3.09 2.42-4.72 3.51-3.32 2.11-5.06 3.06c-1.78 0.96-3.57 1.84-5.39 2.62-0.05 0.02-0.1 0.04-0.16 0.06-1.83 0.78-3.7 1.46-5.6 2.05-1.96 0.61-3.92 1.11-5.88 1.5s-3.99 0.69-6.08 0.89-4.17 0.3-6.24 0.3-4.15-0.1-6.24-0.3-4.12-0.5-6.08-0.89c-1.94-0.39-3.88-0.88-5.82-1.48-1.89-0.58-3.76-1.27-5.61-2.05l-0.2-0.08c-1.85-0.8-3.65-1.67-5.38-2.61-1.71-0.93-3.4-1.95-5.07-3.07-1.63-1.09-3.21-2.27-4.72-3.51-1.52-1.25-2.97-2.57-4.35-3.95s-2.7-2.83-3.95-4.34c-1.25-1.52-2.42-3.1-3.52-4.73-1.09-1.63-2.11-3.32-3.06-5.06-0.97-1.78-1.84-3.58-2.62-5.4l-0.06-0.15c-0.78-1.83-1.46-3.7-2.05-5.6-0.61-1.96-1.11-3.93-1.5-5.89s-0.69-3.99-0.89-6.08c-0.21-2.08-0.31-4.16-0.31-6.23s0.1-4.15 0.31-6.24c0.2-2.09 0.5-4.12 0.89-6.08 0.39-1.94 0.88-3.88 1.48-5.82 0.58-1.88 1.26-3.74 2.04-5.59l0.09-0.23c0.8-1.85 1.67-3.65 2.61-5.38 0.93-1.71 1.95-3.4 3.07-5.07 1.1-1.63 2.27-3.21 3.52-4.73s2.56-2.96 3.95-4.34c1.38-1.38 2.83-2.7 4.34-3.95 1.52-1.25 3.09-2.42 4.73-3.52 1.67-1.12 3.36-2.14 5.07-3.07l0.13-0.06c1.73-0.94 3.48-1.78 5.26-2.55l0.15-0.06c1.83-0.78 3.7-1.46 5.6-2.05 1.95-0.61 3.91-1.11 5.88-1.5z\" fill=\"%23156bd1\"/></g></svg>%0A";
+//#endregion
+//#region src/components/loginForm.js
+const LoginForm = ({ scope, redirectPath, onSuccess, onFailure, onCancel, storeSession, title, "data-testid": dataTestID }) => {
+	const [username, setUsername] = useState("");
+	const [password, setPassword] = useState("");
+	const [usernameError, setUsernameError] = useState(null);
+	const [passwordError, setPasswordError] = useState(null);
+	const { releaseVersion, releasePageLink } = useMetaInfo();
+	const navigate = useNavigate();
+	const { t } = useTranslation();
+	const authorizeUser = async (credentials) => {
+		const session = await sessionStore.authorize({
+			scope,
+			...credentials
+		}, storeSession);
+		if (session) {
+			if (onSuccess && typeof onSuccess === "function") onSuccess(session);
+			setPassword("");
+			navigate(redirectPath);
+		} else if (onFailure && typeof onFailure === "function") onFailure();
+	};
+	useEffect(() => {
+		onScan.attachTo(document, {
+			suffixKeyCodes: [13],
+			onScan: function(sCode) {
+				setUsername("");
+				setPassword("");
+				authorizeUser({
+					username: "code",
+					password: sCode
+				});
+			}
+		});
+		return () => {
+			onScan.detachFrom(document);
+		};
+	}, []);
+	const handleCancel = (event) => {
+		if (onCancel && typeof onCancel === "function") onCancel();
+		else navigate("/");
+	};
+	const handleSubmit = async (event) => {
+		event.preventDefault();
+		const uError = username.trim() ? null : t("sdk.login.usernameRequired");
+		const pError = password ? null : t("sdk.login.passwordRequired");
+		setUsernameError(uError);
+		setPasswordError(pError);
+		if (uError || pError) return;
+		authorizeUser({
+			username,
+			password
+		});
+	};
+	const handleChangeForUsername = (event) => {
+		setUsername(event.target.value);
+		if (usernameError) setUsernameError(null);
+	};
+	const handleChangeForPassword = (event) => {
+		setPassword(event.target.value);
+		if (passwordError) setPasswordError(null);
+	};
+	return /* @__PURE__ */ React.createElement("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)))));
+};
+LoginForm.propTypes = {
+	scope: PropTypes.string,
+	redirectPath: PropTypes.string,
+	onSuccess: PropTypes.func,
+	onFailure: PropTypes.func,
+	onCancel: PropTypes.func,
+	storeSession: PropTypes.bool
+};
+LoginForm.defaultProps = {
+	redirectPath: "/",
+	storeSession: true
+};
+var loginForm_default = observer(LoginForm);
+const QRCodeSVG = () => {
+	return /* @__PURE__ */ React.createElement("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)"
+	}))));
+};
+const BarcodeSVG = () => {
+	return /* @__PURE__ */ React.createElement("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)"
+	}))));
+};
+const RFIDCardSVG = () => {
+	return /* @__PURE__ */ React.createElement("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)"
+	}))));
+};
+const AcLogoSVG = () => {
+	return /* @__PURE__ */ React.createElement("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"
+	})));
+};
+//#endregion
+//#region src/components/loginModal.tsx
+const LoginModal$1 = ({ open, subtitle, scope, redirectPath = "/", onSuccess, onFailure, onCancel, storeSession = false, "data-testid": dataTestID }) => {
+	const { t } = useTranslation();
+	const getTitle = () => {
+		return subtitle !== void 0 ? subtitle : t("loginFormText");
+	};
+	return /* @__PURE__ */ React.createElement(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"
+	})));
+};
+var loginModal_default = observer(LoginModal$1);
+//#endregion
+//#region src/hooks/useLogin.js
+const LoginModal = ({ isOpen, title, subtitle, scope, redirectPath, onSuccess, onFailure, onCancel, storeSession = true }) => {
+	const [open, setOpen] = useState(isOpen);
+	useEffect(() => {
+		setOpen(isOpen);
+	}, [isOpen]);
+	const handleSuccess = (session) => {
+		if (onSuccess && typeof onSuccess === "function") onSuccess(session);
+		setOpen(false);
+	};
+	const handleCancel = () => {
+		if (onCancel && typeof onCancel === "function") onCancel();
+		setOpen(false);
+	};
+	return /* @__PURE__ */ React.createElement(loginModal_default, {
+		open,
+		title,
+		subtitle,
+		scope,
+		redirectPath,
+		onSuccess: handleSuccess,
+		onFailure,
+		onCancel: handleCancel,
+		storeSession
+	});
+};
+const OAUTH_STATE_KEY = "oauth2_state";
+const generateOAuthState = () => {
+	const bytes = crypto.getRandomValues(new Uint8Array(16));
+	return Array.from(bytes, (b) => b.toString(16).padStart(2, "0")).join("");
+};
+const useLogin = (scope, loginProps = {}) => {
+	const { loginUrl, clientId, grantType, redirectUri, redirectPath: defaultRedirectPath } = useAuthConfig();
+	const [showModal] = useModal(LoginModal, {
+		scope,
+		...loginProps
+	});
+	const { redirectPath } = loginProps;
+	const redirectUrl = encodeURIComponent(`${redirectUri}?next=${redirectPath || defaultRedirectPath}`);
+	const buildLoginUrl = () => {
+		const state = generateOAuthState();
+		sessionStorage.setItem(OAUTH_STATE_KEY, state);
+		return `${loginUrl}?response_type=code&client_id=${clientId}&redirect_uri=${redirectUrl}&scope=${scope}&state=${state}`;
+	};
+	if (grantType === "password") return () => {
+		showModal({ key: (/* @__PURE__ */ new Date()).getTime() });
+	};
+	return () => {
+		window.location.assign(buildLoginUrl());
+	};
+};
+//#endregion
+//#region src/components/externalContent.js
+const ExternalContent = ({ src }) => {
+	const { setIframeMounted } = useDisplay();
+	useEffect(() => {
+		setIframeMounted(true);
+		return () => setIframeMounted(false);
+	}, [setIframeMounted]);
+	return /* @__PURE__ */ React.createElement(Iframe, {
+		id: "external-content-iframe",
+		src,
+		width: "100%",
+		frameBorder: "0",
+		styles: {
+			display: "block",
+			height: "calc(100vh - 92px)"
+		}
+	});
+};
+//#endregion
+//#region src/assets/logo.svg
+var logo_default = "data:image/svg+xml,<svg width=\"99\" height=\"64\" viewBox=\"0 0 99 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g id=\"Type=new\">%0A<g id=\"Vector\" filter=\"url(%23filter0_d_879_24616)\">%0A<path d=\"M94.2395 32.6164C94.2395 27.7041 91.1136 23.6555 84.1731 23.6555C84.178 23.5416 84.1924 23.4298 84.1924 23.3152C84.1924 18.2883 79.5582 14.2138 73.8398 14.2138C73.0728 14.2153 72.3078 14.2923 71.5559 14.4437C69.2221 8.02729 62.386 3.38086 54.315 3.38086C47.1037 3.38086 40.8788 7.08745 37.9681 12.4529C35.4863 11.0743 32.6916 10.357 29.8526 10.3699C21.5111 10.3699 14.7492 16.3146 14.7492 23.6489C14.7503 24.4457 14.8322 25.2405 14.9938 26.0208C6.9758 26.0208 4.01758 32.1077 4.01758 37.977C4.01758 44.732 10.2453 50.2075 17.9279 50.2075C19.9349 50.2124 21.9236 49.8266 23.7832 49.0716C25.8948 53.1245 30.5462 55.9426 35.9497 55.9426C39.0449 55.9656 42.0659 54.9948 44.5683 53.173C45.3887 54.0785 46.3926 54.7988 47.5131 55.286C48.6336 55.7733 49.845 56.0163 51.0668 55.9988C54.7412 55.9988 57.8518 53.8718 58.8929 50.9415C61.793 53.3626 65.4601 54.6724 69.2378 54.6362C77.4364 54.6362 84.0827 48.7925 84.0827 41.583C89.6955 41.5624 94.2395 37.5574 94.2395 32.6164Z\" fill=\"%23E0E0E0\"/>%0A</g>%0A<g id=\"Vector_2\" filter=\"url(%23filter1_d_879_24616)\">%0A<path d=\"M94.2395 29.2351C94.2395 24.3228 89.744 20.3374 84.1731 20.2742C84.178 20.1603 84.1924 20.0485 84.1924 19.9339C84.1924 14.907 79.5582 10.8325 73.8398 10.8325C73.0728 10.8339 72.3078 10.9109 71.5559 11.0623C69.2221 4.64594 62.386 -0.000488281 54.315 -0.000488281C47.1037 -0.000488281 40.8788 3.70611 37.9681 9.07157C35.4863 7.69294 32.6916 6.97565 29.8526 6.98856C21.5111 6.98856 14.7492 12.9333 14.7492 20.2675C14.7503 21.0644 14.8322 21.8591 14.9938 22.6395C8.72096 23.8242 4.01758 28.7264 4.01758 34.5957C4.01758 41.3506 10.2453 46.8262 17.9279 46.8262C19.9349 46.8311 21.9236 46.4453 23.7832 45.6903C25.8948 49.7431 30.5462 52.5613 35.9497 52.5613C39.0447 52.5845 42.0655 51.6141 44.5679 49.7927C45.3883 50.6982 46.3922 51.4185 47.5127 51.9058C48.6332 52.393 49.8447 52.636 51.0664 52.6185C54.7409 52.6185 57.8514 50.4915 58.8926 47.5613C61.7926 49.9823 65.4598 51.2921 69.2374 51.256C77.436 51.256 84.0823 45.4122 84.0823 38.2027C89.6955 38.181 94.2395 34.1764 94.2395 29.2351Z\" fill=\"%23E0E0E0\"/>%0A<path d=\"M83.6736 20.2527L83.6515 20.7683L84.1675 20.7741C89.5267 20.835 93.7395 24.655 93.7395 29.2351C93.7395 33.8425 89.4806 37.6819 84.0804 37.7027L83.5823 37.7046V38.2027C83.5823 45.0776 77.2222 50.756 69.2374 50.756L69.2326 50.756C65.5737 50.791 62.0219 49.5224 59.213 47.1774L58.6618 46.7173L58.4214 47.3938C57.46 50.0996 54.5572 52.1185 51.0664 52.1185L51.0593 52.1186C49.9085 52.135 48.7675 51.9062 47.7121 51.4472C46.6567 50.9883 45.7112 50.3098 44.9384 49.457L44.6368 49.1242L44.2737 49.3885C41.8577 51.1468 38.9414 52.0837 35.9534 52.0613H35.9497C30.7146 52.0613 26.2442 49.3315 24.2266 45.4593L24.0165 45.056L23.5951 45.227C21.7956 45.9576 19.8712 46.3309 17.9291 46.3262H17.9279C10.4591 46.3262 4.51758 41.016 4.51758 34.5957C4.51758 29.0145 8.99969 24.2804 15.0866 23.1308L15.5865 23.0364L15.4834 22.5381C15.3287 21.7909 15.2502 21.0299 15.2492 20.2669C15.2496 13.2676 21.7251 7.48856 29.8526 7.48857L29.8549 7.48855C32.6082 7.47603 35.3184 8.17167 37.7253 9.50866L38.1668 9.75389L38.4076 9.30999C41.223 4.12026 47.2699 0.499512 54.315 0.499512C62.2032 0.499512 68.833 5.03897 71.0861 11.2333L71.2331 11.6374L71.6546 11.5525C72.3742 11.4076 73.1063 11.3339 73.8403 11.3325C79.3447 11.3327 83.6924 15.2418 83.6924 19.9339C83.6924 19.9717 83.69 20.0129 83.686 20.0672C83.6853 20.0765 83.6845 20.0865 83.6837 20.097C83.6802 20.1424 83.6759 20.1981 83.6736 20.2527Z\" stroke=\"black\" stroke-opacity=\"0.1\"/>%0A</g>%0A<path id=\"Vector_3\" d=\"M58.7196 16.4697C58.383 17.1018 58.1155 17.7683 57.922 18.4577C57.6587 18.4776 57.3969 18.5126 57.1376 18.5625C56.879 18.6164 56.6244 18.6874 56.3753 18.7753C55.9644 18.2058 55.4995 17.6774 54.9868 17.1975C54.6241 17.3647 54.2738 17.5577 53.9387 17.775C54.0405 18.4857 54.2181 19.1834 54.4683 19.8563C54.2644 20.0241 54.0735 20.2073 53.8975 20.4041C53.719 20.5988 53.5519 20.8036 53.3971 21.0176C52.729 20.8022 52.0429 20.6475 51.347 20.5554C51.1547 20.9071 50.9873 21.272 50.8463 21.6472C51.3434 22.1634 51.896 22.6232 52.494 23.0182C52.3591 23.5297 52.2993 24.0582 52.3162 24.5869C51.6475 24.8016 51.0008 25.0795 50.3848 25.4167C50.4297 25.8152 50.5061 26.2094 50.6133 26.5959C51.3181 26.7189 52.0341 26.7668 52.749 26.7388C52.8517 26.9818 52.9684 27.2187 53.0984 27.4483C53.226 27.6797 53.3711 27.9009 53.5324 28.1101C53.1182 28.6772 52.7586 29.2822 52.4583 29.9171C52.7287 30.2113 53.0217 30.484 53.3346 30.7325C53.9805 30.42 54.5898 30.037 55.1514 29.5904C55.3746 29.7317 55.607 29.8578 55.847 29.9681C56.0885 30.0754 56.3359 30.1687 56.588 30.2476C56.5887 30.9498 56.6544 31.6504 56.7844 32.3404C57.1761 32.4184 57.5732 32.466 57.9723 32.4826C58.3089 31.8507 58.5764 31.1843 58.7699 30.495C59.0332 30.4751 59.2951 30.4401 59.5543 30.3901C59.8129 30.3364 60.0676 30.2653 60.3166 30.1774C60.7276 30.7469 61.1927 31.2753 61.7054 31.7552C62.0681 31.5879 62.4184 31.3949 62.7536 31.1777C62.6518 30.4669 62.4743 29.769 62.2239 29.096C62.4279 28.9282 62.6187 28.7451 62.7948 28.5482C62.9733 28.3536 63.1404 28.1487 63.2951 27.9347C63.9632 28.1502 64.6494 28.3049 65.3453 28.3969C65.5377 28.0452 65.705 27.6804 65.846 27.3051C65.3489 26.7889 64.7963 26.3291 64.1983 25.9341C64.3331 25.4226 64.393 24.8942 64.3761 24.3654C65.0448 24.1507 65.6915 23.8729 66.3075 23.5356C66.2625 23.1372 66.1861 22.7429 66.079 22.3565C65.3741 22.2334 64.6582 22.1855 63.9432 22.2136C63.8406 21.9705 63.7239 21.7336 63.5939 21.504C63.4663 21.2727 63.3212 21.0514 63.1599 20.8422C63.574 20.2751 63.9336 19.67 64.2339 19.0352C63.9636 18.7409 63.6706 18.4683 63.3577 18.2198C62.7118 18.5324 62.1025 18.9154 61.5409 19.3619C61.3177 19.2206 61.0853 19.0945 60.8453 18.9842C60.6038 18.8775 60.3564 18.7848 60.1042 18.7065C60.1036 18.0044 60.0378 17.3039 59.9079 16.614C59.5161 16.5353 59.1188 16.4871 58.7196 16.4697ZM59.8869 21.0865C60.6011 21.4133 61.1938 21.9574 61.5803 22.6412C61.9667 23.325 62.1272 24.1134 62.0388 24.8939C61.9504 25.6743 61.6175 26.4069 61.0879 26.9869C60.5582 27.5669 59.8588 27.9646 59.0896 28.1234C58.3188 28.2768 57.5194 28.1862 56.8026 27.8641C56.0883 27.5373 55.4957 26.9931 55.1092 26.3094C54.7227 25.6256 54.5623 24.8371 54.6507 24.0567C54.7391 23.2762 55.0719 22.5437 55.6016 21.9637C56.1312 21.3837 56.8306 20.9859 57.5999 20.8272C58.3706 20.6738 59.17 20.7644 59.8869 21.0865Z\" fill=\"%23090B0E\"/>%0A<path id=\"Vector_4\" d=\"M25.1222 28.5555L24.5632 32.0493H22.1797L24.7546 16.8477H27.9134L30.4552 32.0493H28.0549L27.5134 28.5555H25.1211H25.1222ZM26.3227 20.3296L25.4723 26.3218H27.1723L26.3227 20.3296Z\" fill=\"%23090B0E\"/>%0A<path id=\"Vector_5\" d=\"M34.9652 16.8457L37.9992 27.0553V16.8457H40.2912V32.0473H37.8364L34.6826 22.3128V32.0473H32.3906V16.8457H34.9656H34.9652Z\" fill=\"%23090B0E\"/>%0A<path id=\"Vector_6\" d=\"M49.5405 28.4137C49.5477 28.891 49.4576 29.3648 49.2756 29.8061C49.0937 30.2475 48.8237 30.6471 48.4822 30.9806C48.1545 31.3235 47.7597 31.5951 47.3224 31.7786C46.8851 31.9621 46.4146 32.0536 45.9404 32.0473H42.3418V16.8457H45.9404C46.4162 16.8377 46.8884 16.9284 47.3274 17.1119C47.7663 17.2955 48.1625 17.568 48.4909 17.9124C48.8298 18.2458 49.0976 18.6444 49.2781 19.0843C49.4586 19.5241 49.5481 19.9959 49.5412 20.4712V28.4137H49.5405ZM44.6317 29.7805H46.0107C46.1837 29.7839 46.3555 29.7503 46.5145 29.6821C46.6736 29.6138 46.8162 29.5124 46.933 29.3847C47.0533 29.2619 47.1483 29.1167 47.2124 28.9572C47.2766 28.7977 47.3086 28.6272 47.3069 28.4553V20.5058C47.3093 20.3331 47.2767 20.1617 47.211 20.002C47.1453 19.8422 47.0479 19.6975 46.9246 19.5765C46.8072 19.4524 46.6654 19.3539 46.5082 19.2872C46.3509 19.2205 46.1815 19.1871 46.0107 19.189H44.6334V29.7819L44.6317 29.7805Z\" fill=\"%23090B0E\"/>%0A<path id=\"Vector_7\" d=\"M24.4641 42.98C24.1667 42.9816 23.8719 42.9243 23.5968 42.8113C23.3217 42.6984 23.0716 42.5321 22.8611 42.3221C22.6505 42.112 22.4837 41.8624 22.3701 41.5875C22.2565 41.3126 22.1985 41.018 22.1994 40.7206V35.5316C22.1957 35.2321 22.2514 34.935 22.3634 34.6572C22.4755 34.3795 22.6415 34.1268 22.8519 33.9138C23.0623 33.7007 23.313 33.5315 23.5893 33.4161C23.8656 33.3006 24.162 33.2412 24.4615 33.2412C24.7609 33.2412 25.0574 33.3006 25.3337 33.4161C25.61 33.5315 25.8606 33.7007 26.071 33.9138C26.2815 34.1268 26.4475 34.3795 26.5595 34.6572C26.6715 34.935 26.7273 35.2321 26.7236 35.5316V36.6122H25.2443V35.5057C25.2444 35.3972 25.2231 35.2897 25.1817 35.1895C25.1402 35.0892 25.0794 34.9981 25.0027 34.9214C24.9259 34.8447 24.8348 34.7838 24.7346 34.7424C24.6343 34.7009 24.5268 34.6796 24.4183 34.6798C24.3108 34.6782 24.2041 34.6988 24.1049 34.7404C24.0057 34.7819 23.9161 34.8434 23.8418 34.9212C23.7645 34.9973 23.7034 35.0883 23.6623 35.1887C23.6212 35.2891 23.601 35.3969 23.6029 35.5053V40.7049C23.6022 40.8124 23.6228 40.919 23.6635 41.0185C23.7042 41.118 23.7642 41.2085 23.84 41.2848C23.9157 41.361 24.0058 41.4216 24.1051 41.4629C24.2044 41.5042 24.3108 41.5255 24.4183 41.5256C24.5269 41.5274 24.6347 41.5072 24.7351 41.4661C24.8356 41.4251 24.9267 41.364 25.0028 41.2866C25.0809 41.2115 25.1427 41.121 25.1843 41.0209C25.2258 40.9208 25.2462 40.8132 25.2443 40.7049V39.401H26.7242V40.7202C26.7247 41.0172 26.6666 41.3113 26.5532 41.5857C26.4398 41.8601 26.2733 42.1095 26.0634 42.3194C25.8534 42.5294 25.604 42.6958 25.3296 42.8091C25.0551 42.9225 24.761 42.9806 24.4641 42.98Z\" fill=\"%23090B0E\"/>%0A<path id=\"Vector_8\" d=\"M38.4366 42.8611H34.541V33.3862H35.97V41.443H38.4373V42.8611H38.4366Z\" fill=\"%23090B0E\"/>%0A<path id=\"Vector_9\" d=\"M48.3154 33.2725C48.6138 33.2717 48.9095 33.33 49.1853 33.4438C49.4612 33.5577 49.7118 33.725 49.9229 33.936C50.1339 34.147 50.3012 34.3977 50.415 34.6735C50.5289 34.9494 50.5871 35.245 50.5864 35.5435V40.7118C50.5872 41.0103 50.529 41.306 50.4151 41.5818C50.3013 41.8577 50.134 42.1084 49.923 42.3194C49.7119 42.5305 49.4613 42.6977 49.1854 42.8116C48.9095 42.9254 48.6139 42.9836 48.3154 42.9828C48.0178 42.9882 47.7223 42.932 47.4474 42.8177C47.1725 42.7035 46.9242 42.5337 46.718 42.319C46.5055 42.1099 46.3376 41.8598 46.2247 41.5839C46.1117 41.308 46.056 41.0121 46.0608 40.714V35.542C46.0598 34.9424 46.2965 34.3668 46.7192 33.9414C47.1418 33.516 47.7158 33.2754 48.3154 33.2725ZM49.0942 35.5155C49.0953 35.4081 49.0749 35.3017 49.0343 35.2023C48.9937 35.1029 48.9336 35.0126 48.8577 34.9367C48.7817 34.8608 48.6914 34.8009 48.592 34.7604C48.4926 34.7198 48.3861 34.6996 48.2787 34.7007C48.1712 34.6991 48.0645 34.7192 47.965 34.7598C47.8655 34.8004 47.7751 34.8606 47.6994 34.9369C47.6214 35.0114 47.5597 35.1013 47.5182 35.2009C47.4767 35.3005 47.4563 35.4076 47.4584 35.5155V40.7003C47.4568 40.8078 47.4773 40.9144 47.5188 41.0135C47.5603 41.1127 47.6218 41.2022 47.6994 41.2765C47.7747 41.3535 47.8649 41.4144 47.9645 41.4555C48.0641 41.4966 48.171 41.517 48.2787 41.5154C48.3859 41.516 48.4922 41.4953 48.5913 41.4545C48.6905 41.4138 48.7806 41.3537 48.8565 41.278C48.9323 41.2022 48.9923 41.1121 49.0331 41.0129C49.0739 40.9138 49.0947 40.8075 49.0942 40.7003V35.5155Z\" fill=\"%23090B0E\"/>%0A<path id=\"Vector_10\" d=\"M60.735 42.9803C60.439 42.9817 60.1456 42.9246 59.8718 42.8122C59.598 42.6998 59.3491 42.5343 59.1395 42.3252C58.9299 42.1161 58.7638 41.8677 58.6507 41.5941C58.5376 41.3205 58.4797 41.0273 58.4805 40.7313V33.3862H59.878V40.7156C59.8764 40.8231 59.897 40.9297 59.9385 41.0289C59.98 41.1281 60.0414 41.2177 60.1191 41.292C60.1944 41.3691 60.2846 41.43 60.3841 41.4711C60.4837 41.5122 60.5906 41.5326 60.6984 41.531C60.8056 41.5316 60.9119 41.5109 61.0111 41.4701C61.1103 41.4293 61.2004 41.3693 61.2762 41.2934C61.352 41.2176 61.4121 41.1275 61.4529 41.0283C61.4937 40.9291 61.5144 40.8228 61.5138 40.7156V33.3862H63.0046V40.731C63.0111 41.0291 62.9554 41.3253 62.8411 41.6007C62.7268 41.8762 62.5564 42.1248 62.3408 42.3308C62.1306 42.5414 61.88 42.7075 61.6041 42.8191C61.3282 42.9307 61.0326 42.9855 60.735 42.9803Z\" fill=\"%23090B0E\"/>%0A<path id=\"Vector_11\" d=\"M75.41 40.5955C75.4145 40.893 75.3582 41.1883 75.2448 41.4633C75.1313 41.7384 74.963 41.9874 74.75 42.1953C74.5457 42.4088 74.2996 42.5779 74.0271 42.6921C73.7546 42.8063 73.4614 42.8632 73.1659 42.8591H70.9219V33.3863H73.1659C73.4624 33.3812 73.7567 33.4376 74.0303 33.5518C74.3039 33.6661 74.5509 33.8357 74.7557 34.0501C74.9668 34.2579 75.1337 34.5063 75.2461 34.7804C75.3586 35.0545 75.4144 35.3485 75.41 35.6447V40.5955ZM72.3505 41.4473H73.21C73.3179 41.4494 73.425 41.4285 73.5241 41.3859C73.6233 41.3434 73.7122 41.2802 73.7851 41.2006C73.9364 41.046 74.0202 40.8376 74.0181 40.6213V35.6667C74.0196 35.5591 73.9993 35.4522 73.9583 35.3527C73.9173 35.2531 73.8566 35.1629 73.7798 35.0874C73.7066 35.0101 73.6182 34.9487 73.5201 34.9072C73.4221 34.8656 73.3165 34.8448 73.21 34.846H72.3505V41.4493V41.4473Z\" fill=\"%23090B0E\"/>%0A<path id=\"Vector_12\" d=\"M70.0295 16.8481L73.0628 27.0564V16.8481H75.3548V32.0463H72.8986L69.7451 22.3132V32.0463H67.4531V16.8481H70.0281H70.0295Z\" fill=\"%23090B0E\"/>%0A</g>%0A<defs>%0A<filter id=\"filter0_d_879_24616\" x=\"0.0175781\" y=\"3.38086\" width=\"98.2217\" height=\"60.6189\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">%0A<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>%0A<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>%0A<feOffset dy=\"4\"/>%0A<feGaussianBlur stdDeviation=\"2\"/>%0A<feComposite in2=\"hardAlpha\" operator=\"out\"/>%0A<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.15 0\"/>%0A<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_879_24616\"/>%0A<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_879_24616\" result=\"shape\"/>%0A</filter>%0A<filter id=\"filter1_d_879_24616\" x=\"2.51758\" y=\"-0.000488281\" width=\"93.2217\" height=\"56.1199\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">%0A<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>%0A<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>%0A<feOffset dy=\"2\"/>%0A<feGaussianBlur stdDeviation=\"0.75\"/>%0A<feComposite in2=\"hardAlpha\" operator=\"out\"/>%0A<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>%0A<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_879_24616\"/>%0A<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_879_24616\" result=\"shape\"/>%0A</filter>%0A</defs>%0A</svg>%0A";
+//#endregion
+//#region src/components/Header/styles.ts
+const useStyles$2 = ({ styles, titleStyles, contentStyles, menuStyles, menuDropdownStyles }) => ({
+	root: {
+		padding: "10px 0",
+		color: "rgba(255,255,255,0.85)",
+		background: "transparent",
+		zIndex: 1201,
+		...styles
+	},
+	leadingText: {
+		display: "-webkit-box",
+		"-webkit-box-orient": "vertical",
+		"-webkit-line-clamp": "2",
+		maxHeight: "2em",
+		marginRight: "8px",
+		lineHeight: "1em",
+		overflow: "hidden",
+		textOverflow: "ellipsis"
+	},
+	title: {
+		display: "-webkit-box",
+		"-webkit-box-orient": "vertical",
+		"-webkit-line-clamp": "2",
+		maxHeight: "2em",
+		marginRight: "8px",
+		lineHeight: "1em",
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		flexGrow: 1,
+		...titleStyles
+	},
+	content: {
+		display: "flex",
+		flexGrow: 1,
+		alignItems: "center",
+		justifyContent: "center",
+		marginRight: "8px",
+		...contentStyles
+	},
+	nav: { marginRight: "10px" },
+	user: {},
+	userInfo: {
+		marginLeft: "0.5em",
+		color: "rgba(255,255,255,0.5)"
+	},
+	button: {
+		height: "50px",
+		marginRight: "10px",
+		fontSize: "16px",
+		fontWeight: 600,
+		backgroundColor: "#1B2027",
+		boxShadow: "0px 2px 5px rgba(0, 0, 0, 0.28)",
+		borderRadius: "4px",
+		"&:hover": {
+			backgroundColor: "#252A32",
+			filter: "brightness(1.1)"
+		}
+	},
+	loginButton: { padding: "6px 18px" },
+	logoutButton: { paddingRight: "18px" },
+	menu: {
+		marginTop: "62px",
+		backgroundColor: "rgba(0,0,0,0.5)",
+		...menuStyles,
+		"& .MuiPaper-root": {
+			minWidth: "20%",
+			backgroundColor: "#2d2d2d",
+			color: "#E0E0E0",
+			...menuDropdownStyles
+		}
+	}
+});
+//#endregion
+//#region src/components/Header/Header.tsx
+const Header = observer(({ position, scrolled, showAcLogo, leadingText, title, titleStyles, content, contentComponents, contentStyles, navProps, userProps, menuProps, sidebarEnabled, sidebarOpen, onSidebarToggle, styles, "data-testid": dataTestID }) => {
+	const { baseUrl } = useAuthConfig();
+	const matchesMD = useMediaQuery(useTheme().breakpoints.up("md"));
+	const [headerLeadingText, setHeaderLeadingText] = useState(leadingText);
+	const [headerTitle, setHeaderTitle] = useState(title);
+	const [iframeContent, setIframeContent] = useState(null);
+	const iframeSourceRef = useRef(null);
+	const { t } = useTranslation();
+	const { items: navItems } = {
+		items: [],
+		...navProps
+	};
+	const { show: showUserSection, showCompanyLogo } = {
+		show: true,
+		showCompanyLogo: false,
+		...userProps
+	};
+	const { items: menuItems, buttonColor: menuButtonColor, dropdownStyles: menuDropdownStyles, styles: menuStyles } = {
+		items: [],
+		buttonColor: "white",
+		dropdownStyles: {},
+		styles: {},
+		...menuProps
+	};
+	const [currentTime, setCurrentTime] = useState(/* @__PURE__ */ new Date());
+	const [menuAnchorEl, setMenuAnchorEl] = useState(null);
+	const baseHeaderStyles = useStyles$2({
+		styles,
+		titleStyles,
+		contentStyles,
+		menuStyles,
+		menuDropdownStyles
+	});
+	const [headerStylesOverrides, setHeaderStylesOverrides] = useState({});
+	const headerStyles = useMemo(() => Object.keys(baseHeaderStyles).reduce((acc, key) => {
+		acc[key] = deepmerge(baseHeaderStyles[key] || {}, headerStylesOverrides[key] || {});
+		return acc;
+	}, {}), [baseHeaderStyles, headerStylesOverrides]);
+	const navigate = useNavigate();
+	const onContentEvent = useCallback((event, payload) => {
+		const source = iframeSourceRef.current;
+		if (!source) return;
+		source.source.postMessage({
+			type: "HEADER_CONTENT_EVENT",
+			component: iframeContent?.component,
+			event,
+			payload
+		}, source.origin);
+	}, [iframeContent?.component]);
+	useEffect(() => {
+		const interval = setInterval(() => {
+			setCurrentTime(/* @__PURE__ */ new Date());
+		}, 1e3);
+		return () => clearInterval(interval);
+	});
+	useEffect(() => {
+		setHeaderLeadingText(leadingText);
+	}, [leadingText]);
+	useEffect(() => {
+		setHeaderTitle(title);
+	}, [title]);
+	useEffect(() => {
+		const onMessage = (event) => {
+			if (!isTrustedOrigin(event.origin)) return;
+			const data = event.data;
+			if (!data || typeof data !== "object") return;
+			switch (data.type) {
+				case "SET_HEADER_LEADING_TEXT":
+					if (typeof data.text === "string") setHeaderLeadingText(data.text);
+					break;
+				case "RESET_HEADER_LEADING_TEXT":
+					setHeaderLeadingText(leadingText);
+					break;
+				case "SET_HEADER_TITLE":
+					if (typeof data.title === "string") setHeaderTitle(data.title);
+					break;
+				case "RESET_HEADER_TITLE":
+					setHeaderTitle(title);
+					break;
+				case "SET_HEADER_STYLES": {
+					const target = data.target || "root";
+					if (typeof data.styles === "object") setHeaderStylesOverrides((current) => ({
+						...current,
+						[target]: deepmerge(current[target] || {}, data.styles)
+					}));
+					break;
+				}
+				case "RESET_HEADER_STYLES": {
+					const resetTarget = data.target;
+					setHeaderStylesOverrides((current) => {
+						if (resetTarget) {
+							const updated = { ...current };
+							delete updated[resetTarget];
+							return updated;
+						}
+						return {};
+					});
+					break;
+				}
+				case "SET_HEADER_CONTENT":
+					if (typeof data.component === "string" && data.component) {
+						setIframeContent({
+							component: data.component,
+							props: data.props || {}
+						});
+						if (event.source) iframeSourceRef.current = {
+							source: event.source,
+							origin: event.origin
+						};
+					} else {
+						setIframeContent(null);
+						iframeSourceRef.current = null;
+					}
+					break;
+				case "RESET_HEADER_CONTENT":
+				case "IFRAME_NAVIGATION_DISPOSED":
+					setIframeContent(null);
+					iframeSourceRef.current = null;
+					break;
+				default: break;
+			}
+		};
+		window.addEventListener("message", onMessage);
+		return () => window.removeEventListener("message", onMessage);
+	}, [leadingText, title]);
+	const handleMenuOpen = (event) => {
+		setMenuAnchorEl(event.currentTarget);
+	};
+	const handleMenuClose = () => {
+		setMenuAnchorEl(null);
+	};
+	const handleItemClick = (item) => {
+		if (item.url) navigate(item.url);
+		else if (item.action && typeof item.action === "function") item.action();
+		handleMenuClose();
+	};
+	const renderUserCompanyLogo = () => {
+		const logoUrl = companyLogoUrl();
+		return /* @__PURE__ */ React.createElement("img", {
+			src: logoUrl,
+			alt: ""
+		});
+	};
+	const companyLogoUrl = () => {
+		const currentUser = userStore_default.getCurrentUserJS;
+		if (!currentUser) return "";
+		return `${baseUrl}/${currentUser.company.logo_url}`;
+	};
+	const handleLogout = async () => {
+		await sessionStore.logout();
+		navigate("/");
+	};
+	const renderUserAvatar = () => {
+		const currentUser = userStore_default.currentUser;
+		return /* @__PURE__ */ React.createElement(Box$2, {
+			display: "inline-block",
+			sx: headerStyles.userInfo
+		}, 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 (content) return /* @__PURE__ */ React.createElement(Box$2, { sx: headerStyles.content }, content);
+		return /* @__PURE__ */ React.createElement(Typography$1, {
+			variant: "subtitle1",
+			align: "center",
+			sx: headerStyles.title
+		}, headerTitle);
+	};
+	const renderNav = () => {
+		return navItems && /* @__PURE__ */ React.createElement(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)));
+	};
+	const renderUser = () => {
+		const currentUser = userStore_default.getCurrentUserJS;
+		return /* @__PURE__ */ React.createElement(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")));
+	};
+	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"));
+	};
+	const renderMenu = () => {
+		return menuItems && /* @__PURE__ */ React.createElement(Box$2, null, /* @__PURE__ */ React.createElement(IconButton$1, {
+			onClick: handleMenuOpen,
+			"data-testid": "sdk.header.menu-toggle"
+		}, /* @__PURE__ */ React.createElement(MenuIcon, { style: menuButtonColor ? { color: menuButtonColor } : {} })), /* @__PURE__ */ React.createElement(Menu, {
+			id: "menu-appbar",
+			marginThreshold: 0,
+			anchorEl: menuAnchorEl,
+			anchorOrigin: {
+				vertical: "top",
+				horizontal: "right"
+			},
+			keepMounted: true,
+			transformOrigin: {
+				vertical: "top",
+				horizontal: "right"
+			},
+			open: Boolean(menuAnchorEl),
+			onClose: handleMenuClose,
+			sx: headerStyles.menu
+		}, menuItems.map((item) => /* @__PURE__ */ React.createElement(MenuItem, {
+			key: item.label,
+			onClick: () => handleItemClick(item)
+		}, 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, {
+		position,
+		elevation: 0,
+		sx: {
+			...headerStyles.root,
+			...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()));
+});
+//#endregion
+//#region src/components/sidebarMenu.styles.js
+const useStyles$1 = ({ styles, listStyles, itemStyles, subitemStyles }) => ({
+	root: {
+		flexShrink: 0,
+		"& .MuiDrawer-paper": {
+			width: `${styles.width}px`,
+			boxSizing: "border-box",
+			marginTop: "70px",
+			color: "rgba(255,255,255,0.85)",
+			background: "rgba(255,255,255,0.025)"
+		},
+		...styles
+	},
+	list: {
+		height: "90%",
+		overflowY: "scroll",
+		...listStyles
+	},
+	subList: {
+		maxHeight: "50vh",
+		overflowY: "auto"
+	},
+	item: { ...itemStyles },
+	itemIcon: { color: "rgba(255,255,255,0.85)" },
+	itemText: { "& > .MuiTypography-root": { fontWeight: 600 } },
+	subitem: { ...subitemStyles },
+	subitemText: { "& > span": { fontSize: "95%" } },
+	subitemButton: { paddingLeft: 4 }
+});
+//#endregion
+//#region src/components/sidebarMenu.js
+const SidebarMenu = ({ open, items, width, styles, listStyles, itemStyles, subitemStyles }) => {
+	const [openedItems, setOpenedItems] = useState([]);
+	const sidebarMenuStyles = useStyles$1({
+		styles: {
+			...styles,
+			width
+		},
+		listStyles,
+		itemStyles,
+		subitemStyles
+	});
+	const navigate = useNavigate();
+	useEffect(() => {
+		setOpenedItems(items.map((item) => !!item.defaultOpened));
+	}, [items]);
+	const handleItemClick = (action, url, redirect) => {
+		if (action) action();
+		else if (url) if (url.startsWith("/")) navigate(url);
+		else if (!redirect) navigate(`?external=${url}`);
+		else window.location.href = url;
+	};
+	const renderSubitems = (items) => {
+		return /* @__PURE__ */ React.createElement(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
+		})))));
+	};
+	const renderItems = () => {
+		return items.map(({ action, url, redirect, icon, label, items }, i) => /* @__PURE__ */ React.createElement(React.Fragment, { key: label }, /* @__PURE__ */ React.createElement(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, {
+			in: openedItems[i],
+			timeout: "auto",
+			unmountOnExit: true
+		}, renderSubitems(items))));
+	};
+	return /* @__PURE__ */ React.createElement(Drawer, {
+		sx: sidebarMenuStyles.root,
+		variant: "persistent",
+		anchor: "left",
+		open,
+		"data-testid": "sdk.sidebar.drawer"
+	}, /* @__PURE__ */ React.createElement(List, { sx: sidebarMenuStyles.list }, renderItems()));
+};
+SidebarMenu.propTypes = {
+	open: PropTypes.bool,
+	items: PropTypes.any,
+	width: PropTypes.number,
+	styles: PropTypes.any,
+	listStyles: PropTypes.any,
+	itemStyles: PropTypes.any,
+	subitemStyles: PropTypes.any
+};
+SidebarMenu.defaultProps = {
+	styles: {},
+	listStyles: {},
+	itemStyles: {},
+	subitemStyles: {}
+};
+//#endregion
+//#region src/components/sidePanel.styles.js
+const useStyles = ({ hasAsideContent, styles, headerStyles, contentWrapperStyles, mainContentStyles, asideContentStyles }) => ({
+	root: {
+		flexShrink: 0,
+		"& .MuiDrawer-paper": {
+			width: styles.width,
+			boxSizing: "border-box",
+			marginTop: "70px",
+			color: "rgba(255,255,255,0.85)",
+			borderTop: "1px solid rgba(255,255,255,0.1)",
+			borderLeft: "1px solid rgba(255,255,255,0.1)",
+			background: "#252A32",
+			boxShadow: "-6px 0 10px rgba(0, 0, 0, 0.15), inset -6px 0 8px rgba(0, 0, 0, 0.1), inset 0 -6px 8px rgba(0, 0, 0, 0.1)"
+		},
+		...styles
+	},
+	header: {
+		display: "flex",
+		alignItems: "center",
+		height: "60px",
+		padding: "8px 16px",
+		borderBottom: "1px solid rgba(255,255,255,0.1)",
+		...headerStyles
+	},
+	contentWrapper: {
+		display: "flex",
+		flexDirection: "row",
+		height: "calc(100% - 152px)",
+		borderRight: "16px solid rgba(0,0,0,0.1)",
+		...contentWrapperStyles
+	},
+	mainContent: {
+		flexBasis: hasAsideContent ? styles.mainContentWidth : "100%",
+		padding: "16px",
+		overflowY: "auto",
+		...mainContentStyles
+	},
+	asideContent: {
+		flexBasis: styles.asideContentWidth,
+		padding: " 16px 0",
+		overflowY: "auto",
+		background: "rgba(0,0,0,0.1)",
+		...asideContentStyles
+	}
+});
+//#endregion
+//#region src/components/sidePanel.js
+const SidePanel = ({ open, onClose, title, mainContent, asideContent, width, mainContentWidth, asideContentWidth, styles, headerStyles, contentWrapperStyles, mainContentStyles, asideContentStyles }) => {
+	const sidePanelStyles = useStyles({
+		hasAsideContent: Boolean(asideContent),
+		styles: {
+			...styles,
+			width,
+			mainContentWidth,
+			asideContentWidth
+		},
+		headerStyles,
+		contentWrapperStyles,
+		mainContentStyles,
+		asideContentStyles
+	});
+	return /* @__PURE__ */ React.createElement(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)));
+};
+SidePanel.propTypes = {
+	enabled: PropTypes.bool,
+	open: PropTypes.bool,
+	onClose: PropTypes.func,
+	title: PropTypes.string,
+	mainContent: PropTypes.node,
+	asideContent: PropTypes.node,
+	width: PropTypes.string,
+	mainContentWidth: PropTypes.string,
+	asideContentWidth: PropTypes.string,
+	styles: PropTypes.any,
+	headerStyles: PropTypes.any,
+	contentWrapperStyles: PropTypes.any,
+	mainContentStyles: PropTypes.any,
+	asideContentStyles: PropTypes.any
+};
+const sidePanelDefaultProps = {
+	enabled: true,
+	open: false,
+	onClose: () => {},
+	title: "",
+	mainContent: null,
+	asideContent: null,
+	width: null,
+	mainContentWidth: null,
+	asideContentWidth: null,
+	styles: {},
+	headerStyles: {},
+	contentWrapperStyles: {},
+	mainContentStyles: {},
+	asideContentStyles: {}
+};
+SidePanel.defaultProps = sidePanelDefaultProps;
+//#endregion
+//#region src/components/container.js
+const DEFAULT_SIDEBAR_MENU_WIDTH = 240;
+const DEFAULT_SIDE_PANEL_WIDTH = "45%";
+const DEFAULT_SIDE_PANEL_MAIN_CONTENT_WIDTH = "70%";
+const DEFAULT_SIDE_PANEL_ASIDE_CONTENT_WIDTH = "30%";
+const Main = styled("main", { shouldForwardProp: (prop) => !["open", "sidebarWidth"].includes(prop) })(({ theme, open, sidebarWidth }) => ({
+	flexGrow: 1,
+	transition: theme.transitions.create("margin", {
+		easing: theme.transitions.easing.sharp,
+		duration: theme.transitions.duration.leavingScreen
+	}),
+	marginLeft: 0,
+	...open && {
+		transition: theme.transitions.create("margin", {
+			easing: theme.transitions.easing.easeOut,
+			duration: theme.transitions.duration.enteringScreen
+		}),
+		marginLeft: `${sidebarWidth}px`
+	}
+}));
+const Container = ({ children, headerProps, sidebarMenuProps, sidePanelProps, styles, "data-testid": dataTestID }) => {
+	const { isEmbeddedMode } = useDisplay();
+	const [searchParams] = useSearchParams();
+	const [scrollTarget, setScrollTarget] = useState();
+	const [sidebarOpen, setSidebarOpen] = useState(sidebarMenuProps?.open);
+	const scrolled = useScrollTrigger({
+		disableHysteresis: true,
+		target: scrollTarget,
+		threshold: 0
+	});
+	const externalUrl = searchParams.get("external");
+	const sidebarWidth = sidebarMenuProps?.width || DEFAULT_SIDEBAR_MENU_WIDTH;
+	const sidePanelWidth = sidePanelProps?.width || DEFAULT_SIDE_PANEL_WIDTH;
+	const sidePanelMainContentWidth = sidePanelProps?.mainContentWidth || DEFAULT_SIDE_PANEL_MAIN_CONTENT_WIDTH;
+	const sidePanelAsideContentWidth = sidePanelProps?.asideContentWidth || DEFAULT_SIDE_PANEL_ASIDE_CONTENT_WIDTH;
+	const baseStyles = makeStyles({ isEmbeddedMode });
+	useEffect(() => {
+		if (isEmbeddedMode) return setSidebarOpen(false);
+		const storedOpen = CookiesManager.get("sidebarMenuOpen");
+		if (storedOpen !== void 0) setSidebarOpen(sidebarMenuProps?.enabled && storedOpen === "true");
+	}, [
+		isEmbeddedMode,
+		sidebarMenuProps?.enabled,
+		setSidebarOpen
+	]);
+	useEffect(() => {
+		if (!isEmbeddedMode && sidebarMenuProps?.enabled) CookiesManager.set("sidebarMenuOpen", sidebarOpen);
+	}, [
+		isEmbeddedMode,
+		sidebarMenuProps?.enabled,
+		sidebarOpen
+	]);
+	return /* @__PURE__ */ React.createElement(BaseContainer, {
+		ref: (node) => {
+			if (node) setScrollTarget(node);
+		},
+		maxWidth: false,
+		disableGutters: true,
+		sx: {
+			...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 }));
+};
+Container.propTypes = {
+	children: PropTypes.any,
+	headerProps: PropTypes.shape({
+		position: PropTypes.string,
+		showAcLogo: PropTypes.bool,
+		leadingText: PropTypes.string.isRequired,
+		title: PropTypes.string,
+		content: PropTypes.node,
+		contentComponents: PropTypes.objectOf(PropTypes.elementType),
+		contentStyles: PropTypes.any,
+		navProps: PropTypes.shape({ items: PropTypes.any }),
+		userProps: PropTypes.shape({
+			show: PropTypes.bool,
+			showCompanyLogo: PropTypes.bool
+		}),
+		menuProps: PropTypes.shape({
+			items: PropTypes.any,
+			buttonColor: PropTypes.string,
+			dropdownStyles: PropTypes.any,
+			styles: PropTypes.any
+		}),
+		styles: PropTypes.any
+	}),
+	sidebarMenuProps: PropTypes.shape({
+		enabled: PropTypes.bool,
+		open: PropTypes.bool,
+		items: PropTypes.any,
+		width: PropTypes.number
+	}),
+	sidePanelProps: PropTypes.shape({
+		enabled: PropTypes.bool,
+		open: PropTypes.bool,
+		onClose: PropTypes.func,
+		title: PropTypes.string,
+		mainContent: PropTypes.node,
+		asideContent: PropTypes.node,
+		width: PropTypes.string
+	}),
+	styles: PropTypes.any
+};
+Container.defaultProps = {
+	headerProps: {},
+	sidebarMenuProps: {
+		enabled: false,
+		open: false,
+		items: [],
+		width: DEFAULT_SIDEBAR_MENU_WIDTH
+	},
+	sidePanelProps: {
+		enabled: false,
+		open: false,
+		onClose: () => {},
+		title: "",
+		mainContent: null,
+		asideContent: null,
+		width: DEFAULT_SIDE_PANEL_WIDTH
+	}
+};
+//#endregion
+//#region src/pages/LoginPage.js
+const LoginPage = ({ redirectPath }) => {
+	const { i18n, t } = useTranslation();
+	const toggleLocale = () => {
+		i18n.changeLanguage(i18n.language === "pl" ? "en" : "pl");
+	};
+	return /* @__PURE__ */ React.createElement(Container, {
+		headerProps: {
+			position: "fixed",
+			leadingText: "AndonCloud Software",
+			userProps: { show: false },
+			menuProps: {
+				items: [{
+					label: t("changeLanguageText"),
+					action: toggleLocale
+				}],
+				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
+	})))));
+};
+LoginPage.propTypes = { redirectPath: PropTypes.string };
+LoginPage.defaultProps = { redirectPath: "/" };
+var LoginPage_default = observer(LoginPage);
+//#endregion
+//#region src/components/loginRedirect.tsx
+const LoginRedirect = () => {
+	const { grantType, redirectPath } = useAuthConfig();
+	const login = useLogin("read write");
+	const navigate = useNavigate();
+	if (grantType === "password") return /* @__PURE__ */ React.createElement(LoginPage_default, { redirectPath });
+	navigate("/");
+	login();
+	return null;
+};
+//#endregion
+//#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)
+	})));
+};
+//#endregion
+//#region src/components/app.js
+const App = observer(({ children, baseUrl, authProps, gtmProps, i18nProps, sentryProps, metaProps, muiTheme }) => {
+	const { status } = useLoginStatus();
+	const { enabled: authEnabled, clientId, redirectUri } = {
+		enabled: true,
+		redirectPath: "/",
+		...authProps
+	};
+	sessionStore.setAuthConfig({
+		baseUrl,
+		clientId,
+		redirectUri
+	});
+	useEffect(() => {
+		if (!appStore_default.gtmReady && gtmProps?.gtmId) {
+			TagManager.initialize(gtmProps);
+			appStore_default.setGtmReady();
+		}
+	}, [gtmProps]);
+	useEffect(() => {
+		if (!appStore_default.sentryReady && sentryProps) {
+			Sentry.init({
+				tracesSampleRate: 1,
+				replaysSessionSampleRate: .1,
+				replaysOnErrorSampleRate: 1,
+				integrations: [Sentry.reactRouterV6BrowserTracingIntegration({
+					useEffect,
+					useLocation,
+					useNavigationType,
+					createRoutesFromChildren,
+					matchRoutes
+				}), Sentry.replayIntegration()],
+				...sentryProps
+			});
+			appStore_default.setSentryReady();
+		}
+	}, [sentryProps]);
+	useEffect(() => {
+		const recoverSession = async () => {
+			if (authEnabled) await sessionStore.recover();
+		};
+		if (authEnabled) recoverSession();
+		else appStore_default.setAppReady();
+	}, [authEnabled]);
+	useEffect(() => {
+		if (i18nProps?.locales) registerTranslations(i18nProps.locales);
+	}, [i18nProps?.locales]);
+	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
+	}))))))));
+});
+App.propTypes = {
+	children: PropTypes.any.isRequired,
+	baseUrl: PropTypes.string.isRequired,
+	authProps: PropTypes.shape({
+		enabled: PropTypes.bool,
+		loginUrl: PropTypes.string,
+		redirectUri: PropTypes.string,
+		redirectPath: PropTypes.string,
+		clientId: PropTypes.string.isRequired,
+		grantType: PropTypes.string
+	}),
+	gtmProps: PropTypes.any,
+	i18nProps: PropTypes.shape({ locales: PropTypes.any }),
+	sentryProps: PropTypes.any,
+	routerProps: PropTypes.shape({ iframeNavigationItems: PropTypes.any }),
+	metaProps: PropTypes.shape({
+		appVersion: PropTypes.string,
+		apiVersion: PropTypes.string,
+		releaseVersion: PropTypes.string,
+		releasePageLink: PropTypes.string
+	}),
+	muiTheme: PropTypes.any
+};
+App.defaultProps = {
+	authProps: {},
+	gtmProps: {},
+	i18nProps: {},
+	sentryProps: {},
+	metaProps: {},
+	muiTheme: theme_default
+};
+var app_default = Sentry.withProfiler(App);
+//#endregion
+//#region src/assets/check.svg
+var check_default = "data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g id=\"Check\">%0A<path id=\"Vector\" d=\"M17.6758 3.92578L6.875 14.7266L2.32422 10.1758L1.42578 11.0742L6.42578 16.0742L6.875 16.5039L7.32422 16.0742L18.5742 4.82422L17.6758 3.92578Z\" fill=\"white\"/>%0A</g>%0A</svg>%0A";
+//#endregion
+//#region src/core/ui/Checkbox/styled.ts
+const UncheckedIcon$1 = styled$1("span")(({ theme }) => ({
+	width: "16px",
+	height: "16px",
+	border: `1px solid ${theme.palette.stroke.dark}`,
+	borderRadius: "2px",
+	"input:disabled ~ &": { backgroundColor: "#A7ADB6" },
+	".Mui-error &": { border: `1px solid ${theme.palette.error.main}` }
+}));
+const CheckedIcon$1 = styled$1(UncheckedIcon$1)(({ theme }) => ({
+	position: "relative",
+	border: "none",
+	background: theme.palette.primary.main,
+	"&::after": {
+		content: "\"\"",
+		display: "block",
+		position: "absolute",
+		width: "16px",
+		height: "16px",
+		top: 0,
+		left: 0,
+		background: `url(${check_default}) no-repeat center`,
+		backgroundSize: "80%"
+	}
+}));
+const StyledCheckbox = styled$1(Checkbox$1)(({ theme }) => ({
+	alignSelf: "flex-start",
+	padding: theme.spacing(.5, 1, .5, 1.5),
+	color: theme.palette.primary.main,
+	"&:hover": { opacity: .8 }
+}));
+//#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),
+		...props
+	});
+};
+//#endregion
+//#region src/core/ui/Radio/styled.ts
+const UncheckedIcon = styled$1("span")(({ theme }) => ({
+	width: "16px",
+	height: "16px",
+	border: `1px solid ${theme.palette.stroke.dark}`,
+	borderRadius: "50%",
+	"input:disabled ~ &": { backgroundColor: "#A7ADB6" }
+}));
+const CheckedIcon = styled$1(UncheckedIcon)(({ theme }) => ({
+	position: "relative",
+	border: "none",
+	background: theme.palette.primary.main,
+	"&::after": {
+		content: "\"\"",
+		display: "block",
+		position: "absolute",
+		width: "8px",
+		height: "8px",
+		top: "calc(50% - 4px)",
+		left: "calc(50% - 4px)",
+		borderRadius: "50%",
+		background: theme.palette.common.white
+	}
+}));
+const StyledRadio = styled$1(Radio$1)(({ theme }) => ({
+	padding: 0,
+	color: theme.palette.primary.main
+}));
+//#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),
+		...props
+	});
+};
+//#endregion
+//#region src/core/ui/RadioGroup/styled.ts
+const StyledRadioGroup = styled$1(RadioGroup$1)(({ theme }) => ({
+	color: theme.palette.primary.main,
+	".MuiFormControlLabel-root": {
+		gap: theme.spacing(1),
+		marginLeft: theme.spacing(1),
+		"&:hover": { opacity: .8 }
+	},
+	".Mui-checked + .MuiFormControlLabel-label": { color: theme.palette.common.white }
+}));
+//#endregion
+//#region src/core/ui/RadioGroup/RadioGroup.tsx
+const RadioGroup = (props) => {
+	return /* @__PURE__ */ React.createElement(StyledRadioGroup, props);
+};
+//#endregion
+//#region src/hooks/useHeaderContentEvent.ts
+const useHeaderContentEvent = (handler) => {
+	useEffect(() => {
+		const onMessage = (event) => {
+			if (!isTrustedOrigin(event.origin)) return;
+			const data = event.data;
+			if (!data || typeof data !== "object") return;
+			if (data.type !== "HEADER_CONTENT_EVENT") return;
+			if (typeof data.event !== "string") return;
+			handler(data.event, data.payload);
+		};
+		window.addEventListener("message", onMessage);
+		return () => window.removeEventListener("message", onMessage);
+	}, [handler]);
+};
+//#endregion
+//#region src/utils/authFetch.ts
+var AuthFetch = class {
+	constructor() {
+		this.callback = () => {};
+	}
+	setCallback(callback) {
+		this.callback = callback;
+	}
+	removeCallback() {
+		this.callback = () => {};
+	}
+};
+new AuthFetch();
+tokenCoordinator.setAuthFetch((url, opts) => authFetch(url, opts));
+async function authFetch(url, options = {}) {
+	if (sessionStore.isLoggedIn && sessionStore.session && !options.refresh) {
+		const { createdAt, expiresIn } = sessionStore.session;
+		if (createdAt + expiresIn - 5 < Math.round(+/* @__PURE__ */ new Date() / 1e3)) if (sessionStore.refreshTokenPromise) await sessionStore.refreshTokenPromise;
+		else await sessionStore.refresh();
+	}
+	const headers = sessionStore.requestHeaders;
+	if (headers !== null) options.headers = Object.assign({}, headers, options.headers);
+	const response = await fetch(url, options).catch((e) => {
+		captureException$1(e);
+		sessionStore.setNetworkError({
+			title: i18n_default.t("somethingWentWrongMessage"),
+			details: e.message
+		});
+	});
+	if (response) if (response.status === 401) return tokenCoordinator.handleUnauthorized(url, options);
+	else {
+		const textResponse = await response.clone().text();
+		switch (response.status) {
+			case 403:
+				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, {
+					title: textResponse,
+					arrow: true,
+					children: React.createElement(HelpOutlineIcon)
+				})));
+				break;
+			default: break;
+		}
+	}
+	return response;
+}
+//#endregion
+//#region src/serviceWorkerRegistration.js
+const isLocalhost = Boolean(window.location.hostname === "localhost" || window.location.hostname === "[::1]" || window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
+const register = (config) => {
+	const { publicUrl, mode, autoUpdate, version: currentVersion, registrationConfig } = config;
+	globalThis.version = currentVersion;
+	if (mode === "production" && "serviceWorker" in navigator) {
+		if (new URL(publicUrl, window.location.href).origin !== window.location.origin) return;
+		window.addEventListener("load", () => {
+			const swUrl = `${publicUrl}/service-worker.js`;
+			if (isLocalhost) {
+				checkValidServiceWorker(swUrl, registrationConfig);
+				return navigator.serviceWorker.ready.then(() => {
+					console.log("This web app is being served cache-first by a service worker. To learn more, visit https://cra.link/PWA");
+				});
+			} else registerValidSW(swUrl, registrationConfig, currentVersion, autoUpdate);
+		});
+	}
+};
+const registerValidSW = (swUrl, config, currentVersion, autoUpdate) => {
+	navigator.serviceWorker.register(swUrl).then((registration) => {
+		let newVersion = null;
+		if (autoUpdate) setInterval(() => {
+			fetch(`/manifest.json`).then(async (response) => {
+				const { version } = await response.json();
+				if (currentVersion !== version) {
+					newVersion = version;
+					registration.update();
+				}
+			}).catch(() => {});
+		}, 3e4);
+		registration.onupdatefound = () => {
+			const installingWorker = registration.installing;
+			if (installingWorker == null) return;
+			installingWorker.onstatechange = () => {
+				if (installingWorker.state === "installed") if (navigator.serviceWorker.controller) {
+					console.log("New content is available and will be used when all tabs for this page are closed. See https://cra.link/PWA.");
+					if (config && config.onUpdate) if (autoUpdate) config.onUpdate(registration, newVersion);
+					else config.onUpdate(registration);
+				} else {
+					console.log("Content is cached for offline use.");
+					if (config && config.onSuccess) config.onSuccess(registration);
+				}
+			};
+		};
+	}).catch((error) => {
+		console.error("Error during service worker registration:", error);
+	});
+};
+const checkValidServiceWorker = (swUrl, config) => {
+	fetch(swUrl, { headers: { "Service-Worker": "script" } }).then((response) => {
+		const contentType = response.headers.get("content-type");
+		if (response.status === 404 || contentType != null && contentType.indexOf("javascript") === -1) return navigator.serviceWorker.ready.then((registration) => {
+			return registration.unregister().then(() => {
+				window.location.reload();
+			});
+		});
+		else registerValidSW(swUrl, config);
+	}).catch(() => {
+		console.log("No internet connection found. App is running in offline mode.");
+	});
+};
+//#endregion
+//#region src/utils/service-worker.js
+const registerServiceWorker = (config) => {
+	const { version: currentVersion } = config;
+	const processPageReload = (registration) => {
+		const waitingServiceWorker = registration.waiting;
+		if (waitingServiceWorker) {
+			waitingServiceWorker.addEventListener("statechange", (e) => {
+				if (e.target.state === "activated") window.location.reload();
+			});
+			waitingServiceWorker.postMessage({ type: "SKIP_WAITING" });
+		}
+	};
+	const showNewVersionToast = () => toast$1(i18n_default.t("newVersionAvailable"), {
+		duration: 5e3,
+		position: "bottom-left",
+		style: {
+			color: "rgba(255,255,255,0.85)",
+			background: "#3F3F3F",
+			border: "1px solid #FFE72F"
+		}
+	});
+	register({
+		...config,
+		registrationConfig: {
+			...config?.registrationConfig || {},
+			onUpdate: (registration, version) => {
+				if (config.registrationConfig?.onUpdate) config.registrationConfig?.onUpdate(registration);
+				if (version && currentVersion !== version) {
+					showNewVersionToast();
+					setTimeout(() => {
+						processPageReload(registration);
+					}, 5e3);
+				} else {
+					showNewVersionToast();
+					processPageReload(registration);
+				}
+			}
+		}
+	});
+};
+//#endregion
+//#region src/index.js
+const setLocale = (locale) => i18n_default.changeLanguage(locale);
+const getLocale = () => i18n_default.language;
+const logout = () => sessionStore.logout();
+const refreshUserData = () => sessionStore.refreshUserData();
+//#endregion
+export { AccessBlocker, AccessGuard, app_default as App, Checkbox, Container, Radio, RadioGroup, captureException, authFetch as fetch, getDisplayMode, getLocale, logout, toast as notify, refreshUserData, registerServiceWorker, registerTranslations, resetParentHeaderContent, resetParentHeaderLeadingText, resetParentHeaderStyles, resetParentHeaderTitle, setLocale, sidePanelDefaultProps, updateParentHeaderContent, updateParentHeaderLeadingText, updateParentHeaderStyles, updateParentHeaderTitle, useAccess, useDisplay, useFeatures, useHeaderContentEvent, useLogin, useLoginStatus, usePermissions, useStore, withAccessGuard };
+
+//# sourceMappingURL=index.js.map