@qpqjs/web-admin 0.0.0-stage → 0.2.0

package/lib/esm/ActionSearch/ActionSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSearch.js","sourceRoot":"","sources":["../../../src/ActionSearch/ActionSearch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Nullable } from '@qpqjs/core';\nimport { ActionSearchActionRow, ActionSearchFilter } from '@qpqjs/features';\n\nimport { useState } from 'react';\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select, { SelectChangeEvent } from '@mui/material/Select';\nimport { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers';\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';\n\nimport { CorrelationOpenSource, useAdminApp, useSessionState } from '../adminApp';\nimport { AsyncButton } from '../components/AsyncButton';\nimport { TabViewBox } from '../components/TabViewBox';\nimport { LogDialog } from '../LogViewer/LogDialog';\nimport { usePlatformApiPost } from '../view/hooks/useAsyncRequest';\nimport { ActionSearchFilterForm } from './components/ActionSearchFilterForm';\nimport { ActionSearchGrid } from './components/ActionSearchGrid';\nimport { EntityTimelineDialog } from './components/EntityTimelineDialog';\nimport { ActionSearchResultRow, useActionSearch } from './hooks/useActionSearch';\nimport { useActionSearchViews } from './hooks/useActionSearchViews';\nimport { EntityTimeline } from './types/EntityTimeline';\n\nconst DAY_IN_MS = 24 * 60 * 60 * 1000;\n\nexport const ActionSearch = () => {\n  const [api] = useAdminApp();\n  const session = useSessionState();\n\n  const views = useActionSearchViews();\n\n  const [viewKey, setViewKey] = useState(views[0]?.key ?? '');\n  const [startDate, setStartDate] = useState<Nullable<Date>>(() => new Date(Date.now() - DAY_IN_MS));\n  const [endDate, setEndDate] = useState<Nullable<Date>>(() => new Date());\n  const [filters, setFilters] = useState<ActionSearchFilter[]>([]);\n  const [timeline, setTimeline] = useState<Nullable<EntityTimeline>>(null);\n\n  const getEntityTimeline = usePlatformApiPost<ActionSearchActionRow[]>('/actionSearch/entity/timeline');\n\n  const view = views.find((searchView) => searchView.key === viewKey) ?? null;\n\n  const { rows, isSearching, runSearch } = useActionSearch(view);\n\n  const handleViewChange = (event: SelectChangeEvent) => {\n    setViewKey(event.target.value);\n    setFilters([]);\n  };\n\n  const handleSearch = async () => {\n    if (!startDate || !endDate) {\n      return;\n    }\n\n    await runSearch(startDate.toISOString(), endDate.toISOString(), filters);\n  };\n\n  const openLog = (correlation: string) => api.applyCorrelationOpened(correlation, CorrelationOpenSource.grid);\n\n  // Fetch here, in the event that creates the need, so the dialog stays presentational\n  const openEntityTimeline = async (linkKey: string) => {\n    const rows = await getEntityTimeline({ linkKey });\n\n    setTimeline({ linkKey, rows });\n  };\n\n  const handleRowClick = (row: ActionSearchResultRow) => {\n    if (view?.kind === 'entity') {\n      openEntityTimeline(String(row.linkKey));\n      return;\n    }\n\n    openLog(String(row.correlation));\n  };\n\n  const selectedLogCorrelation = session.openCorrelation ?? '';\n  const clearSelectedLogCorrelation = () => api.applyCorrelationClosed();\n  const setSelectedLogCorrelation = (correlation: string) => api.applyCorrelationOpened(correlation, CorrelationOpenSource.tree);\n\n  const renderHeader = () => (\n    <LocalizationProvider dateAdapter={AdapterDateFns}>\n      <Grid columns={12} container spacing={2}>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <InputLabel id=\"action-search-view-label\">View</InputLabel>\n            <Select label=\"View\" labelId=\"action-search-view-label\" onChange={handleViewChange} value={viewKey}>\n              {views.map((searchView) => (\n                <MenuItem key={searchView.key} value={searchView.key}>\n                  {searchView.viewName}\n                </MenuItem>\n              ))}\n            </Select>\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <DateTimePicker label=\"Start DateTime\" onChange={setStartDate} value={startDate} />\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <DateTimePicker label=\"End DateTime\" onChange={setEndDate} value={endDate} />\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <AsyncButton onClick={handleSearch}>Search</AsyncButton>\n        </Grid>\n        <Grid item xs={12}>\n          {view && <ActionSearchFilterForm fields={view.fields} filters={filters} onFiltersChange={setFilters} />}\n        </Grid>\n      </Grid>\n    </LocalizationProvider>\n  );\n\n  const renderBody = () => (\n    <>\n      {view && <ActionSearchGrid isLoading={isSearching} onRowClick={handleRowClick} rows={rows} view={view} />}\n      <EntityTimelineDialog onClose={() => setTimeline(null)} onOpenLog={openLog} timeline={timeline} />\n      <LogDialog\n        handleClose={clearSelectedLogCorrelation}\n        logCorrelation={selectedLogCorrelation}\n        open={!!selectedLogCorrelation}\n        setSelectedLogCorrelation={setSelectedLogCorrelation}\n        storyResultMetadatas={[]}\n      />\n    </>\n  );\n\n  return <TabViewBox body={renderBody} header={renderHeader} />;\n};\n"]}

package/lib/esm/ActionSearch/components/ActionSearchFilterForm.d.ts

@@ -0,0 +1,8 @@
+import { ActionSearchFieldDefinition, ActionSearchFilter } from '@qpqjs/features';
+type ActionSearchFilterFormProps = {
+    fields: ActionSearchFieldDefinition[];
+    filters: ActionSearchFilter[];
+    onFiltersChange: (filters: ActionSearchFilter[]) => void;
+};
+export declare const ActionSearchFilterForm: ({ fields, filters, onFiltersChange }: ActionSearchFilterFormProps) => import("react").JSX.Element;
+export {};

package/lib/esm/ActionSearch/components/ActionSearchFilterForm.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActionSearchFieldType, ActionSearchFilterOperator } from '@qpqjs/features';
+import FormControl from '@mui/material/FormControl';
+import Grid from '@mui/material/Grid';
+import InputLabel from '@mui/material/InputLabel';
+import MenuItem from '@mui/material/MenuItem';
+import Select from '@mui/material/Select';
+import TextField from '@mui/material/TextField';
+const FilterFieldControl = ({ field, filter, onFilterChange }) => {
+    const inputType = field.type === ActionSearchFieldType.Number ? 'number' : 'text';
+    if (field.operator === ActionSearchFilterOperator.Range) {
+        return (_jsxs(_Fragment, { children: [_jsx(Grid, { item: true, xs: 2, children: _jsx(FormControl, { fullWidth: true, children: _jsx(TextField, { InputLabelProps: { shrink: true }, label: `${field.label} (min)`, onChange: (event) => onFilterChange(field, { rangeStart: event.target.value }), type: inputType, value: filter?.rangeStart ?? '' }) }) }), _jsx(Grid, { item: true, xs: 2, children: _jsx(FormControl, { fullWidth: true, children: _jsx(TextField, { InputLabelProps: { shrink: true }, label: `${field.label} (max)`, onChange: (event) => onFilterChange(field, { rangeEnd: event.target.value }), type: inputType, value: filter?.rangeEnd ?? '' }) }) })] }));
+    }
+    if (field.type === ActionSearchFieldType.Enum) {
+        return (_jsx(Grid, { item: true, xs: 2, children: _jsxs(FormControl, { fullWidth: true, children: [_jsx(InputLabel, { id: `filter-${field.name}-label`, children: field.label }), _jsxs(Select, { label: field.label, labelId: `filter-${field.name}-label`, onChange: (event) => onFilterChange(field, { value: event.target.value }), value: filter?.value ?? '', children: [_jsx(MenuItem, { value: "", children: "Any" }), (field.enumValues ?? []).map((enumValue) => (_jsx(MenuItem, { value: enumValue, children: enumValue }, enumValue)))] })] }) }));
+    }
+    return (_jsx(Grid, { item: true, xs: 2, children: _jsx(FormControl, { fullWidth: true, children: _jsx(TextField, { InputLabelProps: { shrink: true }, label: field.label, onChange: (event) => onFilterChange(field, { value: event.target.value }), type: inputType, value: filter?.value ?? '' }) }) }));
+};
+export const ActionSearchFilterForm = ({ fields, filters, onFiltersChange }) => {
+    const getFilter = (fieldName) => filters.find((filter) => filter.fieldName === fieldName);
+    const handleFilterChange = (field, partial) => {
+        const existing = getFilter(field.name);
+        const updated = {
+            fieldName: field.name,
+            operator: field.operator,
+            ...existing,
+            ...partial,
+        };
+        onFiltersChange([...filters.filter((filter) => filter.fieldName !== field.name), updated]);
+    };
+    return (_jsx(Grid, { columns: 12, container: true, spacing: 2, children: fields.map((field) => (_jsx(FilterFieldControl, { field: field, filter: getFilter(field.name), onFilterChange: handleFilterChange }, field.name))) }));
+};
+//# sourceMappingURL=ActionSearchFilterForm.js.map

package/lib/esm/ActionSearch/components/ActionSearchFilterForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSearchFilterForm.js","sourceRoot":"","sources":["../../../../src/ActionSearch/components/ActionSearchFilterForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ActionSearchFieldDefinition, ActionSearchFieldType, ActionSearchFilter, ActionSearchFilterOperator } from '@qpqjs/features';\n\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select from '@mui/material/Select';\nimport TextField from '@mui/material/TextField';\n\ntype FilterFieldControlProps = {\n  field: ActionSearchFieldDefinition;\n  filter?: ActionSearchFilter;\n  onFilterChange: (field: ActionSearchFieldDefinition, partial: Partial<ActionSearchFilter>) => void;\n};\n\nconst FilterFieldControl = ({ field, filter, onFilterChange }: FilterFieldControlProps) => {\n  const inputType = field.type === ActionSearchFieldType.Number ? 'number' : 'text';\n\n  if (field.operator === ActionSearchFilterOperator.Range) {\n    return (\n      <>\n        <Grid item xs={2}>\n          <FormControl fullWidth>\n            <TextField\n              InputLabelProps={{ shrink: true }}\n              label={`${field.label} (min)`}\n              onChange={(event) => onFilterChange(field, { rangeStart: event.target.value })}\n              type={inputType}\n              value={filter?.rangeStart ?? ''}\n            />\n          </FormControl>\n        </Grid>\n        <Grid item xs={2}>\n          <FormControl fullWidth>\n            <TextField\n              InputLabelProps={{ shrink: true }}\n              label={`${field.label} (max)`}\n              onChange={(event) => onFilterChange(field, { rangeEnd: event.target.value })}\n              type={inputType}\n              value={filter?.rangeEnd ?? ''}\n            />\n          </FormControl>\n        </Grid>\n      </>\n    );\n  }\n\n  if (field.type === ActionSearchFieldType.Enum) {\n    return (\n      <Grid item xs={2}>\n        <FormControl fullWidth>\n          <InputLabel id={`filter-${field.name}-label`}>{field.label}</InputLabel>\n          <Select\n            label={field.label}\n            labelId={`filter-${field.name}-label`}\n            onChange={(event) => onFilterChange(field, { value: event.target.value })}\n            value={filter?.value ?? ''}\n          >\n            <MenuItem value=\"\">Any</MenuItem>\n            {(field.enumValues ?? []).map((enumValue) => (\n              <MenuItem key={enumValue} value={enumValue}>\n                {enumValue}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid item xs={2}>\n      <FormControl fullWidth>\n        <TextField\n          InputLabelProps={{ shrink: true }}\n          label={field.label}\n          onChange={(event) => onFilterChange(field, { value: event.target.value })}\n          type={inputType}\n          value={filter?.value ?? ''}\n        />\n      </FormControl>\n    </Grid>\n  );\n};\n\ntype ActionSearchFilterFormProps = {\n  fields: ActionSearchFieldDefinition[];\n  filters: ActionSearchFilter[];\n  onFiltersChange: (filters: ActionSearchFilter[]) => void;\n};\n\nexport const ActionSearchFilterForm = ({ fields, filters, onFiltersChange }: ActionSearchFilterFormProps) => {\n  const getFilter = (fieldName: string) => filters.find((filter) => filter.fieldName === fieldName);\n\n  const handleFilterChange = (field: ActionSearchFieldDefinition, partial: Partial<ActionSearchFilter>) => {\n    const existing = getFilter(field.name);\n    const updated: ActionSearchFilter = {\n      fieldName: field.name,\n      operator: field.operator,\n      ...existing,\n      ...partial,\n    };\n\n    onFiltersChange([...filters.filter((filter) => filter.fieldName !== field.name), updated]);\n  };\n\n  return (\n    <Grid columns={12} container spacing={2}>\n      {fields.map((field) => (\n        <FilterFieldControl key={field.name} field={field} filter={getFilter(field.name)} onFilterChange={handleFilterChange} />\n      ))}\n    </Grid>\n  );\n};\n"]}

package/lib/esm/ActionSearch/components/ActionSearchGrid.d.ts

@@ -0,0 +1,10 @@
+import { ActionSearchResultRow } from '../hooks/useActionSearch';
+import { ActionSearchView } from '../types/ActionSearchView';
+type ActionSearchGridProps = {
+    view: ActionSearchView;
+    rows: ActionSearchResultRow[];
+    isLoading: boolean;
+    onRowClick: (row: ActionSearchResultRow) => void;
+};
+export declare const ActionSearchGrid: ({ view, rows, isLoading, onRowClick }: ActionSearchGridProps) => import("react").JSX.Element;
+export {};

package/lib/esm/ActionSearch/components/ActionSearchGrid.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataGrid } from '@mui/x-data-grid';
+import { DataGridPagination } from '../../components/DataGridPagination/DataGridPagination';
+import { DateCell } from '../../components/DateCell/DateCell';
+const dateColumn = (field, headerName) => ({
+    field,
+    headerName,
+    flex: 1,
+    // Guarded so one row with a missing date can't crash the whole grid
+    renderCell: (params) => (params.value ? _jsx(DateCell, { isoDateTime: params.value }) : null),
+});
+const buildColumns = (view) => {
+    // Lookup-only fields (e.g. email recipient) have no row attribute to show
+    const fieldColumns = view.fields
+        .filter((field) => !field.hasLookup)
+        .map((field) => ({ field: field.name, headerName: field.label, flex: 1 }));
+    if (view.kind === 'action') {
+        return [
+            dateColumn('startedAt', 'Started at'),
+            { field: 'moduleName', headerName: 'Service', flex: 1 },
+            ...fieldColumns,
+            { field: 'error', headerName: 'Error', flex: 2 },
+        ];
+    }
+    return [dateColumn('createdAt', 'Created at'), ...fieldColumns];
+};
+const getRowId = (view, row) => view.kind === 'action' ? `${row.correlation}#${row.actionIndex}` : String(row.linkKey);
+export const ActionSearchGrid = ({ view, rows, isLoading, onRowClick }) => {
+    const columns = buildColumns(view);
+    const handleRowClick = (params) => onRowClick(params.row);
+    return (_jsx(DataGrid, { autoPageSize: true, columns: columns, components: {
+            Pagination: DataGridPagination,
+        }, loading: isLoading, onRowClick: handleRowClick, rows: rows.map((row) => ({ ...row, id: getRowId(view, row) })) }));
+};
+//# sourceMappingURL=ActionSearchGrid.js.map

