@openedx/frontend-base 1.0.0-alpha.6 → 1.0.0-alpha.7

package/runtime/react/hooks.test.jsx

@@ -1,104 +0,0 @@
-import { act, renderHook } from '@testing-library/react';
-import siteConfig from 'site.config';
-import { EnvironmentTypes } from '../../types';
-import { sendTrackEvent } from '../analytics';
-import { setAuthenticatedUser } from '../auth';
-import { initializeMockApp } from '../testing';
-import SiteProvider from './SiteProvider';
-import { useAuthenticatedUser, useSiteConfig, useTrackColorSchemeChoice } from './hooks';
-
-jest.mock('../analytics');
-
-const mockAddEventListener = jest.fn();
-const mockRemoveEventListener = jest.fn();
-let matchesMock;
-
-Object.defineProperty(window, 'matchMedia', {
-  value: jest.fn(() => ({
-    addEventListener: mockAddEventListener,
-    removeEventListener: mockRemoveEventListener,
-    matches: matchesMock,
-  })),
-});
-
-describe('useTrackColorSchemeChoice hook', () => {
-  afterEach(() => {
-    mockAddEventListener.mockClear();
-    mockRemoveEventListener.mockClear();
-    sendTrackEvent.mockClear();
-  });
-
-  it('sends dark preferred color schema event if query matches', async () => {
-    matchesMock = true;
-    renderHook(() => useTrackColorSchemeChoice());
-
-    expect(sendTrackEvent).toHaveBeenCalledTimes(1);
-    expect(sendTrackEvent).toHaveBeenCalledWith(
-      'openedx.ui.frontend-base.prefers-color-scheme.selected',
-      { preferredColorScheme: 'dark' },
-    );
-  });
-
-  it('sends light preferred color schema event if query does not match', async () => {
-    matchesMock = false;
-    renderHook(() => useTrackColorSchemeChoice());
-
-    expect(sendTrackEvent).toHaveBeenCalledTimes(1);
-    expect(sendTrackEvent).toHaveBeenCalledWith(
-      'openedx.ui.frontend-base.prefers-color-scheme.selected',
-      { preferredColorScheme: 'light' },
-    );
-  });
-
-  it('adds change event listener to matchMedia query', async () => {
-    renderHook(() => useTrackColorSchemeChoice());
-
-    expect(mockAddEventListener).toHaveBeenCalledTimes(1);
-    expect(mockAddEventListener).toHaveBeenCalledWith('change', expect.any(Function));
-  });
-});
-
-describe('useAuthenticatedUser', () => {
-  it('returns null when the user is anonymous', () => {
-    const { result } = renderHook(() => useAuthenticatedUser());
-    expect(result.current).toBeNull();
-  });
-
-  describe('with a user', () => {
-    const user = {
-      administrator: true,
-      email: 'admin@example.com',
-      name: 'Admin',
-      roles: ['admin'],
-      userId: 1,
-      username: 'admin-user',
-      avatar: 'http://localhost/admin.png',
-    };
-
-    beforeEach(() => {
-      initializeMockApp({
-        authenticatedUser: user,
-      });
-    });
-
-    afterEach(() => {
-      act(() => {
-        setAuthenticatedUser(null);
-      });
-    });
-
-    it('returns a User when the user exists', () => {
-      const { result } = renderHook(() => useAuthenticatedUser(), { wrapper: SiteProvider });
-      expect(result.current).toBe(user);
-    });
-  });
-});
-
-describe('useSiteConfig', () => {
-  it('returns the site config', () => {
-    const { result } = renderHook(() => useSiteConfig());
-    expect(result.current).toHaveProperty('apps', siteConfig.apps);
-    expect(result.current).toHaveProperty('environment', EnvironmentTypes.TEST);
-    expect(result.current).toHaveProperty('baseUrl', 'http://localhost:8080');
-  });
-});

package/runtime/react/hooks.ts

