quidproquo-web-admin 0.1.0 → 0.1.2

package/lib/commonjs/LogViewer/logic/actionComponentMap/core/coreInlineFunctionActionComponentMap.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_core_1 = require("quidproquo-core");
+const coreInlineFunctionActionComponentMap = {
+    [quidproquo_core_1.InlineFunctionActionType.Execute]: ['askInlineFunctionExecute', 'functionName', 'payload'],
+};
+exports.default = coreInlineFunctionActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/core/coreKeyValueStoreActionComponentMap.js

@@ -5,5 +5,10 @@ const quidproquo_core_1 = require("quidproquo-core");
 exports.coreKeyValueStoreActionComponentMap = {
     [quidproquo_core_1.KeyValueStoreActionType.Query]: ['askKeyValueStoreQuery', 'keyValueStoreName', 'keyCondition', 'options'],
     [quidproquo_core_1.KeyValueStoreActionType.Upsert]: ['askKeyValueStoreUpsert', 'keyValueStoreName', 'item', 'options'],
+    [quidproquo_core_1.KeyValueStoreActionType.Get]: ['askKeyValueStoreGet', 'keyValueStoreName', 'key', 'options'],
+    [quidproquo_core_1.KeyValueStoreActionType.GetAll]: ['askKeyValueStoreGetAll', 'keyValueStoreName', 'options'],
+    [quidproquo_core_1.KeyValueStoreActionType.Delete]: ['askKeyValueStoreDelete', 'keyValueStoreName', 'key', 'sortKey', 'options'],
+    [quidproquo_core_1.KeyValueStoreActionType.Update]: ['askKeyValueStoreUpdate', 'keyValueStoreName', 'updates', 'key', 'sortKey', 'options'],
+    [quidproquo_core_1.KeyValueStoreActionType.Scan]: ['askKeyValueStoreScan', 'keyValueStoreName', 'filterCondition', 'nextPageKey'],
 };
 exports.default = exports.coreKeyValueStoreActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/core/coreStateActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const coreStateActionComponentMap: Record<string, string[]>;
+export default coreStateActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/core/coreStateActionComponentMap.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_core_1 = require("quidproquo-core");
+const coreStateActionComponentMap = {
+    [quidproquo_core_1.StateActionType.Dispatch]: ['askStateDispatch', 'action'],
+    [quidproquo_core_1.StateActionType.Read]: ['askStateRead', 'path'],
+};
+exports.default = coreStateActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/core/coreStreamActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const coreStreamActionComponentMap: Record<string, string[]>;
+export default coreStreamActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/core/coreStreamActionComponentMap.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_core_1 = require("quidproquo-core");
+const coreStreamActionComponentMap = {
+    [quidproquo_core_1.StreamActionType.Read]: ['askStreamRead', 'streamId', 'noWait'],
+    [quidproquo_core_1.StreamActionType.Close]: ['askStreamClose', 'streamId'],
+};
+exports.default = coreStreamActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/core/coreSystemActionComponentMap.js

@@ -4,5 +4,6 @@ const quidproquo_core_1 = require("quidproquo-core");
 const coreSystemActionComponentMap = {
     [quidproquo_core_1.SystemActionType.Batch]: ['askBatch', 'actions'],
     [quidproquo_core_1.SystemActionType.ExecuteStory]: ['askExecuteStory', 'runtime', 'params', 'storySession'],
+    [quidproquo_core_1.SystemActionType.GetRuntimeCorrelation]: ['askGetRuntimeCorrelation'],
 };
 exports.default = coreSystemActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/core/coreUserDirectoryActionComponentMap.js

@@ -9,15 +9,25 @@ const coreUserDirectoryActionComponentMap = {
     [quidproquo_core_1.UserDirectoryActionType.RequestEmailVerification]: ['askUserDirectoryRequestEmailVerification', 'userDirectoryName', 'accessToken'],
     [quidproquo_core_1.UserDirectoryActionType.ConfirmEmailVerification]: ['askUserDirectoryConfirmEmailVerification', 'code', 'accessToken'],
     [quidproquo_core_1.UserDirectoryActionType.ReadAccessToken]: ['askUserDirectoryReadAccessToken', 'userDirectoryName', 'ignoreExpiration'],
-    [quidproquo_core_1.UserDirectoryActionType.SetAccessToken]: ['askUserDirectorySetAccessToken', 'accessToken'],
+    [quidproquo_core_1.UserDirectoryActionType.SetAccessToken]: ['askUserDirectorySetAccessToken', 'userDirectoryName', 'accessToken'],
     [quidproquo_core_1.UserDirectoryActionType.DecodeAccessToken]: ['askUserDirectoryDecodeAccessToken', 'userDirectoryName', 'ignoreExpiration', 'accessToken'],
     [quidproquo_core_1.UserDirectoryActionType.RespondToAuthChallenge]: ['askUserDirectoryRespondToAuthChallenge', 'userDirectoryName', 'authChallenge'],
     [quidproquo_core_1.UserDirectoryActionType.GetUserAttributes]: ['askUserDirectoryGetUserAttributes', 'userDirectoryName', 'username'],
     [quidproquo_core_1.UserDirectoryActionType.GetUserAttributesByUserId]: ['askUserDirectoryGetUserAttributesByUserId', 'userDirectoryName', 'userId'],
     [quidproquo_core_1.UserDirectoryActionType.SetUserAttributes]: ['askUserDirectorySetUserAttributes', 'userDirectoryName', 'username', 'userAttributes'],
-    [quidproquo_core_1.UserDirectoryActionType.ChangePassword]: ['askUserDirectoryChangePassword', 'oldPassword', 'newPassword'],
+    [quidproquo_core_1.UserDirectoryActionType.ChangePassword]: ['askUserDirectoryChangePassword', 'oldPassword', 'newPassword', 'accessToken'],
     [quidproquo_core_1.UserDirectoryActionType.SetPassword]: ['askUserDirectorySetPassword', 'userDirectoryName', 'username', 'newPassword'],
     [quidproquo_core_1.UserDirectoryActionType.GetUsers]: ['askUserDirectoryGetUsers', 'userDirectoryName', 'nextPageKey'],
     [quidproquo_core_1.UserDirectoryActionType.RefreshToken]: ['askUserDirectoryRefreshToken', 'userDirectoryName', 'refreshToken'],
+    [quidproquo_core_1.UserDirectoryActionType.AssociateSoftwareToken]: ['askUserDirectoryAssociateSoftwareToken', 'userDirectoryName', 'session'],
+    // 'attribueName' / 'attribueValue' match the (misspelled) payload keys in core
+    [quidproquo_core_1.UserDirectoryActionType.GetUsersByAttribute]: [
+        'askUserDirectoryGetUsersByAttribute',
+        'userDirectoryName',
+        'attribueName',
+        'attribueValue',
+        'limit',
+        'nextPageKey',
+    ],
 };
 exports.default = coreUserDirectoryActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/core/index.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const coreAiActionComponentMap_1 = __importDefault(require("./coreAiActionComponentMap"));
