@learningpool/ui 1.15.5 → 1.16.0

package/components/stream/AppSwitcher/AppSwitcher.js

@@ -1,51 +1,4 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import jwtDecode from 'jwt-decode';
@@ -56,9 +9,10 @@ import { Constants } from './constants';
 import { defaultAttributes } from '../../../utils/dataAttributes';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import PromotionalCampaignItem from './PromotionalCampaignItem';
-var addUtmParams = function (baseUrl, source, medium, campaign) {
+import { EVENT_KEYS } from '../../../utils/constants';
+const addUtmParams = (baseUrl, source, medium, campaign) => {
     try {
-        var url = new URL(baseUrl);
+        const url = new URL(baseUrl);
         url.searchParams.append('utm_source', source);
         url.searchParams.append('utm_medium', medium);
         url.searchParams.append('utm_campaign', campaign);
@@ -69,92 +23,76 @@ var addUtmParams = function (baseUrl, source, medium, campaign) {
         return baseUrl;
     }
 };
-var AppSwitcher = function (props) {
-    var _a;
-    var isAppSwitcherOpen = props.isAppSwitcherOpen, handleToggleAppSwitcher = props.handleToggleAppSwitcher, isDrawerOpen = props.isDrawerOpen, localization = props.localization, dataAttributes = props.dataAttributes, _b = props.apiKey, apiKey = _b === void 0 ? '' : _b, baseUrl = props.baseUrl;
-    var token = props.token;
+const AppSwitcher = (props) => {
+    const { isAppSwitcherOpen, handleToggleAppSwitcher, isDrawerOpen, localization, dataAttributes, apiKey = '', baseUrl } = props;
+    let { token } = props;
     // Holds the applications which are displayed.
-    var _c = useState([]), applications = _c[0], setApplications = _c[1];
+    const [applications, setApplications] = useState([]);
     // Holds the latest promotional campaign advert.
-    var _d = useState(null), promotionalCampaigns = _d[0], setPromotionalCampaigns = _d[1];
+    const [promotionalCampaigns, setPromotionalCampaigns] = useState(null);
     // Controls which tab is active.
-    var _e = useState(Constants.Tabs.ListApplications), activeTab = _e[0], setActiveTab = _e[1];
+    const [activeTab, setActiveTab] = useState(Constants.Tabs.ListApplications);
     // Holds the list of filtered organisations (on the second tab).
-    var _f = useState([]), filteredOrgs = _f[0], setFilteredOrgs = _f[1];
+    const [filteredOrgs, setFilteredOrgs] = useState([]);
     // Holds a reference to the active application (on the second tab).
-    var _g = useState(null), activeApplication = _g[0], setActiveApplication = _g[1];
+    const [activeApplication, setActiveApplication] = useState(null);
     // Stores any org filter text (on the second tab).
-    var _h = useState(''), searchString = _h[0], setSearchString = _h[1];
+    const [searchString, setSearchString] = useState('');
     // Holds the number of valid promotional campaigns.
-    var _j = useState((promotionalCampaigns === null || promotionalCampaigns === void 0 ? void 0 : promotionalCampaigns.length) || 0), validCampaignCount = _j[0], setValidCampaignCount = _j[1];
+    const [validCampaignCount, setValidCampaignCount] = useState(promotionalCampaigns?.length || 0);
     // Decrease the valid campaign count if an image fails to load.
-    var handleCampaignImageError = function () {
-        setValidCampaignCount(function (prev) { return Math.max(0, prev - 1); });
+    const handleCampaignImageError = () => {
+        setValidCampaignCount(prev => Math.max(0, prev - 1));
     };
-    var messages = __assign(__assign({}, Constants.DefaultMessages), localization);
-    var dataIds = __assign(__assign({}, defaultAttributes), dataAttributes);
-    var userId = (_a = props.userId) !== null && _a !== void 0 ? _a : '';
+    const messages = { ...Constants.DefaultMessages, ...localization };
+    const dataIds = { ...defaultAttributes, ...dataAttributes };
+    let userId = props.userId ?? '';
     /**
      * Queries the Hub/Home API to fetch latest promotional campaign.
      * @returns {Promise<IApplication[]>} Get a Promotional Campaign to show.
      */
-    var getLatestPromotionalCampaign = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, responseData, data, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    // If the access token has changed the endpoint should be called again.
-                    if (!token || typeof token !== 'string') {
-                        return [2 /*return*/, null];
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 4, , 5]);
-                    return [4 /*yield*/, fetch("".concat(baseUrl !== null && baseUrl !== void 0 ? baseUrl : Constants.BaseUrl, "/promotional-campaigns?onlyLatest=true&isActive=true"), {
-                            method: 'get',
-                            headers: new Headers({
-                                Authorization: "Bearer ".concat(token),
-                                'x-api-key': apiKey
-                            })
-                        })];
-                case 2:
-                    response = _a.sent();
-                    if (!response.ok) {
-                        console.error('Unable to retrieve latest promotional campaign from Hub API, returned statuscode:', response.status);
-                        return [2 /*return*/, null];
-                    }
-                    return [4 /*yield*/, response.json()];
-                case 3:
-                    responseData = _a.sent();
-                    data = responseData.records;
-                    // Store the latest access token
-                    window.localStorage.setItem(Constants.LocalStorageKey.Token, token);
-                    return [2 /*return*/, (data === null || data === void 0 ? void 0 : data.map(function (_a) {
-                            var id = _a.id, name = _a.name, appSwitcherImageUrl = _a.appSwitcherImageUrl, hubImageUrl = _a.hubImageUrl, altText = _a.altText, basePromoUrl = _a.basePromoUrl, isActive = _a.isActive;
-                            return ({
-                                id: id,
-                                name: name,
-                                appSwitcherImageUrl: appSwitcherImageUrl,
-                                hubImageUrl: hubImageUrl,
-                                altText: altText,
-                                basePromoUrl: basePromoUrl,
-                                isActive: isActive
-                            });
-                        })) || null];
-                case 4:
-                    error_1 = _a.sent();
-                    console.error('Unable to retrieve and display latest promotional campaign from Hub API', error_1);
-                    return [2 /*return*/, null];
-                case 5: return [2 /*return*/];
+    const getLatestPromotionalCampaign = async () => {
+        // If the access token has changed the endpoint should be called again.
+        if (!token || typeof token !== 'string') {
+            return null;
+        }
+        try {
+            const response = await fetch(`${baseUrl ?? Constants.BaseUrl}/promotional-campaigns?onlyLatest=true&isActive=true`, {
+                method: 'get',
+                headers: new Headers({
+                    Authorization: `Bearer ${token}`,
+                    'x-api-key': apiKey
+                })
+            });
+            if (!response.ok) {
+                console.error('Unable to retrieve latest promotional campaign from Hub API, returned statuscode:', response.status);
+                return null;
             }
-        });
-    }); };
+            const responseData = await response.json();
+            const data = responseData.records;
+            // Store the latest access token
+            window.localStorage.setItem(Constants.LocalStorageKey.Token, token);
+            return data?.map(({ id, name, appSwitcherImageUrl, hubImageUrl, altText, basePromoUrl, isActive }) => ({
+                id,
+                name,
+                appSwitcherImageUrl,
+                hubImageUrl,
+                altText,
+                basePromoUrl,
+                isActive
+            })) || null;
+        }
+        catch (error) {
+            console.error('Unable to retrieve and display latest promotional campaign from Hub API', error);
+            return null;
+        }
+    };
     /**
      * Handles closing of the application dialog.
      */