@@ -1,106 +0,0 @@
-import { useCallback, useContext, useEffect, useState } from 'react';
-import { useMatches } from 'react-router';
-
-import { sendTrackEvent } from '../analytics';
-import { getActiveRoles, setActiveRouteRoles } from '../config';
-import { ACTIVE_ROLES_CHANGED } from '../constants';
-import { isRoleRouteObject } from '../routing';
-import { subscribe, unsubscribe } from '../subscriptions';
-
-import SiteContext from './SiteContext';
-import CurrentAppContext from './CurrentAppContext';
-
-/**
- * A React hook that allows functional components to subscribe to application events.  This should
- * be used sparingly - for the most part, Context should be used higher-up in the application to
- * provide necessary data to a given component, rather than utilizing a non-React-like Pub/Sub
- * mechanism.
- *
- * @memberof module:React
- * @param {string} type
- * @param {function} callback
- */
-export const useSiteEvent = (type, callback) => {
-  useEffect(() => {
-    subscribe(type, callback);
-
-    return () => {
-      unsubscribe(type, callback);
-    };
-  }, [callback, type]);
-};
-
-/**
- * A React hook that tracks user's preferred color scheme (light or dark) and sends respective
- * event to the tracking service.
- *
- * @memberof module:React
- */
-export const useTrackColorSchemeChoice = () => {
-  useEffect(() => {
-    const trackColorSchemeChoice = ({ matches }) => {
-      const preferredColorScheme = matches ? 'dark' : 'light';
-      sendTrackEvent('openedx.ui.frontend-base.prefers-color-scheme.selected', { preferredColorScheme });
-    };
-    const colorSchemeQuery = window.matchMedia?.('(prefers-color-scheme: dark)');
-    if (colorSchemeQuery) {
-      // send user's initial choice
-      trackColorSchemeChoice(colorSchemeQuery);
-      colorSchemeQuery.addEventListener('change', trackColorSchemeChoice);
-    }
-    return () => {
-      if (colorSchemeQuery) {
-        colorSchemeQuery.removeEventListener('change', trackColorSchemeChoice);
-      }
-    };
-  }, []);
-};
-
-export function useAuthenticatedUser() {
-  const { authenticatedUser } = useContext(SiteContext);
-  return authenticatedUser;
-}
-
-export function useSiteConfig() {
-  const { siteConfig } = useContext(SiteContext);
-  return siteConfig;
-}
-
-export function useAppConfig() {
-  const { appConfig } = useContext(CurrentAppContext);
-  return appConfig;
-}
-
-export function useActiveRouteRoleWatcher() {
-  const matches = useMatches();
-
-  // We create this callback so we can use it right away to populate the default state value.
-  const findActiveRouteRoles = useCallback(() => {
-    // Starts with the widget roles and adds the others in.
-    const roles: string[] = [];
-
-    // Route roles
-    for (const match of matches) {
-      if (isRoleRouteObject(match)) {
-        if (!roles.includes(match.handle.role)) {
-          roles.push(match.handle.role);
-        }
-      }
-    }
-
-    return roles;
-  }, [matches]);
-
-  useEffect(() => {
-    setActiveRouteRoles(findActiveRouteRoles());
-  }, [matches, findActiveRouteRoles]);
-}
-
-export function useActiveRoles() {
-  const [roles, setRoles] = useState<string[]>(getActiveRoles());
-  useSiteEvent(ACTIVE_ROLES_CHANGED, () => {
-    setRoles(getActiveRoles());
-  });
-
-  return roles;
-}