+const coreClaudeAiActionComponentMap_1 = __importDefault(require("./coreClaudeAiActionComponentMap"));
 const coreConfigActionComponentMap_1 = __importDefault(require("./coreConfigActionComponentMap"));
 const coreContextActionComponentMap_1 = __importDefault(require("./coreContextActionComponentMap"));
 const coreDateActionComponentMap_1 = __importDefault(require("./coreDateActionComponentMap"));
@@ -11,11 +13,15 @@ const coreErrorActionComponentMap_1 = __importDefault(require("./coreErrorAction
 const coreEventActionComponentMap_1 = __importDefault(require("./coreEventActionComponentMap"));
 const coreEventBusActionComponentMap_1 = __importDefault(require("./coreEventBusActionComponentMap"));
 const coreFileActionComponentMap_1 = __importDefault(require("./coreFileActionComponentMap"));
+const coreGraphDatabaseActionComponentMap_1 = __importDefault(require("./coreGraphDatabaseActionComponentMap"));
 const coreGuidActionComponentMap_1 = __importDefault(require("./coreGuidActionComponentMap"));
+const coreInlineFunctionActionComponentMap_1 = __importDefault(require("./coreInlineFunctionActionComponentMap"));
 const coreKeyValueStoreActionComponentMap_1 = __importDefault(require("./coreKeyValueStoreActionComponentMap"));
 const coreMathActionComponentMap_1 = __importDefault(require("./coreMathActionComponentMap"));
 const corePlatformActionComponentMap_1 = __importDefault(require("./corePlatformActionComponentMap"));
 const coreQueueActionComponentMap_1 = __importDefault(require("./coreQueueActionComponentMap"));
+const coreStateActionComponentMap_1 = __importDefault(require("./coreStateActionComponentMap"));
+const coreStreamActionComponentMap_1 = __importDefault(require("./coreStreamActionComponentMap"));
 const coreSystemActionComponentMap_1 = __importDefault(require("./coreSystemActionComponentMap"));
 const coreUserDirectoryActionComponentMap_1 = __importDefault(require("./coreUserDirectoryActionComponentMap"));
-exports.default = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, coreDeployEventActionComponentMap_1.default), coreConfigActionComponentMap_1.default), coreContextActionComponentMap_1.default), coreDateActionComponentMap_1.default), coreErrorActionComponentMap_1.default), coreEventActionComponentMap_1.default), coreEventBusActionComponentMap_1.default), coreFileActionComponentMap_1.default), coreGuidActionComponentMap_1.default), coreKeyValueStoreActionComponentMap_1.default), coreMathActionComponentMap_1.default), corePlatformActionComponentMap_1.default), coreQueueActionComponentMap_1.default), coreSystemActionComponentMap_1.default), coreUserDirectoryActionComponentMap_1.default);
+exports.default = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, coreDeployEventActionComponentMap_1.default), coreAiActionComponentMap_1.default), coreClaudeAiActionComponentMap_1.default), coreConfigActionComponentMap_1.default), coreContextActionComponentMap_1.default), coreDateActionComponentMap_1.default), coreErrorActionComponentMap_1.default), coreEventActionComponentMap_1.default), coreEventBusActionComponentMap_1.default), coreFileActionComponentMap_1.default), coreGraphDatabaseActionComponentMap_1.default), coreGuidActionComponentMap_1.default), coreInlineFunctionActionComponentMap_1.default), coreKeyValueStoreActionComponentMap_1.default), coreMathActionComponentMap_1.default), corePlatformActionComponentMap_1.default), coreQueueActionComponentMap_1.default), coreStateActionComponentMap_1.default), coreStreamActionComponentMap_1.default), coreSystemActionComponentMap_1.default), coreUserDirectoryActionComponentMap_1.default);

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/index.js

