@openedx/frontend-base 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/runtime/react/hooks/useSiteEvent.js

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import { subscribe, unsubscribe } from '../../subscriptions';
+/**
+ * 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
+ */
+const useSiteEvent = (type, callback) => {
+    useEffect(() => {
+        subscribe(type, callback);
+        return () => {
+            unsubscribe(type, callback);
+        };
+    }, [callback, type]);
+};
+export default useSiteEvent;
+//# sourceMappingURL=useSiteEvent.js.map

package/dist/runtime/react/hooks/useSiteEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSiteEvent.js","sourceRoot":"","sources":["../../../../runtime/react/hooks/useSiteEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE7D;;;;;;;;;GASG;AACH,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAE1B,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;AACvB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { subscribe, unsubscribe } from '../../subscriptions';\n\n/**\n * A React hook that allows functional components to subscribe to application events.  This should\n * be used sparingly - for the most part, Context should be used higher-up in the application to\n * provide necessary data to a given component, rather than utilizing a non-React-like Pub/Sub\n * mechanism.\n *\n * @memberof module:React\n * @param {string} type\n * @param {function} callback\n */\nconst useSiteEvent = (type, callback) => {\n  useEffect(() => {\n    subscribe(type, callback);\n\n    return () => {\n      unsubscribe(type, callback);\n    };\n  }, [callback, type]);\n};\n\nexport default useSiteEvent;\n"]}

package/{runtime/react/index.ts → dist/runtime/react/index.d.ts}

@@ -5,7 +5,6 @@
  *
  * @module React
  */
-
 export { default as CurrentAppContext } from './CurrentAppContext';
 export { default as CurrentAppProvider } from './CurrentAppProvider';
 export { default as SiteContext } from './SiteContext';
@@ -14,6 +13,7 @@ export { default as AuthenticatedPageRoute } from './AuthenticatedPageRoute';
 export { default as Divider } from './Divider';
 export { default as ErrorBoundary } from './ErrorBoundary';
 export { default as ErrorPage } from './ErrorPage';
+export { default as NotFoundPage } from './NotFoundPage';
 export { useSiteEvent, useAuthenticatedUser, useSiteConfig, useAppConfig } from './hooks';
 export { default as LoginRedirect } from './LoginRedirect';
 export { default as PageWrap } from './PageWrap';

package/dist/runtime/react/index.js

@@ -0,0 +1,20 @@
+/**
+ * #### Import members from **@openedx/frontend-base** React
+ * The React module provides a variety of React components, hooks, and contexts for use in an
+ * application.
+ *
+ * @module React
+ */
+export { default as CurrentAppContext } from './CurrentAppContext';
+export { default as CurrentAppProvider } from './CurrentAppProvider';
+export { default as SiteContext } from './SiteContext';
+export { default as SiteProvider } from './SiteProvider';
+export { default as AuthenticatedPageRoute } from './AuthenticatedPageRoute';
+export { default as Divider } from './Divider';
+export { default as ErrorBoundary } from './ErrorBoundary';
+export { default as ErrorPage } from './ErrorPage';
+export { default as NotFoundPage } from './NotFoundPage';
+export { useSiteEvent, useAuthenticatedUser, useSiteConfig, useAppConfig } from './hooks';
+export { default as LoginRedirect } from './LoginRedirect';
+export { default as PageWrap } from './PageWrap';
+//# sourceMappingURL=index.js.map

package/dist/runtime/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../runtime/react/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["/**\n * #### Import members from **@openedx/frontend-base** React\n * The React module provides a variety of React components, hooks, and contexts for use in an\n * application.\n *\n * @module React\n */\n\nexport { default as CurrentAppContext } from './CurrentAppContext';\nexport { default as CurrentAppProvider } from './CurrentAppProvider';\nexport { default as SiteContext } from './SiteContext';\nexport { default as SiteProvider } from './SiteProvider';\nexport { default as AuthenticatedPageRoute } from './AuthenticatedPageRoute';\nexport { default as Divider } from './Divider';\nexport { default as ErrorBoundary } from './ErrorBoundary';\nexport { default as ErrorPage } from './ErrorPage';\nexport { default as NotFoundPage } from './NotFoundPage';\nexport { useSiteEvent, useAuthenticatedUser, useSiteConfig, useAppConfig } from './hooks';\nexport { default as LoginRedirect } from './LoginRedirect';\nexport { default as PageWrap } from './PageWrap';\n"]}

package/dist/runtime/react/reducers.d.ts

@@ -0,0 +1,11 @@
+export declare function themeReducer(state: any, action: any): any;
+export declare const themeActions: {
+    setThemeVariant: (payload: any) => {
+        type: string;
+        payload: any;
+    };
+    setThemeLoaded: (payload: any) => {
+        type: string;
+        payload: any;
+    };
+};

package/dist/runtime/react/reducers.js

@@ -0,0 +1,28 @@
+import { SET_THEME_VARIANT, SET_IS_THEME_LOADED, } from './constants';
+export function themeReducer(state, action) {
+    switch (action.type) {
+        case SET_THEME_VARIANT: {
+            const requestedThemeVariant = action.payload;
+            return Object.assign(Object.assign({}, state), { themeVariant: requestedThemeVariant });
+        }
+        case SET_IS_THEME_LOADED: {
+            const requestedIsThemeLoaded = action.payload;
+            return Object.assign(Object.assign({}, state), { isThemeLoaded: requestedIsThemeLoaded });
+        }
+        default:
+            return state;
+    }
+}
+const setThemeVariant = (payload) => ({
+    type: SET_THEME_VARIANT,
+    payload,
+});
+const setThemeLoaded = (payload) => ({
+    type: SET_IS_THEME_LOADED,
+    payload,
+});
+export const themeActions = {
+    setThemeVariant,
+    setThemeLoaded,
+};
+//# sourceMappingURL=reducers.js.map