package/tools/dist/webpack/plugins/paragon-webpack-plugin/ParagonWebpackPlugin.js

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_1 = require("webpack");
-const paragonUtils_1 = require("../../utils/paragonUtils");
-const utils_1 = require("./utils");
-// Get Paragon and brand versions / CSS files from disk.
-const paragonVersion = (0, paragonUtils_1.getParagonVersion)(process.cwd());
-const paragonThemeCss = (0, paragonUtils_1.getParagonThemeCss)(process.cwd());
-const brandVersion = (0, paragonUtils_1.getParagonVersion)(process.cwd(), { isBrandOverride: true });
-const brandThemeCss = (0, paragonUtils_1.getParagonThemeCss)(process.cwd(), { isBrandOverride: true });
-/**
- * 1. Injects `PARAGON_THEME` global variable into the HTML document during the Webpack compilation process.
- * 2. Injects `<link rel="preload" as="style">` element(s) for the Paragon and brand CSS into the HTML document.
- */
-class ParagonWebpackPlugin {
-    pluginName;
-    paragonThemeUrlsConfig;
-    processAssetsHandlers;
-    paragonMetadata;
-    constructor({ processAssetsHandlers = [] } = {}) {
-        this.pluginName = 'ParagonWebpackPlugin';
-        this.paragonThemeUrlsConfig = {};
-        this.paragonMetadata = {};
-        // List of handlers to be executed after processing assets during the Webpack compilation.
-        this.processAssetsHandlers = [
-            this.resolveParagonThemeUrlsFromConfig,
-            this.injectParagonMetadataIntoDocument,
-            this.injectParagonStylesheetsIntoDocument,
-            ...processAssetsHandlers,
-        ].map(handler => handler.bind(this));
-    }
-    /**
-     * Resolves the MFE configuration from ``PARAGON_THEME_URLS`` in the environment variables. `
-     *
-     * @returns {Object} Metadata about the Paragon and brand theme URLs from configuration.
-     */
-    async resolveParagonThemeUrlsFromConfig() {
-        try {
-            this.paragonThemeUrlsConfig = JSON.parse(process.env.PARAGON_THEME_URLS ?? '{}');
-        }
-        catch (error) {
-            console.info('Paragon Plugin cannot load PARAGON_THEME_URLS env variable, skipping.');
-        }
-    }
-    /**
-     * Generates `PARAGON_THEME` global variable in HTML document.
-     * @param {Object} compilation Webpack compilation object.
-     */
-    injectParagonMetadataIntoDocument(compilation) {
-        const paragonMetadata = (0, utils_1.injectMetadataIntoDocument)(compilation, {
-            paragonThemeCss,
-            paragonVersion,
-            brandThemeCss,
-            brandVersion,
-        });
-        if (paragonMetadata) {
-            this.paragonMetadata = paragonMetadata;
-        }
-    }
-    injectParagonStylesheetsIntoDocument(compilation) {
-        const file = compilation.getAsset('index.html');
-        // If the `index.html` hasn't loaded yet, or there are no Paragon theme URLs, then there is nothing to do yet.
-        if (!file || Object.keys(this.paragonThemeUrlsConfig || {}).length === 0) {
-            return;
-        }
-        // Generates `<link rel="preload" as="style">` element(s) for the Paragon and brand CSS files.
-        const paragonStylesheetUrls = (0, utils_1.getParagonStylesheetUrls)({
-            paragonThemeUrls: this.paragonThemeUrlsConfig,
-            paragonVersion,
-            brandVersion,
-        });
-        const { core: paragonCoreCss, variants: paragonThemeVariantCss, } = paragonStylesheetUrls;
-        // We do not expect to have a Buffer here, ever.
-        const originalSource = file.source.source();
-        // Inject core CSS
-        let newSource = (0, utils_1.injectParagonCoreStylesheets)({
-            source: originalSource,
-            paragonCoreCss,
-            paragonThemeCss,
-            brandThemeCss,
-        });
-        // Inject theme variant CSS
-        newSource = (0, utils_1.injectParagonThemeVariantStylesheets)({
-            // @ts-expect-error newSource is possibly undefined here.
-            source: newSource.source(),
-            paragonThemeVariantCss,
-            paragonThemeCss,
-            brandThemeCss,
-        });
-        // @ts-expect-error newSource is possibly undefined here.
-        compilation.updateAsset('index.html', new webpack_1.sources.RawSource(newSource.source()));
-    }
-    apply(compiler) {
-        compiler.hooks.thisCompilation.tap(this.pluginName, (compilation) => {
-            compilation.hooks.processAssets.tap({
-                name: this.pluginName,
-                stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
-                additionalAssets: true,
-            }, () => {
-                // Iterate through each configured handler, passing the compilation to each.
-                this.processAssetsHandlers.forEach(async (handler) => {
-                    await handler(compilation);
-                });
-            });
-        });
-    }
-}
-exports.default = ParagonWebpackPlugin;

package/tools/dist/webpack/plugins/paragon-webpack-plugin/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const ParagonWebpackPlugin_1 = __importDefault(require("./ParagonWebpackPlugin"));
-exports.default = ParagonWebpackPlugin_1.default;