@@ -3,7 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const webserverAdminActionComponentMap_1 = __importDefault(require("./webserverAdminActionComponentMap"));
+const webserverApiKeyValidationActionComponentMap_1 = __importDefault(require("./webserverApiKeyValidationActionComponentMap"));
+const webserverDnsActionComponentMap_1 = __importDefault(require("./webserverDnsActionComponentMap"));
+const webserverGenericDataResourceActionComponentMap_1 = __importDefault(require("./webserverGenericDataResourceActionComponentMap"));
+const webserverOpenApiSpecActionComponentMap_1 = __importDefault(require("./webserverOpenApiSpecActionComponentMap"));
+const webserverRouteAuthValidationActionComponentMap_1 = __importDefault(require("./webserverRouteAuthValidationActionComponentMap"));
+const webserverServiceActionComponentMap_1 = __importDefault(require("./webserverServiceActionComponentMap"));
 const webserverServiceFunctionActionComponentMap_1 = __importDefault(require("./webserverServiceFunctionActionComponentMap"));
 const webserverWebEntryActionComponentMap_1 = __importDefault(require("./webserverWebEntryActionComponentMap"));
 const webserverWebsocketActionComponentMap_1 = __importDefault(require("./webserverWebsocketActionComponentMap"));
-exports.default = Object.assign(Object.assign(Object.assign({}, webserverServiceFunctionActionComponentMap_1.default), webserverWebEntryActionComponentMap_1.default), webserverWebsocketActionComponentMap_1.default);
+exports.default = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, webserverAdminActionComponentMap_1.default), webserverApiKeyValidationActionComponentMap_1.default), webserverDnsActionComponentMap_1.default), webserverGenericDataResourceActionComponentMap_1.default), webserverOpenApiSpecActionComponentMap_1.default), webserverRouteAuthValidationActionComponentMap_1.default), webserverServiceActionComponentMap_1.default), webserverServiceFunctionActionComponentMap_1.default), webserverWebEntryActionComponentMap_1.default), webserverWebsocketActionComponentMap_1.default);

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverAdminActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverAdminActionComponentMap: Record<string, string[]>;
+export default webserverAdminActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverAdminActionComponentMap.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_webserver_1 = require("quidproquo-webserver");
+const webserverAdminActionComponentMap = {
+    [quidproquo_webserver_1.AdminActionType.GetLog]: ['askAdminGetLog', 'correlationId'],
+    [quidproquo_webserver_1.AdminActionType.GetLogMetadata]: ['askAdminGetLogMetadata', 'correlationId'],
+    [quidproquo_webserver_1.AdminActionType.GetLogMetadataChildren]: ['askAdminGetLogMetadataChildren', 'correlationId', 'nextPageKey'],
+    [quidproquo_webserver_1.AdminActionType.GetLogs]: ['askAdminGetLogs', 'runtimeType', 'startIsoDateTime', 'endIsoDateTime', 'nextPageKey'],
+};
+exports.default = webserverAdminActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverApiKeyValidationActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverApiKeyValidationActionComponentMap: Record<string, string[]>;
+export default webserverApiKeyValidationActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverApiKeyValidationActionComponentMap.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_webserver_1 = require("quidproquo-webserver");
+const webserverApiKeyValidationActionComponentMap = {
+    [quidproquo_webserver_1.ApiKeyValidationActionType.Validate]: ['askApiKeyValidationValidate', 'apiKeyValue', 'apiKeyReferences'],
+};
+exports.default = webserverApiKeyValidationActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverDnsActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverDnsActionComponentMap: Record<string, string[]>;
+export default webserverDnsActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverDnsActionComponentMap.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_webserver_1 = require("quidproquo-webserver");
+const webserverDnsActionComponentMap = {
+    [quidproquo_webserver_1.DnsActionType.List]: ['askDnsList'],
+};
+exports.default = webserverDnsActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverGenericDataResourceActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverGenericDataResourceActionComponentMap: Record<string, string[]>;
+export default webserverGenericDataResourceActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverGenericDataResourceActionComponentMap.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_webserver_1 = require("quidproquo-webserver");
+const webserverGenericDataResourceActionComponentMap = {
+    [quidproquo_webserver_1.GenericDataResourceActionTypeEnum.Put]: ['askPutGenericDataResource', 'tableName', 'item'],
+    [quidproquo_webserver_1.GenericDataResourceActionTypeEnum.Scan]: ['askScanGenericDataResource', 'tableName', 'maxItems'],
+};
+exports.default = webserverGenericDataResourceActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverOpenApiSpecActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverOpenApiSpecActionComponentMap: Record<string, string[]>;
+export default webserverOpenApiSpecActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverOpenApiSpecActionComponentMap.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_webserver_1 = require("quidproquo-webserver");
+const webserverOpenApiSpecActionComponentMap = {
+    [quidproquo_webserver_1.OpenApiSpecActionType.GetOpenApiSpec]: ['askGetOpenApiSpec'],
+};
+exports.default = webserverOpenApiSpecActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverRouteAuthValidationActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverRouteAuthValidationActionComponentMap: Record<string, string[]>;
+export default webserverRouteAuthValidationActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverRouteAuthValidationActionComponentMap.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_webserver_1 = require("quidproquo-webserver");
+const webserverRouteAuthValidationActionComponentMap = {
+    [quidproquo_webserver_1.RouteAuthValidationActionType.Decode]: ['askRouteAuthValidationDecode', 'event', 'routeAuthSettings', 'ignoreExpiration'],
+};
+exports.default = webserverRouteAuthValidationActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverServiceActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverServiceActionComponentMap: Record<string, string[]>;
+export default webserverServiceActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverServiceActionComponentMap.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const quidproquo_webserver_1 = require("quidproquo-webserver");
+const webserverServiceActionComponentMap = {
+    [quidproquo_webserver_1.ServiceActionType.Request]: ['askServiceRequest', 'serviceName', 'method', 'payload'],
+};
+exports.default = webserverServiceActionComponentMap;