package/dist/runtime/react/reducers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducers.js","sourceRoot":"","sources":["../../../runtime/react/reducers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,aAAa,CAAC;AAErB,MAAM,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM;IACxC,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,iBAAiB,CAAC,CAAC,CAAC;YACvB,MAAM,qBAAqB,GAAG,MAAM,CAAC,OAAO,CAAC;YAC7C,uCACK,KAAK,KACR,YAAY,EAAE,qBAAqB,IACnC;QACJ,CAAC;QACD,KAAK,mBAAmB,CAAC,CAAC,CAAC;YACzB,MAAM,sBAAsB,GAAG,MAAM,CAAC,OAAO,CAAC;YAC9C,uCACK,KAAK,KACR,aAAa,EAAE,sBAAsB,IACrC;QACJ,CAAC;QACD;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC;AAED,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACpC,IAAI,EAAE,iBAAiB;IACvB,OAAO;CACR,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACnC,IAAI,EAAE,mBAAmB;IACzB,OAAO;CACR,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,eAAe;IACf,cAAc;CACf,CAAC","sourcesContent":["import {\n  SET_THEME_VARIANT,\n  SET_IS_THEME_LOADED,\n} from './constants';\n\nexport function themeReducer(state, action) {\n  switch (action.type) {\n    case SET_THEME_VARIANT: {\n      const requestedThemeVariant = action.payload;\n      return {\n        ...state,\n        themeVariant: requestedThemeVariant,\n      };\n    }\n    case SET_IS_THEME_LOADED: {\n      const requestedIsThemeLoaded = action.payload;\n      return {\n        ...state,\n        isThemeLoaded: requestedIsThemeLoaded,\n      };\n    }\n    default:\n      return state;\n  }\n}\n\nconst setThemeVariant = (payload) => ({\n  type: SET_THEME_VARIANT,\n  payload,\n});\n\nconst setThemeLoaded = (payload) => ({\n  type: SET_IS_THEME_LOADED,\n  payload,\n});\n\nexport const themeActions = {\n  setThemeVariant,\n  setThemeLoaded,\n};\n"]}

package/dist/runtime/routing/authenticatedLoader.d.ts

@@ -0,0 +1,2 @@
+import { LoaderFunctionArgs } from 'react-router';
+export default function authenticatedLoader({ request }: LoaderFunctionArgs): Response | Promise<unknown> | null;

package/dist/runtime/routing/authenticatedLoader.js

@@ -0,0 +1,27 @@
+import { redirect } from 'react-router';
+import { getAuthenticatedUser, getLoginRedirectUrl } from '../auth';
+import { getUrlByRouteRole } from './utils';
+const loginRole = 'org.openedx.frontend.role.login';
+export default function authenticatedLoader({ request }) {
+    const authenticatedUser = getAuthenticatedUser();
+    if (authenticatedUser !== null) {
+        return null;
+    }
+    const requestUrl = new URL(request.url);
+    const loginUrl = getUrlByRouteRole(loginRole);
+    // Internal login route → SPA redirect with a relative ?next so the login
+    // page can navigate() back without a full page refresh.
+    if (loginUrl === null || loginUrl === void 0 ? void 0 : loginUrl.startsWith('/')) {
+        return redirect(`${loginUrl}?next=${encodeURIComponent(requestUrl.pathname)}`);
+    }
+    // No login role found (or it's defined as an external route, which is not
+    // supported). Use loginUrl from siteConfig and the full href for the return
+    // path so the login service redirects back to the correct origin after
+    // login.
+    const fullLoginUrl = getLoginRedirectUrl(requestUrl.href);
+    // Return a never-resolving promise so React Router keeps waiting (and does
+    // not attempt to render the route) while the browser navigates away.
+    global.location.assign(fullLoginUrl);
+    return new Promise(() => { });
+}
+//# sourceMappingURL=authenticatedLoader.js.map