package/tools/dist/webpack/plugins/paragon-webpack-plugin/utils/assetUtils.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findCoreCssAsset = findCoreCssAsset;
-exports.findThemeVariantCssAssets = findThemeVariantCssAssets;
-exports.getCssAssetsFromCompilation = getCssAssetsFromCompilation;
-/**
- * Finds the core CSS asset from the given array of Paragon assets.
- *
- * @param {Array} paragonAssets - An array of Paragon assets.
- * @return {Object|undefined} The core CSS asset, or undefined if not found.
- */
-function findCoreCssAsset(paragonAssets) {
-    return paragonAssets?.find((asset) => asset.name.includes('core') && asset.name.endsWith('.css'));
-}
-/**
- * Finds the theme variant CSS assets from the given Paragon assets based on the provided options.
- *
- * @param {Array} paragonAssets - An array of Paragon assets.
- * @param {Object} options - The options for finding the theme variant CSS assets.
- * @param {boolean} [options.isBrandOverride=false] - Indicates if the theme variant is a brand override.
- * @param {Object} [options.brandThemeCss] - The brand theme CSS object.
- * @param {Object} [options.paragonThemeCss] - The Paragon theme CSS object.
- * @return {Object} - The theme variant CSS assets.
- */
-function findThemeVariantCssAssets(paragonAssets, { isBrandOverride = false, brandThemeCss, paragonThemeCss, }) {
-    const themeVariantsSource = isBrandOverride ? brandThemeCss?.variants : paragonThemeCss?.variants;
-    const themeVariantCssAssets = {};
-    Object.entries(themeVariantsSource || {}).forEach(([themeVariant, value]) => {
-        const foundThemeVariantAsset = paragonAssets.find((asset) => asset.name.includes(value.outputChunkName));
-        if (!foundThemeVariantAsset) {
-            return;
-        }
-        themeVariantCssAssets[themeVariant] = {
-            fileName: foundThemeVariantAsset.name,
-        };
-    });
-    return themeVariantCssAssets;
-}
-/**
- * Retrieves the CSS assets from the compilation based on the provided options.
- *
- * @param {Object} compilation - The compilation object.
- * @param {Object} options - The options for retrieving the CSS assets.
- * @param {boolean} [options.isBrandOverride=false] - Indicates if the assets are for a brand override.
- * @param {Object} [options.brandThemeCss] - The brand theme CSS object.
- * @param {Object} [options.paragonThemeCss] - The Paragon theme CSS object.
- * @return {Object} - The CSS assets, including the core CSS asset and theme variant CSS assets.
- */
-function getCssAssetsFromCompilation(compilation, { isBrandOverride = false, brandThemeCss, paragonThemeCss, }) {
-    const assetSubstring = isBrandOverride ? 'brand' : 'paragon';
-    const paragonAssets = compilation.getAssets().filter(asset => asset.name.includes(assetSubstring) && asset.name.endsWith('.css'));
-    const coreCssAsset = findCoreCssAsset(paragonAssets);
-    const themeVariantCssAssets = findThemeVariantCssAssets(paragonAssets, {
-        isBrandOverride,
-        paragonThemeCss,
-        brandThemeCss,
-    });
-    return {
-        coreCssAsset: {
-            fileName: coreCssAsset?.name,
-        },
-        themeVariantCssAssets,
-    };
-}