package/lib/commonjs/LogViewer/logic/actionComponentMap/webserver/webserverWebEntryActionComponentMap.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const quidproquo_webserver_1 = require("quidproquo-webserver");
 const webserverWebEntryActionComponentMap = {
-    [quidproquo_webserver_1.WebEntryActionType.InvalidateCache]: ['askWebEntryInvalidateCache', 'entryName'],
+    [quidproquo_webserver_1.WebEntryActionType.InvalidateCache]: ['askWebEntryInvalidateCache', 'webEntryName', 'paths'],
 };
 exports.default = webserverWebEntryActionComponentMap;

package/lib/commonjs/components/AdminDialog.js

@@ -24,14 +24,14 @@ const AdminDialog = ({ open, handleClose, title, selectedTab, onSelectTab, tabs,
     const handleTabChange = (event, newValue) => {
         onSelectTab(tabs[newValue]);
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { open: open, scroll: 'paper', "aria-labelledby": "scroll-dialog-title", "aria-describedby": "scroll-dialog-description", onClose: handleClose, maxWidth: false, fullWidth: true, PaperProps: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { "aria-describedby": "scroll-dialog-description", "aria-labelledby": "scroll-dialog-title", fullWidth: true, maxWidth: false, onClose: handleClose, open: open, PaperProps: {
             style: {
                 width: '90%',
                 height: '90%',
                 maxHeight: '90%',
                 maxWidth: '90%',
             },
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { id: "scroll-dialog-title", children: title }), tabs.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.AppBar, { position: "sticky", color: "primary", children: (0, jsx_runtime_1.jsx)(material_1.Tabs, { value: selectedTabIndex, onChange: handleTabChange, textColor: "inherit", indicatorColor: "secondary", children: tabs.map((t) => ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: t }, t))) }) })), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { dividers: true, sx: {
+        }, scroll: 'paper', children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { id: "scroll-dialog-title", children: title }), tabs.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.AppBar, { color: "primary", position: "sticky", children: (0, jsx_runtime_1.jsx)(material_1.Tabs, { indicatorColor: "secondary", onChange: handleTabChange, textColor: "inherit", value: selectedTabIndex, children: tabs.map((t) => ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: t }, t))) }) })), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { dividers: true, sx: {
                     minHeight: '150px',
                     overflowY: 'scroll',
                 }, children: children }), buttons.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: buttons.map((b) => ((0, jsx_runtime_1.jsx)(material_1.Button, { disabled: b.disabled, onClick: b.onClick, children: b.text }, b.text))) }))] }));

package/lib/commonjs/components/AsyncButton.js

@@ -32,5 +32,5 @@ function AsyncButton({ onClick, children, disabled, type }) {
             setLoading(false);
         }
     });
-    return ((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handleLogin, fullWidth: true, variant: "contained", color: "primary", disabled: loading || disabled, style: { maxHeight: '100%', height: '4em' }, type: type, children: loading ? (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: 24 }) : children }));
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, { color: "primary", disabled: loading || disabled, fullWidth: true, onClick: handleLogin, style: { maxHeight: '100%', height: '4em' }, type: type, variant: "contained", children: loading ? (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: 24 }) : children }));
 }

package/lib/commonjs/components/AutocompleteInput.js

@@ -8,8 +8,8 @@ const AutocompleteInput = ({ label, value, options, onChange }) => {
         onChange(newValue ? newValue.value : '');
     };
     const selectedValue = options.find((option) => option.value === value) || null;
-    return ((0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { options: options, getOptionLabel: (option) => option.label, value: selectedValue, onChange: handleChange, renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, params, { label: label, InputLabelProps: {
+    return ((0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { getOptionLabel: (option) => option.label, onChange: handleChange, options: options, renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, params, { InputLabelProps: {
                     shrink: true,
-                } }))) }) }));
+                }, label: label }))), value: selectedValue }) }));
 };
 exports.AutocompleteInput = AutocompleteInput;

package/lib/commonjs/components/DataGrid.js

@@ -16,6 +16,6 @@ const DataGrid = ({ items, columns, onRowClick }) => {
         valueGetter: 'valueGetter' in col ? (params) => col.valueGetter(params.row, params) : undefined,
         renderCell: (params) => { var _a; return (_a = col.renderCell) === null || _a === void 0 ? void 0 : _a.call(col, params.row, params); },
     }));
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: '100%', width: '100%' }, children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { rows: items, columns: muiColumns, onRowClick: handleRowClick }) }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: '100%', width: '100%' }, children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { columns: muiColumns, onRowClick: handleRowClick, rows: items }) }));
 };
 exports.DataGrid = DataGrid;

