quidproquo-web-admin 0.0.262 → 0.1.0

package/lib/commonjs/index.js

@@ -17,3 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./addonSupport"), exports);
 __exportStar(require("./App"), exports);
 __exportStar(require("./components"), exports);
+__exportStar(require("./FederatedAddon"), exports);
+__exportStar(require("./FederatedAddonProvider"), exports);

package/lib/commonjs/logic/platform/apiRequest.js

@@ -8,36 +8,46 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.externalRequestGet = exports.apiRequestGet = exports.apiRequestPost = void 0;
-const axios_1 = __importDefault(require("axios"));
+const quidproquo_webserver_1 = require("quidproquo-webserver");
 const getHeaders = (accessToken) => (Object.assign({ 'Content-Type': 'application/json' }, (accessToken ? { Authorization: `Bearer ${accessToken}` } : {})));
-const getAxiosInstance = (apiBaseUrl, accessToken) => {
-    const instance = axios_1.default.create({
-        baseURL: apiBaseUrl,
-        headers: getHeaders(accessToken),
-    });
-    return instance;
+const unwrap = (response) => {
+    if (response.status < 200 || response.status >= 300) {
+        throw new Error(`Request failed with status ${response.status}`);
+    }
+    return response.data;
 };
 const apiRequestPost = (path, body, apiBaseUrl, accessToken) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield getAxiosInstance(apiBaseUrl, accessToken).post(path, body);
-    return res.data;
+    const response = yield (0, quidproquo_webserver_1.preformNetworkRequest)({
+        method: 'POST',
+        url: path,
+        basePath: apiBaseUrl,
+        headers: getHeaders(accessToken),
+        body,
+        responseType: 'json',
+    });
+    return unwrap(response);
 });
 exports.apiRequestPost = apiRequestPost;
 const apiRequestGet = (path, apiBaseUrl, accessToken) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield getAxiosInstance(apiBaseUrl, accessToken).get(path);
-    return res.data;
+    const response = yield (0, quidproquo_webserver_1.preformNetworkRequest)({
+        method: 'GET',
+        url: path,
+        basePath: apiBaseUrl,
+        headers: getHeaders(accessToken),
+        responseType: 'json',
+    });
+    return unwrap(response);
 });
 exports.apiRequestGet = apiRequestGet;
 const externalRequestGet = (path) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield axios_1.default
-        .create({
+    const response = yield (0, quidproquo_webserver_1.preformNetworkRequest)({
+        method: 'GET',
+        url: path,
         headers: getHeaders(),
-    })
-        .get(path);
-    return res.data;
+        responseType: 'json',
+    });
+    return unwrap(response);
 });
 exports.externalRequestGet = externalRequestGet;

package/lib/commonjs/useFederatedAddon.js

@@ -12,47 +12,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFederatedAddon = useFederatedAddon;
 const quidproquo_web_react_1 = require("quidproquo-web-react");
 const react_1 = require("react");
