@vizbeetv/homesso-sdk-qa 1.0.1

package/es6/index.mjs

@@ -0,0 +1,1712 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * @const VizbeeConstants
+ * @description Metrics Constants used throughout the Vizbee Home SSO implementation
+ */
+const VizbeeMetricsConstants = {
+    // Events
+    METRICS_EVENT_SCREEN_HOMESSO_SIGNIN_RECEIVED: 'SCREEN_HOMESSO_SIGNIN_RECEIVED',
+    METRICS_EVENT_SCREEN_HOMESSO_SIGNIN_STATUS: 'SCREEN_HOMESSO_SIGNIN_STATUS',
+    // Attributes
+    METRICS_ATTR_SCREEN_HOMESSO_SDK_VERSION: 'SCREEN_HOMESSO_SDK_VERSION',
+    METRICS_ATTR_IS_SCREEN_SIGNED_IN: 'IS_SCREEN_SIGNED_IN',
+    METRICS_ATTR_IS_REMOTE_SIGNED_IN: 'IS_REMOTE_SIGNED_IN',
+    METRICS_ATTR_IS_SCREEN_SIGN_IN_STATUS: 'SCREEN_SIGN_IN_STATUS',
+    METRICS_ATTR_SCREEN_HOMESSO_USER_ID: 'SCREEN_HOMESSO_USER_ID',
+    METRICS_ATTR_SCREEN_HOMESSO_USER_INFO: 'SCREEN_HOMESSO_USER_INFO',
+    METRICS_ATTR_HOMESSO_SIGN_IN_TYPE: 'HOMESSO_SIGN_IN_TYPE',
+    METRICS_ATTR_REMOTE_DEVICE_ID: 'REMOTE_DEVICE_ID',
+    METRICS_ATTR_REMOTE_DEVICE_TYPE: 'REMOTE_DEVICE_TYPE',
+    METRICS_ATTR_REMOTE_FRIENDLY_NAME: 'REMOTE_FRIENDLY_NAME',
+    METRICS_ATTR_REMOTE_NETWORK_SESSION_ID: 'REMOTE_NETWORK_SESSION_ID',
+    METRICS_ATTR_USER_LOGIN_TYPE: 'user_login_type',
+    METRICS_ATTR_USER_IS_SIGNED_IN: 'user_is_signed_in',
+    METRICS_ATTR_USER_LOGIN: 'user_login',
+    METRICS_ATTR_USER_NAME: 'user_name',
+    METRICS_ATTR_USER_SUBSCRIPTION_TYPE: 'user_subscription_type',
+    METRICS_ATTR_USER_SUBSCRIPTION_VALUE: 'user_subscription_value',
+    METRICS_ATTR_USER_SUBSCRIPTION_RENEWAL_TYPE: 'user_subscription_renewal_type',
+    METRICS_ATTR_USER_ADDITIONAL_INFO: 'user_additional_info',
+};
+
+/**
+ * Logger
+ * A flexible logging system for TypeScript SDK with
+ * enable/disable capabilities and different log levels.
+ *
+ * Features:
+ * - Multiple severity levels from ERROR to TRACE
+ * - Colored console output with timestamps
+ * - Local storage persistence with size management
+ * - Environment-aware execution (handles environments without localStorage)
+ * - Export and clearing capabilities
+ */
+/**
+ * Defines logging severity levels in ascending order of verbosity.
+ * Lower values indicate higher severity. This hierarchy ensures
+ * that when a specific level is set, all logs of that level and
+ * higher severity (lower enum value) will be captured.
+ */
+var LogLevel;
+(function (LogLevel) {
+    /** Critical application errors that prevent proper functioning */
+    LogLevel[LogLevel["ERROR"] = 0] = "ERROR";
+    /** Important issues that don't stop execution but require attention */
+    LogLevel[LogLevel["WARN"] = 1] = "WARN";
+    /** General operational information about system behavior */
+    LogLevel[LogLevel["INFO"] = 2] = "INFO";
+    /** Detailed diagnostic information for troubleshooting */
+    LogLevel[LogLevel["DEBUG"] = 3] = "DEBUG";
+    /** Extremely verbose execution flow information */
+    LogLevel[LogLevel["TRACE"] = 4] = "TRACE";
+})(LogLevel || (LogLevel = {}));
+/**
+ * Default configuration applied when creating a new logger
+ * without explicit settings. These values can be overridden
+ * through the constructor or setConfig method.
+ */
+const DEFAULT_CONFIG = {
+    enabled: false,
+    level: LogLevel.ERROR,
+    useTimestamp: true,
+    useColors: true,
+    logToConsole: true,
+    logToStorage: false,
+    maxStorageLogs: 1000,
+};
+/**
+ * Core logger implementation that provides multiple severity levels,
+ * configurable outputs, and flexible message formatting.
+ *
+ * The logger handles both console output and storage persistence,
+ * with environment detection to gracefully handle different contexts.
+ */
+class Logger {
+    /**
+     * Creates a new logger instance with optional custom configuration.
+     * The provided configuration is merged with default settings.
+     *
+     * @param config - Partial configuration to override default values
+     */
+    constructor(config = {}) {
+        /**
+         * Storage key used for persisting logs in localStorage.
+         * Prefixed with 'vizbee_homesso_' to avoid collisions.
+         */
+        this.storageKey = 'vizbee_homesso_logs';
+        this.config = Object.assign(Object.assign({}, DEFAULT_CONFIG), config);
+        // Initialize storage if enabled in the configuration
+        if (this.config.logToStorage) {
+            this.initializeStorage();
+        }
+    }
+    /**
+     * Enables or disables all logging functionality.
+     * When disabled, no logs will be output regardless of level.
+     *
+     * @param enabled - Whether logging should be active (defaults to true)
+     */
+    enable(enabled = true) {
+        this.config.enabled = enabled;
+        this.info(`Logger ${enabled ? 'enabled' : 'disabled'}`);
+    }
+    /**
+     * Sets the minimum severity level for capturing logs.
+     * Only logs at this level and more severe levels will be processed.
+     *
+     * @param level - The minimum LogLevel to capture
+     */
+    setLevel(level) {
+        this.config.level = level;
+        this.info(`Log level set to ${LogLevel[level]}`);
+    }
+    /**
+     * Returns a copy of the current logger configuration.
+     * Returns a new object to prevent accidental modification.
+     *
+     * @returns The complete current configuration
+     */
+    getConfig() {
+        return Object.assign({}, this.config);
+    }
+    /**
+     * Updates logger configuration with new settings.
+     * Merges the provided settings with the existing configuration.
+     *
+     * @param config - Partial configuration to apply
+     */
+    setConfig(config) {
+        // Store current storage setting to detect changes
+        const wasStorageEnabled = this.config.logToStorage;
+        // Update configuration by merging with existing settings
+        this.config = Object.assign(Object.assign({}, this.config), config);
+        // Initialize storage if it was just enabled
+        if (!wasStorageEnabled && this.config.logToStorage) {
+            this.initializeStorage();
+        }
+        this.info('Logger configuration updated');
+    }
+    /**
+     * Logs an error message (highest severity).
+     * Use for critical failures that prevent proper operation.
+     *
+     * @param message - The error message to log
+     * @param data - Optional supplementary information
+     */
+    error(message, ...data) {
+        this.log(LogLevel.ERROR, message, data);
+    }
+    /**
+     * Logs a warning message.
+     * Use for potential issues that don't stop execution.
+     *
+     * @param message - The warning message to log
+     * @param data - Optional supplementary information
+     */
+    warn(message, ...data) {
+        this.log(LogLevel.WARN, message, data);
+    }
+    /**
+     * Logs an informational message.
+     * Use for general application state and noteworthy events.
+     *
+     * @param message - The info message to log
+     * @param data - Optional supplementary information
+     */
+    info(message, ...data) {
+        this.log(LogLevel.INFO, message, data);
+    }
+    /**
+     * Logs a debug message.
+     * Use for detailed information helpful during development.
+     *
+     * @param message - The debug message to log
+     * @param data - Optional supplementary information
+     */
+    debug(message, ...data) {
+        this.log(LogLevel.DEBUG, message, data);
+    }
+    /**
+     * Logs a trace message (lowest severity/highest verbosity).
+     * Use for extremely detailed execution path tracking.
+     *
+     * @param message - The trace message to log
+     * @param data - Optional supplementary information
+     */
+    trace(message, ...data) {
+        this.log(LogLevel.TRACE, message, data);
+    }
+    /**
+     * Core logging method that handles level filtering and message routing.
+     * Formats the message and sends it to appropriate outputs based on configuration.
+     *
+     * @param level - Log severity level
+     * @param message - The message to log
+     * @param data - Additional data to include with the log
+     */
+    log(level, message, data = []) {
+        // Early return if logging is disabled or level is too verbose
+        if (!this.config.enabled || level > this.config.level) {
+            return;
+        }
+        // Format components based on configuration
+        const timestamp = this.config.useTimestamp
+            ? `[${new Date().toISOString()}]`
+            : '';
+        const levelName = `[${LogLevel[level]}]`;
+        // Create the formatted message with application prefix
+        const formattedMessage = `${timestamp}[VizbeeHomeSSO]${levelName}: ${message}`;
+        // Send to appropriate outputs based on configuration
+        if (this.config.logToConsole) {
+            this.logToConsole(level, formattedMessage, data);
+        }
+        if (this.config.logToStorage) {
+            this.logToStorage(formattedMessage, data);
+        }
+    }
+    /**
+     * Handles console output with optional color styling.
+     * Applies different colors based on log level for better readability.
+     *
+     * @param level - Log severity level
+     * @param message - Formatted message to output
+     * @param data - Additional data to log
+     */
+    logToConsole(level, message, data) {
+        const hasData = data && data.length > 0;
+        // Apply color styling if enabled
+        if (this.config.useColors) {
+            const styles = this.getConsoleStyles(level);
+            if (hasData) {
+                console.log(`%c${message}`, styles, ...data);
+            }
+            else {
+                console.log(`%c${message}`, styles);
+            }
+        }
+        else {
+            // Plain output without colors
+            if (hasData) {
+                console.log(message, ...data);
+            }
+            else {
+                console.log(message);
+            }
+        }
+    }
+    /**
+     * Determines CSS styling for console output based on log level.
+     * Returns different colors to visually distinguish log levels.
+     *
+     * @param level - Log severity level
+     * @returns CSS style string for console output
+     */
+    getConsoleStyles(level) {
+        switch (level) {
+            case LogLevel.ERROR:
+                return 'color: #FF5252; font-weight: bold'; // Bright red, bold
+            case LogLevel.WARN:
+                return 'color: #FFC107; font-weight: bold'; // Amber, bold
+            case LogLevel.INFO:
+                return 'color: #2196F3'; // Blue
+            case LogLevel.DEBUG:
+                return 'color: #4CAF50'; // Green
+            case LogLevel.TRACE:
+                return 'color: #9E9E9E'; // Gray
+            default:
+                return '';
+        }
+    }
+    /**
+     * Sets up localStorage for persisting logs if available.
+     * Creates the initial empty logs array if not already present.
+     * Gracefully handles environments without localStorage access.
+     */
+    initializeStorage() {
+        try {
+            // Verify localStorage is available in this environment
+            if (typeof localStorage !== 'undefined') {
+                // Create empty logs array if not already initialized
+                if (!localStorage.getItem(this.storageKey)) {
+                    localStorage.setItem(this.storageKey, JSON.stringify([]));
+                }
+            }
+        }
+        catch (error) {
+            // Handle environments where localStorage is not available or blocked
+            console.warn('localStorage not available for logging', error);
+            this.config.logToStorage = false;
+        }
+    }
+    /**
+     * Persists a log entry to localStorage with rotation management.
+     * Removes oldest entries when the maximum count is exceeded.
+     * Handles storage errors gracefully.
+     *
+     * @param message - Formatted message to store
+     * @param data - Additional data to include
+     */
+    logToStorage(message, data) {
+        try {
+            if (typeof localStorage !== 'undefined') {
+                // Retrieve current logs
+                const logs = JSON.parse(localStorage.getItem(this.storageKey) || '[]');
+                // Add new log entry
+                logs.push({
+                    timestamp: new Date().toISOString(),
+                    message,
+                    data: data.length > 0 ? JSON.stringify(data) : undefined,
+                });
+                // Apply size limit by removing oldest logs if needed
+                if (logs.length > (this.config.maxStorageLogs || 1000)) {
+                    logs.shift(); // Remove oldest log
+                }
+                // Save updated logs back to storage
+                localStorage.setItem(this.storageKey, JSON.stringify(logs));
+            }
+        }
+        catch (error) {
+            console.error('Failed to write logs to storage', error);
+        }
+    }
+    /**
+     * Exports all stored logs as a JSON string.
+     * Returns an empty array string if storage is unavailable.
+     *
+     * @returns JSON string containing all stored logs
+     */
+    exportLogs() {
+        try {
+            if (typeof localStorage !== 'undefined') {
+                const logs = localStorage.getItem(this.storageKey) || '[]';
+                return logs;
+            }
+        }
+        catch (error) {
+            console.error('Failed to export logs', error);
+        }
+        return '[]';
+    }
+    /**
+     * Clears all logs from storage.
+     * Replaces the current logs with an empty array.
+     */
+    clearLogs() {
+        try {
+            if (typeof localStorage !== 'undefined') {
+                localStorage.setItem(this.storageKey, JSON.stringify([]));
+                this.info('Logs cleared from storage');
+            }
+        }
+        catch (error) {
+            console.error('Failed to clear logs', error);
+        }
+    }
+}
+/**
+ * Default singleton logger instance with standard configuration.
+ * Available as a ready-to-use logger throughout the application.
+ * For custom configurations, create additional Logger instances.
+ */
+const logger = new Logger();
+
+const LOG_TAG$1 = 'VizbeeHomeSSOManager';
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class VizbeeMetricsManager {
+    constructor() {
+        var _a, _b, _c;
+        this.senderInfo = null;
+        this.getSignInInfo = () => __awaiter(this, void 0, void 0, function* () { return []; });
+        if ((_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.vizbee) === null || _a === void 0 ? void 0 : _a.continuity) === null || _b === void 0 ? void 0 : _b.analytics) === null || _c === void 0 ? void 0 : _c.AnalyticsProvider) {
+            this.metricsManager =
+                new window.vizbee.continuity.analytics.AnalyticsProvider();
+            // Create a wrapper with 'provider' property
+            const attributesProvider = {
+                getAttributes: () => this.getAttributes(),
+            };
+            this.metricsManager.addProvider(attributesProvider, '.*');
+        }
+    }
+    log(event, attributes, bypassAttributeProviders = false) {
+        if (!this.metricsManager) {
+            return;
+        }
+        logger.debug(`[${LOG_TAG$1}][log] - Logging metrics event: `, event, attributes, bypassAttributeProviders);
+        if (event ===
+            VizbeeMetricsConstants.METRICS_EVENT_SCREEN_HOMESSO_SIGNIN_RECEIVED) {
+            this.senderInfo = attributes.senderInfo;
+        }
+        const attributesToBeSent = this.addDefaultAttributes();
+        attributesToBeSent[VizbeeMetricsConstants.METRICS_ATTR_IS_SCREEN_SIGNED_IN] = attributes.isScreenSignedIn;
+        attributesToBeSent[VizbeeMetricsConstants.METRICS_ATTR_IS_REMOTE_SIGNED_IN] = attributes.isRemoteSignedIn;
+        attributesToBeSent[VizbeeMetricsConstants.METRICS_ATTR_HOMESSO_SIGN_IN_TYPE] = attributes.signInType;
+        attributesToBeSent[VizbeeMetricsConstants.METRICS_ATTR_IS_SCREEN_SIGN_IN_STATUS] = attributes.signInState;
+        if (attributes.userId) {
+            attributesToBeSent[VizbeeMetricsConstants.METRICS_ATTR_SCREEN_HOMESSO_USER_ID] = attributes.userId;
+        }
+        logger.debug(`[${LOG_TAG$1}][log] - Logging metrics event: `, event, attributesToBeSent);
+        this.metricsManager.logMetrics(event, attributesToBeSent);
+    }
+    setCustomAttributes(customAttributes) {
+        this.metricsManager.setCustomAttributes(customAttributes);
+    }
+    getAttributes() {
+        return this.createAttributesJson();
+    }
+    createAttributesJson() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const attributes = {};
+            const userInfoArray = [];
+            const signInInfoList = yield this.getSignInInfo();
+            signInInfoList === null || signInInfoList === void 0 ? void 0 : signInInfoList.forEach((signInInfo) => {
+                const userInfoObject = this.createUserInfoObject(signInInfo);
+                userInfoArray.push(userInfoObject);
+            });
+            attributes[VizbeeMetricsConstants.METRICS_ATTR_SCREEN_HOMESSO_USER_INFO] =
+                userInfoArray;
+            return attributes;
+        });
+    }
+    createUserInfoObject(signInInfo) {
+        const UNKNOWN_VALUE = 'UNKNOWN';
+        const userInfo = {
+            [VizbeeMetricsConstants.METRICS_ATTR_USER_LOGIN_TYPE]: signInInfo.userLoginType,
+            [VizbeeMetricsConstants.METRICS_ATTR_USER_IS_SIGNED_IN]: signInInfo.isSignedIn,
+            [VizbeeMetricsConstants.METRICS_ATTR_USER_LOGIN]: signInInfo.userLogin || UNKNOWN_VALUE,
+            [VizbeeMetricsConstants.METRICS_ATTR_USER_NAME]: signInInfo.userName || UNKNOWN_VALUE,
+            [VizbeeMetricsConstants.METRICS_ATTR_USER_SUBSCRIPTION_TYPE]: signInInfo.userSubscriptionType || UNKNOWN_VALUE,
+            [VizbeeMetricsConstants.METRICS_ATTR_USER_SUBSCRIPTION_VALUE]: signInInfo.userSubscriptionValue || UNKNOWN_VALUE,
+            [VizbeeMetricsConstants.METRICS_ATTR_USER_SUBSCRIPTION_RENEWAL_TYPE]: signInInfo.userSubscriptionRenewalType || UNKNOWN_VALUE,
+        };
+        if (signInInfo.userAdditionalInfo) {
+            userInfo[VizbeeMetricsConstants.METRICS_ATTR_USER_ADDITIONAL_INFO] =
+                signInInfo.userAdditionalInfo || {};
+        }
+        return userInfo;
+    }
+    addDefaultAttributes() {
+        var _a, _b, _c, _d;
+        const attributes = {};
+        attributes[VizbeeMetricsConstants.METRICS_ATTR_SCREEN_HOMESSO_SDK_VERSION] =
+            '1.0.1';
+        attributes['REMOTE_FRIENDLY_NAME'] = (_a = this.senderInfo) === null || _a === void 0 ? void 0 : _a.friendlyName;
+        attributes['REMOTE_DEVICE_ID'] = (_b = this.senderInfo) === null || _b === void 0 ? void 0 : _b.deviceId;
+        attributes['REMOTE_DEVICE_TYPE'] = (_c = this.senderInfo) === null || _c === void 0 ? void 0 : _c.deviceType;
+        attributes['REMOTE_NETWORK_SESSION_ID'] = (_d = this.senderInfo) === null || _d === void 0 ? void 0 : _d.networkSessionId;
+        return attributes;
+    }
+}
+
+/**
+ * @const VizbeeConstants
+ * @description Constants used throughout the Vizbee Home SSO implementation
+ */
+const VizbeeConstants = {
+    EVENT_SSO_NAME: 'tv.vizbee.homesso.signin',
+    // Sign in event keys
+    KEY_SUB_TYPE: 'sub_type',
+    KEY_SIGN_IN_STATUS: 'sstatus',
+    KEY_STATE: 'sstate',
+    KEY_CUSTOM_DATA: 'custom_data',
+    KEY_REG_CODE: 'regcode',
+    // Custom metadata keys
+    KEY_START_SIGN_IN_INFO: 'sinfo',
+    KEY_IS_SIGNED_IN: 'is_signed_in',
+    KEY_SIGN_IN_TYPE: 'stype',
+    KEY_DEVICE_MODEL: 'device_model',
+    KEY_DEVICE_OS: 'device_os',
+    // Event subtypes
+    EVENT_SUBTYPE_START_SIGN_IN: 'start_sign_in',
+    EVENT_SUBTYPE_SIGN_IN_STATUS: 'sign_in_status',
+    // SDK events types
+    VIZBEE_SESSION_READY: 'vizbee-bicast-session-ready',
+};
+// Enum for sign in states
+var VizbeeSignInState;
+(function (VizbeeSignInState) {
+    VizbeeSignInState["SIGN_IN_NOT_STARTED"] = "not_started";
+    VizbeeSignInState["SIGN_IN_IN_PROGRESS"] = "in_progress";
+    VizbeeSignInState["SIGN_IN_COMPLETED"] = "completed";
+    VizbeeSignInState["SIGN_IN_FAILED"] = "failed";
+    VizbeeSignInState["SIGN_IN_CANCELLED"] = "cancelled";
+})(VizbeeSignInState || (VizbeeSignInState = {}));
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// Base abstract class for sign in status
+class VizbeeSignInStatus {
+    constructor(signInType, customData) {
+        this.signInType = signInType;
+        this.customData = customData;
+    }
+    serialize() {
+        return {
+            [VizbeeConstants.KEY_SIGN_IN_TYPE]: this.signInType,
+            [VizbeeConstants.KEY_STATE]: this.getState(),
+            [VizbeeConstants.KEY_CUSTOM_DATA]: this.customData,
+        };
+    }
+}
+// Progress status class
+class ProgressStatus extends VizbeeSignInStatus {
+    constructor(signInType, customData = null) {
+        super(signInType, customData);
+        this.signInType = signInType;
+        this.customData = customData;
+    }
+    getState() {
+        return VizbeeSignInState.SIGN_IN_IN_PROGRESS;
+    }
+}
+// Success status class
+class SuccessStatus extends VizbeeSignInStatus {
+    constructor(signInType, userId = null, customData = null) {
+        super(signInType, customData);
+        this.signInType = signInType;
+        this.userId = userId;
+        this.customData = customData;
+    }
+    getState() {
+        return VizbeeSignInState.SIGN_IN_COMPLETED;
+    }
+}
+// Failure status class
+class FailureStatus extends VizbeeSignInStatus {
+    constructor(signInType, isCancelled, reason = null, exception = null, customData = null) {
+        super(signInType, customData);
+        this.signInType = signInType;
+        this.isCancelled = isCancelled;
+        this.reason = reason;
+        this.exception = exception;
+        this.customData = customData;
+    }
+    getState() {
+        return this.isCancelled
+            ? VizbeeSignInState.SIGN_IN_CANCELLED
+            : VizbeeSignInState.SIGN_IN_FAILED;
+    }
+}
+
+/**
+ * @fileoverview Configuration and type definitions for Vizbee Home SSO UI components
+ * Defines interfaces and default configurations for various modal states and themes
+ */
+/**
+ * Enum defining the different types of sign-in modals available in the system
+ */
+var SignInModalType;
+(function (SignInModalType) {
+    SignInModalType["INFORMATION"] = "information";
+    SignInModalType["PROGRESS"] = "progress";
+    SignInModalType["SUCCESS"] = "success";
+})(SignInModalType || (SignInModalType = {}));
+/**
+ * Default theme configuration with basic color scheme
+ */
+const defaultTheme = {
+    primaryColor: '#000000',
+    secondaryColor: '#262626',
+    tertiaryColor: '#FFFFFF',
+    subTextColor: undefined,
+    primaryFont: undefined,
+    secondaryFont: undefined,
+    direction: 'ltr',
+};
+/**
+ * Collection of Base64 encoded icon images used in different modal states
+ */
+const icons = {
+    vzb_unconnected: `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAA4CAYAAABE814IAAAH0klEQVRoBe2bXYhWRRjHfdXMNTNEiz7Jlbowkggqu8jCoE+CAom+IIo+SJDopku9rouIoKCIoJuoIDIqIvqyDMq6iTIMglbLpG+V0j5sdfv9Zuc5zR7P++5u7m7ru/vAf2fmmWfOzPOfZ+bMOWff1owsAwMDs1qt1gGL5I8mmZmrujU5iL9/6VzpeysrqGuhH1hCeS24CSwE3Sy7ce5Z8Ci+b8f3xIEszCR3kHQllc+A08BUkh04ewscvJ+4kBkUvWAzOB78DY4CU0HC159w9kKwzegYIOMykYx+MFXIwNXkqz7r+1q5cMlIwHZwEkh7CulUE4PiO9A7mz8LwAmgiYw/0WvcTaKfc2sOqVsMZkuIDhs25kv5g8IpQFK6SSRjJ+ipOSUHA5Lwu5laZRT3sa72R6EbUraIdNZq8CWtEA9fTUsl7GdFpovSjj51+2l01PM4TUiNsmlCpgmpMVArRoQ0bTRNulrz7ivG2WMfrtVvR912/hjR7M3mnPEH9+aTsa7ffn0ennKkpAiZio63C5fYQ9rVTzn9NCG1KY9NtaYeLOaXR5Lms457Srtnnsb2R6IyEYLjPgHGpurdph/nfQkrAdXdBzvfnRywjrQrZTZO+hjs43C8I9hFvg/9NtJPwKfga7AdInzl5ltqiZSwriPGN2YSsgfMAe1kBxUfg03gTYj4Igxpn5YUuiNiOWV/f2H89fchvv9Z5Gz3gN9BiG/gxQHQn0FSyU5yG8BloNqUyR8RJ1vGWfcXVRI56GkiJNcPSSTnbyBBIeo2gqtBIiPSiJ7JmDLGERHiabUUI0Tnddp8KepEKUbMRUEA+SpyQjdZUsbWkZAYuO8TvZvEHcU7jrNuvfmoJ5t00c5N1TbXgVfpbD3wk6gkdrylYz8pJX25Y2TnAR3X0dPBGeBCsBScCo4Fis6HXVLkPxIWBLxG3m8c2zI5QXJp/7/lGZObaftNtdPIaLwAXALWgU2glPpyMipiKfWRv8xrk0Y0depqwuoYT8clkwaCkZESmEl+FogZDxvJuQo8C8LxkgTUSWLjdde+0cakHugmhTCW4QlpN1IaS5LkDHGI8iXgHRASBEU5SNmP4gavTzopbsuM478RQsOIFPcMHUr7jallhfzdwHOJUiclyt7Brs/2/zspjGV4QjCamw01PmTQ6I4CJRFpeWUnl1H3FlAiMgZL/5L0J4orsv2QpahuIoVxdCYkG+widc3vA5vBk+BmcA6oHCBfbZDkJSXVkUro40CpkxJlN9penSetrjORZOS+R0TIX3rSIJ5OXwJ3gHkxePKVQ7X8A5QVN1sREqS8jmIOqKItrjlRKX2PiJD6s4zrXzJK+YzCbTFw8mXklNHyYG4kCU2krPca1B2yNOPa45nS76gJyf6kRIckJjZIlS+AJQ6atIyUtOlm/RMaImU785K0B6zIdhWplidC6HtEhJTPMjHwcnbNqw/dN+Sv1AHScoNNeXTzwLtAieViPqLuZfLaeCeb0OVDfyMi5DcMy4FTTOI5IkjIqsrOZXZPJqUKf3QpakjPAt6Sg0yySSRFXRBaRdlkiRBn6QJwPvDO8hj4CEhSSBn66srymkxK5Rj16SBHeheQ6JLsaPse+gmNjjzOzhHSblYY7CrwVOGMjpTRYlm43C7PnaVIoezS8YTrHWUjULStS7SryGw3nrHSM4DhCcEo1n6cTqsBUrcCvA0UCamTov57sASk62Ry0jXQrQRGSL2d5Q3ZdsI2V/ocnpAm9mnoDIdTOvowcJbbkfIidRUh2dG0JNA/B5SIkkh/RLesJLBpLGOpo7/REUIDo6QkQmLCsfvJ60zTjKMeuLV0jnK6i5BeaSUSRJiPfeXe3GbIA+RYklBei36HJyQbzSUtl0oVxuid+VQmfQQopXPmjZwt4DiQIsU0Ozuf/AdAiVuvdzDFk3A6vZKO+yZLH50JwUAidgMPTG+ANeDE7EhJUDjprMcZI0iRjMjfntsGgXHHWYeNEoSE/bfofEvnmabqz/J4CH0MS4gG9WeZz9Fd44BIq1kjH3cRN9o4u0iGEo6+Qt5DVxAYxFyMbi9QgoxYNpfmvqrzzHiQkfswGstHlTSgrDvkM4TOhWOG9J31gaJzTxFPAyXsbSskd3m0Ix/LxjduW4FSEmKb+7J9Rb5lhToj2EkbKyzkWk2E+KTfk2ZvsOv01wGp88Wwof4oRj/wwthZjx8YUWw5s09RvxrMB361s60vm/0CKCFbQPpAjq3/mPMraR867yrxlc824lwwA5vQW5QMXwjvBPGZVfXhiv01XU+/W+3WrKGrc0eDhxjYYgbrrPrrCcmw3WawFSgHB5PknE6tsoxt6CO1jVLvtzdfc7B26N9jKErMWKGJDMf8M+ivDwxdJREpZ6JJ70WrGhzCWT98+71XkXXF65lf3sbBrzRCwj7Spejq0ZoM+TPenzGceMfxPD7t70SIA9LQ2b0WB7E/ZMY/pE524zrh4NnojK6QWArbUZQOhv0i9OO+ocZgitRJdSL8AZHbQ7Vk2g1GR4XvL5oc/BJ9OEW2knSrrUr/ZiS3qa+ma0SrJvuoO9zUce4Aq5nsPtJWhGnTv2WWnelI06Alay+oD7rdfy96ndHYYz5juLFp81+k6UeIB5OThIobTZPD0VHjv2jmfaKMnDG192IjGFv0Odq08Weq/wBhqgjzqMULvQAAAABJRU5ErkJggg==`,
+    vzb_connection_progress_0: `data:image/png;base64,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`,
+    vzb_connection_progress_1: `data:image/png;base64,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`,
+    vzb_connection_progress_2: `data:image/png;base64,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`,
+    vzb_connected: `data:image/png;base64,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`,
+};
+/**
+ * Default configuration for informational sign-in modal
+ * Shown when initial sign-in process starts
+ */
+const defaultInformationalModalConfig = {
+    enable: true,
+    options: {
+        width: undefined,
+        backgroundColor: undefined,
+        marginBottom: undefined,
+        marginRight: undefined,
+        direction: undefined,
+        iconBase64String: icons['vzb_unconnected'],
+        iconWidth: undefined,
+        iconHeight: undefined,
+        iconMarginRight: undefined,
+        titleText: 'Mobile Sign In',
+        titleTextFontFamily: undefined,
+        titleTextFontColor: undefined,
+        titleTextFontSize: undefined,
+        descriptionText: 'Please use your mobile app to complete the sign in process.',
+        descriptionTextFontFamily: undefined,
+        descriptionTextFontColor: undefined,
+        descriptionTextFontSize: undefined,
+        position: 'bottom-right',
+        borderColor: undefined,
+        borderWidth: undefined,
+        boxShadow: undefined,
+        height: undefined,
+        minHeight: undefined,
+        padding: undefined,
+        borderRadius: undefined,
+        edgeMargin: undefined,
+        marginTop: undefined,
+        marginLeft: undefined,
+        titleTextFontWeight: undefined,
+        titleTextLineHeight: undefined,
+        titleMarginBottom: undefined,
+        descriptionTextFontWeight: undefined,
+        descriptionTextLineHeight: undefined,
+    },
+};
+/**
+ * Default configuration for progress sign-in modal
+ * Shown while sign-in is in progress
+ */
+const defaultProgressModalConfig = {
+    enable: true,
+    options: {
+        width: undefined,
+        backgroundColor: undefined,
+        marginBottom: undefined,
+        marginRight: undefined,
+        direction: undefined,
+        iconBase64String: icons['vzb_connection_progress_0'],
+        iconBase64Strings: [
+            icons['vzb_connection_progress_0'],
+            icons['vzb_connection_progress_1'],
+            icons['vzb_connection_progress_2'],
+            icons['vzb_connection_progress_1'],
+        ],
+        iconWidth: undefined,
+        iconHeight: undefined,
+        iconMarginRight: undefined,
+        titleText: undefined,
+        titleTextFontFamily: undefined,
+        titleTextFontColor: undefined,
+        titleTextFontSize: undefined,
+        descriptionText: 'Signing in using your mobile app ...',
+        descriptionTextFontFamily: undefined,
+        descriptionTextFontColor: undefined,
+        descriptionTextFontSize: undefined,
+        position: 'bottom-right',
+        borderColor: undefined,
+        borderWidth: undefined,
+        boxShadow: undefined,
+        height: undefined,
+        minHeight: undefined,
+        padding: undefined,
+        borderRadius: undefined,
+        edgeMargin: undefined,
+        marginTop: undefined,
+        marginLeft: undefined,
+        titleTextFontWeight: undefined,
+        titleTextLineHeight: undefined,
+        titleMarginBottom: undefined,
+        descriptionTextFontWeight: undefined,
+        descriptionTextLineHeight: undefined,
+    },
+};
+/**
+ * Default configuration for success sign-in modal
+ * Shown when sign-in process completes successfully
+ */
+const defaultSuccessModalConfig = {
+    enable: true,
+    options: {
+        width: undefined,
+        backgroundColor: undefined,
+        marginBottom: undefined,
+        marginRight: undefined,
+        direction: undefined,
+        iconBase64String: icons['vzb_connected'],
+        iconWidth: undefined,
+        iconHeight: undefined,
+        iconMarginRight: undefined,
+        titleText: 'Mobile Sign In Successful!',
+        titleTextFontFamily: undefined,
+        titleTextFontColor: undefined,
+        titleTextFontSize: undefined,
+        descriptionText: 'Cast or select any content to start watching.',
+        descriptionTextFontFamily: undefined,
+        descriptionTextFontColor: undefined,
+        descriptionTextFontSize: undefined,
+        position: 'bottom-right',
+        duration: 10000,
+        borderColor: undefined,
+        borderWidth: undefined,
+        boxShadow: undefined,
+        height: undefined,
+        minHeight: undefined,
+        padding: undefined,
+        borderRadius: undefined,
+        edgeMargin: undefined,
+        marginTop: undefined,
+        marginLeft: undefined,
+        titleTextFontWeight: undefined,
+        titleTextLineHeight: undefined,
+        titleMarginBottom: undefined,
+        descriptionTextFontWeight: undefined,
+        descriptionTextLineHeight: undefined,
+    },
+};
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * Singleton class responsible for managing UI configurations for Home SSO experience
+ * Handles theme customization and specific modal configurations for different sign-in states
+ */
+class VizbeeHomeSSOUIManager {
+    /**
+     * Private constructor to enforce singleton pattern
+     * Initializes configurations with default values using deep merge
+     */
+    constructor() {
+        this.themeConfig = this.deepMerge({}, defaultTheme);
+        this.commonModalConfig = this.deepMerge({});
+        this.informationalModalConfig =
+            this.deepMerge(defaultInformationalModalConfig.options);
+        this.progressModalConfig = this.deepMerge(defaultProgressModalConfig.options);
+        this.successModalConfig = this.deepMerge(defaultSuccessModalConfig.options);
+    }
+    /**
+     * Gets the singleton instance of VizbeeHomeSSOUIManager
+     * Creates a new instance if one doesn't exist
+     * @returns The singleton instance of VizbeeHomeSSOUIManager
+     */
+    static getInstance() {
+        if (!VizbeeHomeSSOUIManager.instance) {
+            VizbeeHomeSSOUIManager.instance = new VizbeeHomeSSOUIManager();
+        }
+        return VizbeeHomeSSOUIManager.instance;
+    }
+    /**
+     * Creates a deep clone of an object or array
+     * @param obj - Object to clone
+     * @returns Deep cloned copy of the input
+     */
+    deepClone(obj) {
+        // Handle primitives and null
+        if (obj === null || typeof obj !== 'object') {
+            return obj;
+        }
+        try {
+            // Attempt JSON serialization - this will throw on circular references
+            return JSON.parse(JSON.stringify(obj));
+        }
+        catch (error) {
+            // Fall back to manual deep cloning when JSON serialization fails
+            return this.fallbackDeepClone(obj);
+        }
+    }
+    // Fallback manual deep clone that handles circular references
+    fallbackDeepClone(obj, visited = new Map()) {
+        if (obj === null || typeof obj !== 'object') {
+            return obj;
+        }
+        // Handle circular references
+        if (visited.has(obj)) {
+            return visited.get(obj);
+        }
+        // Handle arrays
+        if (Array.isArray(obj)) {
+            const clone = [];
+            visited.set(obj, clone);
+            for (let i = 0; i < obj.length; i++) {
+                clone[i] = this.fallbackDeepClone(obj[i], visited);
+            }
+            return clone;
+        }
+        // Handle objects
+        const clone = {};
+        visited.set(obj, clone);
+        Object.keys(obj).forEach(key => {
+            clone[key] = this.fallbackDeepClone(obj[key], visited);
+        });
+        return clone;
+    }
+    /**
+     * Performs a deep merge of multiple objects
+     * @param target - Base object to merge into
+     * @param sources - Array of objects to merge from
+     * @returns Merged object combining all sources into target
+     */
+    deepMerge(target, ...sources) {
+        const result = JSON.parse(JSON.stringify(target));
+        if (sources.length === 0)
+            return result;
+        for (const source of sources) {
+            if (!source)
+                continue;
+            for (const key of Object.keys(source)) {
+                const sourceValue = source[key];
+                if (sourceValue === undefined)
+                    continue;
+                if (sourceValue === null) {
+                    result[key] = null;
+                    continue;
+                }
+                if (typeof sourceValue === 'object' && !Array.isArray(sourceValue)) {
+                    if (!result[key] || typeof result[key] !== 'object') {
+                        result[key] = {};
+                    }
+                    result[key] = this.deepMerge(result[key], sourceValue);
+                }
+                else {
+                    result[key] = JSON.parse(JSON.stringify(sourceValue));
+                }
+            }
+        }
+        return result;
+    }
+    /**
+     * Maps theme configuration to modal configuration properties
+     * @param theme - Current theme configuration
+     * @returns Partial modal configuration based on theme
+     */
+    mapThemeToModalConfig(theme) {
+        return {
+            borderColor: theme.primaryColor,
+            backgroundColor: theme.secondaryColor,
+            titleTextFontColor: theme.tertiaryColor,
+            descriptionTextFontColor: theme.subTextColor,
+            titleTextFontFamily: theme.primaryFont,
+            descriptionTextFontFamily: theme.secondaryFont,
+            direction: theme.direction,
+        };
+    }
+    /**
+     * Returns default configurations for all modal types
+     * @returns Object containing default configs for informational, progress, and success modals
+     */
+    getDefaultConfig() {
+        const themeBasedConfig = this.mapThemeToModalConfig(this.themeConfig);
+        const informational = this.deepMerge(defaultInformationalModalConfig.options, themeBasedConfig);
+        const progress = this.deepMerge(defaultProgressModalConfig.options, themeBasedConfig);
+        const successBase = this.deepMerge(defaultSuccessModalConfig.options, themeBasedConfig);
+        return {
+            informational,
+            progress,
+            success: Object.assign(Object.assign({}, successBase), { duration: defaultSuccessModalConfig.options.duration }),
+        };
+    }
+    /**
+     * Updates the current theme configuration
+     * @param theme - Partial theme configuration to merge with current theme
+     */
+    setTheme(theme) {
+        this.themeConfig = this.deepMerge(defaultTheme, theme);
+    }
+    /**
+     * Retrieves current theme configuration
+     * @returns Deep clone of current theme configuration
+     */
+    getTheme() {
+        return this.deepClone(this.themeConfig);
+    }
+    /**
+     * Updates common modal configuration applied to all modal types
+     * @param config - Partial configuration to merge with current common config
+     */
+    setCommonModalConfig(config) {
+        this.commonModalConfig = this.deepMerge(this.commonModalConfig, config);
+    }
+    /**
+     * Updates informational sign-in modal configuration
+     * @param config - Partial configuration to merge with current informational config
+     */
+    setInformationalSignInModalConfig(config) {
+        this.informationalModalConfig = this.deepMerge(this.informationalModalConfig, config);
+    }
+    /**
+     * Updates progress sign-in modal configuration
+     * @param config - Partial configuration to merge with current progress config
+     */
+    setProgressSignInModalConfig(config) {
+        this.progressModalConfig = this.deepMerge(this.progressModalConfig, config);
+    }
+    /**
+     * Updates success sign-in modal configuration
+     * @param config - Partial configuration to merge with current success config
+     */
+    setSuccessSignInModalConfig(config) {
+        this.successModalConfig = this.deepMerge(this.successModalConfig, config);
+    }
+    /**
+     * Retrieves complete configuration for informational sign-in modal
+     * Combines default, theme-based, common, and specific configurations
+     * @returns Complete informational modal configuration
+     */
+    getInformationalSignInModalConfig() {
+        const themeBasedConfig = this.mapThemeToModalConfig(this.themeConfig);
+        return this.deepMerge(defaultInformationalModalConfig.options, themeBasedConfig, this.commonModalConfig, this.informationalModalConfig);
+    }
+    /**
+     * Retrieves complete configuration for progress sign-in modal
+     * Combines default, theme-based, common, and specific configurations
+     * @returns Complete progress modal configuration
+     */
+    getProgressSignInModalConfig() {
+        const themeBasedConfig = this.mapThemeToModalConfig(this.themeConfig);
+        return this.deepMerge(defaultProgressModalConfig.options, themeBasedConfig, this.commonModalConfig, this.progressModalConfig);
+    }
+    /**
+     * Retrieves complete configuration for success sign-in modal
+     * Combines default, theme-based, common, and specific configurations
+     * @returns Complete success modal configuration
+     */
+    getSuccessSignInModalConfig() {
+        const themeBasedConfig = this.mapThemeToModalConfig(this.themeConfig);
+        const baseConfig = this.deepMerge(defaultSuccessModalConfig.options, themeBasedConfig, this.commonModalConfig, this.successModalConfig);
+        return Object.assign(Object.assign({}, baseConfig), { duration: this.successModalConfig.duration });
+    }
+}
+
+/**
+ * A class that manages the display of snackbar notifications with customizable styling and animations
+ */
+class VizbeeSnackbar {
+    /**
+     * Creates a new instance of VizbeeSnackbar
+     */
+    constructor() {
+        this.BASE_DIMENSIONS = {
+            REFERENCE_WIDTH: 1920,
+            REFERENCE_HEIGHT: 1080,
+            WIDTH: 720,
+            PADDING: 20,
+            BORDER_RADIUS: 20,
+            BORDER_WIDTH: 2,
+            MARGIN: 32,
+            ICON_SIZE: 40,
+            ICON_MARGIN: 12,
+            TITLE_FONT_SIZE: 32,
+            MESSAGE_FONT_SIZE: 28,
+        };
+        this.uiManager = VizbeeHomeSSOUIManager.getInstance();
+        this.setupContainer();
+    }
+    /**
+     * Shows the snackbar with the specified options
+     */
+    show(options) {
+        this.hide();
+        clearTimeout(this.showSnackbarTimerId);
+        this.showSnackbarTimerId = window.setTimeout(() => {
+            this.createSnackbar(options);
+            if (this.currentSnackbar) {
+                this.currentSnackbar.style.transform =
+                    this.getSlideTransform('top-right');
+            }
+            if (options === null || options === void 0 ? void 0 : options.shouldAnimateIcon) {
+                this.startIconAnimation(options.iconBase64Strings);
+            }
+            if ((options === null || options === void 0 ? void 0 : options.duration) && options.duration > 0) {
+                this.timeoutId = window.setTimeout(() => this.hide(), options.duration);
+            }
+        }, 1000);
+    }
+    /**
+     * Hides the currently displayed snackbar
+     */
+    hide() {
+        this.stopIconAnimation();
+        if (this.timeoutId) {
+            clearTimeout(this.timeoutId);
+            this.timeoutId = undefined;
+        }
+        if (this.currentSnackbar) {
+            this.currentSnackbar.style.transform = this.getSlideTransform('bottom-right', true);
+            this.currentSnackbar.style.opacity = '0';
+            setTimeout(() => {
+                var _a;
+                if (((_a = this.currentSnackbar) === null || _a === void 0 ? void 0 : _a.parentNode) === this.container) {
+                    this.container.removeChild(this.currentSnackbar);
+                }
+                this.currentSnackbar = undefined;
+            }, 300);
+        }
+    }
+    getScreenScale() {
+        const width = window.innerWidth;
+        return width / this.BASE_DIMENSIONS.REFERENCE_WIDTH;
+    }
+    scaleValue(value) {
+        return Math.round(value * this.getScreenScale());
+    }
+    setupContainer() {
+        this.container = document.createElement('div');
+        this.container.style.cssText = `
+      position: fixed;
+      z-index: 9999;
+      pointer-events: none;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+    `;
+        document.body.appendChild(this.container);
+    }
+    getSlideTransform(position, hide = false) {
+        const transformValue = '150%';
+        const isTop = position.includes('top');
+        return `translateY(${(hide === isTop ? '-' : '') + transformValue})`;
+    }
+    getPositionStyles(position, edgeMargin) {
+        const margin = edgeMargin || this.scaleValue(this.BASE_DIMENSIONS.MARGIN) + 'px';
+        const positions = {
+            'top-right': `top: ${margin}; right: ${margin};`,
+            'top-left': `top: ${margin}; left: ${margin};`,
+            'bottom-right': `bottom: ${margin}; right: ${margin};`,
+            'bottom-left': `bottom: ${margin}; left: ${margin};`,
+        };
+        return positions[position];
+    }
+    startIconAnimation(iconBase64Strings) {
+        if (this.animationInterval) {
+            clearInterval(this.animationInterval);
+        }
+        if (!iconBase64Strings || iconBase64Strings.length === 0) {
+            return;
+        }
+        let currentIndex = 0;
+        this.animationInterval = window.setInterval(() => {
+            if (this.currentIconElement) {
+                currentIndex = (currentIndex + 1) % iconBase64Strings.length;
+                this.currentIconElement.src = iconBase64Strings[currentIndex];
+            }
+        }, 500);
+    }
+    stopIconAnimation() {
+        if (this.animationInterval) {
+            clearInterval(this.animationInterval);
+            this.animationInterval = undefined;
+        }
+    }
+    /**
+     * Whether the snackbar should render right-to-left.
+     * Defaults to LTR when no direction is provided.
+     */
+    isRtl(options) {
+        return ((options === null || options === void 0 ? void 0 : options.direction) || 'ltr') === 'rtl';
+    }
+    createSnackbar(options) {
+        const snackbar = document.createElement('div');
+        snackbar.style.cssText = this.getSnackbarStyles(options);
+        const isRtl = this.isRtl(options);
+        const contentWrapper = this.createContentWrapper(isRtl);
+        const iconBase64 = options === null || options === void 0 ? void 0 : options.iconBase64String;
+        if (iconBase64) {
+            const iconWrapper = this.createIconWrapper(iconBase64, options.iconWidth, options.iconHeight, options.iconMarginRight, isRtl);
+            contentWrapper.appendChild(iconWrapper);
+        }
+        const textWrapper = this.createTextWrapper(options);
+        contentWrapper.appendChild(textWrapper);
+        snackbar.appendChild(contentWrapper);
+        this.container.appendChild(snackbar);
+        this.currentSnackbar = snackbar;
+        requestAnimationFrame(() => {
+            snackbar.style.opacity = '1';
+            snackbar.style.transform = 'translateY(0)';
+        });
+    }
+    getSnackbarStyles(options) {
+        var _a;
+        const theme = this.uiManager.getTheme();
+        const borderColor = (options === null || options === void 0 ? void 0 : options.borderColor) || theme.primaryColor;
+        const borderWidth = (options === null || options === void 0 ? void 0 : options.borderWidth) ||
+            this.scaleValue(this.BASE_DIMENSIONS.BORDER_WIDTH) + 'px';
+        const boxShadow = (options === null || options === void 0 ? void 0 : options.boxShadow) ||
+            `0 ${this.scaleValue(2)}px ${this.scaleValue(8)}px rgba(0, 0, 0, 0.4)`;
+        const padding = (options === null || options === void 0 ? void 0 : options.padding) || this.scaleValue(this.BASE_DIMENSIONS.PADDING) + 'px';
+        const borderRadius = (options === null || options === void 0 ? void 0 : options.borderRadius) ||
+            this.scaleValue(this.BASE_DIMENSIONS.BORDER_RADIUS) + 'px';
+        return `
+      position: absolute;
+      display: flex;
+      background: ${(options === null || options === void 0 ? void 0 : options.backgroundColor) || 'rgba(0, 0, 0, 0.75)'};
+      color: white;
+      width: ${(options === null || options === void 0 ? void 0 : options.width) || this.scaleValue(this.BASE_DIMENSIONS.WIDTH) + 'px'};
+      ${(options === null || options === void 0 ? void 0 : options.height) ? `height: ${options.height};` : ''}
+      ${(options === null || options === void 0 ? void 0 : options.minHeight) ? `min-height: ${options.minHeight};` : ''}
+      padding: ${padding};
+      border-radius: ${borderRadius};
+      border: ${borderWidth} solid ${borderColor};
+      box-shadow: ${boxShadow};
+      font-family: ${theme.primaryFont || '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'};
+      pointer-events: auto;
+      transition: all 0.3s ease;
+      opacity: 0;
+      margin-top: ${(options === null || options === void 0 ? void 0 : options.marginTop) || '0'};
+      margin-right: ${(options === null || options === void 0 ? void 0 : options.marginRight) || '0'};
+      margin-bottom: ${(options === null || options === void 0 ? void 0 : options.marginBottom) || '0'};
+      margin-left: ${(options === null || options === void 0 ? void 0 : options.marginLeft) || '0'};
+      ${this.getPositionStyles((options === null || options === void 0 ? void 0 : options.position) || 'bottom-right', options === null || options === void 0 ? void 0 : options.edgeMargin)}
+      transform: translateY(${((_a = options === null || options === void 0 ? void 0 : options.position) === null || _a === void 0 ? void 0 : _a.includes('top')) ? '-150%' : '150%'});
+    `;
+    }
+    createContentWrapper(isRtl = false) {
+        const wrapper = document.createElement('div');
+        // `row-reverse` places the icon on the trailing (right) side for RTL.
+        // Using an explicit flex-direction keeps ordering deterministic across TV
+        // browsers rather than relying on `direction`-driven flex reordering.
+        wrapper.style.cssText = `
+      display: flex;
+      flex-direction: ${isRtl ? 'row-reverse' : 'row'};
+      align-items: flex-start;
+      height: 100%;
+      width: 100%;
+    `;
+        return wrapper;
+    }
+    createIconWrapper(iconBase64, width, height, marginRight, isRtl = false) {
+        const wrapper = document.createElement('div');
+        const iconSize = this.scaleValue(this.BASE_DIMENSIONS.ICON_SIZE);
+        const iconGap = marginRight || this.scaleValue(this.BASE_DIMENSIONS.ICON_MARGIN) + 'px';
+        // The gap always sits between the icon and the text. In RTL the icon is on
+        // the right (row-reverse), so the gap belongs on its left instead.
+        const iconGapSide = isRtl ? 'margin-left' : 'margin-right';
+        wrapper.style.cssText = `
+      ${iconGapSide}: ${iconGap};
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      min-width: ${width || iconSize + 'px'};
+      width: ${width || iconSize + 'px'};
+      height: ${height || iconSize + 'px'};
+      color: white;
+      margin-top: 0;
+    `;
+        const iconElement = document.createElement('img');
+        iconElement.src = iconBase64;
+        iconElement.style.cssText = `
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      vertical-align: middle;
+    `;
+        this.currentIconElement = iconElement;
+        wrapper.appendChild(iconElement);
+        return wrapper;
+    }
+    createTextWrapper(options) {
+        const isRtl = this.isRtl(options);
+        const wrapper = document.createElement('div');
+        // `direction` drives bidi text shaping; `text-align` aligns the title and
+        // description to the leading edge. Both inherit to the child text elements.
+        wrapper.style.cssText = `
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      direction: ${isRtl ? 'rtl' : 'ltr'};
+      text-align: ${isRtl ? 'right' : 'left'};
+    `;
+        if (options === null || options === void 0 ? void 0 : options.titleText) {
+            const titleElement = document.createElement('div');
+            titleElement.style.cssText = `
+        font-size: ${(options === null || options === void 0 ? void 0 : options.titleTextFontSize) || this.scaleValue(this.BASE_DIMENSIONS.TITLE_FONT_SIZE) + 'px'};
+        font-family: ${(options === null || options === void 0 ? void 0 : options.titleTextFontFamily) || '-apple-system'};
+        color: ${(options === null || options === void 0 ? void 0 : options.titleTextFontColor) || 'white'};
+        font-weight: ${(options === null || options === void 0 ? void 0 : options.titleTextFontWeight) || '500'};
+        margin-bottom: ${(options === null || options === void 0 ? void 0 : options.titleMarginBottom) || this.scaleValue(4) + 'px'};
+        line-height: ${(options === null || options === void 0 ? void 0 : options.titleTextLineHeight) || '1.2'};
+      `;
+            titleElement.textContent = options.titleText;
+            wrapper.appendChild(titleElement);
+        }
+        const messageElement = document.createElement('div');
+        messageElement.style.cssText = `
+      font-size: ${(options === null || options === void 0 ? void 0 : options.descriptionTextFontSize) ||
+            this.scaleValue((options === null || options === void 0 ? void 0 : options.titleText)
+                ? this.BASE_DIMENSIONS.MESSAGE_FONT_SIZE
+                : this.BASE_DIMENSIONS.TITLE_FONT_SIZE) + 'px'};
+      font-family: ${(options === null || options === void 0 ? void 0 : options.descriptionTextFontFamily) || '-apple-system'};
+      color: ${(options === null || options === void 0 ? void 0 : options.descriptionTextFontColor) || 'rgba(255, 255, 255, 0.9)'};
+      font-weight: ${(options === null || options === void 0 ? void 0 : options.descriptionTextFontWeight) || 'normal'};
+      line-height: ${(options === null || options === void 0 ? void 0 : options.descriptionTextLineHeight) || '1.3'};
+    `;
+        messageElement.textContent = options.descriptionText;
+        wrapper.appendChild(messageElement);
+        return wrapper;
+    }
+}
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const LOG_TAG = 'VizbeeHomeSSOManager';
+/**
+ * Manages Single Sign-On (SSO) functionality between mobile and TV devices in the Vizbee ecosystem.
+ * Implements singleton pattern for global state management.
+ *
+ * @remarks
+ * This class serves as the central manager for SSO operations, handling:
+ * - Communication between mobile and TV devices
+ * - Sign-in status management and updates
+ * - UI state management
+ * - Analytics and metrics tracking
+ *
+ * @class VizbeeHomeSSOManager
+ * @public
+ */
+class VizbeeHomeSSOManager {
+    /**
+     * Private constructor to enforce singleton pattern
+     * Initializes necessary components and sets up default handlers
+     *
+     * @internal
+     */
+    constructor() {
+        /** @internal List of sign-in information for different services */
+        this.signInInfoList = [];
+        /** @internal Tracks if remote device is signed in */
+        this.isRemoteSignedIn = false;
+        /** @internal Tracks if screen device is signed in */
+        this.isScreenSignedIn = false;
+        /** @internal Tracks if sign-in process is currently active */
+        this.isSignInInProgress = false;
+        /** @internal Information about the sender device */
+        this.senderInfo = null;
+        /**
+         * Modal display preferences for the SSO UI
+         * @public
+         */
+        this.modalPreferences = {};
+        this.vizbeeHomeSSOUIManager = VizbeeHomeSSOUIManager.getInstance();
+        this.snackbar = new VizbeeSnackbar();
+        this.vizbeeMetricsManager = new VizbeeMetricsManager();
+    }
+    /**
+     * Gets the singleton instance of VizbeeHomeSSOManager
+     * Creates a new instance if one doesn't exist
+     *
+     * @returns The singleton instance of the SSO manager
+     * @public
+     */
+    static getInstance() {
+        if (!VizbeeHomeSSOManager.instance) {
+            VizbeeHomeSSOManager.instance = new VizbeeHomeSSOManager();
+        }
+        return VizbeeHomeSSOManager.instance;
+    }
+    init() {
+        this.initializeVizbeeSession();
+    }
+    /**
+     * Sets up a handler for processing sign-in events from mobile devices
+     *
+     * @param handler - Callback function to process sign-in information and provide status updates
+     * @public
+     */
+    setSignInHandler(handler) {
+        logger.debug(`[${LOG_TAG}][setSignInHandler] - setSignInHandler called`);
+        if (!handler) {
+            logger.error(`[${LOG_TAG}][setSignInHandler] - Error: Sign-in handler is missing`);
+            return;
+        }
+        if (typeof handler !== 'function') {
+            logger.error(`[${LOG_TAG}][setSignInHandler] - Error: Sign-in handler is not a function`);
+            return;
+        }
+        logger.info(`[${LOG_TAG}][setSignInHandler] - Setting sign-in handler`);
+        this.signInHandler = handler;
+    }
+    /**
+     * Sets the callback for retrieving sign-in information
+     *
+     * @param getSignInInfo - Async callback that provides the list of sign-in information
+     * @public
+     */
+    setSignInInfoGetter(getSignInInfo) {
+        if (!getSignInInfo) {
+            logger.error(`[${LOG_TAG}][setSignInInfoGetter] - Error: GetSignInInfo callback is missing`);
+            return;
+        }
+        if (typeof getSignInInfo !== 'function') {
+            logger.error(`[${LOG_TAG}][setSignInInfoGetter] - Error: GetSignInInfo is not a function`);
+            return;
+        }
+        if (!this.vizbeeMetricsManager) {
+            logger.error(`[${LOG_TAG}][setSignInInfoGetter] - Error: Metrics manager is missing`);
+            return;
+        }
+        if (!this.vizbeeMetricsManager.getSignInInfo) {
+            logger.error(`[${LOG_TAG}][setSignInInfoGetter] - Error: GetAttributes callback is missing`);
+            return;
+        }
+        this.vizbeeMetricsManager.getSignInInfo = getSignInInfo;
+    }
+    /**
+     * Handles sign-in progress updates
+     * Updates UI, sends status to mobile device, and logs metrics
+     *
+     * @param progressStatus - Current progress status of the sign-in process
+     * @public
+     */
+    onProgress(progressStatus) {
+        logger.info(`[${LOG_TAG}][onProgress] - OnProgress is invoked`);
+        this.isSignInInProgress = true;
+        this.sendStatusToSender(progressStatus);
+        this.updateProgressUI();
+        this.vizbeeMetricsManager.log(VizbeeMetricsConstants.METRICS_EVENT_SCREEN_HOMESSO_SIGNIN_STATUS, {
+            isScreenSignedIn: false,
+            isRemoteSignedIn: this.isRemoteSignedIn,
+            signInState: progressStatus.getState(),
+            userId: null,
+            signInType: progressStatus.signInType,
+        });
+    }
+    /**
+     * Handles successful sign-in completion
+     * Updates UI, sends success status to mobile device, and logs metrics
+     *
+     * @param successStatus - Success status details
+     * @public
+     */
+    onSuccess(successStatus) {
+        logger.info(`[${LOG_TAG}][onSuccess] - OnSuccess is invoked`);
+        this.isSignInInProgress = false;
+        this.isRemoteSignedIn = true;
+        this.sendStatusToSender(successStatus);
+        this.updateSuccessUI();
+        this.vizbeeMetricsManager.log(VizbeeMetricsConstants.METRICS_EVENT_SCREEN_HOMESSO_SIGNIN_STATUS, {
+            isScreenSignedIn: true,
+            isRemoteSignedIn: this.isRemoteSignedIn,
+            signInState: successStatus.getState(),
+            userId: successStatus.userId,
+            signInType: successStatus.signInType,
+        });
+    }
+    /**
+     * Handles sign-in failures
+     * Updates UI and sends failure status to mobile device
+     *
+     * @param failureStatus - Failure status details
+     * @public
+     */
+    onFailure(failureStatus) {
+        logger.info(`[${LOG_TAG}][onFailure] - OnFailure is invoked`);
+        this.isSignInInProgress = false;
+        this.sendStatusToSender(failureStatus);
+        this.updateFailureUI();
+        this.vizbeeMetricsManager.log(VizbeeMetricsConstants.METRICS_EVENT_SCREEN_HOMESSO_SIGNIN_STATUS, {
+            isScreenSignedIn: false,
+            isRemoteSignedIn: this.isRemoteSignedIn,
+            signInState: failureStatus.getState(),
+            userId: null,
+            signInType: failureStatus.signInType,
+        });
+    }
+    /**
+     * Adds custom attributes for metrics tracking
+     *
+     * @param customEventAttributes - Dictionary of custom attributes to track
+     * @public
+     */
+    addCustomEventAttributes(customEventAttributes) {
+        var _a;
+        if (customEventAttributes) {
+            (_a = this.vizbeeMetricsManager) === null || _a === void 0 ? void 0 : _a.setCustomAttributes(customEventAttributes);
+        }
+    }
+    /**
+     * Initializes Vizbee session and messaging client
+     *
+     * @throws Error if initialization fails
+     * @internal
+     */
+    initializeVizbeeSession() {
+        var _a, _b;
+        try {
+            logger.info(`[${LOG_TAG}][initializeVizbeeSession] - Initializing Vizbee session`);
+            // Check if vizbee and continuity exist before accessing xmessages
+            if (!((_b = (_a = window.vizbee) === null || _a === void 0 ? void 0 : _a.continuity) === null || _b === void 0 ? void 0 : _b.xmessages)) {
+                throw new Error('Vizbee continuity or xmessages not initialized');
+            }
+            // Access VizbeeBicastSessionManager directly from the existing object
+            const sessionManager = new window.vizbee.continuity.xmessages.VizbeeBicastSessionManager();
+            if (!sessionManager) {
+                throw new Error('Session manager initialization failed');
+            }
+            // add sessionStateListener
+            logger.debug(`[${LOG_TAG}]initializeVizbeeSession - Adding session state listener`);
+            sessionManager.addSessionStateListener({
+                onSessionStateChanged: (state) => {
+                    logger.info(`[${LOG_TAG}][onSessionStateChanged] - Session state changed:`, state);
+                    if (state === 3) {
+                        this.vizbeeSession = sessionManager.getSession();
+                        this.vizbeeMessagingClient =
+                            this.vizbeeSession.getMessagingClient();
+                        if (this.signInHandler) {
+                            logger.info(`[${LOG_TAG}][onSessionStateChanged] - Adding sign-in request receiver`);
+                            this.vizbeeMessagingClient.addReceiver(VizbeeConstants.EVENT_SSO_NAME, (payload, namespace, device) => __awaiter(this, void 0, void 0, function* () {
+                                logger.debug(`[${LOG_TAG}][onSessionStateChanged] - Received sign-in request on namespace:`, namespace);
+                                this.senderInfo = device;
+                                yield this.handleSignInRequest(payload, this.signInHandler);
+                            }));
+                        }
+                        else {
+                            logger.warn(`[${LOG_TAG}][onSessionStateChanged] - Error: Sign-in handler is missing`);
+                        }
+                    }
+                },
+            });
+        }
+        catch (error) {
+            logger.warn(`[${LOG_TAG}][onSessionStateChanged] - Error initializing Vizbee session:`, error);
+            throw error;
+        }
+    }
+    /**
+     * Processes incoming sign-in requests
+     * Validates request and triggers appropriate handler
+     *
+     * @param payload - Sign-in request payload
+     * @param handler - Callback to handle the sign-in request
+     * @internal
+     */
+    handleSignInRequest(payload, handler) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            const senderSignInInfo = payload[VizbeeConstants.KEY_START_SIGN_IN_INFO];
+            if (!senderSignInInfo) {
+                logger.warn(`[${LOG_TAG}][handleSignInRequest] - Error: Sender info is missing`);
+                return;
+            }
+            const signInType = senderSignInInfo[VizbeeConstants.KEY_SIGN_IN_TYPE];
+            this.isScreenSignedIn = yield this.isUserAlreadySignedIn(signInType);
+            this.isRemoteSignedIn = payload[VizbeeConstants.KEY_START_SIGN_IN_INFO][VizbeeConstants.KEY_IS_SIGNED_IN];
+            this.vizbeeMetricsManager.log(VizbeeMetricsConstants.METRICS_EVENT_SCREEN_HOMESSO_SIGNIN_RECEIVED, {
+                isScreenSignedIn: this.isScreenSignedIn,
+                isRemoteSignedIn: this.isRemoteSignedIn,
+                signInType: signInType,
+                senderInfo: this.senderInfo,
+            });
+            if (yield this.shouldIgnoreSignInRequest()) {
+                return;
+            }
+            const signInInfo = {
+                isSignedIn: this.isRemoteSignedIn,
+                signInType: signInType,
+                deviceId: (_a = this.senderInfo) === null || _a === void 0 ? void 0 : _a.deviceId,
+                deviceType: (_b = this.senderInfo) === null || _b === void 0 ? void 0 : _b.deviceType,
+                customData: {},
+            };
+            handler(signInInfo, this.handleSignInStatus.bind(this));
+        });
+    }
+    /**
+     * Determines if a sign-in request should be ignored
+     * Checks various conditions like existing sign-in state
+     *
+     * @returns Promise<boolean> indicating if request should be ignored
+     * @internal
+     */
+    shouldIgnoreSignInRequest() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.isScreenSignedIn) {
+                logger.info(`[${LOG_TAG}][shouldIgnoreSignInRequest] - User is already signed in`);
+                return true;
+            }
+            return false;
+        });
+    }
+    /**
+     * Checks if user is already signed in for a specific sign-in type
+     *
+     * @param signInType - Type of sign-in to check
+     * @returns Promise<boolean> indicating if user is signed in
+     * @internal
+     */
+    isUserAlreadySignedIn(signInType) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            try {
+                const attributes = yield ((_b = (_a = this.vizbeeMetricsManager) === null || _a === void 0 ? void 0 : _a.getAttributes) === null || _b === void 0 ? void 0 : _b.call(_a));
+                const signInInfoList = attributes === null || attributes === void 0 ? void 0 : attributes['SCREEN_HOMESSO_USER_INFO'];
+                logger.info(`[${LOG_TAG}][isUserAlreadySignedIn] - signInInfoList`, signInInfoList);
+                const tvSignInInfo = signInInfoList.find((info) => info.user_login_type === signInType);
+                logger.debug(`[${LOG_TAG}][isUserAlreadySignedIn] - TV sign in status fetched:`, tvSignInInfo);
+                return tvSignInInfo === null || tvSignInInfo === void 0 ? void 0 : tvSignInInfo.user_is_signed_in;
+            }
+            catch (error) {
+                logger.warn(`[${LOG_TAG}][isUserAlreadySignedIn] - Error checking sign-in status:`, error);
+                return false;
+            }
+        });
+    }
+    /**
+     * Handles sign-in status updates
+     * Routes status updates to appropriate handlers
+     *
+     * @param status - Current status of the sign-in process
+     * @internal
+     */
+    handleSignInStatus(status) {
+        var _a, _b;
+        if (status instanceof ProgressStatus) {
+            const regcode = (_a = status.customData) === null || _a === void 0 ? void 0 : _a.regcode;
+            if (regcode) {
+                this.onProgress(status);
+            }
+        }
+        else if (status instanceof SuccessStatus) {
+            const userEmail = (_b = status.customData) === null || _b === void 0 ? void 0 : _b.email;
+            if (userEmail) {
+                this.onSuccess(status);
+            }
+        }
+        else if (status instanceof FailureStatus) {
+            this.onFailure(status);
+        }
+    }
+    /**
+     * Sends status updates to mobile device
+     *
+     * @param status - Status to send to mobile device
+     * @internal
+     */
+    sendStatusToSender(status) {
+        const signInStatus = this.serializeStatus(status);
+        const data = {
+            [VizbeeConstants.KEY_SUB_TYPE]: VizbeeConstants.EVENT_SUBTYPE_SIGN_IN_STATUS,
+            [VizbeeConstants.KEY_SIGN_IN_STATUS]: signInStatus,
+        };
+        this.vizbeeMessagingClient.send(data, VizbeeConstants.EVENT_SSO_NAME);
+    }
+    /**
+     * Serializes status objects for transmission to mobile device
+     *
+     * @param status - Status object to serialize
+     * @returns Serialized status object or null if invalid status type
+     * @internal
+     */
+    serializeStatus(status) {
+        if (status instanceof ProgressStatus) {
+            return status.serialize();
+        }
+        else if (status instanceof SuccessStatus) {
+            return status.serialize();
+        }
+        else if (status instanceof FailureStatus) {
+            return status.serialize();
+        }
+        return null;
+    }
+    /**
+     * Updates UI for sign-in progress state
+     * Shows appropriate modal based on remote sign-in status
+     *
+     * @internal
+     */
+    updateProgressUI() {
+        if (!this.isRemoteSignedIn) {
+            const modalOptions = this.vizbeeHomeSSOUIManager.getInformationalSignInModalConfig();
+            this.snackbar.show(modalOptions);
+        }
+        else {
+            const modalOptions = this.vizbeeHomeSSOUIManager.getProgressSignInModalConfig();
+            this.snackbar.show(Object.assign(Object.assign({}, modalOptions), { shouldAnimateIcon: true }));
+        }
+    }
+    /**
+     * Updates UI for successful sign-in
+     * Shows success modal with appropriate message
+     *
+     * @internal
+     */
+    updateSuccessUI() {
+        // Enforce only the success duration; leave title/description to the
+        // integrator's config (or the defaults) so the success toast can be
+        // themed/localized like the informational and progress modals.
+        this.vizbeeHomeSSOUIManager.setSuccessSignInModalConfig({ duration: 10000 });
+        const modalOptions = this.vizbeeHomeSSOUIManager.getSuccessSignInModalConfig();
+        this.snackbar.show(modalOptions);
+    }
+    /**
+     * Updates UI for failed sign-in
+     * Hides any active modals
+     *
+     * @internal
+     */
+    updateFailureUI() {
+        this.snackbar.hide();
+    }
+}
+/** @internal Singleton instance of the manager */
+VizbeeHomeSSOManager.instance = null;
+
+const UNKNOWN_VALUE = 'UNKNOWN';
+
+/**
+ * @class HomeSSOContext
+ * @description Context provider for Vizbee Home SSO functionality
+ */
+class HomeSSOContext {
+    constructor() {
+        this.homeSSOUIManager = null;
+    }
+    /**
+     * Gets the singleton instance of HomeSSOContext
+     * @returns The singleton instance of HomeSSOContext
+     */
+    static getInstance() {
+        if (!HomeSSOContext.instance) {
+            HomeSSOContext.instance = new HomeSSOContext();
+        }
+        return HomeSSOContext.instance;
+    }
+    /**
+     * Gets the HomeSSOManager instance
+     * @returns The singleton instance of VizbeeHomeSSOManager
+     */
+    getHomeSSOManager() {
+        return VizbeeHomeSSOManager.getInstance();
+    }
+    /**
+     * Gets the HomeSSOUIManager instance
+     * @param config Optional UI configuration including theme settings
+     * @returns The singleton instance of VizbeeHomeSSOUIManager
+     */
+    getHomeSSOUIManager() {
+        return VizbeeHomeSSOUIManager.getInstance();
+    }
+    enableLogger(enable) {
+        logger.setConfig({
+            enabled: enable,
+        });
+    }
+    setLoggerLevel(level) {
+        logger.setConfig({
+            enabled: true,
+            level: level,
+        });
+    }
+}
+HomeSSOContext.instance = null;
+const init = () => {
+    // Initialize the global namespace
+    if (typeof window !== 'undefined') {
+        if (!window.vizbee) {
+            window.addEventListener('VIZBEE_SDK_READY', () => {
+                if (window.vizbee) {
+                    setupHomeSSO();
+                }
+            });
+        }
+        else {
+            setupHomeSSO();
+        }
+    }
+};
+const setupHomeSSO = () => {
+    window.vizbee.homesso = {
+        HomeSSOContext: HomeSSOContext,
+        messages: {
+            ProgressStatus,
+            SuccessStatus,
+            FailureStatus,
+        },
+        LoggerLevel: LogLevel,
+        // Replaced at build time with package.json's version by
+        // @rollup/plugin-replace (same token the metrics manager uses), so
+        // integrators can read the loaded SDK version off the namespace.
+        VERSION: '1.0.1',
+    };
+    window.dispatchEvent(new Event('VIZBEE_HOMESSO_READY'));
+};
+init();
+
+export { FailureStatus, HomeSSOContext, LogLevel, ProgressStatus, SuccessStatus, UNKNOWN_VALUE, VizbeeHomeSSOManager, VizbeeHomeSSOUIManager };