package/lib/commonjs/components/DataGridPagination/DataGridPagination.js

@@ -11,5 +11,5 @@ function DataGridPagination() {
     const apiRef = (0, x_data_grid_1.useGridApiContext)();
     const page = (0, x_data_grid_1.useGridSelector)(apiRef, x_data_grid_1.gridPageSelector);
     const pageCount = (0, x_data_grid_1.useGridSelector)(apiRef, x_data_grid_1.gridPageCountSelector);
-    return (0, jsx_runtime_1.jsx)(Pagination_1.default, { color: "primary", count: pageCount, page: page + 1, onChange: (event, value) => apiRef.current.setPage(value - 1) });
+    return (0, jsx_runtime_1.jsx)(Pagination_1.default, { color: "primary", count: pageCount, onChange: (event, value) => apiRef.current.setPage(value - 1), page: page + 1 });
 }

package/lib/commonjs/components/DateCell/DateCell.js

@@ -18,6 +18,6 @@ const DateCell = (props) => {
         month: '2-digit',
         year: '2-digit',
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsxs)(Typography_1.default, { variant: "body2", component: "span", children: [formattedDate, " ", formattedTime] }), (0, jsx_runtime_1.jsx)(LastSeen_1.default, { isoTime: date.toISOString(), timeStyle: "twitter" })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsxs)(Typography_1.default, { component: "span", variant: "body2", children: [formattedDate, " ", formattedTime] }), (0, jsx_runtime_1.jsx)(LastSeen_1.default, { isoTime: date.toISOString(), timeStyle: "twitter" })] }));
 };
 exports.DateCell = DateCell;

package/lib/commonjs/components/DateRangePicker.js

@@ -36,11 +36,11 @@ const DateRangePicker = ({ startIsoDateTime, endIsoDateTime, setStartIsoDateTime
     const handleQuickTimeClose = () => {
         setAnchorEl(null);
     };
-    return ((0, jsx_runtime_1.jsxs)(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterDateFns_1.AdapterDateFns, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.Box, { position: "relative", children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePicker, { label: "Start DateTime", value: new Date(startIsoDateTime), onChange: handleStartDateChange }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { position: "relative", children: [(0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePicker, { label: "End DateTime", value: new Date(endIsoDateTime), onChange: handleEndDateChange }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": "quick time select", "aria-controls": "quick-time-menu", "aria-haspopup": "true", onClick: handleQuickTimeClick, sx: {
+    return ((0, jsx_runtime_1.jsxs)(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterDateFns_1.AdapterDateFns, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.Box, { position: "relative", children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePicker, { label: "Start DateTime", onChange: handleStartDateChange, value: new Date(startIsoDateTime) }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { position: "relative", children: [(0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePicker, { label: "End DateTime", onChange: handleEndDateChange, value: new Date(endIsoDateTime) }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-controls": "quick-time-menu", "aria-haspopup": "true", "aria-label": "quick time select", onClick: handleQuickTimeClick, sx: {
                                         position: 'absolute',
                                         right: '-28px',
                                         top: '50%',
                                         transform: 'translateY(-50%)',
-                                    }, children: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Menu, { id: "quick-time-menu", anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleQuickTimeClose, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(5), children: "Last 5 minutes" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(30), children: "Last 30 minutes" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(1 * 60), children: "Last hour" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(3 * 60), children: "Last 3 hours" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(8 * 60), children: "Last 8 hours" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(16 * 60), children: "Last 16 hours" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(24 * 60), children: "Last 24 hours" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(7 * 24 * 60), children: "Last 7 days" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(30 * 24 * 60), children: "Last month" })] })] }));
+                                    }, children: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Menu, { anchorEl: anchorEl, id: "quick-time-menu", keepMounted: true, onClose: handleQuickTimeClose, open: Boolean(anchorEl), children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(5), children: "Last 5 minutes" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(30), children: "Last 30 minutes" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(1 * 60), children: "Last hour" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(3 * 60), children: "Last 3 hours" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(8 * 60), children: "Last 8 hours" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(16 * 60), children: "Last 16 hours" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(24 * 60), children: "Last 24 hours" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(7 * 24 * 60), children: "Last 7 days" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => handleQuickTimeSelect(30 * 24 * 60), children: "Last month" })] })] }));
 };
 exports.DateRangePicker = DateRangePicker;

package/lib/commonjs/components/MainLayout/MainLayout.js

@@ -5,13 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MainLayout = MainLayout;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const quidproquo_web_react_1 = require("quidproquo-web-react");
+const Logout_1 = __importDefault(require("@mui/icons-material/Logout"));
 const material_1 = require("@mui/material");
 const Box_1 = __importDefault(require("@mui/material/Box"));
