snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/dynamic-branding/functions.any.ts

@@ -0,0 +1,93 @@
+import { IReduxState } from '../app/types';
+import { IStateful } from '../base/app/types';
+import { toState } from '../base/redux/functions';
+
+import { cleanSvg } from './functions';
+import logger from './logger';
+
+/**
+ * Extracts the fqn part from a path, where fqn represents
+ * tenant/roomName.
+ *
+ * @param {Object} state - A redux state.
+ * @returns {string}
+ */
+export function extractFqnFromPath(state?: IReduxState) {
+    let pathname;
+
+    if (window.location.pathname) {
+        pathname = window.location.pathname;
+    } else if (state?.['features/base/connection']) {
+        pathname = state['features/base/connection'].locationURL?.pathname ?? '';
+    } else {
+        return '';
+    }
+
+    const parts = pathname.split('/');
+    const len = parts.length;
+
+    return parts.length > 2 ? `${parts[len - 2]}/${parts[len - 1]}` : parts[1];
+}
+
+/**
+ * Returns the url used for fetching dynamic branding.
+ *
+ * @param {Object | Function} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {string}
+ */
+export async function getDynamicBrandingUrl(stateful: IStateful) {
+    const state = toState(stateful);
+
+    const config = state['features/base/config'];
+    const { dynamicBrandingUrl } = config;
+
+    if (dynamicBrandingUrl) {
+        return dynamicBrandingUrl;
+    }
+
+    const { brandingDataUrl: baseUrl } = config;
+    const fqn = extractFqnFromPath(state);
+
+    if (baseUrl && fqn) {
+        return `${baseUrl}?conferenceFqn=${encodeURIComponent(fqn)}`;
+    }
+}
+
+/**
+ * Selector used for getting the load state of the dynamic branding data.
+ *
+ * @param {Object} state - Global state of the app.
+ * @returns {boolean}
+ */
+export function isDynamicBrandingDataLoaded(state: IReduxState) {
+    return state['features/dynamic-branding'].customizationReady;
+}
+
+/**
+ * Fetch SVG XMLs from branding icons urls.
+ *
+ * @param {Object} customIcons - The map of branded icons.
+ * @returns {Object}
+ */
+export const fetchCustomIcons = async (customIcons: Record<string, string>) => {
+    const localCustomIcons: Record<string, string> = {};
+
+    for (const [ key, url ] of Object.entries(customIcons)) {
+        try {
+            const response = await fetch(url);
+
+            if (response.ok) {
+                const svgXml = await response.text();
+
+                localCustomIcons[key] = cleanSvg(svgXml);
+            } else {
+                logger.error(`Failed to fetch ${url}. Status: ${response.status}`);
+            }
+        } catch (error) {
+            logger.error(`Error fetching ${url}:`, error);
+        }
+    }
+
+    return localCustomIcons;
+};