package/tools/dist/webpack/plugins/paragon-webpack-plugin/utils/htmlUtils.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.injectMetadataIntoDocument = injectMetadataIntoDocument;
-const webpack_1 = require("webpack");
-const assetUtils_1 = require("./assetUtils");
-const scriptUtils_1 = require("./scriptUtils");
-/**
- * Injects metadata into the HTML document by modifying the 'index.html' asset in the compilation.
- *
- * @param {Object} compilation - The Webpack compilation object.
- * @param {Object} options - The options object.
- * @param {Object} options.paragonThemeCss - The Paragon theme CSS object.
- * @param {string} options.paragonVersion - The version of the Paragon theme.
- * @param {Object} options.brandThemeCss - The brand theme CSS object.
- * @param {string} options.brandVersion - The version of the brand theme.
- * @return {Object|undefined} The script contents object if the 'index.html' asset exists, otherwise undefined.
- */
-function injectMetadataIntoDocument(compilation, { paragonThemeCss, paragonVersion, brandThemeCss, brandVersion, }) {
-    const file = compilation.getAsset('index.html');
-    if (!file) {
-        return undefined;
-    }
-    const { coreCssAsset: paragonCoreCssAsset, themeVariantCssAssets: paragonThemeVariantCssAssets, } = (0, assetUtils_1.getCssAssetsFromCompilation)(compilation, {
-        brandThemeCss,
-        paragonThemeCss,
-    });
-    const { coreCssAsset: brandCoreCssAsset, themeVariantCssAssets: brandThemeVariantCssAssets, } = (0, assetUtils_1.getCssAssetsFromCompilation)(compilation, {
-        isBrandOverride: true,
-        brandThemeCss,
-        paragonThemeCss,
-    });
-    const scriptContents = (0, scriptUtils_1.generateScriptContents)({
-        paragonCoreCssAsset,
-        paragonThemeVariantCssAssets,
-        brandCoreCssAsset,
-        brandThemeVariantCssAssets,
-        paragonThemeCss,
-        paragonVersion,
-        brandThemeCss,
-        brandVersion,
-    });
-    // We expect this to be a string at all times.
-    const originalSource = file.source.source();
-    const newSource = (0, scriptUtils_1.insertScriptContentsIntoDocument)({
-        originalSource,
-        // @ts-expect-error This parameter doesn't exist in the function.
-        coreCssAsset: paragonCoreCssAsset,
-        themeVariantCssAssets: paragonThemeVariantCssAssets,
-        scriptContents,
-    });
-    compilation.updateAsset('index.html', new webpack_1.sources.RawSource(newSource.source()));
-    return scriptContents;
-}

package/tools/dist/webpack/plugins/paragon-webpack-plugin/utils/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.injectParagonThemeVariantStylesheets = exports.injectParagonCoreStylesheets = exports.getParagonStylesheetUrls = exports.injectMetadataIntoDocument = void 0;
-var htmlUtils_1 = require("./htmlUtils");
-Object.defineProperty(exports, "injectMetadataIntoDocument", { enumerable: true, get: function () { return htmlUtils_1.injectMetadataIntoDocument; } });
-var paragonStylesheetUtils_1 = require("./paragonStylesheetUtils");
-Object.defineProperty(exports, "getParagonStylesheetUrls", { enumerable: true, get: function () { return paragonStylesheetUtils_1.getParagonStylesheetUrls; } });
-Object.defineProperty(exports, "injectParagonCoreStylesheets", { enumerable: true, get: function () { return paragonStylesheetUtils_1.injectParagonCoreStylesheets; } });
-Object.defineProperty(exports, "injectParagonThemeVariantStylesheets", { enumerable: true, get: function () { return paragonStylesheetUtils_1.injectParagonThemeVariantStylesheets; } });

package/tools/dist/webpack/plugins/paragon-webpack-plugin/utils/paragonStylesheetUtils.js