+const logic_1 = require("../../Auth/logic");
 const queryParams_1 = require("../../queryParams");
 const useTabs_1 = require("./hooks/useTabs");
 function MainLayout() {
     const { tabs, loading } = (0, useTabs_1.useTabs)();
     const { tab, handleTabOnChange } = (0, queryParams_1.useUrlFields)();
+    const [authApi] = (0, quidproquo_web_react_1.useQpqRuntime)(logic_1.authRuntime);
     return ((0, jsx_runtime_1.jsxs)(Box_1.default, { sx: {
             display: 'flex',
             flexDirection: 'column',
@@ -23,7 +27,12 @@ function MainLayout() {
                     pb: '56px', // <— prevent content from being hidden behind bottom nav
                 }, children: tabs
                     .filter((t, index) => index === tab)
-                    .map((tab) => ((0, jsx_runtime_1.jsx)(tab.View, {}, tab.name))) }), (0, jsx_runtime_1.jsxs)(material_1.BottomNavigation, { value: tab, onChange: (event, newValue) => handleTabOnChange(event, newValue), showLabels: true, sx: {
+                    .map((tab) => ((0, jsx_runtime_1.jsx)(tab.View, {}, tab.name))) }), (0, jsx_runtime_1.jsxs)(material_1.BottomNavigation, { onChange: (event, newValue) => {
+                    // The trailing Logout / Loading actions are not tabs
+                    if (newValue < tabs.length) {
+                        handleTabOnChange(event, newValue);
+                    }
+                }, showLabels: true, sx: {
                     position: 'fixed',
                     bottom: 0,
                     left: 0,
@@ -32,5 +41,5 @@ function MainLayout() {
                     borderTop: 1,
                     borderColor: 'divider',
                     bgcolor: 'background.paper',
-                }, children: [tabs.map((t) => ((0, jsx_runtime_1.jsx)(material_1.BottomNavigationAction, { label: t.name, icon: t.icon }, t.name))), loading && (0, jsx_runtime_1.jsx)(material_1.BottomNavigationAction, { label: "Loading", icon: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 18 }), disabled: true })] })] }));
+                }, value: tab, children: [tabs.map((t) => ((0, jsx_runtime_1.jsx)(material_1.BottomNavigationAction, { icon: t.icon, label: t.name }, t.name))), loading && (0, jsx_runtime_1.jsx)(material_1.BottomNavigationAction, { disabled: true, icon: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 18 }), label: "Loading" }), (0, jsx_runtime_1.jsx)(material_1.BottomNavigationAction, { icon: (0, jsx_runtime_1.jsx)(Logout_1.default, {}), label: "Logout", onClick: () => authApi.authLogout() })] })] }));
 }

package/lib/commonjs/components/TextInput.js

@@ -7,8 +7,8 @@ const TextInput = ({ label, value, onChange }) => {
     const handleChange = (event) => {
         onChange(event.target.value);
     };
-    return ((0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { label: label, value: value || '', onChange: handleChange, InputLabelProps: {
+    return ((0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { InputLabelProps: {
                 shrink: true,
-            } }) }));
+            }, label: label, onChange: handleChange, value: value || '' }) }));
 };
 exports.TextInput = TextInput;

package/lib/commonjs/tmp/RandomView.js

@@ -47,6 +47,6 @@ const columns = [
 ];
 const AdminView = () => {
     const accessToken = (0, quidproquo_web_react_1.useAuthAccessToken)();
-    return ((0, jsx_runtime_1.jsx)(components_1.TabViewBox, { header: () => ((0, jsx_runtime_1.jsxs)(components_1.GridContainer, { spacing: 2, xs: 12, children: [(0, jsx_runtime_1.jsx)(components_1.GridItem, { xs: 6, children: (0, jsx_runtime_1.jsx)(components_1.DateRangePicker, { startIsoDateTime: new Date().toISOString(), endIsoDateTime: new Date().toISOString(), setStartIsoDateTime: () => { }, setEndIsoDateTime: () => { } }) }), (0, jsx_runtime_1.jsx)(components_1.GridItem, { xs: 4, children: (0, jsx_runtime_1.jsx)(components_1.TextInput, { label: "Email", onChange: () => { }, value: "" }) }), (0, jsx_runtime_1.jsx)(components_1.GridItem, { xs: 2, children: (0, jsx_runtime_1.jsx)(components_1.AsyncButton, { onClick: () => __awaiter(void 0, void 0, void 0, function* () { }), children: "Search" }) })] })), body: () => (0, jsx_runtime_1.jsx)(components_1.DataGrid, { items: [], columns: columns }) }));
+    return ((0, jsx_runtime_1.jsx)(components_1.TabViewBox, { body: () => (0, jsx_runtime_1.jsx)(components_1.DataGrid, { columns: columns, items: [] }), header: () => ((0, jsx_runtime_1.jsxs)(components_1.GridContainer, { spacing: 2, xs: 12, children: [(0, jsx_runtime_1.jsx)(components_1.GridItem, { xs: 6, children: (0, jsx_runtime_1.jsx)(components_1.DateRangePicker, { endIsoDateTime: new Date().toISOString(), setEndIsoDateTime: () => { }, setStartIsoDateTime: () => { }, startIsoDateTime: new Date().toISOString() }) }), (0, jsx_runtime_1.jsx)(components_1.GridItem, { xs: 4, children: (0, jsx_runtime_1.jsx)(components_1.TextInput, { label: "Email", onChange: () => { }, value: "" }) }), (0, jsx_runtime_1.jsx)(components_1.GridItem, { xs: 2, children: (0, jsx_runtime_1.jsx)(components_1.AsyncButton, { onClick: () => __awaiter(void 0, void 0, void 0, function* () { }), children: "Search" }) })] })) }));
 };
 exports.default = (0, react_1.memo)(AdminView);

package/lib/commonjs/useFederatedAddon.js