-const runtime_1 = require("@module-federation/enhanced/runtime");
-const logic_1 = require("./LogViewer/logic");
+const FederatedAddonProvider_1 = require("./FederatedAddonProvider");
 function useFederatedAddon() {
     const [federatedAddons, setFederatedAddons] = (0, react_1.useState)([]);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const accessToken = (0, quidproquo_web_react_1.useAuthAccessToken)();
     const baseUrlResolvers = (0, quidproquo_web_react_1.useBaseUrlResolvers)();
+    const loadAddons = (0, FederatedAddonProvider_1.useLoadFederatedAddons)();
     (0, react_1.useEffect)(() => {
         const doAsyncWork = () => __awaiter(this, void 0, void 0, function* () {
             setLoading(true);
-            const manifestUrl = `${baseUrlResolvers.getMFManifestUrl()}/mf-manifest.json`;
-            console.log(`manifestUrl: [${manifestUrl}]`);
-            if (!manifestUrl) {
-                console.log(`Missing manifest Url`);
-                return;
-            }
-            console.log(`Reading manifest: [${manifestUrl}]`);
-            const manifest = yield (0, logic_1.getFederationManifest)(baseUrlResolvers.getApiUrl(), manifestUrl);
-            if (!manifest.id) {
-                console.log(`Manifest missing id`);
-                return;
-            }
-            // Update the remote
-            console.log(`Updating remote: [${manifest.id}]`);
-            (0, runtime_1.registerRemotes)([
-                {
-                    name: manifest.id,
-                    entry: manifestUrl,
-                },
-            ], { force: true });
-            // Load the remote
-            console.log(`Loading remote: [${manifest.id}]`);
-            const remote = yield (0, runtime_1.loadRemote)(`${manifest.id}/shared`, {
-                from: 'runtime',
-            });
-            if (remote && typeof remote === 'object') {
-                const allAddons = Object.values(remote)
-                    .filter((possibleAddon) => typeof possibleAddon === 'object')
-                    .filter((possibleAddon) => possibleAddon.isQpqAdminFederatedAddon);
-                setFederatedAddons(allAddons);
-            }
+            const addons = yield loadAddons({ baseUrlResolvers, accessToken });
+            setFederatedAddons(addons);
         });
         doAsyncWork()
             .catch((e) => {

package/lib/esm/App/App.d.ts

@@ -1,6 +1,8 @@
 import { BaseUrlResolvers } from 'quidproquo-web-react';
 import React from 'react';
+import { LoadFederatedAddons } from '../FederatedAddon';
 export type AppProps = {
     urlResolvers: BaseUrlResolvers;
+    loadAddons?: LoadFederatedAddons;
 };
 export declare const App: React.FC<AppProps>;

package/lib/esm/App/App.js

@@ -6,6 +6,7 @@ import CssBaseline from '@mui/material/CssBaseline';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import { Auth } from '../Auth/Auth';
 import { MainLayout } from '../components';
+import { FederatedAddonProvider } from '../FederatedAddonProvider';
 import { baseUrlsContext } from '../platformLogic/contexts';
 import { LoadingProvider } from '../view';
 import { WebSocketAuthProvider } from '../WebSocketAuthProvider';
@@ -14,10 +15,10 @@ const darkTheme = createTheme({
         mode: 'light',
     },
 });
-export const App = ({ urlResolvers }) => {
+export const App = ({ urlResolvers, loadAddons }) => {
     const baseUrls = useMemo(() => ({
         api: urlResolvers.getApiUrl(),
         ws: urlResolvers.getWsUrl(),
     }), [urlResolvers]);
-    return (_jsx(QpqContextProvider, { contextIdentifier: baseUrlsContext, value: baseUrls, children: _jsx(Router, { children: _jsx(BaseUrlProvider, { urlResolvers: urlResolvers, children: _jsxs(ThemeProvider, { theme: darkTheme, children: [_jsx(CssBaseline, {}), _jsx(LoadingProvider, { children: _jsx(Auth, { children: _jsx(WebsocketProvider, { wsUrl: urlResolvers.getWsUrl(), children: _jsx(WebSocketAuthProvider, { children: _jsx(MainLayout, {}) }) }) }) })] }) }) }) }));
+    return (_jsx(QpqContextProvider, { contextIdentifier: baseUrlsContext, value: baseUrls, children: _jsx(Router, { children: _jsx(BaseUrlProvider, { urlResolvers: urlResolvers, children: _jsxs(ThemeProvider, { theme: darkTheme, children: [_jsx(CssBaseline, {}), _jsx(LoadingProvider, { children: _jsx(Auth, { children: _jsx(WebsocketProvider, { wsUrl: urlResolvers.getWsUrl(), children: _jsx(WebSocketAuthProvider, { children: _jsx(FederatedAddonProvider, { loadAddons: loadAddons, children: _jsx(MainLayout, {}) }) }) }) }) })] }) }) }) }));
 };

package/lib/esm/Auth/Auth.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 interface AuthProps {
     children?: ReactNode;
 }
-export declare function Auth({ children }: AuthProps): import("react/jsx-runtime").JSX.Element;
+export declare function Auth({ children }: AuthProps): import("react").JSX.Element;
 export {};

package/lib/esm/Auth/Auth.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AuthenticateUserChallenge } from 'quidproquo-core';
 import { authContext, createQpqRuntimeDefinition, QpqRuntimeEffectCatcher, useQpqRuntime } from 'quidproquo-web-react';
+import { AuthChallengeMfaSetup } from './AuthChallengeMfaSetup/AuthChallengeMfaSetup';
 import { AuthChallengeNewPasswordRequired } from './AuthChallengeNewPasswordRequired/AuthChallengeNewPasswordRequired';
+import { AuthChallengeSoftwareTokenMfa } from './AuthChallengeSoftwareTokenMfa/AuthChallengeSoftwareTokenMfa';
 import { isLoggedOn } from './logic/isLoggedOn';
 import { askAuthMain } from './logic/runtime/askAuthMain';
 import { authInitalState, authLogic, authReducer } from './logic';
@@ -13,6 +15,12 @@ export function Auth({ children }) {
     if (state.authenticateUserResponse?.challenge === AuthenticateUserChallenge.NEW_PASSWORD_REQUIRED) {
         return (_jsx(QpqRuntimeEffectCatcher, { runtime: authRuntime, children: _jsx(AuthChallengeNewPasswordRequired, { authState: state }) }));
     }
+    if (state.authenticateUserResponse?.challenge === AuthenticateUserChallenge.SOFTWARE_TOKEN_MFA) {
+        return (_jsx(QpqRuntimeEffectCatcher, { runtime: authRuntime, children: _jsx(AuthChallengeSoftwareTokenMfa, { authState: state }) }));
+    }
+    if (state.authenticateUserResponse?.challenge === AuthenticateUserChallenge.MFA_SETUP) {
+        return (_jsx(QpqRuntimeEffectCatcher, { runtime: authRuntime, children: _jsx(AuthChallengeMfaSetup, { authState: state }) }));
+    }
     return (_jsxs(QpqRuntimeEffectCatcher, { runtime: authRuntime, children: [!isAuthenticated && (_jsx(Login, { setUsername: api.authUISetUsername, setPassword: api.authUISetPassword, username: state.username, password: state.password, onLogin: api.authLogin })), isAuthenticated && (_jsx(authContext.Provider, { value: {
                     challenge: state.authenticateUserResponse?.challenge,
                     session: state.authenticateUserResponse?.session,

package/lib/esm/Auth/AuthChallengeMfaSetup/AuthChallengeMfaSetup.d.ts

@@ -0,0 +1,6 @@
+import { AuthState } from '../logic';
+interface AuthChallengeMfaSetupProps {
+    authState: AuthState;
+}
+export declare function AuthChallengeMfaSetup({ authState }: AuthChallengeMfaSetupProps): import("react").JSX.Element;
+export {};

package/lib/esm/Auth/AuthChallengeMfaSetup/AuthChallengeMfaSetup.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createQpqRuntimeDefinition, useQpqRuntime } from 'quidproquo-web-react';
+import { useEffect, useRef } from 'react';
+import LockIcon from '@mui/icons-material/Lock';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { AsyncButton } from '../../components';
+import { authChallengeMfaSetupInitalState, authChallengeMfaSetupLogic, authChallengeMfaSetupReducer } from './logic';
+const atom = createQpqRuntimeDefinition(authChallengeMfaSetupLogic, authChallengeMfaSetupInitalState, authChallengeMfaSetupReducer);
+// otpauth:// URI consumed by authenticator apps when scanning / importing.
+const buildOtpAuthUri = (email, secretCode) => {
+    const issuer = window.location.host;
+    const label = encodeURIComponent(`${issuer}:${email}`);
+    return `otpauth://totp/${label}?secret=${secretCode}&issuer=${encodeURIComponent(issuer)}`;
+};
+export function AuthChallengeMfaSetup({ authState }) {
+    const [api, state] = useQpqRuntime(atom);
+    const isCodeValid = /^\d{6}$/.test(state.mfaCode);
+    const challenge = authState.authenticateUserResponse?.challenge;
+    const session = authState.authenticateUserResponse?.session;
+    // Associate a software token once, using the MFA_SETUP challenge session.
+    const hasAssociated = useRef(false);
+    useEffect(() => {
+        if (!hasAssociated.current && session) {
+            hasAssociated.current = true;
+            api.authChallengeAssociateSoftwareToken(session);
+        }
+    }, [api, session]);
+    if (!challenge || !session) {
+        return _jsx("div", { children: "Error, missing challenge / session" });
+    }
+    return (_jsx(Box, { sx: {
+            height: '100vh',
+            width: '100%',
+            p: 2,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+        }, children: _jsx(Box, { component: "form", sx: { width: '100%', maxWidth: 360 }, children: _jsxs(Grid, { container: true, spacing: 2, children: [_jsx(Grid, { item: true, xs: 12, children: _jsxs(Typography, { variant: "h5", gutterBottom: true, sx: { display: 'flex', alignItems: 'center' }, children: [_jsx(LockIcon, { sx: { marginRight: 1 } }), "Set Up Authenticator"] }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(Typography, { variant: "body2", color: "text.secondary", children: "Add this account to your authenticator app, then enter the 6-digit code it generates." }) }), _jsxs(Grid, { item: true, xs: 12, children: [_jsx(Typography, { variant: "caption", color: "text.secondary", children: "Secret key" }), _jsx(Typography, { variant: "body1", sx: { fontFamily: 'monospace', wordBreak: 'break-all' }, children: state.secretCode || 'Loading…' })] }), state.secretCode && (_jsx(Grid, { item: true, xs: 12, children: _jsx(Typography, { variant: "caption", color: "text.secondary", sx: { wordBreak: 'break-all' }, children: buildOtpAuthUri(authState.username, state.secretCode) }) })), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { required: true, fullWidth: true, id: "mfaCode", label: "Authentication Code", autoFocus: true, inputProps: { inputMode: 'numeric', pattern: '[0-9]*', maxLength: 6 }, value: state.mfaCode, onChange: (event) => api.authChallengeSetMfaSetupCode(event.target.value.replace(/\D/g, '')) }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(AsyncButton, { onClick: () => api.authChallengeSendMfaSetupCode(challenge, authState.username), disabled: !isCodeValid || !state.secretCode, children: "Verify" }) })] }) }) }));
+}

package/lib/esm/Auth/AuthChallengeMfaSetup/index.d.ts

@@ -0,0 +1 @@
+export * from './AuthChallengeMfaSetup';

package/lib/esm/Auth/AuthChallengeMfaSetup/index.js

@@ -0,0 +1 @@
+export * from './AuthChallengeMfaSetup';

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/authActionCreator.d.ts

@@ -0,0 +1,3 @@
+import { AskResponse } from 'quidproquo-core';
+export declare function askAuthChallengeSetMfaSetupCode(mfaCode: string): AskResponse<void>;
+export declare function askAuthChallengeSetMfaSetupAssociation(secretCode: string, session: string): AskResponse<void>;

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/authActionCreator.js

@@ -0,0 +1,11 @@
+import { askStateDispatchEffect } from 'quidproquo-core';
+import { AuthChallengeMfaSetupEffect, } from './authChallengeTypes';
+export function* askAuthChallengeSetMfaSetupCode(mfaCode) {
+    yield* askStateDispatchEffect(AuthChallengeMfaSetupEffect.SetMfaCode, mfaCode);
+}
+export function* askAuthChallengeSetMfaSetupAssociation(secretCode, session) {
+    yield* askStateDispatchEffect(AuthChallengeMfaSetupEffect.SetAssociation, {
+        secretCode,
+        session,
+    });
+}

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/authChallengeReducer.d.ts

@@ -0,0 +1,3 @@
+import { AuthChallengeMfaSetupEffects, AuthChallengeMfaSetupState } from './authChallengeTypes';
+export declare const authChallengeMfaSetupInitalState: AuthChallengeMfaSetupState;
+export declare const authChallengeMfaSetupReducer: (state: AuthChallengeMfaSetupState, effect: AuthChallengeMfaSetupEffects) => [AuthChallengeMfaSetupState, boolean];

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/authChallengeReducer.js

@@ -0,0 +1,16 @@
+import { buildMutableEffectReducer } from 'quidproquo-core';
+import { AuthChallengeMfaSetupEffect } from './authChallengeTypes';
+export const authChallengeMfaSetupInitalState = {
+    secretCode: '',
+    session: '',
+    mfaCode: '',
+};
+export const authChallengeMfaSetupReducer = buildMutableEffectReducer({
+    [AuthChallengeMfaSetupEffect.SetMfaCode]: (state, mfaCode) => {
+        state.mfaCode = mfaCode;
+    },
+    [AuthChallengeMfaSetupEffect.SetAssociation]: (state, { secretCode, session }) => {
+        state.secretCode = secretCode;
+        state.session = session;
+    },
+});

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/authChallengeTypes.d.ts

@@ -0,0 +1,25 @@
+import { Effect } from 'quidproquo-core';
+export type AuthChallengeMfaSetupState = {
+    secretCode: string;
+    session: string;
+    mfaCode: string;
+};
+export declare enum AuthChallengeMfaSetupEffect {
+    SetMfaCode = "authMfaSetup/SetMfaCode",
+    SetAssociation = "authMfaSetup/SetAssociation"
+}
+export type AuthChallengeMfaSetupSetMfaCodeEffect = Effect<AuthChallengeMfaSetupEffect.SetMfaCode, string>;
+export type AuthChallengeMfaSetupSetAssociationEffect = Effect<AuthChallengeMfaSetupEffect.SetAssociation, {
+    secretCode: string;
+    session: string;
+}>;
+export type AuthChallengeMfaSetupEffects = AuthChallengeMfaSetupSetMfaCodeEffect | AuthChallengeMfaSetupSetAssociationEffect;
+export type AuthChallengeAssociateSoftwareTokenPayload = {
+    session: string;
+};
+export type AuthChallengeSendMfaSetupCodePayload = {
+    email: string;
+    session: string;
+    challenge: string;
+    mfaCode: string;
+};

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/authChallengeTypes.js

@@ -0,0 +1,5 @@
+export var AuthChallengeMfaSetupEffect;
+(function (AuthChallengeMfaSetupEffect) {
+    AuthChallengeMfaSetupEffect["SetMfaCode"] = "authMfaSetup/SetMfaCode";
+    AuthChallengeMfaSetupEffect["SetAssociation"] = "authMfaSetup/SetAssociation";
+})(AuthChallengeMfaSetupEffect || (AuthChallengeMfaSetupEffect = {}));

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/index.d.ts

@@ -0,0 +1,4 @@
+export * from './authActionCreator';
+export * from './authChallengeReducer';
+export * from './authChallengeTypes';
+export * from './runtime';

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/index.js

@@ -0,0 +1,4 @@
+export * from './authActionCreator';
+export * from './authChallengeReducer';
+export * from './authChallengeTypes';
+export * from './runtime';

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/runtime/askAuthChallengeAssociateSoftwareToken.d.ts

@@ -0,0 +1,2 @@
+import { AskResponse } from 'quidproquo-core';
+export declare function askAuthChallengeAssociateSoftwareToken(session: string): AskResponse<void>;

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/runtime/askAuthChallengeAssociateSoftwareToken.js

@@ -0,0 +1,15 @@
+import { askPlatformRequest } from '../../../../platformLogic';
+import { askAuthChallengeSetMfaSetupAssociation } from '../authActionCreator';
+// Kicks off TOTP enrollment: trades the MFA_SETUP challenge session for the
+// shared secret (to show as a QR / manual key) and a refreshed session.
+export function* askAuthChallengeAssociateSoftwareToken(session) {
+    const response = yield* askPlatformRequest('POST', '/associateSoftwareToken', {
+        body: {
+            session,
+        },
+    });
+    if (response.status < 200 || response.status >= 300) {
+        return;
+    }
+    yield* askAuthChallengeSetMfaSetupAssociation(response.data.secretCode, response.data.session);
+}

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/runtime/askAuthChallengeSendMfaSetupCode.d.ts

@@ -0,0 +1,2 @@
+import { AskResponse } from 'quidproquo-core';
+export declare function askAuthChallengeSendMfaSetupCode(challenge: string, email: string): AskResponse<void>;

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/runtime/askAuthChallengeSendMfaSetupCode.js

@@ -0,0 +1,21 @@
+import { askStateRead } from 'quidproquo-core';
+import { askPlatformRequest, askSaveAuthToken } from '../../../../platformLogic';
+import { askAuthUISetAuthInfo } from '../../../logic';
+// Completes MFA_SETUP. Sends the first TOTP code together with the refreshed
+// session from the associate step; the server verifies the code and finishes login.
+export function* askAuthChallengeSendMfaSetupCode(challenge, email) {
+    const { mfaCode, session } = yield* askStateRead('');
+    const response = yield* askPlatformRequest('POST', '/challenge', {
+        body: {
+            challenge,
+            email,
+            mfaCode,
+            session,
+        },
+    });
+    if (response.status < 200 || response.status >= 300) {
+        return;
+    }
+    yield* askSaveAuthToken(response.data);
+    yield* askAuthUISetAuthInfo(response.data);
+}

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/runtime/authChallengeLogic.d.ts

@@ -0,0 +1,8 @@
+import { askAuthChallengeSetMfaSetupCode } from '../authActionCreator';
+import { askAuthChallengeAssociateSoftwareToken } from './askAuthChallengeAssociateSoftwareToken';
+import { askAuthChallengeSendMfaSetupCode } from './askAuthChallengeSendMfaSetupCode';
+export declare const authChallengeMfaSetupLogic: {
+    askAuthChallengeSetMfaSetupCode: typeof askAuthChallengeSetMfaSetupCode;
+    askAuthChallengeAssociateSoftwareToken: typeof askAuthChallengeAssociateSoftwareToken;
+    askAuthChallengeSendMfaSetupCode: typeof askAuthChallengeSendMfaSetupCode;
+};

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/runtime/authChallengeLogic.js

@@ -0,0 +1,8 @@
+import { askAuthChallengeSetMfaSetupCode } from '../authActionCreator';
+import { askAuthChallengeAssociateSoftwareToken } from './askAuthChallengeAssociateSoftwareToken';
+import { askAuthChallengeSendMfaSetupCode } from './askAuthChallengeSendMfaSetupCode';
+export const authChallengeMfaSetupLogic = {
+    askAuthChallengeSetMfaSetupCode,
+    askAuthChallengeAssociateSoftwareToken,
+    askAuthChallengeSendMfaSetupCode,
+};

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/runtime/index.d.ts

@@ -0,0 +1 @@
+export * from './authChallengeLogic';

package/lib/esm/Auth/AuthChallengeMfaSetup/logic/runtime/index.js

@@ -0,0 +1 @@
+export * from './authChallengeLogic';

package/lib/esm/Auth/AuthChallengeNewPasswordRequired/AuthChallengeNewPasswordRequired.d.ts

@@ -2,5 +2,5 @@ import { AuthState } from '../logic';
 interface AuthChallengeNewPasswordRequiredProps {
     authState: AuthState;
 }
-export declare function AuthChallengeNewPasswordRequired({ authState }: AuthChallengeNewPasswordRequiredProps): import("react/jsx-runtime").JSX.Element;
+export declare function AuthChallengeNewPasswordRequired({ authState }: AuthChallengeNewPasswordRequiredProps): import("react").JSX.Element;
 export {};

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/AuthChallengeSoftwareTokenMfa.d.ts

@@ -0,0 +1,6 @@
+import { AuthState } from '../logic';
+interface AuthChallengeSoftwareTokenMfaProps {
+    authState: AuthState;
+}
+export declare function AuthChallengeSoftwareTokenMfa({ authState }: AuthChallengeSoftwareTokenMfaProps): import("react").JSX.Element;
+export {};

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/AuthChallengeSoftwareTokenMfa.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
+import { createQpqRuntimeDefinition, useQpqRuntime } from 'quidproquo-web-react';
+import LockIcon from '@mui/icons-material/Lock';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { AsyncButton } from '../../components';
+import { authChallengeMfaInitalState, authChallengeMfaLogic, authChallengeMfaReducer } from './logic';
+const atom = createQpqRuntimeDefinition(authChallengeMfaLogic, authChallengeMfaInitalState, authChallengeMfaReducer);
+export function AuthChallengeSoftwareTokenMfa({ authState }) {
+    const [api, state] = useQpqRuntime(atom);
+    const isCodeValid = /^\d{6}$/.test(state.mfaCode);
+    if (!authState.authenticateUserResponse || !authState.authenticateUserResponse.challenge || !authState.authenticateUserResponse.session) {
+        return _jsx("div", { children: "Error, missing challenge / session" });
+    }
+    return (_jsx(Box, { sx: {
+            height: '100vh',
+            width: '100%',
+            p: 2,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+        }, children: _jsx(Box, { component: "form", sx: { width: '100%', maxWidth: 360 }, children: _jsxs(Grid, { container: true, spacing: 2, children: [_jsx(Grid, { item: true, xs: 12, children: _jsxs(Typography, { variant: "h5", gutterBottom: true, sx: { display: 'flex', alignItems: 'center' }, children: [_jsx(LockIcon, { sx: { marginRight: 1 } }), "Verification Code"] }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(Typography, { variant: "body2", color: "text.secondary", children: "Enter the 6-digit code from your authenticator app." }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { required: true, fullWidth: true, id: "mfaCode", label: "Authentication Code", autoFocus: true, inputProps: { inputMode: 'numeric', pattern: '[0-9]*', maxLength: 6 }, value: state.mfaCode, onChange: (event) => api.authChallengeSetMfaCode(event.target.value.replace(/\D/g, '')) }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(AsyncButton, { onClick: () => api.authChallengeSendMfaCode(authState.authenticateUserResponse?.challenge, authState.authenticateUserResponse?.session, authState.username), disabled: !isCodeValid, children: "Verify" }) })] }) }) }));
+}

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/index.d.ts

@@ -0,0 +1 @@
+export * from './AuthChallengeSoftwareTokenMfa';

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/index.js

@@ -0,0 +1 @@
+export * from './AuthChallengeSoftwareTokenMfa';

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/authActionCreator.d.ts

@@ -0,0 +1,2 @@
+import { AskResponse } from 'quidproquo-core';
+export declare function askAuthChallengeSetMfaCode(mfaCode: string): AskResponse<void>;

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/authActionCreator.js

@@ -0,0 +1,5 @@
+import { askStateDispatchEffect } from 'quidproquo-core';
+import { AuthChallengeMfaEffect } from './authChallengeTypes';
+export function* askAuthChallengeSetMfaCode(mfaCode) {
+    yield* askStateDispatchEffect(AuthChallengeMfaEffect.SetMfaCode, mfaCode);
+}

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/authChallengeReducer.d.ts

@@ -0,0 +1,3 @@
+import { AuthChallengeMfaState } from './authChallengeTypes';
+export declare const authChallengeMfaInitalState: AuthChallengeMfaState;
+export declare const authChallengeMfaReducer: (state: AuthChallengeMfaState, effect: import("./authChallengeTypes").AuthChallengeSetMfaCodeEffect) => [AuthChallengeMfaState, boolean];

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/authChallengeReducer.js

@@ -0,0 +1,10 @@
+import { buildMutableEffectReducer } from 'quidproquo-core';
+import { AuthChallengeMfaEffect } from './authChallengeTypes';
+export const authChallengeMfaInitalState = {
+    mfaCode: '',
+};
+export const authChallengeMfaReducer = buildMutableEffectReducer({
+    [AuthChallengeMfaEffect.SetMfaCode]: (state, mfaCode) => {
+        state.mfaCode = mfaCode;
+    },
+});

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/authChallengeTypes.d.ts

@@ -0,0 +1,15 @@
+import { Effect } from 'quidproquo-core';
+export type AuthChallengeMfaState = {
+    mfaCode: string;
+};
+export declare enum AuthChallengeMfaEffect {
+    SetMfaCode = "authMfa/SetMfaCode"
+}
+export type AuthChallengeSetMfaCodeEffect = Effect<AuthChallengeMfaEffect.SetMfaCode, string>;
+export type AuthChallengeMfaEffects = AuthChallengeSetMfaCodeEffect;
+export type AuthChallengeSendMfaCodePayload = {
+    email: string;
+    session: string;
+    challenge: string;
+    mfaCode: string;
+};

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/authChallengeTypes.js

@@ -0,0 +1,4 @@
+export var AuthChallengeMfaEffect;
+(function (AuthChallengeMfaEffect) {
+    AuthChallengeMfaEffect["SetMfaCode"] = "authMfa/SetMfaCode";
+})(AuthChallengeMfaEffect || (AuthChallengeMfaEffect = {}));

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/index.d.ts

@@ -0,0 +1,4 @@
+export * from './authActionCreator';
+export * from './authChallengeReducer';
+export * from './authChallengeTypes';
+export * from './runtime';

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/index.js

@@ -0,0 +1,4 @@
+export * from './authActionCreator';
+export * from './authChallengeReducer';
+export * from './authChallengeTypes';
+export * from './runtime';

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/runtime/askAuthChallengeSendMfaCode.d.ts

@@ -0,0 +1,2 @@
+import { AskResponse } from 'quidproquo-core';
+export declare function askAuthChallengeSendMfaCode(challenge: string, session: string, email: string): AskResponse<void>;

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/runtime/askAuthChallengeSendMfaCode.js

@@ -0,0 +1,19 @@
+import { askStateRead } from 'quidproquo-core';
+import { askPlatformRequest, askSaveAuthToken } from '../../../../platformLogic';
+import { askAuthUISetAuthInfo } from '../../../logic';
+export function* askAuthChallengeSendMfaCode(challenge, session, email) {
+    const { mfaCode } = yield* askStateRead('');
+    const response = yield* askPlatformRequest('POST', '/challenge', {
+        body: {
+            challenge,
+            email,
+            mfaCode,
+            session,
+        },
+    });
+    if (response.status < 200 || response.status >= 300) {
+        return;
+    }
+    yield* askSaveAuthToken(response.data);
+    yield* askAuthUISetAuthInfo(response.data);
+}

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/runtime/authChallengeLogic.d.ts

@@ -0,0 +1,6 @@
+import { askAuthChallengeSetMfaCode } from '../authActionCreator';
+import { askAuthChallengeSendMfaCode } from './askAuthChallengeSendMfaCode';
+export declare const authChallengeMfaLogic: {
+    askAuthChallengeSetMfaCode: typeof askAuthChallengeSetMfaCode;
+    askAuthChallengeSendMfaCode: typeof askAuthChallengeSendMfaCode;
+};

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/runtime/authChallengeLogic.js

@@ -0,0 +1,6 @@
+import { askAuthChallengeSetMfaCode } from '../authActionCreator';
+import { askAuthChallengeSendMfaCode } from './askAuthChallengeSendMfaCode';
+export const authChallengeMfaLogic = {
+    askAuthChallengeSetMfaCode,
+    askAuthChallengeSendMfaCode,
+};

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/runtime/index.d.ts

@@ -0,0 +1 @@
+export * from './authChallengeLogic';

package/lib/esm/Auth/AuthChallengeSoftwareTokenMfa/logic/runtime/index.js

@@ -0,0 +1 @@
+export * from './authChallengeLogic';

package/lib/esm/Auth/Login.d.ts

@@ -5,5 +5,5 @@ interface LoginProps {
     setPassword: (password: string) => void;
     onLogin: () => Promise<void>;
 }
-export declare function Login({ username, password, setUsername, setPassword, onLogin }: LoginProps): import("react/jsx-runtime").JSX.Element;
+export declare function Login({ username, password, setUsername, setPassword, onLogin }: LoginProps): import("react").JSX.Element;
 export {};

package/lib/esm/Config/Config.d.ts

@@ -1,2 +1,3 @@
-export declare function Config(): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare function Config(): React.JSX.Element;
 export default Config;

package/lib/esm/FederatedAddon.d.ts

@@ -1,3 +1,4 @@
+import { BaseUrlResolvers } from 'quidproquo-web-react';
 export type FederatedTab = {
     name: string;
     View: React.ComponentType;
@@ -7,3 +8,8 @@ export type FederatedAddon = {
     tab: FederatedTab;
     isQpqAdminFederatedAddon: boolean;
 };
+export type LoadFederatedAddonsContext = {
+    baseUrlResolvers: BaseUrlResolvers;
+    accessToken?: string;
+};
+export type LoadFederatedAddons = (context: LoadFederatedAddonsContext) => Promise<FederatedAddon[]>;

package/lib/esm/FederatedAddonProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LoadFederatedAddons } from './FederatedAddon';
+export type FederatedAddonProviderProps = {
+    loadAddons?: LoadFederatedAddons;
+    children: React.ReactNode;
+};
+export declare const FederatedAddonProvider: React.FC<FederatedAddonProviderProps>;
+export declare const useLoadFederatedAddons: () => LoadFederatedAddons;