@@ -1,114 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.injectParagonCoreStylesheets = injectParagonCoreStylesheets;
-exports.injectParagonThemeVariantStylesheets = injectParagonThemeVariantStylesheets;
-exports.getParagonStylesheetUrls = getParagonStylesheetUrls;
-const stylesheetUtils_1 = require("./stylesheetUtils");
-const tagUtils_1 = require("./tagUtils");
-/**
- * Injects Paragon core stylesheets into the document.
- *
- * @param {Object} options - The options object.
- * @param {string|object} options.source - The source HTML document.
- * @param {Object} options.paragonCoreCss - The Paragon core CSS object.
- * @param {Object} options.paragonThemeCss - The Paragon theme CSS object.
- * @param {Object} options.brandThemeCss - The brand theme CSS object.
- * @return {string|object} The modified HTML document with Paragon core stylesheets injected.
- */
-function injectParagonCoreStylesheets({ source, paragonCoreCss, paragonThemeCss, brandThemeCss, }) {
-    return (0, stylesheetUtils_1.insertStylesheetsIntoDocument)({
-        source,
-        urls: paragonCoreCss.urls,
-        // @ts-expect-error These two parameters don't exist on insertStylesheetsIntoDocument
-        paragonThemeCss,
-        brandThemeCss,
-    });
-}
-/**
- * Injects Paragon theme variant stylesheets into the document.
- *
- * @param {Object} options - The options object.
- * @param {string|object} options.source - The source HTML document.
- * @param {Object} options.paragonThemeVariantCss - The Paragon theme variant CSS object.
- * @param {Object} options.paragonThemeCss - The Paragon theme CSS object.
- * @param {Object} options.brandThemeCss - The brand theme CSS object.
- * @return {string|object} The modified HTML document with Paragon theme variant stylesheets injected.
- */
-function injectParagonThemeVariantStylesheets({ source, paragonThemeVariantCss, paragonThemeCss, brandThemeCss, }) {
-    let newSource = source;
-    Object.values(paragonThemeVariantCss).forEach(({ urls }) => {
-        newSource = (0, stylesheetUtils_1.insertStylesheetsIntoDocument)({
-            source: (typeof newSource === 'object' ? newSource.source() : newSource),
-            urls,
-            // @ts-expect-error These two parameters don't exist on insertStylesheetsIntoDocument
-            paragonThemeCss,
-            brandThemeCss,
-        });
-    });
-    return newSource;
-}
-/**
- * Retrieves the URLs of the Paragon stylesheets based on the provided theme URLs, Paragon version, and brand version.
- *
- * @param {Object} options - The options object.
- * @param {Object} options.paragonThemeUrls - The URLs of the Paragon theme.
- * @param {string} options.paragonVersion - The version of the Paragon theme.
- * @param {string} options.brandVersion - The version of the brand theme.
- * @return {Object} An object containing the URLs of the Paragon stylesheets.
- */
-function getParagonStylesheetUrls({ paragonThemeUrls, paragonVersion, brandVersion }) {
-    const paragonCoreCssUrl = 'urls' in paragonThemeUrls.core && paragonThemeUrls.core.urls !== undefined ? paragonThemeUrls.core.urls.default : paragonThemeUrls.core.url;
-    const brandCoreCssUrl = 'urls' in paragonThemeUrls.core && paragonThemeUrls.core.urls !== undefined ? paragonThemeUrls.core.urls.brandOverride : undefined;
-    const defaultThemeVariants = paragonThemeUrls.defaults || {};
-    const coreCss = {
-        urls: {
-            default: (0, tagUtils_1.handleVersionSubstitution)({
-                url: paragonCoreCssUrl,
-                wildcardKeyword: '$paragonVersion',
-                localVersion: paragonVersion
-            }),
-            brandOverride: (0, tagUtils_1.handleVersionSubstitution)({
-                url: brandCoreCssUrl,
-                wildcardKeyword: '$brandVersion',
-                localVersion: brandVersion
-            }),
-        },
-    };
-    const themeVariantsCss = {};
-    const themeVariantsEntries = Object.entries(paragonThemeUrls.variants || {});
-    themeVariantsEntries.forEach(([themeVariant, { url, urls }]) => {
-        const themeVariantMetadata = { urls: {} };
-        if (url) {
-            themeVariantMetadata.urls = {
-                default: (0, tagUtils_1.handleVersionSubstitution)({
-                    url,
-                    wildcardKeyword: '$paragonVersion',
-                    localVersion: paragonVersion,
-                }),
-                // If there is no brand override URL, then we don't need to do any version substitution
-                // but we still need to return the property.
-                brandOverride: undefined,
-            };
-        }
-        else if (urls) {
-            themeVariantMetadata.urls = {
-                default: (0, tagUtils_1.handleVersionSubstitution)({
-                    url: urls.default,
-                    wildcardKeyword: '$paragonVersion',
-                    localVersion: paragonVersion,
-                }),
-                brandOverride: (0, tagUtils_1.handleVersionSubstitution)({
-                    url: urls.brandOverride,
-                    wildcardKeyword: '$brandVersion',
-                    localVersion: brandVersion,
-                }),
-            };
-        }
-        themeVariantsCss[themeVariant] = themeVariantMetadata;
-    });
-    return {
-        core: coreCss,
-        variants: themeVariantsCss,
-        defaults: defaultThemeVariants,
-    };
-}