@@ -19,12 +19,13 @@ function useFederatedAddon() {
     const accessToken = (0, quidproquo_web_react_1.useAuthAccessToken)();
     const baseUrlResolvers = (0, quidproquo_web_react_1.useBaseUrlResolvers)();
     const loadAddons = (0, FederatedAddonProvider_1.useLoadFederatedAddons)();
+    // Stable identity so the mount-only effect below can list it as a dependency.
+    const doAsyncWork = (0, quidproquo_web_react_1.useEffectCallback)(() => __awaiter(this, void 0, void 0, function* () {
+        setLoading(true);
+        const addons = yield loadAddons({ baseUrlResolvers, accessToken });
+        setFederatedAddons(addons);
+    }));
     (0, react_1.useEffect)(() => {
-        const doAsyncWork = () => __awaiter(this, void 0, void 0, function* () {
-            setLoading(true);
-            const addons = yield loadAddons({ baseUrlResolvers, accessToken });
-            setFederatedAddons(addons);
-        });
         doAsyncWork()
             .catch((e) => {
             console.log(e);
@@ -33,7 +34,7 @@ function useFederatedAddon() {
             .finally(() => {
             setLoading(false);
         });
-    }, []);
+    }, [doAsyncWork]);
     return {
         addons: federatedAddons,
         loading,

package/lib/esm/Auth/Auth.js

@@ -1,14 +1,13 @@
 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 { authContext, 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';
+import { authRuntime } from './logic';
 import { Login } from './Login';
-const authRuntime = createQpqRuntimeDefinition(authLogic, authInitalState, authReducer);
 export function Auth({ children }) {
     const [api, state, dispatch] = useQpqRuntime(authRuntime, askAuthMain);
     const isAuthenticated = isLoggedOn(state);
@@ -21,7 +20,7 @@ export function Auth({ children }) {
     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: {
+    return (_jsxs(QpqRuntimeEffectCatcher, { runtime: authRuntime, children: [!isAuthenticated && (_jsx(Login, { onLogin: api.authLogin, password: state.password, setPassword: api.authUISetPassword, setUsername: api.authUISetUsername, username: state.username })), isAuthenticated && (_jsx(authContext.Provider, { value: {
                     challenge: state.authenticateUserResponse?.challenge,
                     session: state.authenticateUserResponse?.session,
                     username: state.username,

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

@@ -39,5 +39,5 @@ export function AuthChallengeMfaSetup({ authState }) {
             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" }) })] }) }) }));
+        }, 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, { gutterBottom: true, sx: { display: 'flex', alignItems: 'center' }, variant: "h5", children: [_jsx(LockIcon, { sx: { marginRight: 1 } }), "Set Up Authenticator"] }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(Typography, { color: "text.secondary", variant: "body2", 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, { color: "text.secondary", variant: "caption", children: "Secret key" }), _jsx(Typography, { sx: { fontFamily: 'monospace', wordBreak: 'break-all' }, variant: "body1", children: state.secretCode || 'Loading…' })] }), state.secretCode && (_jsx(Grid, { item: true, xs: 12, children: _jsx(Typography, { color: "text.secondary", sx: { wordBreak: 'break-all' }, variant: "caption", children: buildOtpAuthUri(authState.username, state.secretCode) }) })), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { autoFocus: true, fullWidth: true, id: "mfaCode", inputProps: { inputMode: 'numeric', pattern: '[0-9]*', maxLength: 6 }, label: "Authentication Code", onChange: (event) => api.authChallengeSetMfaSetupCode(event.target.value.replace(/\D/g, '')), required: true, value: state.mfaCode }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(AsyncButton, { disabled: !isCodeValid || !state.secretCode, onClick: () => api.authChallengeSendMfaSetupCode(challenge, authState.username), children: "Verify" }) })] }) }) }));
 }

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

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

package/lib/esm/Auth/AuthChallengeNewPasswordRequired/AuthChallengeNewPasswordRequired.js

@@ -23,5 +23,5 @@ export function AuthChallengeNewPasswordRequired({ authState }) {
             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 } }), "Password Change Required"] }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { required: true, fullWidth: true, id: "newPassword", label: "New Password", type: "password", autoFocus: true, value: state.passwordA, onChange: (event) => api.authChallengeSetPasswordA(event.target.value) }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { required: true, fullWidth: true, id: "confirmPassword", label: "Confirm Password", type: "password", value: state.passwordB, onChange: (event) => api.authChallengeSetPasswordB(event.target.value) }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(AsyncButton, { onClick: () => api.authChallengeSendPasswords(authState.authenticateUserResponse?.challenge, authState.authenticateUserResponse?.session, authState.username), disabled: !arePasswordsMatching, children: "Update Password" }) })] }) }) }));
+        }, 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, { gutterBottom: true, sx: { display: 'flex', alignItems: 'center' }, variant: "h5", children: [_jsx(LockIcon, { sx: { marginRight: 1 } }), "Password Change Required"] }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { autoFocus: true, fullWidth: true, id: "newPassword", label: "New Password", onChange: (event) => api.authChallengeSetPasswordA(event.target.value), required: true, type: "password", value: state.passwordA }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { fullWidth: true, id: "confirmPassword", label: "Confirm Password", onChange: (event) => api.authChallengeSetPasswordB(event.target.value), required: true, type: "password", value: state.passwordB }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(AsyncButton, { disabled: !arePasswordsMatching, onClick: () => api.authChallengeSendPasswords(authState.authenticateUserResponse?.challenge, authState.authenticateUserResponse?.session, authState.username), children: "Update Password" }) })] }) }) }));
 }

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