package/dist/runtime/routing/authenticatedLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authenticatedLoader.js","sourceRoot":"","sources":["../../../runtime/routing/authenticatedLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,SAAS,GAAG,iCAAiC,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAsB;IACzE,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,IAAI,iBAAiB,KAAK,IAAI,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAE9C,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QAC9B,OAAO,QAAQ,CAAC,GAAG,QAAQ,SAAS,kBAAkB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjF,CAAC;IAED,0EAA0E;IAC1E,4EAA4E;IAC5E,uEAAuE;IACvE,SAAS;IACT,MAAM,YAAY,GAAG,mBAAmB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAE1D,2EAA2E;IAC3E,qEAAqE;IACrE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACrC,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAChC,CAAC","sourcesContent":["import { LoaderFunctionArgs, redirect } from 'react-router';\nimport { getAuthenticatedUser, getLoginRedirectUrl } from '../auth';\nimport { getUrlByRouteRole } from './utils';\n\nconst loginRole = 'org.openedx.frontend.role.login';\n\nexport default function authenticatedLoader({ request }: LoaderFunctionArgs) {\n  const authenticatedUser = getAuthenticatedUser();\n  if (authenticatedUser !== null) {\n    return null;\n  }\n\n  const requestUrl = new URL(request.url);\n  const loginUrl = getUrlByRouteRole(loginRole);\n\n  // Internal login route → SPA redirect with a relative ?next so the login\n  // page can navigate() back without a full page refresh.\n  if (loginUrl?.startsWith('/')) {\n    return redirect(`${loginUrl}?next=${encodeURIComponent(requestUrl.pathname)}`);\n  }\n\n  // No login role found (or it's defined as an external route, which is not\n  // supported). Use loginUrl from siteConfig and the full href for the return\n  // path so the login service redirects back to the correct origin after\n  // login.\n  const fullLoginUrl = getLoginRedirectUrl(requestUrl.href);\n\n  // Return a never-resolving promise so React Router keeps waiting (and does\n  // not attempt to render the route) while the browser navigates away.\n  global.location.assign(fullLoginUrl);\n  return new Promise(() => { });\n}\n"]}

package/dist/runtime/routing/index.d.ts

@@ -0,0 +1,2 @@
+export { default as authenticatedLoader } from './authenticatedLoader';
+export * from './utils';

package/dist/runtime/routing/index.js

@@ -0,0 +1,3 @@
+export { default as authenticatedLoader } from './authenticatedLoader';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/dist/runtime/routing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../runtime/routing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,SAAS,CAAC","sourcesContent":["export { default as authenticatedLoader } from './authenticatedLoader';\nexport * from './utils';\n"]}

package/dist/runtime/routing/utils.d.ts

@@ -0,0 +1,4 @@
+import { RouteObject } from 'react-router';
+import { RoleRouteObject } from '../../types';
+export declare function getUrlByRouteRole(role: string): string | null;
+export declare function isRoleRouteObject(match: RouteObject): match is RoleRouteObject;

package/dist/runtime/routing/utils.js

@@ -0,0 +1,43 @@
+import { getSiteConfig } from '../config';
+function findRoleInRoutes(routes, role, prefix = '') {
+    var _a, _b, _c;
+    for (const route of routes) {
+        const segment = (_a = route.path) !== null && _a !== void 0 ? _a : '';
+        const fullPath = segment.startsWith('/') ? segment : `${prefix}/${segment}`.replace(/\/+/g, '/');
+        if ((_c = (_b = route.handle) === null || _b === void 0 ? void 0 : _b.roles) === null || _c === void 0 ? void 0 : _c.includes(role)) {
+            return fullPath || null;
+        }
+        if (Array.isArray(route.children)) {
+            const found = findRoleInRoutes(route.children, role, fullPath);
+            if (found !== null) {
+                return found;
+            }
+        }
+    }
+    return null;
+}
+export function getUrlByRouteRole(role) {
+    const { apps, externalRoutes } = getSiteConfig();
+    if (apps) {
+        for (const app of apps) {
+            if (Array.isArray(app.routes)) {
+                const found = findRoleInRoutes(app.routes, role);
+                if (found !== null) {
+                    return found;
+                }
+            }
+        }
+    }
+    if (externalRoutes) {
+        for (const externalRoute of externalRoutes) {
+            if (externalRoute.role === role) {
+                return externalRoute.url;
+            }
+        }
+    }
+    return null;
+}
+export function isRoleRouteObject(match) {
+    return match.handle !== undefined && 'roles' in match.handle;
+}
+//# sourceMappingURL=utils.js.map

package/dist/runtime/routing/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../runtime/routing/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,SAAS,gBAAgB,CAAC,MAAqB,EAAE,IAAY,EAAE,MAAM,GAAG,EAAE;;IACxE,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,MAAM,OAAO,GAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC;QACjC,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAEjG,IAAI,MAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,KAAK,0CAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YACxC,OAAO,QAAQ,IAAI,IAAI,CAAC;QAC1B,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClC,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC/D,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACnB,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC5C,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,CAAC;IAEjD,IAAI,IAAI,EAAE,CAAC;QACT,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC9B,MAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBACjD,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;oBACnB,OAAO,KAAK,CAAC;gBACf,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACnB,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE,CAAC;YAC3C,IAAI,aAAa,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;gBAChC,OAAO,aAAa,CAAC,GAAG,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAkB;IAClD,OAAO,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC;AAC/D,CAAC","sourcesContent":["import { RouteObject } from 'react-router';\n\nimport { RoleRouteObject } from '../../types';\nimport { getSiteConfig } from '../config';\n\nfunction findRoleInRoutes(routes: RouteObject[], role: string, prefix = ''): string | null {\n  for (const route of routes) {\n    const segment = route.path ?? '';\n    const fullPath = segment.startsWith('/') ? segment : `${prefix}/${segment}`.replace(/\\/+/g, '/');\n\n    if (route.handle?.roles?.includes(role)) {\n      return fullPath || null;\n    }\n\n    if (Array.isArray(route.children)) {\n      const found = findRoleInRoutes(route.children, role, fullPath);\n      if (found !== null) {\n        return found;\n      }\n    }\n  }\n  return null;\n}\n\nexport function getUrlByRouteRole(role: string) {\n  const { apps, externalRoutes } = getSiteConfig();\n\n  if (apps) {\n    for (const app of apps) {\n      if (Array.isArray(app.routes)) {\n        const found = findRoleInRoutes(app.routes, role);\n        if (found !== null) {\n          return found;\n        }\n      }\n    }\n  }\n\n  if (externalRoutes) {\n    for (const externalRoute of externalRoutes) {\n      if (externalRoute.role === role) {\n        return externalRoute.url;\n      }\n    }\n  }\n\n  return null;\n}\n\nexport function isRoleRouteObject(match: RouteObject): match is RoleRouteObject {\n  return match.handle !== undefined && 'roles' in match.handle;\n}\n"]}

package/dist/runtime/scripts/index.d.ts

@@ -0,0 +1 @@
+export declare function loadExternalScripts(): void;

package/dist/runtime/scripts/index.js

@@ -0,0 +1,14 @@
+import { getAppConfig, getSiteConfig } from '../config';
+export function loadExternalScripts() {
+    var _a;
+    const apps = (_a = getSiteConfig().apps) !== null && _a !== void 0 ? _a : [];
+    apps.forEach(app => {
+        var _a, _b;
+        const config = (_a = getAppConfig(app.appId)) !== null && _a !== void 0 ? _a : {};
+        ((_b = app.externalScripts) !== null && _b !== void 0 ? _b : []).forEach(ExternalScript => {
+            const script = new ExternalScript({ config });
+            script.loadScript();
+        });
+    });
+}
+//# sourceMappingURL=index.js.map

package/dist/runtime/scripts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../runtime/scripts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAExD,MAAM,UAAU,mBAAmB;;IACjC,MAAM,IAAI,GAAG,MAAA,aAAa,EAAE,CAAC,IAAI,mCAAI,EAAE,CAAC;IACxC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;;QACjB,MAAM,MAAM,GAAG,MAAA,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,mCAAI,EAAE,CAAC;QAC7C,CAAC,MAAA,GAAG,CAAC,eAAe,mCAAI,EAAE,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;YACnD,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;YAC9C,MAAM,CAAC,UAAU,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { getAppConfig, getSiteConfig } from '../config';\n\nexport function loadExternalScripts() {\n  const apps = getSiteConfig().apps ?? [];\n  apps.forEach(app => {\n    const config = getAppConfig(app.appId) ?? {};\n    (app.externalScripts ?? []).forEach(ExternalScript => {\n      const script = new ExternalScript({ config });\n      script.loadScript();\n    });\n  });\n}\n"]}

package/dist/runtime/setupTest.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/runtime/setupTest.js

@@ -0,0 +1,12 @@
+import '@testing-library/jest-dom';
+import siteConfig from 'site.config';
+import { mergeSiteConfig } from './config';
+jest.mock('universal-cookie', () => {
+    const mCookie = {
+        get: jest.fn(),
+        remove: jest.fn(),
+    };
+    return jest.fn(() => mCookie);
+});
+mergeSiteConfig(siteConfig);
+//# sourceMappingURL=setupTest.js.map

package/dist/runtime/setupTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTest.js","sourceRoot":"","sources":["../../runtime/setupTest.js"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAEnC,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG;QACd,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE;QACd,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;KAClB,CAAC;IACF,OAAO,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;AAChC,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import '@testing-library/jest-dom';\n\nimport siteConfig from 'site.config';\nimport { mergeSiteConfig } from './config';\n\njest.mock('universal-cookie', () => {\n  const mCookie = {\n    get: jest.fn(),\n    remove: jest.fn(),\n  };\n  return jest.fn(() => mCookie);\n});\n\nmergeSiteConfig(siteConfig);\n"]}