-    var handleDialogClose = function () {
+    const handleDialogClose = () => {
         handleToggleAppSwitcher();
-        setTimeout(function () {
+        setTimeout(() => {
             setSearchString('');
             setActiveApplication(null);
             setActiveTab(Constants.Tabs.ListApplications);
@@ -164,7 +102,7 @@ var AppSwitcher = function (props) {
      * Updates the search/filter text.
      * @param event {React.ChangeEvent}
      */
-    var handleSearchChange = function (event) {
+    const handleSearchChange = (event) => {
         setSearchString(event.target.value);
     };
     /**
@@ -173,13 +111,13 @@ var AppSwitcher = function (props) {
      * @param applicationId {number | undefined} - Unique identifier of the application.
      * @returns {void}
      */
-    var handleGoToAppClick = function (event, applicationId) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
-        event === null || event === void 0 ? void 0 : event.stopPropagation();
+    const handleGoToAppClick = (event, applicationId) => {
+        event?.preventDefault();
+        event?.stopPropagation();
         if (!applicationId) {
             return;
         }
-        var selectedApplication = applications.find(function (a) { return a.applicationId === applicationId; });
+        const selectedApplication = applications.find(a => a.applicationId === applicationId);
         if (!selectedApplication) {
             return;
         }
@@ -192,222 +130,196 @@ var AppSwitcher = function (props) {
      * @param internalName {string | null | undefined } - Internal name of the application.
      * @returns {ReactElement | null } SVG containing the application logo retrieved from the CDN.
      */
-    var renderApplicationLogo = function (internalName, logoVariant) {
+    const renderApplicationLogo = (internalName, logoVariant) => {
         if (!internalName) {
             return _jsx(_Fragment, {});
         }
-        var urlToIcon = "".concat(Constants.AssetsUrl).concat(internalName, "/logo/latest/").concat(logoVariant !== null && logoVariant !== void 0 ? logoVariant : LogoVariants.Default, ".svg");
+        const urlToIcon = `${Constants.AssetsUrl}${internalName}/logo/latest/${logoVariant ?? LogoVariants.Default}.svg`;
         return (_jsx("svg", { children: _jsx("image", { xlinkHref: urlToIcon, width: "60", height: "60" }) }));
     };
     /**
      * Queries the Steam Home API to fetch a list of applications.
      * @returns {Promise<IApplication[]>} A list of applications the user has access to.
      */
-    var getApplicationsForUser = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var decodedToken, response, data;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(token && typeof token === 'string' && token !== window.localStorage.getItem(Constants.LocalStorageKey.Token))) return [3 /*break*/, 3];
-                    if (!userId) {
-                        decodedToken = jwtDecode(token);
-                        userId = decodedToken[Constants.HomeAttributes.UserId];
-                    }
-                    return [4 /*yield*/, fetch("".concat(baseUrl !== null && baseUrl !== void 0 ? baseUrl : Constants.BaseUrl, "/users/").concat(userId, "/application-instances"), {
-                            method: 'get',
-                            headers: new Headers({
-                                Authorization: "Bearer ".concat(token),
-                                'x-api-key': apiKey
+    const getApplicationsForUser = async () => {
+        // If the access token has changed the endpoint should be called again.
+        if (token && typeof token === 'string' && token !== window.localStorage.getItem(Constants.LocalStorageKey.Token)) {
+            if (!userId) {
+                // Extract user identifier from the JWT.
+                const decodedToken = jwtDecode(token);
+                userId = decodedToken[Constants.HomeAttributes.UserId];
+            }
+            const response = await fetch(`${baseUrl ?? Constants.BaseUrl}/users/${userId}/application-instances`, {
+                method: 'get',
+                headers: new Headers({
+                    Authorization: `Bearer ${token}`,
+                    'x-api-key': apiKey
+                })
+            });
+            if (response.status !== 200) {
+                console.error('Unable to retrieve user applications from Stream Home');
+                return [];
+            }
+            const data = await response.json();
+            // Store the latest access token.
+            window.localStorage.setItem(Constants.LocalStorageKey.Token, token);
+            return data.map((application) => {
+                const { applicationId, applicationName, shortName, internalName, customName, url } = application;
+                return {
+                    applicationId,
+                    applicationName,
+                    shortName,
+                    internalName,
+                    customName,
+                    url: url || ''
+                };
+            });
+        }
+        else {
+            return [];
+        }
+    };
+    useEffect(() => {
+        const loadData = async () => {
+            let applicationInstances = [];
+            let userApplications = [];
+            if (!token) {
+                const parsedQueryString = queryString.parse(window.location.search);
+                if (parsedQueryString.token && typeof parsedQueryString.token === 'string') {
+                    token = parsedQueryString.token;
+                }
+                else {
+                    // Check the 'hash'.
+                    const match = window.location.hash.match(/token=(.*)/);
+                    token = (match && match.length === 2 && match[1]) || '';
+                }
+            }
+            if (!props.applications || props.applications.length === 0) {
+                applicationInstances = await getApplicationsForUser();
+            }
+            else {
+                // A hard-coded list of applications has been passed to the component.
+                applicationInstances = props.applications;
+            }
+            if (Array.isArray(applicationInstances) && applicationInstances.length) {
+                // Get a distinct list of applications the user has access to.
+                const uniqueApplicationIds = applicationInstances.map((item) => item.applicationId).filter((value, index, self) => self.indexOf(value) === index);
+                // Iterate over these to build up the userApplications array.
+                uniqueApplicationIds.forEach(applicationId => {
+                    const applications = applicationInstances.filter(instance => instance.applicationId === applicationId);
+                    if (applications.length > 1) {
+                        // This is an application with multiple orgs/tenants the user has access to.
+                        userApplications.push({
+                            applicationId,
+                            applicationName: applications[0].applicationName,
+                            shortName: applications[0].shortName,
+                            customName: applications[0].customName,
+                            internalName: applications[0].internalName,
+                            url: '',
+                            children: applications.map(a => {
+                                return {
+                                    name: a.customName ?? a.applicationName,
+                                    url: a.url
+                                };
                             })
-                        })];
-                case 1:
-                    response = _a.sent();
-                    if (response.status !== 200) {
-                        console.error('Unable to retrieve user applications from Stream Home');
-                        return [2 /*return*/, []];
+                        });
                     }
-                    return [4 /*yield*/, response.json()
-                        // Store the latest access token.
-                    ];
-                case 2:
-                    data = _a.sent();
-                    // Store the latest access token.
-                    window.localStorage.setItem(Constants.LocalStorageKey.Token, token);
-                    return [2 /*return*/, data.map(function (application) {
-                            var applicationId = application.applicationId, applicationName = application.applicationName, shortName = application.shortName, internalName = application.internalName, customName = application.customName, url = application.url;
-                            return {
-                                applicationId: applicationId,
-                                applicationName: applicationName,
-                                shortName: shortName,
-                                internalName: internalName,
-                                customName: customName,
-                                url: url || ''
-                            };
-                        })];
-                case 3: return [2 /*return*/, []];
+                    else {
+                        // This is a standalone application.
+                        userApplications.push({
+                            applicationId: applications[0].applicationId,
+                            applicationName: applications[0].applicationName,
+                            shortName: applications[0].shortName,
+                            customName: applications[0].customName,
+                            internalName: applications[0].internalName,
+                            url: applications[0].url
+                        });
+                    }
+                });
+                // Serialize and cache the applications returned.
+                window.localStorage.setItem(Constants.LocalStorageKey.Applications, JSON.stringify(userApplications));
             }
-        });
-    }); };
-    useEffect(function () {
-        var loadData = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var applicationInstances, userApplications, parsedQueryString, match, uniqueApplicationIds, localApplications;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        applicationInstances = [];
-                        userApplications = [];
-                        if (!token) {
-                            parsedQueryString = queryString.parse(window.location.search);
-                            if (parsedQueryString.token && typeof parsedQueryString.token === 'string') {
-                                token = parsedQueryString.token;
-                            }
-                            else {
-                                match = window.location.hash.match(/token=(.*)/);
-                                token = (match && match.length === 2 && match[1]) || '';
-                            }
-                        }
-                        if (!(!props.applications || props.applications.length === 0)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, getApplicationsForUser()];
-                    case 1:
-                        applicationInstances = _a.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        // A hard-coded list of applications has been passed to the component.
-                        applicationInstances = props.applications;
-                        _a.label = 3;
-                    case 3:
-                        if (Array.isArray(applicationInstances) && applicationInstances.length) {
-                            uniqueApplicationIds = applicationInstances.map(function (item) { return item.applicationId; }).filter(function (value, index, self) { return self.indexOf(value) === index; });
-                            // Iterate over these to build up the userApplications array.
-                            uniqueApplicationIds.forEach(function (applicationId) {
-                                var applications = applicationInstances.filter(function (instance) { return instance.applicationId === applicationId; });
-                                if (applications.length > 1) {
-                                    // This is an application with multiple orgs/tenants the user has access to.
-                                    userApplications.push({
-                                        applicationId: applicationId,
-                                        applicationName: applications[0].applicationName,
-                                        shortName: applications[0].shortName,
-                                        customName: applications[0].customName,
-                                        internalName: applications[0].internalName,
-                                        url: '',
-                                        children: applications.map(function (a) {
-                                            var _a;
-                                            return {
-                                                name: (_a = a.customName) !== null && _a !== void 0 ? _a : a.applicationName,
-                                                url: a.url
-                                            };
-                                        })
-                                    });
-                                }
-                                else {
-                                    // This is a standalone application.
-                                    userApplications.push({
-                                        applicationId: applications[0].applicationId,
-                                        applicationName: applications[0].applicationName,
-                                        shortName: applications[0].shortName,
-                                        customName: applications[0].customName,
-                                        internalName: applications[0].internalName,
-                                        url: applications[0].url
-                                    });
-                                }
-                            });
-                            // Serialize and cache the applications returned.
-                            window.localStorage.setItem(Constants.LocalStorageKey.Applications, JSON.stringify(userApplications));
-                        }
-                        else {
-                            localApplications = window.localStorage.getItem(Constants.LocalStorageKey.Applications);
-                            if (localApplications) {
-                                // Recreate the application state from local storage.
-                                userApplications = JSON.parse(localApplications);
-                            }
-                        }
-                        // Store the user's applications.
-                        setApplications(userApplications);
-                        return [2 /*return*/];
+            else {
+                const localApplications = window.localStorage.getItem(Constants.LocalStorageKey.Applications);
+                if (localApplications) {
+                    // Recreate the application state from local storage.
+                    userApplications = JSON.parse(localApplications);
                 }
-            });
-        }); };
+            }
+            // Store the user's applications.
+            setApplications(userApplications);
+        };
         loadData()
             .catch(console.error);
     }, [token, userId, props.applications]);
-    useEffect(function () {
-        var loadPromotionalCampaigns = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var promotionalCampaigns_1, localPromotionalCampaignsJson, parsedCampaigns, error_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 5, , 6]);
-                        promotionalCampaigns_1 = null;
-                        if (!(props.promotionalCampaigns && props.promotionalCampaigns.length > 0)) return [3 /*break*/, 1];
-                        promotionalCampaigns_1 = props.promotionalCampaigns;
-                        return [3 /*break*/, 4];
-                    case 1:
-                        if (!(token && typeof token === 'string' &&
-                            token !== window.localStorage.getItem(Constants.LocalStorageKey.Token))) return [3 /*break*/, 3];
-                        return [4 /*yield*/, getLatestPromotionalCampaign()];
-                    case 2:
-                        // Fetch from API if token has changed
-                        promotionalCampaigns_1 = _a.sent();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        localPromotionalCampaignsJson = window.localStorage.getItem(Constants.LocalStorageKey.PromotionalCampaigns);
-                        if (localPromotionalCampaignsJson) {
-                            try {
-                                parsedCampaigns = JSON.parse(localPromotionalCampaignsJson);
-                                if (Array.isArray(parsedCampaigns)) {
-                                    promotionalCampaigns_1 = parsedCampaigns;
-                                }
-                            }
-                            catch (error) {
-                                console.error('Error parsing stored campaigns:', error);
+    useEffect(() => {
+        const loadPromotionalCampaigns = async () => {
+            try {
+                let promotionalCampaigns = null;
+                // Use props if available
+                if (props.promotionalCampaigns && props.promotionalCampaigns.length > 0) {
+                    promotionalCampaigns = props.promotionalCampaigns;
+                }
+                else if (token && typeof token === 'string' &&
+                    token !== window.localStorage.getItem(Constants.LocalStorageKey.Token)) {
+                    // Fetch from API if token has changed
+                    promotionalCampaigns = await getLatestPromotionalCampaign();
+                }
+                else {
+                    // Check localStorage
+                    const localPromotionalCampaignsJson = window.localStorage.getItem(Constants.LocalStorageKey.PromotionalCampaigns);
+                    if (localPromotionalCampaignsJson) {
+                        try {
+                            const parsedCampaigns = JSON.parse(localPromotionalCampaignsJson);
+                            if (Array.isArray(parsedCampaigns)) {
+                                promotionalCampaigns = parsedCampaigns;
                             }
                         }
-                        _a.label = 4;
-                    case 4:
-                        // Update state and cache if we have campaigns
-                        if (Array.isArray(promotionalCampaigns_1) && promotionalCampaigns_1.length > 0) {
-                            setPromotionalCampaigns(promotionalCampaigns_1);
-                            setValidCampaignCount(promotionalCampaigns_1.length);
-                            window.localStorage.setItem(Constants.LocalStorageKey.PromotionalCampaigns, JSON.stringify(promotionalCampaigns_1));
-                        }
-                        else {
-                            setPromotionalCampaigns(null);
+                        catch (error) {
+                            console.error('Error parsing stored campaigns:', error);
                         }
-                        return [3 /*break*/, 6];
-                    case 5:
-                        error_2 = _a.sent();
-                        console.error('Error loading promotional campaigns:', error_2);
-                        setPromotionalCampaigns(null);
-                        return [3 /*break*/, 6];
-                    case 6: return [2 /*return*/];
+                    }
                 }
-            });
-        }); };
+                // Update state and cache if we have campaigns
+                if (Array.isArray(promotionalCampaigns) && promotionalCampaigns.length > 0) {
+                    setPromotionalCampaigns(promotionalCampaigns);
+                    setValidCampaignCount(promotionalCampaigns.length);
+                    window.localStorage.setItem(Constants.LocalStorageKey.PromotionalCampaigns, JSON.stringify(promotionalCampaigns));
+                }
+                else {
+                    setPromotionalCampaigns(null);
+                }
+            }
+            catch (error) {
+                console.error('Error loading promotional campaigns:', error);
+                setPromotionalCampaigns(null);
+            }
+        };
         loadPromotionalCampaigns()
             .catch(console.error);
     }, [token, props.promotionalCampaigns]);
-    useEffect(function () {
+    useEffect(() => {
         if (isAppSwitcherOpen) {
             document.addEventListener('mousedown', handleAppSwitcherClose);
         }
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', handleAppSwitcherClose);
         };
     }, [isAppSwitcherOpen]);
-    useEffect(function () { return document.addEventListener('keydown', handleKeyDown); });
-    var handleAppSwitcherClose = function (event) {
-        var appSwitcherButton = document.getElementById(defaultAttributes.VerticalNavigationAppSwitcherToggle);
+    useEffect(() => document.addEventListener('keydown', handleKeyDown));
+    const handleAppSwitcherClose = (event) => {
+        const appSwitcherButton = document.getElementById(defaultAttributes.VerticalNavigationAppSwitcherToggle);
         // Allow the appswitcher button to handle closing instead of closing it here.
-        if (appSwitcherButton === null || appSwitcherButton === void 0 ? void 0 : appSwitcherButton.contains(event.target)) {
+        if (appSwitcherButton?.contains(event.target)) {
             return;
         }
         // Close the dialog when clicking outside the panel.
         handleDialogClose();
     };
-    var handleKeyDown = function (event) {
-        if (isAppSwitcherOpen && event && event.type === 'keydown') {
+    const handleKeyDown = (event) => {
+        if (isAppSwitcherOpen && event && event.type === EVENT_KEYS.Keydown) {
             // Close AppSwitcher if Escape key is pressed
-            if (event.key === 'Escape') {
+            if (event.key === EVENT_KEYS.Escape) {
                 handleDialogClose();
                 // Doesn't return focus but we need to investigate MUI again
                 // so that should handle it
@@ -417,26 +329,23 @@ var AppSwitcher = function (props) {
     if (!props.applications && (!token || !apiKey)) {
         return null;
     }
-    var _k = props.hidePromotionalCampaign, hidePromotionalCampaign = _k === void 0 ? false : _k;
-    return (_jsxs(AppSwitcherPanel, __assign({ id: "app-switcher-menu", style: {
+    const { hidePromotionalCampaign = false } = props;
+    return (_jsxs(AppSwitcherPanel, { id: "app-switcher-menu", style: {
             display: isAppSwitcherOpen ? 'block' : 'none',
             left: isDrawerOpen ? Constants.DrawerWidth.Expanded : Constants.DrawerWidth.Collapsed - 3
-        }, role: 'dialog', "aria-label": "App Switcher", onKeyDown: handleKeyDown, "data-id": dataIds.AppSwitcherContainer, hasPromotionalCampaign: validCampaignCount > 0, onMouseDown: function (event) { return event.stopPropagation(); } }, { children: [activeTab === Constants.Tabs.ListApplications
-                ? (_jsxs("div", { children: [!hidePromotionalCampaign && promotionalCampaigns && promotionalCampaigns.length > 0 && (_jsx("div", __assign({ className: "promotional-campaigns-container" }, { children: promotionalCampaigns.map(function (campaign) { return (_jsx(PromotionalCampaignItem, { imageUrl: campaign.appSwitcherImageUrl, altText: campaign.altText || messages['app-switcher-alt-text'], linkUrl: addUtmParams(campaign.basePromoUrl, document.title || 'app_switcher', 'app_switcher_advert', campaign.name), onImageError: handleCampaignImageError }, campaign.id)); }) }))), _jsxs(AppListHeader, __assign({ "data-id": dataIds.AppSwitcherHeader }, { children: [messages['your-apps'], !props.hideStreamHomeButton &&
-                                    _jsx(StyleHomeButton, __assign({ "aria-label": messages['go-to-hub'], endIcon: _jsx(ChevronRightIcon, {}), onClick: function (e) { var _a; return window.open((_a = props.StreamHomeUrl) !== null && _a !== void 0 ? _a : Constants.DefaultStreamHomeUrl); } }, { children: messages['go-to-hub'] }))] })), _jsx(MenuContent, __assign({ style: {
+        }, role: 'dialog', "aria-label": "App Switcher", onKeyDown: handleKeyDown, "data-id": dataIds.AppSwitcherContainer, hasPromotionalCampaign: validCampaignCount > 0, onMouseDown: (event) => event.stopPropagation(), children: [activeTab === Constants.Tabs.ListApplications
+                ? (_jsxs("div", { children: [!hidePromotionalCampaign && promotionalCampaigns && promotionalCampaigns.length > 0 && (_jsx("div", { className: "promotional-campaigns-container", children: promotionalCampaigns.map((campaign) => (_jsx(PromotionalCampaignItem, { imageUrl: campaign.appSwitcherImageUrl, altText: campaign.altText || messages['app-switcher-alt-text'], linkUrl: addUtmParams(campaign.basePromoUrl, document.title || 'app_switcher', 'app_switcher_advert', campaign.name), onImageError: handleCampaignImageError }, campaign.id))) })), _jsxs(AppListHeader, { "data-id": dataIds.AppSwitcherHeader, children: [messages['your-apps'], !props.hideStreamHomeButton &&
+                                    _jsx(StyleHomeButton, { "aria-label": messages['go-to-hub'], endIcon: _jsx(ChevronRightIcon, {}), onClick: e => window.open(props.StreamHomeUrl ?? Constants.DefaultStreamHomeUrl), children: messages['go-to-hub'] })] }), _jsx(MenuContent, { style: {
                                 display: activeTab === 1 ? 'flex' : 'none'
-                            }, "data-id": dataIds.AppSwitcherList }, { children: applications.map(function (_a) {
-                                var applicationId = _a.applicationId, applicationName = _a.applicationName, shortName = _a.shortName, customName = _a.customName, internalName = _a.internalName, url = _a.url, children = _a.children;
-                                return (_jsxs(AppListItem, __assign({ "data-id": dataIds.AppSwitcherItem }, { children: [url && (_jsx(AppSwitcherItem, { internalName: internalName, shortName: shortName, customName: customName, url: url, handleGoToAppClick: handleGoToAppClick })), !url && (_jsx(AppSwitcherItem, { internalName: internalName, shortName: shortName, customName: customName, handleGoToAppClick: handleGoToAppClick, applicationId: applicationId })), children && (_jsx(AppOrganisationCount, __assign({ "data-id": dataIds.AppSwitcherOrgCount }, { children: children.length })))] }), applicationId));
-                            }) }))] }))
+                            }, "data-id": dataIds.AppSwitcherList, children: applications.map(({ applicationId, applicationName, shortName, customName, internalName, url, children }) => (_jsxs(AppListItem, { "data-id": dataIds.AppSwitcherItem, children: [url && (_jsx(AppSwitcherItem, { internalName: internalName, shortName: shortName, customName: customName, url: url, handleGoToAppClick: handleGoToAppClick })), !url && (_jsx(AppSwitcherItem, { internalName: internalName, shortName: shortName, customName: customName, handleGoToAppClick: handleGoToAppClick, applicationId: applicationId })), children && (_jsx(AppOrganisationCount, { "data-id": dataIds.AppSwitcherOrgCount, children: children.length }))] }, applicationId))) })] }))
                 : null, activeTab === Constants.Tabs.ListOrgs
-                ? (_jsxs(SearchContent, __assign({ style: {
+                ? (_jsxs(SearchContent, { style: {
                         display: activeTab === 2 ? 'flex' : 'none'
-                    }, "data-id": dataIds.AppSwitcherOrgPanel }, { children: [_jsxs(BackButton, __assign({ onClick: function () {
+                    }, "data-id": dataIds.AppSwitcherOrgPanel, children: [_jsxs(BackButton, { onClick: () => {
                                 setActiveTab(Constants.Tabs.ListApplications);
                                 setSearchString('');
-                            }, "data-id": dataIds.AppSwitcherOrgBackButton }, { children: [_jsx(StyledSVG, __assign({ className: "MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "ChevronLeftIcon" }, { children: _jsx("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) })), messages['back-to']] })), _jsxs(SelectedOrganisation, __assign({ "data-id": dataIds.AppSwitcherOrgHeader }, { children: [renderApplicationLogo(activeApplication === null || activeApplication === void 0 ? void 0 : activeApplication.internalName, LogoVariants.Solid), _jsx("span", { children: activeApplication ? activeApplication.applicationName : '' })] })), _jsx(SearchBox, { id: "app-switcher-search-org", type: 'text', value: searchString, onChange: handleSearchChange, placeholder: messages.search, "data-id": dataIds.AppSwitcherOrgSearch }), _jsx(OrganisationList, __assign({ "data-id": dataIds.AppSwitcherOrgList }, { children: filteredOrgs === null || filteredOrgs === void 0 ? void 0 : filteredOrgs.filter(function (o) { return o.name.toLowerCase().includes(searchString.toLowerCase()); }).map(function (org, i) { return (_jsxs(OrganisationLink, __assign({ href: org.url, target: "_blank", "data-id": dataIds.AppSwitcherOrgItem }, { children: [org.name, _jsx(StyledSVG, __assign({ className: "MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "ChevronRightIcon" }, { children: _jsx("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }))] }), i)); }) }))] })))
-                : null] })));
+                            }, "data-id": dataIds.AppSwitcherOrgBackButton, children: [_jsx(StyledSVG, { className: "MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "ChevronLeftIcon", children: _jsx("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }), messages['back-to']] }), _jsxs(SelectedOrganisation, { "data-id": dataIds.AppSwitcherOrgHeader, children: [renderApplicationLogo(activeApplication?.internalName, LogoVariants.Solid), _jsx("span", { children: activeApplication ? activeApplication.applicationName : '' })] }), _jsx(SearchBox, { id: "app-switcher-search-org", type: 'text', value: searchString, onChange: handleSearchChange, placeholder: messages.search, "data-id": dataIds.AppSwitcherOrgSearch }), _jsx(OrganisationList, { "data-id": dataIds.AppSwitcherOrgList, children: filteredOrgs?.filter(o => o.name.toLowerCase().includes(searchString.toLowerCase())).map((org, i) => (_jsxs(OrganisationLink, { href: org.url, target: "_blank", "data-id": dataIds.AppSwitcherOrgItem, children: [org.name, _jsx(StyledSVG, { className: "MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "ChevronRightIcon", children: _jsx("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) })] }, i))) })] }))
+                : null] }));
 };
 AppSwitcher.propTypes = {
     token: PropTypes.string,