@@ -23,5 +23,5 @@ export function AuthChallengeSoftwareTokenMfa({ authState }) {
             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" }) })] }) }) }));
+        }, 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, { gutterBottom: true, sx: { display: 'flex', alignItems: 'center' }, variant: "h5", children: [_jsx(LockIcon, { sx: { marginRight: 1 } }), "Verification Code"] }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(Typography, { color: "text.secondary", variant: "body2", children: "Enter the 6-digit code from your authenticator app." }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { autoFocus: true, fullWidth: true, id: "mfaCode", inputProps: { inputMode: 'numeric', pattern: '[0-9]*', maxLength: 6 }, label: "Authentication Code", onChange: (event) => api.authChallengeSetMfaCode(event.target.value.replace(/\D/g, '')), required: true, value: state.mfaCode }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(AsyncButton, { disabled: !isCodeValid, onClick: () => api.authChallengeSendMfaCode(authState.authenticateUserResponse?.challenge, authState.authenticateUserResponse?.session, authState.username), children: "Verify" }) })] }) }) }));
 }

package/lib/esm/Auth/Login.js

@@ -14,8 +14,8 @@ export function Login({ username, password, setUsername, setPassword, onLogin })
             flexDirection: 'column',
             justifyContent: 'center',
             alignItems: 'center',
-        }, children: _jsx(Box, { component: "form", action: "#", autoComplete: "on", method: "post", 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 } }), "QPQ Admin"] }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { required: true, fullWidth: true, id: "username", label: "Username", type: "username", autoComplete: "username", autoFocus: true, value: username, onChange: (event) => setUsername(event.target.value) }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { required: true, fullWidth: true, id: "password", label: "Password", type: "password", autoComplete: "current-password", value: password, onChange: (event) => setPassword(event.target.value) }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(AsyncButton, { type: "submit", onClick: async (event) => {
+        }, children: _jsx(Box, { action: "#", autoComplete: "on", component: "form", method: "post", sx: { width: '100%', maxWidth: 360 }, children: _jsxs(Grid, { container: true, spacing: 2, children: [_jsx(Grid, { item: true, xs: 12, children: _jsxs(Typography, { gutterBottom: true, sx: { display: 'flex', alignItems: 'center' }, variant: "h5", children: [_jsx(LockIcon, { sx: { marginRight: 1 } }), "QPQ Admin"] }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { autoComplete: "username", autoFocus: true, fullWidth: true, id: "username", label: "Username", onChange: (event) => setUsername(event.target.value), required: true, type: "username", value: username }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TextField, { autoComplete: "current-password", fullWidth: true, id: "password", label: "Password", onChange: (event) => setPassword(event.target.value), required: true, type: "password", value: password }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(AsyncButton, { onClick: async (event) => {
                                 event.preventDefault();
                                 await onLogin();
-                            }, children: "Login" }) })] }) }) }));
+                            }, type: "submit", children: "Login" }) })] }) }) }));
 }

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

@@ -0,0 +1,7 @@
+export declare const authRuntime: import("quidproquo-web-react").QpqRuntimeDefinition<import("./authTypes").AuthState, import("./authTypes").AuthEffects, {
+    askAuthLogin: typeof import("./runtime/askAuthLogin").askAuthLogin;
+    askAuthLogout: typeof import("./runtime/askAuthLogout").askAuthLogout;
+    askAuthMain: typeof import("./runtime/askAuthMain").askAuthMain;
+    askAuthUISetUsername: typeof import("./authActionCreator").askAuthUISetUsername;
+    askAuthUISetPassword: typeof import("./authActionCreator").askAuthUISetPassword;
+}>;

package/lib/esm/Auth/logic/authRuntime.js

@@ -0,0 +1,4 @@
+import { createQpqRuntimeDefinition } from 'quidproquo-web-react';
+import { authLogic } from './runtime/authLogic';
+import { authInitalState, authReducer } from './authReducer';
+export const authRuntime = createQpqRuntimeDefinition(authLogic, authInitalState, authReducer);

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

@@ -1,4 +1,5 @@
 export * from './authActionCreator';
 export * from './authReducer';
+export * from './authRuntime';
 export * from './authTypes';
 export * from './runtime';

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

@@ -1,4 +1,5 @@
 export * from './authActionCreator';
 export * from './authReducer';
+export * from './authRuntime';
 export * from './authTypes';
 export * from './runtime';

package/lib/esm/Auth/logic/runtime/askAuthLogout.d.ts

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

package/lib/esm/Auth/logic/runtime/askAuthLogout.js

@@ -0,0 +1,12 @@
+import { AuthenticateUserChallenge } from 'quidproquo-core';
+import { askSaveAuthToken } from '../../../platformLogic';
+import { askAuthUISetAuthInfo, askAuthUISetPassword } from '../authActionCreator';
+export function* askAuthLogout() {
+    yield* askSaveAuthToken({
+        challenge: AuthenticateUserChallenge.NONE,
+    });
+    yield* askAuthUISetPassword('');
+    yield* askAuthUISetAuthInfo({
+        challenge: AuthenticateUserChallenge.NONE,
+    });
+}