package/lib/esm/ActionSearch/components/ActionSearchGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSearchGrid.js","sourceRoot":"","sources":["../../../../src/ActionSearch/components/ActionSearchGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAmD,MAAM,kBAAkB,CAAC;AAE7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,wDAAwD,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAI9D,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,UAAkB,EAAc,EAAE,CAAC,CAAC;IACrE,KAAK;IACL,UAAU;IACV,IAAI,EAAE,CAAC;IACP,oEAAoE;IACpE,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,WAAW,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;CAC9G,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,CAAC,IAAsB,EAAgB,EAAE;IAC5D,0EAA0E;IAC1E,MAAM,YAAY,GAAiB,IAAI,CAAC,MAAM;SAC3C,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;SACnC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAE7E,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO;YACL,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC;YACrC,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE;YACvD,GAAG,YAAY;YACf,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE;SACjD,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAsB,EAAE,GAA0B,EAAU,EAAE,CAC9E,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AASzF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAyB,EAAE,EAAE;IAC/F,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,cAAc,GAAG,CAAC,MAAqB,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,GAA4B,CAAC,CAAC;IAElG,OAAO,CACL,KAAC,QAAQ,IACP,YAAY,QACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE;YACV,UAAU,EAAE,kBAAkB;SAC/B,EACD,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,cAAc,EAC1B,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,GAC9D,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { DataGrid, GridColDef, GridRenderCellParams, GridRowParams } from '@mui/x-data-grid';\n\nimport { DataGridPagination } from '../../components/DataGridPagination/DataGridPagination';\nimport { DateCell } from '../../components/DateCell/DateCell';\nimport { ActionSearchResultRow } from '../hooks/useActionSearch';\nimport { ActionSearchView } from '../types/ActionSearchView';\n\nconst dateColumn = (field: string, headerName: string): GridColDef => ({\n  field,\n  headerName,\n  flex: 1,\n  // Guarded so one row with a missing date can't crash the whole grid\n  renderCell: (params: GridRenderCellParams) => (params.value ? <DateCell isoDateTime={params.value} /> : null),\n});\n\nconst buildColumns = (view: ActionSearchView): GridColDef[] => {\n  // Lookup-only fields (e.g. email recipient) have no row attribute to show\n  const fieldColumns: GridColDef[] = view.fields\n    .filter((field) => !field.hasLookup)\n    .map((field) => ({ field: field.name, headerName: field.label, flex: 1 }));\n\n  if (view.kind === 'action') {\n    return [\n      dateColumn('startedAt', 'Started at'),\n      { field: 'moduleName', headerName: 'Service', flex: 1 },\n      ...fieldColumns,\n      { field: 'error', headerName: 'Error', flex: 2 },\n    ];\n  }\n\n  return [dateColumn('createdAt', 'Created at'), ...fieldColumns];\n};\n\nconst getRowId = (view: ActionSearchView, row: ActionSearchResultRow): string =>\n  view.kind === 'action' ? `${row.correlation}#${row.actionIndex}` : String(row.linkKey);\n\ntype ActionSearchGridProps = {\n  view: ActionSearchView;\n  rows: ActionSearchResultRow[];\n  isLoading: boolean;\n  onRowClick: (row: ActionSearchResultRow) => void;\n};\n\nexport const ActionSearchGrid = ({ view, rows, isLoading, onRowClick }: ActionSearchGridProps) => {\n  const columns = buildColumns(view);\n\n  const handleRowClick = (params: GridRowParams) => onRowClick(params.row as ActionSearchResultRow);\n\n  return (\n    <DataGrid\n      autoPageSize\n      columns={columns}\n      components={{\n        Pagination: DataGridPagination,\n      }}\n      loading={isLoading}\n      onRowClick={handleRowClick}\n      rows={rows.map((row) => ({ ...row, id: getRowId(view, row) }))}\n    />\n  );\n};\n"]}

package/lib/esm/ActionSearch/components/EntityTimelineDialog.d.ts

@@ -0,0 +1,9 @@
+import { Nullable } from '@qpqjs/core';
+import { EntityTimeline } from '../types/EntityTimeline';
+type EntityTimelineDialogProps = {
+    timeline: Nullable<EntityTimeline>;
+    onClose: () => void;
+    onOpenLog: (correlation: string) => void;
+};
+export declare const EntityTimelineDialog: ({ timeline, onClose, onOpenLog }: EntityTimelineDialogProps) => import("react").JSX.Element;
+export {};

package/lib/esm/ActionSearch/components/EntityTimelineDialog.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import { DateCell } from '../../components/DateCell/DateCell';
+// Presentational only: the parent fetches the timeline in the row-click handler
+export const EntityTimelineDialog = ({ timeline, onClose, onOpenLog }) => (_jsxs(Dialog, { fullWidth: true, maxWidth: "md", onClose: onClose, open: !!timeline, children: [_jsx(DialogTitle, { children: "Timeline" }), _jsx(DialogContent, { children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Time" }), _jsx(TableCell, { children: "Action" }), _jsx(TableCell, { children: "Service" }), _jsx(TableCell, { children: "Error" }), _jsx(TableCell, {})] }) }), _jsx(TableBody, { children: (timeline?.rows ?? []).map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(DateCell, { isoDateTime: row.startedAt }) }), _jsx(TableCell, { children: row.actionType }), _jsx(TableCell, { children: row.moduleName }), _jsx(TableCell, { children: row.error ?? '' }), _jsx(TableCell, { children: _jsx(Button, { onClick: () => onOpenLog(row.correlation), size: "small", children: "Open log" }) })] }, `${row.correlation}#${row.actionIndex}`))) })] }) })] }));
+//# sourceMappingURL=EntityTimelineDialog.js.map

package/lib/esm/ActionSearch/components/EntityTimelineDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityTimelineDialog.js","sourceRoot":"","sources":["../../../../src/ActionSearch/components/EntityTimelineDialog.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAS9D,gFAAgF;AAChF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAA6B,EAAE,EAAE,CAAC,CACnG,MAAC,MAAM,IAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,aAChE,KAAC,WAAW,2BAAuB,EACnC,KAAC,aAAa,cACZ,MAAC,KAAK,IAAC,IAAI,EAAC,OAAO,aACjB,KAAC,SAAS,cACR,MAAC,QAAQ,eACP,KAAC,SAAS,uBAAiB,EAC3B,KAAC,SAAS,yBAAmB,EAC7B,KAAC,SAAS,0BAAoB,EAC9B,KAAC,SAAS,wBAAkB,EAC5B,KAAC,SAAS,KAAG,IACJ,GACD,EACZ,KAAC,SAAS,cACP,CAAC,QAAQ,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACnC,MAAC,QAAQ,eACP,KAAC,SAAS,cACR,KAAC,QAAQ,IAAC,WAAW,EAAE,GAAG,CAAC,SAAS,GAAI,GAC9B,EACZ,KAAC,SAAS,cAAE,GAAG,CAAC,UAAU,GAAa,EACvC,KAAC,SAAS,cAAE,GAAG,CAAC,UAAU,GAAa,EACvC,KAAC,SAAS,cAAE,GAAG,CAAC,KAAK,IAAI,EAAE,GAAa,EACxC,KAAC,SAAS,cACR,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,IAAI,EAAC,OAAO,yBAEtD,GACC,KAXC,GAAG,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,WAAW,EAAE,CAY3C,CACZ,CAAC,GACQ,IACN,GACM,IACT,CACV,CAAC","sourcesContent":["import { Nullable } from '@qpqjs/core';\n\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\n\nimport { DateCell } from '../../components/DateCell/DateCell';\nimport { EntityTimeline } from '../types/EntityTimeline';\n\ntype EntityTimelineDialogProps = {\n  timeline: Nullable<EntityTimeline>;\n  onClose: () => void;\n  onOpenLog: (correlation: string) => void;\n};\n\n// Presentational only: the parent fetches the timeline in the row-click handler\nexport const EntityTimelineDialog = ({ timeline, onClose, onOpenLog }: EntityTimelineDialogProps) => (\n  <Dialog fullWidth maxWidth=\"md\" onClose={onClose} open={!!timeline}>\n    <DialogTitle>Timeline</DialogTitle>\n    <DialogContent>\n      <Table size=\"small\">\n        <TableHead>\n          <TableRow>\n            <TableCell>Time</TableCell>\n            <TableCell>Action</TableCell>\n            <TableCell>Service</TableCell>\n            <TableCell>Error</TableCell>\n            <TableCell />\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {(timeline?.rows ?? []).map((row) => (\n            <TableRow key={`${row.correlation}#${row.actionIndex}`}>\n              <TableCell>\n                <DateCell isoDateTime={row.startedAt} />\n              </TableCell>\n              <TableCell>{row.actionType}</TableCell>\n              <TableCell>{row.moduleName}</TableCell>\n              <TableCell>{row.error ?? ''}</TableCell>\n              <TableCell>\n                <Button onClick={() => onOpenLog(row.correlation)} size=\"small\">\n                  Open log\n                </Button>\n              </TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </DialogContent>\n  </Dialog>\n);\n"]}

package/lib/esm/ActionSearch/hooks/useActionSearch.d.ts

@@ -0,0 +1,9 @@
+import { Nullable } from '@qpqjs/core';
+import { ActionSearchFilter } from '@qpqjs/features';
+import { ActionSearchView } from '../types/ActionSearchView';
+export type ActionSearchResultRow = Record<string, unknown>;
+export declare const useActionSearch: (view: Nullable<ActionSearchView>) => {
+    rows: ActionSearchResultRow[];
+    isSearching: boolean;
+    runSearch: (startIsoDateTime: string, endIsoDateTime: string, filters: ActionSearchFilter[]) => Promise<void>;
+};

package/lib/esm/ActionSearch/hooks/useActionSearch.js

@@ -0,0 +1,42 @@
+import { useState } from 'react';
+import { usePlatformApiPost } from '../../view/hooks/useAsyncRequest';
+// Matches the events search cap so a wide-open query can't page forever
+const MAX_RESULTS = 3000;
+export const useActionSearch = (view) => {
+    const listActionRows = usePlatformApiPost('/actionSearch/actions/list');
+    const listEntityRows = usePlatformApiPost('/actionSearch/entities/list');
+    const [results, setResults] = useState({ viewKey: '', rows: [] });
+    const [isSearching, setIsSearching] = useState(false);
+    const runSearch = async (startIsoDateTime, endIsoDateTime, filters) => {
+        if (!view) {
+            return;
+        }
+        setIsSearching(true);
+        try {
+            const collected = [];
+            let nextPageKey = undefined;
+            do {
+                const request = {
+                    ...(view.kind === 'action' ? { actionType: view.key } : { entityType: view.key }),
+                    startIsoDateTime,
+                    endIsoDateTime,
+                    filters,
+                    nextPageKey,
+                };
+                const page = view.kind === 'action' ? await listActionRows(request) : await listEntityRows(request);
+                collected.push(...page.items);
+                nextPageKey = page.nextPageKey;
+            } while (nextPageKey && collected.length < MAX_RESULTS);
+            setResults({ viewKey: view.key, rows: collected });
+        }
+        finally {
+            setIsSearching(false);
+        }
+    };
+    // Rows are tagged with the view that produced them. Deriving (not clearing in an
+    // effect) matters: an effect runs after render, so the first render after a view
+    // switch would still hand the old rows to the new view's columns and crash.
+    const rows = view && results.viewKey === view.key ? results.rows : [];
+    return { rows, isSearching, runSearch };
+};
+//# sourceMappingURL=useActionSearch.js.map

package/lib/esm/ActionSearch/hooks/useActionSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionSearch.js","sourceRoot":"","sources":["../../../../src/ActionSearch/hooks/useActionSearch.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAGtE,wEAAwE;AACxE,MAAM,WAAW,GAAG,IAAI,CAAC;AASzB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAgC,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,kBAAkB,CAAsC,4BAA4B,CAAC,CAAC;IAC7G,MAAM,cAAc,GAAG,kBAAkB,CAAsC,6BAA6B,CAAC,CAAC;IAE9G,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAsB,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACvF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,KAAK,EAAE,gBAAwB,EAAE,cAAsB,EAAE,OAA6B,EAAiB,EAAE;QACzH,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC;YACH,MAAM,SAAS,GAA4B,EAAE,CAAC;YAC9C,IAAI,WAAW,GAAuB,SAAS,CAAC;YAEhD,GAAG,CAAC;gBACF,MAAM,OAAO,GAA4B;oBACvC,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC;oBACjF,gBAAgB;oBAChB,cAAc;oBACd,OAAO;oBACP,WAAW;iBACZ,CAAC;gBAEF,MAAM,IAAI,GAAwC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC;gBAEzI,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC9B,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACjC,CAAC,QAAQ,WAAW,IAAI,SAAS,CAAC,MAAM,GAAG,WAAW,EAAE;YAExD,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QACrD,CAAC;gBAAS,CAAC;YACT,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,iFAAiF;IACjF,iFAAiF;IACjF,4EAA4E;IAC5E,MAAM,IAAI,GAAG,IAAI,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AAC1C,CAAC,CAAC","sourcesContent":["import { Nullable, QpqPagedData } from '@qpqjs/core';\nimport { ActionSearchFilter } from '@qpqjs/features';\n\nimport { useState } from 'react';\n\nimport { usePlatformApiPost } from '../../view/hooks/useAsyncRequest';\nimport { ActionSearchView } from '../types/ActionSearchView';\n\n// Matches the events search cap so a wide-open query can't page forever\nconst MAX_RESULTS = 3000;\n\nexport type ActionSearchResultRow = Record<string, unknown>;\n\ntype ActionSearchResults = {\n  viewKey: string;\n  rows: ActionSearchResultRow[];\n};\n\nexport const useActionSearch = (view: Nullable<ActionSearchView>) => {\n  const listActionRows = usePlatformApiPost<QpqPagedData<ActionSearchResultRow>>('/actionSearch/actions/list');\n  const listEntityRows = usePlatformApiPost<QpqPagedData<ActionSearchResultRow>>('/actionSearch/entities/list');\n\n  const [results, setResults] = useState<ActionSearchResults>({ viewKey: '', rows: [] });\n  const [isSearching, setIsSearching] = useState(false);\n\n  const runSearch = async (startIsoDateTime: string, endIsoDateTime: string, filters: ActionSearchFilter[]): Promise<void> => {\n    if (!view) {\n      return;\n    }\n\n    setIsSearching(true);\n    try {\n      const collected: ActionSearchResultRow[] = [];\n      let nextPageKey: string | undefined = undefined;\n\n      do {\n        const request: Record<string, unknown> = {\n          ...(view.kind === 'action' ? { actionType: view.key } : { entityType: view.key }),\n          startIsoDateTime,\n          endIsoDateTime,\n          filters,\n          nextPageKey,\n        };\n\n        const page: QpqPagedData<ActionSearchResultRow> = view.kind === 'action' ? await listActionRows(request) : await listEntityRows(request);\n\n        collected.push(...page.items);\n        nextPageKey = page.nextPageKey;\n      } while (nextPageKey && collected.length < MAX_RESULTS);\n\n      setResults({ viewKey: view.key, rows: collected });\n    } finally {\n      setIsSearching(false);\n    }\n  };\n\n  // Rows are tagged with the view that produced them. Deriving (not clearing in an\n  // effect) matters: an effect runs after render, so the first render after a view\n  // switch would still hand the old rows to the new view's columns and crash.\n  const rows = view && results.viewKey === view.key ? results.rows : [];\n\n  return { rows, isSearching, runSearch };\n};\n"]}

package/lib/esm/ActionSearch/hooks/useActionSearchViews.d.ts

@@ -0,0 +1,2 @@
+import { ActionSearchView } from '../types/ActionSearchView';
+export declare const useActionSearchViews: () => ActionSearchView[];

package/lib/esm/ActionSearch/hooks/useActionSearchViews.js

@@ -0,0 +1,27 @@
+import { actionSearchRegistry } from '@qpqjs/features';
+import { useMemo } from 'react';
+const buildViews = () => {
+    const views = [];
+    // Definitions can share an entity (e.g. email send + status updates); one view each
+    const seenEntityTypes = new Set();
+    for (const definition of actionSearchRegistry) {
+        views.push({
+            kind: 'action',
+            key: definition.action.actionType,
+            viewName: definition.action.viewName,
+            fields: definition.action.fields,
+        });
+        if (definition.entity && !seenEntityTypes.has(definition.entity.entityType)) {
+            seenEntityTypes.add(definition.entity.entityType);
+            views.push({
+                kind: 'entity',
+                key: definition.entity.entityType,
+                viewName: definition.entity.viewName,
+                fields: definition.entity.fields,
+            });
+        }
+    }
+    return views;
+};
+export const useActionSearchViews = () => useMemo(buildViews, []);
+//# sourceMappingURL=useActionSearchViews.js.map

package/lib/esm/ActionSearch/hooks/useActionSearchViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionSearchViews.js","sourceRoot":"","sources":["../../../../src/ActionSearch/hooks/useActionSearchViews.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,UAAU,GAAG,GAAuB,EAAE;IAC1C,MAAM,KAAK,GAAuB,EAAE,CAAC;IAErC,oFAAoF;IACpF,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU,CAAC;IAE1C,KAAK,MAAM,UAAU,IAAI,oBAAoB,EAAE,CAAC;QAC9C,KAAK,CAAC,IAAI,CAAC;YACT,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU;YACjC,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ;YACpC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM;SACjC,CAAC,CAAC;QAEH,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;YAC5E,eAAe,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAElD,KAAK,CAAC,IAAI,CAAC;gBACT,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU;gBACjC,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ;gBACpC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM;aACjC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAuB,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC","sourcesContent":["import { actionSearchRegistry } from '@qpqjs/features';\n\nimport { useMemo } from 'react';\n\nimport { ActionSearchView } from '../types/ActionSearchView';\n\nconst buildViews = (): ActionSearchView[] => {\n  const views: ActionSearchView[] = [];\n\n  // Definitions can share an entity (e.g. email send + status updates); one view each\n  const seenEntityTypes = new Set<string>();\n\n  for (const definition of actionSearchRegistry) {\n    views.push({\n      kind: 'action',\n      key: definition.action.actionType,\n      viewName: definition.action.viewName,\n      fields: definition.action.fields,\n    });\n\n    if (definition.entity && !seenEntityTypes.has(definition.entity.entityType)) {\n      seenEntityTypes.add(definition.entity.entityType);\n\n      views.push({\n        kind: 'entity',\n        key: definition.entity.entityType,\n        viewName: definition.entity.viewName,\n        fields: definition.entity.fields,\n      });\n    }\n  }\n\n  return views;\n};\n\nexport const useActionSearchViews = (): ActionSearchView[] => useMemo(buildViews, []);\n"]}

package/lib/esm/ActionSearch/index.d.ts

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

package/lib/esm/ActionSearch/index.js

@@ -0,0 +1,2 @@
+export * from './ActionSearch';
+//# sourceMappingURL=index.js.map

package/lib/esm/ActionSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ActionSearch/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './ActionSearch';\n"]}

package/lib/esm/ActionSearch/types/ActionSearchView.d.ts

@@ -0,0 +1,7 @@
+import { ActionSearchFieldDefinition } from '@qpqjs/features';
+export type ActionSearchView = {
+    kind: 'action' | 'entity';
+    key: string;
+    viewName: string;
+    fields: ActionSearchFieldDefinition[];
+};

package/lib/esm/ActionSearch/types/ActionSearchView.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ActionSearchView.js.map

package/lib/esm/ActionSearch/types/ActionSearchView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSearchView.js","sourceRoot":"","sources":["../../../../src/ActionSearch/types/ActionSearchView.ts"],"names":[],"mappings":"","sourcesContent":["import { ActionSearchFieldDefinition } from '@qpqjs/features';\n\nexport type ActionSearchView = {\n  kind: 'action' | 'entity';\n\n  // actionType for action views, entityType for entity views\n  key: string;\n\n  viewName: string;\n  fields: ActionSearchFieldDefinition[];\n};\n"]}

package/lib/esm/ActionSearch/types/EntityTimeline.d.ts

@@ -0,0 +1,5 @@
+import { ActionSearchActionRow } from '@qpqjs/features';
+export type EntityTimeline = {
+    linkKey: string;
+    rows: ActionSearchActionRow[];
+};

package/lib/esm/ActionSearch/types/EntityTimeline.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EntityTimeline.js.map

package/lib/esm/ActionSearch/types/EntityTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityTimeline.js","sourceRoot":"","sources":["../../../../src/ActionSearch/types/EntityTimeline.ts"],"names":[],"mappings":"","sourcesContent":["import { ActionSearchActionRow } from '@qpqjs/features';\n\nexport type EntityTimeline = {\n  linkKey: string;\n  rows: ActionSearchActionRow[];\n};\n"]}

package/lib/esm/ActionSearch/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActionSearchView';
+export * from './EntityTimeline';

package/lib/esm/ActionSearch/types/index.js

@@ -0,0 +1,3 @@
+export * from './ActionSearchView';
+export * from './EntityTimeline';
+//# sourceMappingURL=index.js.map

package/lib/esm/ActionSearch/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ActionSearch/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './ActionSearchView';\nexport * from './EntityTimeline';\n"]}

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

@@ -0,0 +1,8 @@
+import { BaseUrlResolvers } from '@qpqjs/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

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseUrlProvider, createQpqStore, QpqContextProvider, QpqStoreProvider, WebsocketProvider } from '@qpqjs/web-react';
+import { useMemo } from 'react';
+import CssBaseline from '@mui/material/CssBaseline';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { AdminAppProvider } from '../adminApp';
+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';
+const darkTheme = createTheme({
+    palette: {
+        mode: 'light',
+    },
+});
+// Owned here (not by the provider) so the Redux DevTools bridge wires up once
+// at module load; the extension shows the whole admin state as one object.
+const adminQpqStore = createQpqStore({ devToolsName: 'qpq-admin' });
+export const App = ({ urlResolvers, loadAddons }) => {
+    const baseUrls = useMemo(() => ({
+        api: urlResolvers.getApiUrl(),
+        ws: urlResolvers.getWsUrl(),
+    }), [urlResolvers]);
+    return (_jsx(QpqStoreProvider, { store: adminQpqStore, children: _jsx(QpqContextProvider, { contextIdentifier: baseUrlsContext, value: baseUrls, children: _jsx(BaseUrlProvider, { urlResolvers: urlResolvers, children: _jsxs(ThemeProvider, { theme: darkTheme, children: [_jsx(CssBaseline, {}), _jsx(LoadingProvider, { children: _jsx(Auth, { children: _jsx(AdminAppProvider, { children: _jsx(WebsocketProvider, { wsUrl: urlResolvers.getWsUrl(), children: _jsx(WebSocketAuthProvider, { children: _jsx(FederatedAddonProvider, { loadAddons: loadAddons, children: _jsx(MainLayout, {}) }) }) }) }) }) })] }) }) }) }));
+};
+//# sourceMappingURL=App.js.map

package/lib/esm/App/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/App/App.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAoB,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE9I,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAY,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,SAAS,GAAG,WAAW,CAAC;IAC5B,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;KACd;CACF,CAAC,CAAC;AAEH,8EAA8E;AAC9E,2EAA2E;AAC3E,MAAM,aAAa,GAAG,cAAc,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,CAAC;AAUpE,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,EAAE;IACtE,MAAM,QAAQ,GAAa,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,YAAY,CAAC,SAAS,EAAE;QAC7B,EAAE,EAAE,YAAY,CAAC,QAAQ,EAAE;KAC5B,CAAC,EACF,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IAAC,KAAK,EAAE,aAAa,YACpC,KAAC,kBAAkB,IAAC,iBAAiB,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,YACrE,KAAC,eAAe,IAAC,YAAY,EAAE,YAAY,YACzC,MAAC,aAAa,IAAC,KAAK,EAAE,SAAS,aAC7B,KAAC,WAAW,KAAG,EACf,KAAC,eAAe,cACd,KAAC,IAAI,cACH,KAAC,gBAAgB,cACf,KAAC,iBAAiB,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,YAC/C,KAAC,qBAAqB,cACpB,KAAC,sBAAsB,IAAC,UAAU,EAAE,UAAU,YAC5C,KAAC,UAAU,KAAG,GACS,GACH,GACN,GACH,GACd,GACS,IACJ,GACA,GACC,GACJ,CACpB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { BaseUrlProvider, BaseUrlResolvers, createQpqStore, QpqContextProvider, QpqStoreProvider, WebsocketProvider } from '@qpqjs/web-react';\n\nimport React, { useMemo } from 'react';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { createTheme, ThemeProvider } from '@mui/material/styles';\n\nimport { AdminAppProvider } from '../adminApp';\nimport { Auth } from '../Auth/Auth';\nimport { MainLayout } from '../components';\nimport { LoadFederatedAddons } from '../FederatedAddon';\nimport { FederatedAddonProvider } from '../FederatedAddonProvider';\nimport { BaseUrls, baseUrlsContext } from '../platformLogic/contexts';\nimport { LoadingProvider } from '../view';\nimport { WebSocketAuthProvider } from '../WebSocketAuthProvider';\n\nconst darkTheme = createTheme({\n  palette: {\n    mode: 'light',\n  },\n});\n\n// Owned here (not by the provider) so the Redux DevTools bridge wires up once\n// at module load; the extension shows the whole admin state as one object.\nconst adminQpqStore = createQpqStore({ devToolsName: 'qpq-admin' });\n\nexport type AppProps = {\n  urlResolvers: BaseUrlResolvers;\n\n  // Optional hook for the host application to federate / load admin addons.\n  // When omitted, no addons are loaded.\n  loadAddons?: LoadFederatedAddons;\n};\n\nexport const App: React.FC<AppProps> = ({ urlResolvers, loadAddons }) => {\n  const baseUrls: BaseUrls = useMemo(\n    () => ({\n      api: urlResolvers.getApiUrl(),\n      ws: urlResolvers.getWsUrl(),\n    }),\n    [urlResolvers],\n  );\n\n  return (\n    <QpqStoreProvider store={adminQpqStore}>\n      <QpqContextProvider contextIdentifier={baseUrlsContext} value={baseUrls}>\n        <BaseUrlProvider urlResolvers={urlResolvers}>\n          <ThemeProvider theme={darkTheme}>\n            <CssBaseline />\n            <LoadingProvider>\n              <Auth>\n                <AdminAppProvider>\n                  <WebsocketProvider wsUrl={urlResolvers.getWsUrl()}>\n                    <WebSocketAuthProvider>\n                      <FederatedAddonProvider loadAddons={loadAddons}>\n                        <MainLayout />\n                      </FederatedAddonProvider>\n                    </WebSocketAuthProvider>\n                  </WebsocketProvider>\n                </AdminAppProvider>\n              </Auth>\n            </LoadingProvider>\n          </ThemeProvider>\n        </BaseUrlProvider>\n      </QpqContextProvider>\n    </QpqStoreProvider>\n  );\n};\n"]}

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

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

package/lib/esm/App/index.js

@@ -0,0 +1,2 @@
+export * from './App';
+//# sourceMappingURL=index.js.map

package/lib/esm/App/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/App/index.tsx"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC","sourcesContent":["export * from './App';\n"]}

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface AuthProps {
+    children?: ReactNode;
+}
+export declare function Auth({ children }: AuthProps): import("react").JSX.Element;
+export {};

package/lib/esm/Auth/Auth.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AuthenticateUserChallenge } from '@qpqjs/core';
+import { authContext, QpqRuntimeEffectCatcher, useQpqRuntime } from '@qpqjs/web-react';
+import { AuthChallengeMfaSetup } from './AuthChallengeMfaSetup/AuthChallengeMfaSetup';
+import { AuthChallengeNewPasswordRequired } from './AuthChallengeNewPasswordRequired/AuthChallengeNewPasswordRequired';
+import { AuthChallengeSoftwareTokenMfa } from './AuthChallengeSoftwareTokenMfa/AuthChallengeSoftwareTokenMfa';
+import { isLoggedOn } from './logic/isLoggedOn';
+import { authRuntime } from './logic';
+import { Login } from './Login';
+export function Auth({ children }) {
+    const [api, state] = useQpqRuntime(authRuntime);
+    const isAuthenticated = isLoggedOn(state);
+    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, { 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,
+                    authenticationInfo: state.authenticateUserResponse?.authenticationInfo,
+                }, children: children }))] }));
+}
+//# sourceMappingURL=Auth.js.map