package/dist/runtime/slots/Slot.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType, ReactNode } from 'react';
+interface SlotProps {
+    id: string;
+    idAliases?: string[];
+    children?: ReactNode;
+    layout?: ComponentType | ReactNode;
+    [key: string]: unknown;
+}
+export default function Slot({ id, idAliases, children, layout, ...props }: SlotProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/runtime/slots/Slot.js

@@ -0,0 +1,35 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { createElement, isValidElement } from 'react';
+import DefaultSlotLayout from './layout/DefaultSlotLayout';
+import { useLayoutForSlotId } from './layout/hooks';
+import SlotContext from './SlotContext';
+import { useSlotContext } from './hooks';
+function SlotRenderer({ layout }) {
+    const { id } = useSlotContext();
+    let layoutElement = layout;
+    const overrideLayout = useLayoutForSlotId(id);
+    // Weed out any ReactNode types that aren't actually JSX.
+    if (overrideLayout && overrideLayout !== null && overrideLayout !== undefined && typeof overrideLayout !== 'boolean') {
+        layoutElement = overrideLayout;
+    }
+    if (!isValidElement(layoutElement)) {
+        layoutElement = createElement(layoutElement);
+    }
+    return _jsx(_Fragment, { children: layoutElement });
+}
+export default function Slot(_a) {
+    var { id, idAliases, children, layout = DefaultSlotLayout } = _a, props = __rest(_a, ["id", "idAliases", "children", "layout"]);
+    return (_jsx(SlotContext.Provider, { value: Object.assign({ id, idAliases, children }, props), children: _jsx(SlotRenderer, { layout: layout }) }));
+}
+//# sourceMappingURL=Slot.js.map

package/dist/runtime/slots/Slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../../runtime/slots/Slot.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAiB,aAAa,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAChF,OAAO,iBAAiB,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAUzC,SAAS,YAAY,CAAC,EAAE,MAAM,EAAyC;IACrE,MAAM,EAAE,EAAE,EAAE,GAAG,cAAc,EAAE,CAAC;IAChC,IAAI,aAAa,GAA8B,MAAM,CAAC;IAEtD,MAAM,cAAc,GAAG,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAE9C,yDAAyD;IACzD,IAAI,cAAc,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,SAAS,EAAE,CAAC;QACrH,aAAa,GAAG,cAAc,CAAC;IACjC,CAAC;IAED,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,CAAC;QACnC,aAAa,GAAG,aAAa,CAAC,aAA8B,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,4BAAG,aAAa,GAAI,CAAC;AAC9B,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAA4E;QAA5E,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,iBAAiB,OAAuB,EAAlB,KAAK,cAA/D,yCAAiE,CAAF;IAC1F,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,kBAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,IAAK,KAAK,aAC9D,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,GACX,CACxB,CAAC;AACJ,CAAC","sourcesContent":["import { ComponentType, createElement, isValidElement, ReactNode } from 'react';\nimport DefaultSlotLayout from './layout/DefaultSlotLayout';\nimport { useLayoutForSlotId } from './layout/hooks';\nimport SlotContext from './SlotContext';\nimport { useSlotContext } from './hooks';\n\ninterface SlotProps {\n  id: string,\n  idAliases?: string[],\n  children?: ReactNode,\n  layout?: ComponentType | ReactNode,\n  [key: string]: unknown,\n}\n\nfunction SlotRenderer({ layout }: { layout: ComponentType | ReactNode }) {\n  const { id } = useSlotContext();\n  let layoutElement: ComponentType | ReactNode = layout;\n\n  const overrideLayout = useLayoutForSlotId(id);\n\n  // Weed out any ReactNode types that aren't actually JSX.\n  if (overrideLayout && overrideLayout !== null && overrideLayout !== undefined && typeof overrideLayout !== 'boolean') {\n    layoutElement = overrideLayout;\n  }\n\n  if (!isValidElement(layoutElement)) {\n    layoutElement = createElement(layoutElement as ComponentType);\n  }\n\n  return <>{layoutElement}</>;\n}\n\nexport default function Slot({ id, idAliases, children, layout = DefaultSlotLayout, ...props }: SlotProps) {\n  return (\n    <SlotContext.Provider value={{ id, idAliases, children, ...props }}>\n      <SlotRenderer layout={layout} />\n    </SlotContext.Provider>\n  );\n}\n"]}

package/dist/runtime/slots/SlotContext.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+declare const SlotContext: import("react").Context<{
+    [key: string]: unknown;
+    id: string;
+    idAliases?: string[];
+    children?: ReactNode;
+}>;
+export default SlotContext;

package/dist/runtime/slots/SlotContext.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+const SlotContext = createContext({
+    id: '',
+    children: null,
+});
+export default SlotContext;
+//# sourceMappingURL=SlotContext.js.map

package/dist/runtime/slots/SlotContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlotContext.js","sourceRoot":"","sources":["../../../runtime/slots/SlotContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,GAAG,aAAa,CAAqF;IACpH,EAAE,EAAE,EAAE;IACN,QAAQ,EAAE,IAAI;CACf,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC","sourcesContent":["import { createContext, ReactNode } from 'react';\n\nconst SlotContext = createContext<{ id: string, idAliases?: string[], children?: ReactNode, [key: string]: unknown }>({\n  id: '',\n  children: null,\n});\n\nexport default SlotContext;\n"]}

package/dist/runtime/slots/hooks.d.ts

@@ -0,0 +1,13 @@
+import { SlotOperation } from './types';
+/**
+ * The useSlotOperations hook will trigger re-renders when the slot configuration changes.
+ * It is a fundamental hook that is used by many of the others to ensure they're using up-to-date
+ * config as it changes.
+ */
+export declare function useSlotOperations(id: string): SlotOperation[];
+export declare function useSlotContext(): {
+    [key: string]: unknown;
+    id: string;
+    idAliases?: string[];
+    children?: import("react").ReactNode;
+};

package/dist/runtime/slots/hooks.js

@@ -0,0 +1,29 @@
+import { useContext, useEffect, useState } from 'react';
+import { useLocation } from 'react-router-dom';
+import { getSlotOperations } from './utils';
+import SlotContext from './SlotContext';
+import { createWidgetAppendOperation } from './widget';
+/**
+ * The useSlotOperations hook will trigger re-renders when the slot configuration changes.
+ * It is a fundamental hook that is used by many of the others to ensure they're using up-to-date
+ * config as it changes.
+ */
+export function useSlotOperations(id) {
+    const { children, idAliases } = useSlotContext();
+    const location = useLocation();
+    const [operations, setOperations] = useState([]);
+    useEffect(() => {
+        // Setting default content has to happen inside `useEffect()` so that re-renders only happen
+        // when [children] props change.  This avoids an endless render loop.  After all, the whole
+        // point of a slot is to modify its children via slot operations.
+        const defaultOperation = createWidgetAppendOperation('defaultContent', id, children);
+        setOperations(getSlotOperations([id, ...(idAliases !== null && idAliases !== void 0 ? idAliases : [])], defaultOperation));
+        // We depend on [location] to force re-renders on navigation.  This guarantees changes in active
+        // roles (and thus, changes in what conditional widgets are shown) properly.
+    }, [id, children, idAliases, location]);
+    return operations;
+}
+export function useSlotContext() {
+    return useContext(SlotContext);
+}
+//# sourceMappingURL=hooks.js.map

package/dist/runtime/slots/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../runtime/slots/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAU;IAC1C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACjD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,4FAA4F;QAC5F,2FAA2F;QAC3F,iEAAiE;QACjE,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,gBAAgB,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;QACrF,aAAa,CAAC,iBAAiB,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC;QAE/E,gGAAgG;QAChG,4EAA4E;IAC9E,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExC,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,UAAU,CAAC,WAAW,CAAC,CAAC;AACjC,CAAC","sourcesContent":["import { useContext, useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nimport { SlotOperation } from './types';\nimport { getSlotOperations } from './utils';\nimport SlotContext from './SlotContext';\nimport { createWidgetAppendOperation } from './widget';\n\n/**\n * The useSlotOperations hook will trigger re-renders when the slot configuration changes.\n * It is a fundamental hook that is used by many of the others to ensure they're using up-to-date\n * config as it changes.\n */\nexport function useSlotOperations(id: string) {\n  const { children, idAliases } = useSlotContext();\n  const location = useLocation();\n  const [operations, setOperations] = useState<SlotOperation[]>([]);\n\n  useEffect(() => {\n    // Setting default content has to happen inside `useEffect()` so that re-renders only happen\n    // when [children] props change.  This avoids an endless render loop.  After all, the whole\n    // point of a slot is to modify its children via slot operations.\n    const defaultOperation = createWidgetAppendOperation('defaultContent', id, children);\n    setOperations(getSlotOperations([id, ...(idAliases ?? [])], defaultOperation));\n\n    // We depend on [location] to force re-renders on navigation.  This guarantees changes in active\n    // roles (and thus, changes in what conditional widgets are shown) properly.\n  }, [id, children, idAliases, location]);\n\n  return operations;\n}\n\nexport function useSlotContext() {\n  return useContext(SlotContext);\n}\n"]}

package/dist/runtime/slots/index.js

@@ -0,0 +1,7 @@
+export * from './hooks';
+export * from './layout';
+export { default as Slot } from './Slot';
+export { default as SlotContext } from './SlotContext';
+export * from './utils';
+export * from './widget';
+//# sourceMappingURL=index.js.map

package/dist/runtime/slots/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../runtime/slots/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC","sourcesContent":["export * from './hooks';\nexport type * from './types';\nexport * from './layout';\nexport { default as Slot } from './Slot';\nexport { default as SlotContext } from './SlotContext';\nexport * from './utils';\nexport * from './widget';\n"]}

package/dist/runtime/slots/layout/DefaultSlotLayout.d.ts

@@ -0,0 +1 @@
+export default function DefaultSlotLayout(): import("react/jsx-runtime").JSX.Element;

package/dist/runtime/slots/layout/DefaultSlotLayout.js

@@ -0,0 +1,7 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useWidgets } from '../widget/hooks';
+export default function DefaultSlotLayout() {
+    const widgets = useWidgets();
+    return (_jsx(_Fragment, { children: widgets }));
+}
+//# sourceMappingURL=DefaultSlotLayout.js.map

package/dist/runtime/slots/layout/DefaultSlotLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultSlotLayout.js","sourceRoot":"","sources":["../../../../runtime/slots/layout/DefaultSlotLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CACL,4BAAG,OAAO,GAAI,CACf,CAAC;AACJ,CAAC","sourcesContent":["import { useWidgets } from '../widget/hooks';\n\nexport default function DefaultSlotLayout() {\n  const widgets = useWidgets();\n\n  return (\n    <>{widgets}</>\n  );\n}\n"]}

package/dist/runtime/slots/layout/hooks.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType, ReactNode } from 'react';
+export declare function useLayoutForSlotId(id: string): ReactNode | ComponentType;
+/**
+ * useLayoutOptions iterates through the slot's operations to find any which are "layout
+ * options" operations.  It merges these into a single object and returns them - operations are
+ * merged in declaration order, meaning last one in wins.  useLayoutOptions only triggers a
+ * re-render when the options change.
+ */
+export declare function useLayoutOptions(): Record<string, unknown>;
+export declare function useLayoutOptionsForId(id: string): Record<string, unknown>;

package/dist/runtime/slots/layout/hooks.js

@@ -0,0 +1,57 @@
+import { useEffect, useState } from 'react';
+import { useSlotContext, useSlotOperations } from '../hooks';
+import { isSlotOperationConditionSatisfied } from '../utils';
+import { isLayoutOperation, isLayoutOptionsOperation, isLayoutReplaceOperation } from './utils';
+function hasLayoutComponentProps(operation) {
+    return isLayoutOperation(operation) && 'component' in operation;
+}
+function hasLayoutElementProps(operation) {
+    return isLayoutOperation(operation) && 'element' in operation;
+}
+export function useLayoutForSlotId(id) {
+    const operations = useSlotOperations(id);
+    let layoutElement = null;
+    for (const operation of operations) {
+        if (isSlotOperationConditionSatisfied(operation)) {
+            if (isLayoutReplaceOperation(operation)) {
+                if (hasLayoutComponentProps(operation)) {
+                    layoutElement = operation.component;
+                }
+                else if (hasLayoutElementProps(operation)) {
+                    layoutElement = operation.element;
+                }
+            }
+        }
+    }
+    return layoutElement;
+}
+/**
+ * useLayoutOptions iterates through the slot's operations to find any which are "layout
+ * options" operations.  It merges these into a single object and returns them - operations are
+ * merged in declaration order, meaning last one in wins.  useLayoutOptions only triggers a
+ * re-render when the options change.
+ */
+export function useLayoutOptions() {
+    const { id } = useSlotContext();
+    return useLayoutOptionsForId(id);
+}
+export function useLayoutOptionsForId(id) {
+    const operations = useSlotOperations(id);
+    const [options, setOptions] = useState({});
+    useEffect(() => {
+        const findOptions = () => {
+            let nextOptions = {};
+            for (const operation of operations) {
+                if (isSlotOperationConditionSatisfied(operation)) {
+                    if (isLayoutOptionsOperation(operation)) {
+                        nextOptions = Object.assign(Object.assign({}, nextOptions), operation.options);
+                    }
+                }
+            }
+            return nextOptions;
+        };
+        setOptions(findOptions());
+    }, [operations]);
+    return options;
+}
+//# sourceMappingURL=hooks.js.map

package/dist/runtime/slots/layout/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../runtime/slots/layout/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEhG,SAAS,uBAAuB,CAAC,SAA0B;IACzD,OAAO,iBAAiB,CAAC,SAAS,CAAC,IAAI,WAAW,IAAI,SAAS,CAAC;AAClE,CAAC;AAED,SAAS,qBAAqB,CAAC,SAA0B;IACvD,OAAO,iBAAiB,CAAC,SAAS,CAAC,IAAI,SAAS,IAAI,SAAS,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAU;IAC3C,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACzC,IAAI,aAAa,GAA8B,IAAI,CAAC;IAEpD,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,IAAI,iCAAiC,CAAC,SAAS,CAAC,EAAE,CAAC;YACjD,IAAI,wBAAwB,CAAC,SAAS,CAAC,EAAE,CAAC;gBACxC,IAAI,uBAAuB,CAAC,SAAS,CAAC,EAAE,CAAC;oBACvC,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC;gBACtC,CAAC;qBAAM,IAAI,qBAAqB,CAAC,SAAS,CAAC,EAAE,CAAC;oBAC5C,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC;gBACpC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EAAE,EAAE,EAAE,GAAG,cAAc,EAAE,CAAC;IAChC,OAAO,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EAAU;IAC9C,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,IAAI,WAAW,GAA4B,EAAE,CAAC;YAC9C,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;gBACnC,IAAI,iCAAiC,CAAC,SAAS,CAAC,EAAE,CAAC;oBACjD,IAAI,wBAAwB,CAAC,SAAS,CAAC,EAAE,CAAC;wBACxC,WAAW,mCAAQ,WAAW,GAAK,SAAS,CAAC,OAAO,CAAE,CAAC;oBACzD,CAAC;gBACH,CAAC;YACH,CAAC;YACD,OAAO,WAAW,CAAC;QACrB,CAAC,CAAC;QAEF,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { ComponentType, ReactNode, useEffect, useState } from 'react';\nimport { useSlotContext, useSlotOperations } from '../hooks';\nimport { isSlotOperationConditionSatisfied } from '../utils';\nimport { LayoutComponentProps, LayoutElementProps, LayoutOperation } from './types';\nimport { isLayoutOperation, isLayoutOptionsOperation, isLayoutReplaceOperation } from './utils';\n\nfunction hasLayoutComponentProps(operation: LayoutOperation): operation is (LayoutOperation & LayoutComponentProps) {\n  return isLayoutOperation(operation) && 'component' in operation;\n}\n\nfunction hasLayoutElementProps(operation: LayoutOperation): operation is (LayoutOperation & LayoutElementProps) {\n  return isLayoutOperation(operation) && 'element' in operation;\n}\n\nexport function useLayoutForSlotId(id: string) {\n  const operations = useSlotOperations(id);\n  let layoutElement: ReactNode | ComponentType = null;\n\n  for (const operation of operations) {\n    if (isSlotOperationConditionSatisfied(operation)) {\n      if (isLayoutReplaceOperation(operation)) {\n        if (hasLayoutComponentProps(operation)) {\n          layoutElement = operation.component;\n        } else if (hasLayoutElementProps(operation)) {\n          layoutElement = operation.element;\n        }\n      }\n    }\n  }\n  return layoutElement;\n}\n\n/**\n * useLayoutOptions iterates through the slot's operations to find any which are \"layout\n * options\" operations.  It merges these into a single object and returns them - operations are\n * merged in declaration order, meaning last one in wins.  useLayoutOptions only triggers a\n * re-render when the options change.\n */\nexport function useLayoutOptions() {\n  const { id } = useSlotContext();\n  return useLayoutOptionsForId(id);\n}\n\nexport function useLayoutOptionsForId(id: string) {\n  const operations = useSlotOperations(id);\n  const [options, setOptions] = useState<Record<string, unknown>>({});\n\n  useEffect(() => {\n    const findOptions = () => {\n      let nextOptions: Record<string, unknown> = {};\n      for (const operation of operations) {\n        if (isSlotOperationConditionSatisfied(operation)) {\n          if (isLayoutOptionsOperation(operation)) {\n            nextOptions = { ...nextOptions, ...operation.options };\n          }\n        }\n      }\n      return nextOptions;\n    };\n\n    setOptions(findOptions());\n  }, [operations]);\n\n  return options;\n}\n"]}

package/dist/runtime/slots/layout/index.js

@@ -0,0 +1,5 @@
+export { default as DefaultSlotLayout } from './DefaultSlotLayout';
+export * from './hooks';
+export { LayoutOperationTypes } from './types';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/dist/runtime/slots/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../runtime/slots/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,cAAc,SAAS,CAAC","sourcesContent":["export { default as DefaultSlotLayout } from './DefaultSlotLayout';\nexport * from './hooks';\nexport type * from './types';\nexport { LayoutOperationTypes } from './types';\nexport * from './utils';\n"]}

package/{runtime/slots/layout/types.ts → dist/runtime/slots/layout/types.d.ts}

@@ -4,42 +4,27 @@
  * "Layout" operations are a sub-type of UI operations which affect the layout component of a UI
  * slot.  They have no effect on the widgets loaded into a UI slot.
  */
-
 import { ReactNode } from 'react';
 import { BaseSlotOperation } from '../types';
-
-export enum LayoutOperationTypes {
-  OPTIONS = 'layoutOptions',
-  REPLACE = 'layoutReplace',
+export declare enum LayoutOperationTypes {
+    OPTIONS = "layoutOptions",
+    REPLACE = "layoutReplace"
 }
-
 export interface BaseLayoutOperation extends BaseSlotOperation {
-  op: LayoutOperationTypes,
+    op: LayoutOperationTypes;
 }
-
-// Concrete UI Layout Operations
-
 export type LayoutOptionsOperation = BaseLayoutOperation & {
-  op: LayoutOperationTypes.OPTIONS,
-  options: Record<string, unknown>,
+    op: LayoutOperationTypes.OPTIONS;
+    options: Record<string, unknown>;
 };
-
 export interface LayoutComponentProps {
-  component: React.ComponentType,
+    component: React.ComponentType;
 }
-
 export interface LayoutElementProps {
-  element: ReactNode,
+    element: ReactNode;
 }
-
-export type LayoutRendererProps = (
-  LayoutComponentProps | LayoutElementProps
-);
-
+export type LayoutRendererProps = (LayoutComponentProps | LayoutElementProps);
 export type LayoutReplaceOperation = BaseLayoutOperation & LayoutRendererProps & {
-  op: LayoutOperationTypes.REPLACE,
+    op: LayoutOperationTypes.REPLACE;
 };
-
-// Aggregate UI Layout Operations
-
 export type LayoutOperation = LayoutOptionsOperation | LayoutReplaceOperation;

package/dist/runtime/slots/layout/types.js

@@ -0,0 +1,12 @@
+/**
+ * Base UI Layout Operations
+ *
+ * "Layout" operations are a sub-type of UI operations which affect the layout component of a UI
+ * slot.  They have no effect on the widgets loaded into a UI slot.
+ */
+export var LayoutOperationTypes;
+(function (LayoutOperationTypes) {
+    LayoutOperationTypes["OPTIONS"] = "layoutOptions";
+    LayoutOperationTypes["REPLACE"] = "layoutReplace";
+})(LayoutOperationTypes || (LayoutOperationTypes = {}));
+//# sourceMappingURL=types.js.map

package/dist/runtime/slots/layout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../runtime/slots/layout/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,MAAM,CAAN,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,iDAAyB,CAAA;IACzB,iDAAyB,CAAA;AAC3B,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,QAG/B","sourcesContent":["/**\n * Base UI Layout Operations\n *\n * \"Layout\" operations are a sub-type of UI operations which affect the layout component of a UI\n * slot.  They have no effect on the widgets loaded into a UI slot.\n */\n\nimport { ReactNode } from 'react';\nimport { BaseSlotOperation } from '../types';\n\nexport enum LayoutOperationTypes {\n  OPTIONS = 'layoutOptions',\n  REPLACE = 'layoutReplace',\n}\n\nexport interface BaseLayoutOperation extends BaseSlotOperation {\n  op: LayoutOperationTypes,\n}\n\n// Concrete UI Layout Operations\n\nexport type LayoutOptionsOperation = BaseLayoutOperation & {\n  op: LayoutOperationTypes.OPTIONS,\n  options: Record<string, unknown>,\n};\n\nexport interface LayoutComponentProps {\n  component: React.ComponentType,\n}\n\nexport interface LayoutElementProps {\n  element: ReactNode,\n}\n\nexport type LayoutRendererProps = (\n  LayoutComponentProps | LayoutElementProps\n);\n\nexport type LayoutReplaceOperation = BaseLayoutOperation & LayoutRendererProps & {\n  op: LayoutOperationTypes.REPLACE,\n};\n\n// Aggregate UI Layout Operations\n\nexport type LayoutOperation = LayoutOptionsOperation | LayoutReplaceOperation;\n"]}

package/dist/runtime/slots/layout/utils.d.ts

@@ -0,0 +1,5 @@
+import { SlotOperation } from '../types';
+import { LayoutOperation, LayoutOptionsOperation, LayoutReplaceOperation } from './types';
+export declare function isLayoutOperation(operation: SlotOperation): operation is LayoutOperation;
+export declare function isLayoutOptionsOperation(operation: SlotOperation): operation is LayoutOptionsOperation;
+export declare function isLayoutReplaceOperation(operation: SlotOperation): operation is LayoutReplaceOperation;