package/lib/esm/Auth/Auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.js","sourceRoot":"","sources":["../../../src/Auth/Auth.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,gCAAgC,EAAE,MAAM,qEAAqE,CAAC;AACvH,OAAO,EAAE,6BAA6B,EAAE,MAAM,+DAA+D,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAMhC,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAa;IAC1C,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,KAAK,CAAC,wBAAwB,EAAE,SAAS,KAAK,yBAAyB,CAAC,qBAAqB,EAAE,CAAC;QAClG,OAAO,CACL,KAAC,uBAAuB,IAAC,OAAO,EAAE,WAAW,YAC3C,KAAC,gCAAgC,IAAC,SAAS,EAAE,KAAK,GAAqC,GAC/D,CAC3B,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,wBAAwB,EAAE,SAAS,KAAK,yBAAyB,CAAC,kBAAkB,EAAE,CAAC;QAC/F,OAAO,CACL,KAAC,uBAAuB,IAAC,OAAO,EAAE,WAAW,YAC3C,KAAC,6BAA6B,IAAC,SAAS,EAAE,KAAK,GAAkC,GACzD,CAC3B,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,wBAAwB,EAAE,SAAS,KAAK,yBAAyB,CAAC,SAAS,EAAE,CAAC;QACtF,OAAO,CACL,KAAC,uBAAuB,IAAC,OAAO,EAAE,WAAW,YAC3C,KAAC,qBAAqB,IAAC,SAAS,EAAE,KAAK,GAA0B,GACzC,CAC3B,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,uBAAuB,IAAC,OAAO,EAAE,WAAW,aAC1C,CAAC,eAAe,IAAI,CACnB,KAAC,KAAK,IACJ,OAAO,EAAE,GAAG,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,GAAG,CAAC,iBAAiB,EAClC,WAAW,EAAE,GAAG,CAAC,iBAAiB,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,CACH,EACA,eAAe,IAAI,CAClB,KAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;oBACL,SAAS,EAAE,KAAK,CAAC,wBAAwB,EAAE,SAAS;oBACpD,OAAO,EAAE,KAAK,CAAC,wBAAwB,EAAE,OAAO;oBAChD,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,EAAE,kBAAkB;iBACvE,YAEA,QAAQ,GACY,CACxB,IACuB,CAC3B,CAAC;AACJ,CAAC","sourcesContent":["import { AuthenticateUserChallenge } from '@qpqjs/core';\nimport { authContext, QpqRuntimeEffectCatcher, useQpqRuntime } from '@qpqjs/web-react';\n\nimport { ReactNode } from 'react';\n\nimport { AuthChallengeMfaSetup } from './AuthChallengeMfaSetup/AuthChallengeMfaSetup';\nimport { AuthChallengeNewPasswordRequired } from './AuthChallengeNewPasswordRequired/AuthChallengeNewPasswordRequired';\nimport { AuthChallengeSoftwareTokenMfa } from './AuthChallengeSoftwareTokenMfa/AuthChallengeSoftwareTokenMfa';\nimport { isLoggedOn } from './logic/isLoggedOn';\nimport { authRuntime } from './logic';\nimport { Login } from './Login';\n\ninterface AuthProps {\n  children?: ReactNode;\n}\n\nexport function Auth({ children }: AuthProps) {\n  const [api, state] = useQpqRuntime(authRuntime);\n\n  const isAuthenticated = isLoggedOn(state);\n\n  if (state.authenticateUserResponse?.challenge === AuthenticateUserChallenge.NEW_PASSWORD_REQUIRED) {\n    return (\n      <QpqRuntimeEffectCatcher runtime={authRuntime}>\n        <AuthChallengeNewPasswordRequired authState={state}></AuthChallengeNewPasswordRequired>\n      </QpqRuntimeEffectCatcher>\n    );\n  }\n\n  if (state.authenticateUserResponse?.challenge === AuthenticateUserChallenge.SOFTWARE_TOKEN_MFA) {\n    return (\n      <QpqRuntimeEffectCatcher runtime={authRuntime}>\n        <AuthChallengeSoftwareTokenMfa authState={state}></AuthChallengeSoftwareTokenMfa>\n      </QpqRuntimeEffectCatcher>\n    );\n  }\n\n  if (state.authenticateUserResponse?.challenge === AuthenticateUserChallenge.MFA_SETUP) {\n    return (\n      <QpqRuntimeEffectCatcher runtime={authRuntime}>\n        <AuthChallengeMfaSetup authState={state}></AuthChallengeMfaSetup>\n      </QpqRuntimeEffectCatcher>\n    );\n  }\n\n  return (\n    <QpqRuntimeEffectCatcher runtime={authRuntime}>\n      {!isAuthenticated && (\n        <Login\n          onLogin={api.authLogin}\n          password={state.password}\n          setPassword={api.authUISetPassword}\n          setUsername={api.authUISetUsername}\n          username={state.username}\n        />\n      )}\n      {isAuthenticated && (\n        <authContext.Provider\n          value={{\n            challenge: state.authenticateUserResponse?.challenge,\n            session: state.authenticateUserResponse?.session,\n            username: state.username,\n            authenticationInfo: state.authenticateUserResponse?.authenticationInfo,\n          }}\n        >\n          {children}\n        </authContext.Provider>\n      )}\n    </QpqRuntimeEffectCatcher>\n  );\n}\n"]}

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,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createQpqRuntimeDefinition, useQpqRuntime } from '@qpqjs/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 challengeRuntime = createQpqRuntimeDefinition({
+    uniqueName: 'qpq/admin/authChallengeMfaSetup',
+    api: authChallengeMfaSetupLogic,
+    initialState: authChallengeMfaSetupInitalState,
+    reducer: 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(challengeRuntime);
+    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, { 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" }) })] }) }) }));
+}
+//# sourceMappingURL=AuthChallengeMfaSetup.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './AuthChallengeMfaSetup';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Auth/AuthChallengeMfaSetup/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './AuthChallengeMfaSetup';\n"]}

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

@@ -0,0 +1,3 @@
+import { AskResponse } from '@qpqjs/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,12 @@
+import { askStateDispatchEffect } from '@qpqjs/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,
+    });
+}
+//# sourceMappingURL=authActionCreator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"authActionCreator.js","sourceRoot":"","sources":["../../../../../src/Auth/AuthChallengeMfaSetup/logic/authActionCreator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,EAAE,2BAA2B,EAAoF,MAAM,sBAAsB,CAAC;AAErJ,MAAM,SAAS,CAAC,CAAC,+BAA+B,CAAC,OAAe;IAC9D,KAAK,CAAC,CAAC,sBAAsB,CAAwC,2BAA2B,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AACxH,CAAC;AAED,MAAM,SAAS,CAAC,CAAC,sCAAsC,CAAC,UAAkB,EAAE,OAAe;IACzF,KAAK,CAAC,CAAC,sBAAsB,CAA4C,2BAA2B,CAAC,cAAc,EAAE;QACnH,UAAU;QACV,OAAO;KACR,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { AskResponse, askStateDispatchEffect } from '@qpqjs/core';\n\nimport { AuthChallengeMfaSetupEffect, AuthChallengeMfaSetupSetAssociationEffect, AuthChallengeMfaSetupSetMfaCodeEffect } from './authChallengeTypes';\n\nexport function* askAuthChallengeSetMfaSetupCode(mfaCode: string): AskResponse<void> {\n  yield* askStateDispatchEffect<AuthChallengeMfaSetupSetMfaCodeEffect>(AuthChallengeMfaSetupEffect.SetMfaCode, mfaCode);\n}\n\nexport function* askAuthChallengeSetMfaSetupAssociation(secretCode: string, session: string): AskResponse<void> {\n  yield* askStateDispatchEffect<AuthChallengeMfaSetupSetAssociationEffect>(AuthChallengeMfaSetupEffect.SetAssociation, {\n    secretCode,\n    session,\n  });\n}\n"]}

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];