@cratis/showrunner.usher.react 0.0.0-bootstrap.0

package/dist/cjs/Provider/UsherProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsherProvider.d.ts","sourceRoot":"","sources":["../../../Provider/UsherProvider.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAiB,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAUxE,MAAM,WAAW,kBAAkB;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAG5B,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAGjC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAG7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAG5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAG7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAOD,eAAO,MAAM,aAAa,GAAI,oIAS3B,kBAAkB,gCAwEpB,CAAC"}

package/dist/cjs/Provider/UsherProvider.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var arc_react = require('@cratis/arc.react');
+var dialogs = require('@cratis/arc.react/dialogs');
+var reflection = require('@cratis/arc/reflection');
+var Notifications = require('@cratis/components/Notifications');
+var react = require('react');
+var CorrelationTracker = require('../Correlation/CorrelationTracker.js');
+var withCorrelationIdHeader = require('../Correlation/withCorrelationIdHeader.js');
+var MyIssuesDialog = require('../Issues/MyIssues/MyIssuesDialog.js');
+var resolveLabels = require('../Labels/resolveLabels.js');
+var ReportErrorDialog = require('../Reporting/ReportErrorDialog.js');
+var ReportIssueDialog = require('../Reporting/ReportIssueDialog.js');
+var reportValues = require('../Reporting/reportValues.js');
+var UsherContext = require('./UsherContext.js');
+
+/**
+ * Slots Usher into an application: renders the report and my issues dialogs once, gives {@link useUsher} and the
+ * Usher buttons what they need, and tracks the correlation ids of the Arc commands and queries the application runs.
+ * Render it inside `<Arc>`, the `DialogComponents` registration and a `CratisComponentsProvider` with a toaster.
+ */ const UsherProvider = ({ applicationVersion = '', applicationName = '', shareIdentityByDefault = false, labels, locale, correlationIdCount = 5, correlationIdHeader = withCorrelationIdHeader.defaultCorrelationIdHeader, children })=>{
+    const arc = react.useContext(arc_react.ArcContext);
+    const tracker = react.useRef(undefined);
+    if (!tracker.current || tracker.current.capacity !== correlationIdCount) {
+        tracker.current = new CorrelationTracker.CorrelationTracker(correlationIdCount);
+    }
+    const correlationTracker = tracker.current;
+    const lastLocation = react.useRef(reflection.SliceLocation.empty);
+    const trackedArc = react.useMemo(()=>({
+            ...arc,
+            httpHeadersCallback: withCorrelationIdHeader.withCorrelationIdHeader(arc.httpHeadersCallback, correlationTracker, correlationIdHeader)
+        }), [
+        arc,
+        correlationTracker,
+        correlationIdHeader
+    ]);
+    const [ReportIssueDialogWrapper, showReportIssueDialog] = dialogs.useDialog(ReportIssueDialog.ReportIssueDialog);
+    const [ReportErrorDialogWrapper, showReportErrorDialog] = dialogs.useDialog(ReportErrorDialog.ReportErrorDialog);
+    const [MyIssuesDialogWrapper, showMyIssuesDialog] = dialogs.useDialog(MyIssuesDialog.MyIssuesDialog);
+    const resolvedLabels = react.useMemo(()=>resolveLabels.resolveLabels(labels), [
+        labels
+    ]);
+    const value = react.useMemo(()=>{
+        const reportIssue = (location)=>{
+            lastLocation.current = location;
+            void showReportIssueDialog({
+                location,
+                correlationIds: correlationTracker.correlationIds
+            }).then(reportSent);
+        };
+        const showIssue = (issueId)=>void showMyIssuesDialog({
+                issueId,
+                onReportIssue: ()=>reportIssue(lastLocation.current)
+            });
+        const reportSent = ([result, response])=>{
+            if (result !== dialogs.DialogResult.Ok || !response) {
+                return;
+            }
+            Notifications.toast.success({
+                title: resolvedLabels.reportSent.title,
+                action: {
+                    children: resolvedLabels.reportSent.view,
+                    onClick: ()=>showIssue(response.issueId)
+                }
+            });
+        };
+        return {
+            isProvided: true,
+            labels: resolvedLabels,
+            applicationName,
+            applicationVersion,
+            shareIdentityByDefault,
+            locale,
+            untrackedArc: arc,
+            recentCorrelationIds: ()=>correlationTracker.correlationIds,
+            trackCorrelationId: (correlationId)=>correlationTracker.track(correlationId),
+            reportIssue,
+            reportError: (error, location)=>{
+                lastLocation.current = location;
+                void showReportErrorDialog({
+                    error: reportValues.toErrorDetails(error, location),
+                    location,
+                    correlationIds: correlationTracker.correlationIds
+                }).then(reportSent);
+            },
+            showMyIssues: (location)=>{
+                lastLocation.current = location;
+                void showMyIssuesDialog({
+                    onReportIssue: ()=>reportIssue(location)
+                });
+            },
+            showIssue
+        };
+    }, [
+        resolvedLabels,
+        applicationName,
+        applicationVersion,
+        shareIdentityByDefault,
+        locale,
+        arc,
+        correlationTracker,
+        showReportIssueDialog,
+        showReportErrorDialog,
+        showMyIssuesDialog
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(UsherContext.UsherContext.Provider, {
+        value: value,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(arc_react.ArcContext.Provider, {
+                value: trackedArc,
+                children: children
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(ReportIssueDialogWrapper, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(ReportErrorDialogWrapper, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(MyIssuesDialogWrapper, {})
+        ]
+    });
+};
+
+exports.UsherProvider = UsherProvider;
+//# sourceMappingURL=UsherProvider.js.map

package/dist/cjs/Provider/UsherProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsherProvider.js","sources":["../../../Provider/UsherProvider.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ArcContext } from '@cratis/arc.react';\nimport { DialogResult, useDialog } from '@cratis/arc.react/dialogs';\nimport { SliceLocation } from '@cratis/arc/reflection';\nimport { toast } from '@cratis/components/Notifications';\nimport { Guid } from '@cratis/fundamentals';\nimport { ReactNode, useContext, useMemo, useRef } from 'react';\nimport { CorrelationTracker, defaultCorrelationIdHeader, withCorrelationIdHeader } from '../Correlation/index.js';\nimport { MyIssuesDialog } from '../Issues/MyIssues/MyIssuesDialog.js';\nimport { resolveLabels, UsherLabelOverrides } from '../Labels/index.js';\nimport { ReportErrorDialog } from '../Reporting/ReportErrorDialog.js';\nimport { ReportIssueDialog } from '../Reporting/ReportIssueDialog.js';\nimport { ReportSent } from '../Reporting/ReportSent.js';\nimport { toErrorDetails } from '../Reporting/reportValues.js';\nimport { UsherContext, UsherContextValue } from './UsherContext.js';\n\n/**\n * Props for {@link UsherProvider}.\n */\nexport interface UsherProviderProps {\n    /** The version of the application, sent with every report. */\n    applicationVersion?: string;\n\n    /** The name of the application, shown with what a report sends. */\n    applicationName?: string;\n\n    /** Whether the report dialogs let support know who the reporter is unless they choose otherwise. Defaults to false. */\n    shareIdentityByDefault?: boolean;\n\n    /** The labels that replace the English defaults, for instance to localize them. */\n    labels?: UsherLabelOverrides;\n\n    /** The locale to format dates and times for; the browser's when not given. */\n    locale?: string;\n\n    /** How many recent correlation ids of Arc commands and queries a report carries. Defaults to 5. */\n    correlationIdCount?: number;\n\n    /** The HTTP header the backend reads the correlation id from. Defaults to `X-Correlation-ID`, as Arc does. */\n    correlationIdHeader?: string;\n\n    /** The application. */\n    children?: ReactNode;\n}\n\n/**\n * Slots Usher into an application: renders the report and my issues dialogs once, gives {@link useUsher} and the\n * Usher buttons what they need, and tracks the correlation ids of the Arc commands and queries the application runs.\n * Render it inside `<Arc>`, the `DialogComponents` registration and a `CratisComponentsProvider` with a toaster.\n */\nexport const UsherProvider = ({\n    applicationVersion = '',\n    applicationName = '',\n    shareIdentityByDefault = false,\n    labels,\n    locale,\n    correlationIdCount = 5,\n    correlationIdHeader = defaultCorrelationIdHeader,\n    children\n}: UsherProviderProps) => {\n    const arc = useContext(ArcContext);\n    const tracker = useRef<CorrelationTracker>(undefined);\n    if (!tracker.current || tracker.current.capacity !== correlationIdCount) {\n        tracker.current = new CorrelationTracker(correlationIdCount);\n    }\n    const correlationTracker = tracker.current;\n    const lastLocation = useRef<SliceLocation>(SliceLocation.empty);\n\n    const trackedArc = useMemo(() => ({\n        ...arc,\n        httpHeadersCallback: withCorrelationIdHeader(arc.httpHeadersCallback, correlationTracker, correlationIdHeader)\n    }), [arc, correlationTracker, correlationIdHeader]);\n\n    const [ReportIssueDialogWrapper, showReportIssueDialog] = useDialog<ReportSent, Parameters<typeof ReportIssueDialog>[0]>(ReportIssueDialog);\n    const [ReportErrorDialogWrapper, showReportErrorDialog] = useDialog<ReportSent, Parameters<typeof ReportErrorDialog>[0]>(ReportErrorDialog);\n    const [MyIssuesDialogWrapper, showMyIssuesDialog] = useDialog<object, Parameters<typeof MyIssuesDialog>[0]>(MyIssuesDialog);\n\n    const resolvedLabels = useMemo(() => resolveLabels(labels), [labels]);\n\n    const value = useMemo<UsherContextValue>(() => {\n        const reportIssue = (location: SliceLocation) => {\n            lastLocation.current = location;\n            void showReportIssueDialog({ location, correlationIds: correlationTracker.correlationIds }).then(reportSent);\n        };\n\n        const showIssue = (issueId: Guid) => void showMyIssuesDialog({ issueId, onReportIssue: () => reportIssue(lastLocation.current) });\n\n        const reportSent = ([result, response]: [DialogResult, ReportSent?]) => {\n            if (result !== DialogResult.Ok || !response) {\n                return;\n            }\n\n            toast.success({\n                title: resolvedLabels.reportSent.title,\n                action: { children: resolvedLabels.reportSent.view, onClick: () => showIssue(response.issueId) }\n            });\n        };\n\n        return {\n            isProvided: true,\n            labels: resolvedLabels,\n            applicationName,\n            applicationVersion,\n            shareIdentityByDefault,\n            locale,\n            untrackedArc: arc,\n            recentCorrelationIds: () => correlationTracker.correlationIds,\n            trackCorrelationId: correlationId => correlationTracker.track(correlationId),\n            reportIssue,\n            reportError: (error, location) => {\n                lastLocation.current = location;\n                void showReportErrorDialog({ error: toErrorDetails(error, location), location, correlationIds: correlationTracker.correlationIds }).then(reportSent);\n            },\n            showMyIssues: location => {\n                lastLocation.current = location;\n                void showMyIssuesDialog({ onReportIssue: () => reportIssue(location) });\n            },\n            showIssue\n        };\n    }, [resolvedLabels, applicationName, applicationVersion, shareIdentityByDefault, locale, arc, correlationTracker, showReportIssueDialog, showReportErrorDialog, showMyIssuesDialog]);\n\n    return (\n        <UsherContext.Provider value={value}>\n            <ArcContext.Provider value={trackedArc}>\n                {children}\n            </ArcContext.Provider>\n            <ReportIssueDialogWrapper />\n            <ReportErrorDialogWrapper />\n            <MyIssuesDialogWrapper />\n        </UsherContext.Provider>\n    );\n};\n"],"names":["UsherProvider","applicationVersion","applicationName","shareIdentityByDefault","labels","locale","correlationIdCount","correlationIdHeader","defaultCorrelationIdHeader","children","arc","useContext","ArcContext","tracker","useRef","undefined","current","capacity","CorrelationTracker","correlationTracker","lastLocation","SliceLocation","empty","trackedArc","useMemo","httpHeadersCallback","withCorrelationIdHeader","ReportIssueDialogWrapper","showReportIssueDialog","useDialog","ReportIssueDialog","ReportErrorDialogWrapper","showReportErrorDialog","ReportErrorDialog","MyIssuesDialogWrapper","showMyIssuesDialog","MyIssuesDialog","resolvedLabels","resolveLabels","value","reportIssue","location","correlationIds","then","reportSent","showIssue","issueId","onReportIssue","result","response","DialogResult","Ok","toast","success","title","action","view","onClick","isProvided","untrackedArc","recentCorrelationIds","trackCorrelationId","correlationId","track","reportError","error","toErrorDetails","showMyIssues","_jsxs","UsherContext","Provider","_jsx"],"mappings":"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"}

package/dist/cjs/Provider/index.d.ts

@@ -0,0 +1,5 @@
+export * from './UsherBoundary.js';
+export * from './UsherContext.js';
+export * from './UsherProvider.js';
+export * from './useUsher.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/Provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Provider/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}

package/dist/cjs/Provider/useUsher.d.ts

@@ -0,0 +1,13 @@
+import { Guid } from '@cratis/fundamentals';
+import { UsherLabels } from '../Labels/index.js';
+export interface Usher {
+    readonly labels: UsherLabels;
+    reportIssue(): void;
+    reportError(error: unknown): void;
+    showMyIssues(): void;
+    showIssue(issueId: Guid): void;
+    recentCorrelationIds(): Guid[];
+    trackCorrelationId(correlationId: Guid | string): void;
+}
+export declare function useUsher(): Usher;
+//# sourceMappingURL=useUsher.d.ts.map

package/dist/cjs/Provider/useUsher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUsher.d.ts","sourceRoot":"","sources":["../../../Provider/useUsher.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMjD,MAAM,WAAW,KAAK;IAElB,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAK7B,WAAW,IAAI,IAAI,CAAC;IAOpB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAKlC,YAAY,IAAI,IAAI,CAAC;IAMrB,SAAS,CAAC,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IAM/B,oBAAoB,IAAI,IAAI,EAAE,CAAC;IAO/B,kBAAkB,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;CAC1D;AAOD,wBAAgB,QAAQ,IAAI,KAAK,CAahC"}

package/dist/cjs/Provider/useUsher.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var slices = require('@cratis/arc.react/slices');
+var react = require('react');
+var UsherContext = require('./UsherContext.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Uses Usher from any component inside an {@link UsherProvider}. Reports carry the slice location of the component
+ * that calls this hook.
+ * @returns The {@link Usher}.
+ */ function useUsher() {
+    const context = UsherContext.useUsherContext();
+    const location = slices.useSliceContext();
+    return react.useMemo(()=>({
+            labels: context.labels,
+            reportIssue: ()=>context.reportIssue(location),
+            reportError: (error)=>context.reportError(error, location),
+            showMyIssues: ()=>context.showMyIssues(location),
+            showIssue: (issueId)=>context.showIssue(issueId),
+            recentCorrelationIds: ()=>context.recentCorrelationIds(),
+            trackCorrelationId: (correlationId)=>context.trackCorrelationId(correlationId)
+        }), [
+        context,
+        location
+    ]);
+}
+
+exports.useUsher = useUsher;
+//# sourceMappingURL=useUsher.js.map

package/dist/cjs/Provider/useUsher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUsher.js","sources":["../../../Provider/useUsher.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useSliceContext } from '@cratis/arc.react/slices';\nimport { Guid } from '@cratis/fundamentals';\nimport { useMemo } from 'react';\nimport { UsherLabels } from '../Labels/index.js';\nimport { useUsherContext } from './UsherContext.js';\n\n/**\n * What {@link useUsher} gives a component.\n */\nexport interface Usher {\n    /** The labels Usher shows. */\n    readonly labels: UsherLabels;\n\n    /**\n     * Opens the report a problem dialog, with where in the application the component is.\n     */\n    reportIssue(): void;\n\n    /**\n     * Opens the report this error dialog.\n     * @param error The error: `ErrorDetails` from `@cratis/showrunner.usher`, such as `errorDetailsFromCommandResult`\n     * gives for a failed command, or anything thrown.\n     */\n    reportError(error: unknown): void;\n\n    /**\n     * Opens the my issues side sheet.\n     */\n    showMyIssues(): void;\n\n    /**\n     * Opens the my issues side sheet on one issue.\n     * @param issueId The issue.\n     */\n    showIssue(issueId: Guid): void;\n\n    /**\n     * Gets the correlation ids of the last few Arc commands and queries run, oldest first.\n     * @returns The correlation ids.\n     */\n    recentCorrelationIds(): Guid[];\n\n    /**\n     * Tracks the correlation id of a command or query, such as one from a `CommandResult` of a command run outside\n     * the application's `<Arc>` context.\n     * @param correlationId The correlation id.\n     */\n    trackCorrelationId(correlationId: Guid | string): void;\n}\n\n/**\n * Uses Usher from any component inside an {@link UsherProvider}. Reports carry the slice location of the component\n * that calls this hook.\n * @returns The {@link Usher}.\n */\nexport function useUsher(): Usher {\n    const context = useUsherContext();\n    const location = useSliceContext();\n\n    return useMemo(() => ({\n        labels: context.labels,\n        reportIssue: () => context.reportIssue(location),\n        reportError: (error: unknown) => context.reportError(error, location),\n        showMyIssues: () => context.showMyIssues(location),\n        showIssue: (issueId: Guid) => context.showIssue(issueId),\n        recentCorrelationIds: () => context.recentCorrelationIds(),\n        trackCorrelationId: (correlationId: Guid | string) => context.trackCorrelationId(correlationId)\n    }), [context, location]);\n}\n"],"names":["useUsher","context","useUsherContext","location","useSliceContext","useMemo","labels","reportIssue","reportError","error","showMyIssues","showIssue","issueId","recentCorrelationIds","trackCorrelationId","correlationId"],"mappings":";;;;;;AAAA;AACA;AAoDA;;;;AAIC,IACM,SAASA,QAAAA,GAAAA;AACZ,IAAA,MAAMC,OAAAA,GAAUC,4BAAAA,EAAAA;AAChB,IAAA,MAAMC,QAAAA,GAAWC,sBAAAA,EAAAA;IAEjB,OAAOC,aAAAA,CAAQ,KAAO;AAClBC,YAAAA,MAAAA,EAAQL,QAAQK,MAAM;YACtBC,WAAAA,EAAa,IAAMN,OAAAA,CAAQM,WAAW,CAACJ,QAAAA,CAAAA;AACvCK,YAAAA,WAAAA,EAAa,CAACC,KAAAA,GAAmBR,OAAAA,CAAQO,WAAW,CAACC,KAAAA,EAAON,QAAAA,CAAAA;YAC5DO,YAAAA,EAAc,IAAMT,OAAAA,CAAQS,YAAY,CAACP,QAAAA,CAAAA;AACzCQ,YAAAA,SAAAA,EAAW,CAACC,OAAAA,GAAkBX,OAAAA,CAAQU,SAAS,CAACC,OAAAA,CAAAA;YAChDC,oBAAAA,EAAsB,IAAMZ,QAAQY,oBAAoB,EAAA;AACxDC,YAAAA,kBAAAA,EAAoB,CAACC,aAAAA,GAAiCd,OAAAA,CAAQa,kBAAkB,CAACC,aAAAA;AACrF,SAAA,CAAA,EAAI;AAACd,QAAAA,OAAAA;AAASE,QAAAA;AAAS,KAAA,CAAA;AAC3B;;"}

package/dist/cjs/Reporting/AccessChoice.d.ts

@@ -0,0 +1,13 @@
+import { AccessDuration } from '@cratis/showrunner.usher';
+export interface AccessChoice {
+    readonly shareIdentity: boolean;
+    readonly grantAccess: boolean;
+    readonly accessDuration: AccessDuration;
+}
+export declare function initialAccessChoice(shareIdentity: boolean): AccessChoice;
+export declare function changeAccessChoice(choice: AccessChoice, fieldName: string, value: unknown): AccessChoice;
+export declare function sharesIdentity(choice: AccessChoice): boolean;
+export declare function validUntilFor(duration: AccessDuration, now: Date): Date;
+export declare function formatTime(time: Date, locale?: string, timeZone?: string): string;
+export declare function formatClock(time: Date, locale?: string, timeZone?: string): string;
+//# sourceMappingURL=AccessChoice.d.ts.map

package/dist/cjs/Reporting/AccessChoice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessChoice.d.ts","sourceRoot":"","sources":["../../../Reporting/AccessChoice.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK1D,MAAM,WAAW,YAAY;IAEzB,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAGhC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAG9B,QAAQ,CAAC,cAAc,EAAE,cAAc,CAAC;CAC3C;AAOD,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,OAAO,GAAG,YAAY,CAExE;AAgBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,YAAY,CAexG;AAQD,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAE5D;AASD,wBAAgB,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,CAEvE;AASD,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAIjF;AASD,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAElF"}

package/dist/cjs/Reporting/AccessChoice.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var showrunner_usher = require('@cratis/showrunner.usher');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Gets the choice before the reporter has chosen anything: no access, for one day once they grant it.
+ * @param shareIdentity Whether to let support know who the reporter is unless they choose otherwise.
+ * @returns The {@link AccessChoice}.
+ */ function initialAccessChoice(shareIdentity) {
+    return {
+        shareIdentity,
+        grantAccess: false,
+        accessDuration: showrunner_usher.AccessDuration.oneDay
+    };
+}
+const durationsInMilliseconds = {
+    [showrunner_usher.AccessDuration.oneHour]: 60 * 60 * 1000,
+    [showrunner_usher.AccessDuration.oneDay]: 24 * 60 * 60 * 1000,
+    [showrunner_usher.AccessDuration.sevenDays]: 7 * 24 * 60 * 60 * 1000
+};
+/**
+ * Applies a change of a command field to the access choice; changes of other fields leave it as it is. While access is
+ * granted, sharing who the reporter is is forced, so a change of it is not the reporter's own choice.
+ * @param choice The current {@link AccessChoice}.
+ * @param fieldName The name of the command field that changed.
+ * @param value Its new value.
+ * @returns The new {@link AccessChoice}.
+ */ function changeAccessChoice(choice, fieldName, value) {
+    if (fieldName === 'shareIdentity' && !choice.grantAccess) {
+        return {
+            ...choice,
+            shareIdentity: value === true
+        };
+    }
+    if (fieldName === 'grantAccess') {
+        return {
+            ...choice,
+            grantAccess: value === true
+        };
+    }
+    const duration = typeof value === 'string' && value.length > 0 ? Number(value) : value;
+    if (fieldName === 'accessDuration' && isAccessDuration(duration)) {
+        return {
+            ...choice,
+            accessDuration: duration
+        };
+    }
+    return choice;
+}
+/**
+ * Gets whether the command shares who the reporter is: always while access is granted, as granting access always
+ * shares who the reporter is, and otherwise as the reporter chose.
+ * @param choice The {@link AccessChoice}.
+ * @returns The value of the command's `shareIdentity`.
+ */ function sharesIdentity(choice) {
+    return choice.grantAccess || choice.shareIdentity;
+}
+/**
+ * Gets when access granted now would end. The backend fixes the end itself when it records the grant; this is what
+ * the reporter is told before they send.
+ * @param duration The {@link AccessDuration}.
+ * @param now What time it is.
+ * @returns When access would end.
+ */ function validUntilFor(duration, now) {
+    return new Date(now.getTime() + durationsInMilliseconds[duration]);
+}
+/**
+ * Formats a point in time for the access notice and the access panel, such as `27 Oct, 18:10`.
+ * @param time The point in time.
+ * @param locale The locale to format for; the browser's when not given.
+ * @param timeZone The time zone to format in; the browser's when not given.
+ * @returns The formatted point in time.
+ */ function formatTime(time, locale, timeZone) {
+    const date = new Intl.DateTimeFormat(locale, {
+        day: 'numeric',
+        month: 'short',
+        timeZone
+    }).format(time);
+    const clock = new Intl.DateTimeFormat(locale, {
+        hour: '2-digit',
+        minute: '2-digit',
+        hourCycle: 'h23',
+        timeZone
+    }).format(time);
+    return `${date}, ${clock}`;
+}
+/**
+ * Formats the time of day only, such as `18:10`.
+ * @param time The point in time.
+ * @param locale The locale to format for; the browser's when not given.
+ * @param timeZone The time zone to format in; the browser's when not given.
+ * @returns The formatted time of day.
+ */ function formatClock(time, locale, timeZone) {
+    return new Intl.DateTimeFormat(locale, {
+        hour: '2-digit',
+        minute: '2-digit',
+        hourCycle: 'h23',
+        timeZone
+    }).format(time);
+}
+function isAccessDuration(value) {
+    return typeof value === 'number' && Object.hasOwn(durationsInMilliseconds, value);
+}
+
+exports.changeAccessChoice = changeAccessChoice;
+exports.formatClock = formatClock;
+exports.formatTime = formatTime;
+exports.initialAccessChoice = initialAccessChoice;
+exports.sharesIdentity = sharesIdentity;
+exports.validUntilFor = validUntilFor;
+//# sourceMappingURL=AccessChoice.js.map

package/dist/cjs/Reporting/AccessChoice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessChoice.js","sources":["../../../Reporting/AccessChoice.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { AccessDuration } from '@cratis/showrunner.usher';\n\n/**\n * What the reporter chose about letting support sign in as them.\n */\nexport interface AccessChoice {\n    /** Whether the reporter chose to let support know who they are, apart from granting access. */\n    readonly shareIdentity: boolean;\n\n    /** Whether the reporter lets support sign in as them. */\n    readonly grantAccess: boolean;\n\n    /** For how long. */\n    readonly accessDuration: AccessDuration;\n}\n\n/**\n * Gets the choice before the reporter has chosen anything: no access, for one day once they grant it.\n * @param shareIdentity Whether to let support know who the reporter is unless they choose otherwise.\n * @returns The {@link AccessChoice}.\n */\nexport function initialAccessChoice(shareIdentity: boolean): AccessChoice {\n    return { shareIdentity, grantAccess: false, accessDuration: AccessDuration.oneDay };\n}\n\nconst durationsInMilliseconds: Record<AccessDuration, number> = {\n    [AccessDuration.oneHour]: 60 * 60 * 1000,\n    [AccessDuration.oneDay]: 24 * 60 * 60 * 1000,\n    [AccessDuration.sevenDays]: 7 * 24 * 60 * 60 * 1000\n};\n\n/**\n * Applies a change of a command field to the access choice; changes of other fields leave it as it is. While access is\n * granted, sharing who the reporter is is forced, so a change of it is not the reporter's own choice.\n * @param choice The current {@link AccessChoice}.\n * @param fieldName The name of the command field that changed.\n * @param value Its new value.\n * @returns The new {@link AccessChoice}.\n */\nexport function changeAccessChoice(choice: AccessChoice, fieldName: string, value: unknown): AccessChoice {\n    if (fieldName === 'shareIdentity' && !choice.grantAccess) {\n        return { ...choice, shareIdentity: value === true };\n    }\n\n    if (fieldName === 'grantAccess') {\n        return { ...choice, grantAccess: value === true };\n    }\n\n    const duration = typeof value === 'string' && value.length > 0 ? Number(value) : value;\n    if (fieldName === 'accessDuration' && isAccessDuration(duration)) {\n        return { ...choice, accessDuration: duration };\n    }\n\n    return choice;\n}\n\n/**\n * Gets whether the command shares who the reporter is: always while access is granted, as granting access always\n * shares who the reporter is, and otherwise as the reporter chose.\n * @param choice The {@link AccessChoice}.\n * @returns The value of the command's `shareIdentity`.\n */\nexport function sharesIdentity(choice: AccessChoice): boolean {\n    return choice.grantAccess || choice.shareIdentity;\n}\n\n/**\n * Gets when access granted now would end. The backend fixes the end itself when it records the grant; this is what\n * the reporter is told before they send.\n * @param duration The {@link AccessDuration}.\n * @param now What time it is.\n * @returns When access would end.\n */\nexport function validUntilFor(duration: AccessDuration, now: Date): Date {\n    return new Date(now.getTime() + durationsInMilliseconds[duration]);\n}\n\n/**\n * Formats a point in time for the access notice and the access panel, such as `27 Oct, 18:10`.\n * @param time The point in time.\n * @param locale The locale to format for; the browser's when not given.\n * @param timeZone The time zone to format in; the browser's when not given.\n * @returns The formatted point in time.\n */\nexport function formatTime(time: Date, locale?: string, timeZone?: string): string {\n    const date = new Intl.DateTimeFormat(locale, { day: 'numeric', month: 'short', timeZone }).format(time);\n    const clock = new Intl.DateTimeFormat(locale, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23', timeZone }).format(time);\n    return `${date}, ${clock}`;\n}\n\n/**\n * Formats the time of day only, such as `18:10`.\n * @param time The point in time.\n * @param locale The locale to format for; the browser's when not given.\n * @param timeZone The time zone to format in; the browser's when not given.\n * @returns The formatted time of day.\n */\nexport function formatClock(time: Date, locale?: string, timeZone?: string): string {\n    return new Intl.DateTimeFormat(locale, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23', timeZone }).format(time);\n}\n\nfunction isAccessDuration(value: unknown): value is AccessDuration {\n    return typeof value === 'number' && Object.hasOwn(durationsInMilliseconds, value);\n}\n"],"names":["initialAccessChoice","shareIdentity","grantAccess","accessDuration","AccessDuration","oneDay","durationsInMilliseconds","oneHour","sevenDays","changeAccessChoice","choice","fieldName","value","duration","length","Number","isAccessDuration","sharesIdentity","validUntilFor","now","Date","getTime","formatTime","time","locale","timeZone","date","Intl","DateTimeFormat","day","month","format","clock","hour","minute","hourCycle","formatClock","Object","hasOwn"],"mappings":";;;;AAAA;AACA;AAkBA;;;;IAKO,SAASA,mBAAAA,CAAoBC,aAAsB,EAAA;IACtD,OAAO;AAAEA,QAAAA,aAAAA;QAAeC,WAAAA,EAAa,KAAA;AAAOC,QAAAA,cAAAA,EAAgBC,gCAAeC;AAAO,KAAA;AACtF;AAEA,MAAMC,uBAAAA,GAA0D;AAC5D,IAAA,CAACF,+BAAAA,CAAeG,OAAO,GAAG,KAAK,EAAA,GAAK,IAAA;AACpC,IAAA,CAACH,gCAAeC,MAAM,GAAG,EAAA,GAAK,KAAK,EAAA,GAAK,IAAA;AACxC,IAAA,CAACD,gCAAeI,SAAS,GAAG,CAAA,GAAI,EAAA,GAAK,KAAK,EAAA,GAAK;AACnD,CAAA;AAEA;;;;;;;AAOC,IACM,SAASC,kBAAAA,CAAmBC,MAAoB,EAAEC,SAAiB,EAAEC,KAAc,EAAA;AACtF,IAAA,IAAID,SAAAA,KAAc,eAAA,IAAmB,CAACD,MAAAA,CAAOR,WAAW,EAAE;QACtD,OAAO;AAAE,YAAA,GAAGQ,MAAM;AAAET,YAAAA,aAAAA,EAAeW,KAAAA,KAAU;AAAK,SAAA;AACtD,IAAA;AAEA,IAAA,IAAID,cAAc,aAAA,EAAe;QAC7B,OAAO;AAAE,YAAA,GAAGD,MAAM;AAAER,YAAAA,WAAAA,EAAaU,KAAAA,KAAU;AAAK,SAAA;AACpD,IAAA;IAEA,MAAMC,QAAAA,GAAW,OAAOD,KAAAA,KAAU,QAAA,IAAYA,MAAME,MAAM,GAAG,CAAA,GAAIC,MAAAA,CAAOH,KAAAA,CAAAA,GAASA,KAAAA;IACjF,IAAID,SAAAA,KAAc,gBAAA,IAAoBK,gBAAAA,CAAiBH,QAAAA,CAAAA,EAAW;QAC9D,OAAO;AAAE,YAAA,GAAGH,MAAM;YAAEP,cAAAA,EAAgBU;AAAS,SAAA;AACjD,IAAA;IAEA,OAAOH,MAAAA;AACX;AAEA;;;;;IAMO,SAASO,cAAAA,CAAeP,MAAoB,EAAA;AAC/C,IAAA,OAAOA,MAAAA,CAAOR,WAAW,IAAIQ,MAAAA,CAAOT,aAAa;AACrD;AAEA;;;;;;AAMC,IACM,SAASiB,aAAAA,CAAcL,QAAwB,EAAEM,GAAS,EAAA;AAC7D,IAAA,OAAO,IAAIC,IAAAA,CAAKD,GAAAA,CAAIE,OAAO,EAAA,GAAKf,uBAAuB,CAACO,QAAAA,CAAS,CAAA;AACrE;AAEA;;;;;;AAMC,IACM,SAASS,UAAAA,CAAWC,IAAU,EAAEC,MAAe,EAAEC,QAAiB,EAAA;AACrE,IAAA,MAAMC,IAAAA,GAAO,IAAIC,IAAAA,CAAKC,cAAc,CAACJ,MAAAA,EAAQ;QAAEK,GAAAA,EAAK,SAAA;QAAWC,KAAAA,EAAO,OAAA;AAASL,QAAAA;AAAS,KAAA,CAAA,CAAGM,MAAM,CAACR,IAAAA,CAAAA;AAClG,IAAA,MAAMS,KAAAA,GAAQ,IAAIL,IAAAA,CAAKC,cAAc,CAACJ,MAAAA,EAAQ;QAAES,IAAAA,EAAM,SAAA;QAAWC,MAAAA,EAAQ,SAAA;QAAWC,SAAAA,EAAW,KAAA;AAAOV,QAAAA;AAAS,KAAA,CAAA,CAAGM,MAAM,CAACR,IAAAA,CAAAA;AACzH,IAAA,OAAO,CAAA,EAAGG,IAAAA,CAAK,EAAE,EAAEM,KAAAA,CAAAA,CAAO;AAC9B;AAEA;;;;;;AAMC,IACM,SAASI,WAAAA,CAAYb,IAAU,EAAEC,MAAe,EAAEC,QAAiB,EAAA;AACtE,IAAA,OAAO,IAAIE,IAAAA,CAAKC,cAAc,CAACJ,MAAAA,EAAQ;QAAES,IAAAA,EAAM,SAAA;QAAWC,MAAAA,EAAQ,SAAA;QAAWC,SAAAA,EAAW,KAAA;AAAOV,QAAAA;AAAS,KAAA,CAAA,CAAGM,MAAM,CAACR,IAAAA,CAAAA;AACtH;AAEA,SAASP,iBAAiBJ,KAAc,EAAA;AACpC,IAAA,OAAO,OAAOA,KAAAA,KAAU,QAAA,IAAYyB,MAAAA,CAAOC,MAAM,CAAChC,uBAAAA,EAAyBM,KAAAA,CAAAA;AAC/E;;;;;;;"}

package/dist/cjs/Reporting/AccessFields.d.ts

@@ -0,0 +1,12 @@
+import { AccessDuration } from '@cratis/showrunner.usher';
+import { AccessChoice } from './AccessChoice.js';
+export interface IdentityAndAccess {
+    shareIdentity: boolean;
+    grantAccess: boolean;
+    accessDuration: AccessDuration;
+}
+export interface AccessFieldsProps {
+    choice: AccessChoice;
+}
+export declare const AccessFields: <TCommand extends IdentityAndAccess>({ choice }: AccessFieldsProps) => import("react").JSX.Element;
+//# sourceMappingURL=AccessFields.d.ts.map

package/dist/cjs/Reporting/AccessFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessFields.d.ts","sourceRoot":"","sources":["../../../Reporting/AccessFields.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,MAAM,WAAW,iBAAiB;IAE9B,aAAa,EAAE,OAAO,CAAC;IAEvB,WAAW,EAAE,OAAO,CAAC;IAErB,cAAc,EAAE,cAAc,CAAC;CAClC;AAKD,MAAM,WAAW,iBAAiB;IAE9B,MAAM,EAAE,YAAY,CAAC;CACxB;AAOD,eAAO,MAAM,YAAY,GAAI,QAAQ,SAAS,iBAAiB,EAAE,YAAY,iBAAiB,gCAqC7F,CAAC"}

package/dist/cjs/Reporting/AccessFields.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var CommandForm = require('@cratis/components/CommandForm');
+var react = require('react');
+var UsherContext = require('../Provider/UsherContext.js');
+var AccessNotice = require('./AccessNotice.js');
+var durationOptions = require('./durationOptions.js');
+
+/**
+ * The identity and access choices of a report: let support know who the reporter is, and let support sign in as
+ * them for a while. Granting access always shares who the reporter is, so the checkbox is checked and disabled while
+ * access is granted, and the notice says until when support can act as the reporter.
+ */ const AccessFields = ({ choice })=>{
+    const labels = UsherContext.useUsherLabels();
+    const shareDescriptionId = react.useId();
+    const grantDescriptionId = react.useId();
+    const noticeId = react.useId();
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "usher-access-fields",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "usher-access-fields__choice",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(CommandForm.CheckboxField, {
+                        value: (command)=>command.shareIdentity,
+                        label: labels.access.shareIdentity,
+                        "aria-describedby": choice.grantAccess ? `${shareDescriptionId} ${noticeId}` : shareDescriptionId,
+                        pt: {
+                            input: {
+                                disabled: choice.grantAccess
+                            }
+                        }
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("p", {
+                        id: shareDescriptionId,
+                        className: "usher-access-fields__description",
+                        children: labels.access.shareIdentityDescription
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "usher-access-fields__choice",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(CommandForm.ToggleSwitchField, {
+                        value: (command)=>command.grantAccess,
+                        label: labels.access.grantAccess,
+                        "aria-describedby": grantDescriptionId
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("p", {
+                        id: grantDescriptionId,
+                        className: "usher-access-fields__description",
+                        children: labels.access.grantAccessDescription
+                    })
+                ]
+            }),
+            choice.grantAccess && /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "usher-access-fields__duration",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(CommandForm.DropdownField, {
+                        value: (command)=>command.accessDuration,
+                        title: labels.access.duration,
+                        "aria-describedby": noticeId,
+                        options: durationOptions.durationOptions(labels),
+                        optionValue: "value",
+                        optionLabel: "label"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(AccessNotice.AccessNotice, {
+                        id: noticeId,
+                        duration: choice.accessDuration
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.AccessFields = AccessFields;
+//# sourceMappingURL=AccessFields.js.map

package/dist/cjs/Reporting/AccessFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessFields.js","sources":["../../../Reporting/AccessFields.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { CheckboxField, DropdownField, ToggleSwitchField } from '@cratis/components/CommandForm';\nimport { AccessDuration } from '@cratis/showrunner.usher';\nimport { useId } from 'react';\nimport { useUsherLabels } from '../Provider/UsherContext.js';\nimport { AccessChoice } from './AccessChoice.js';\nimport { AccessNotice } from './AccessNotice.js';\nimport { durationOptions } from './durationOptions.js';\n\n/**\n * The command values {@link AccessFields} bind to.\n */\nexport interface IdentityAndAccess {\n    /** Whether to let support know who the reporter is. */\n    shareIdentity: boolean;\n    /** Whether to let support sign in as the reporter. */\n    grantAccess: boolean;\n    /** For how long. */\n    accessDuration: AccessDuration;\n}\n\n/**\n * Props for {@link AccessFields}.\n */\nexport interface AccessFieldsProps {\n    /** The reporter's {@link AccessChoice}, as the form follows it. */\n    choice: AccessChoice;\n}\n\n/**\n * The identity and access choices of a report: let support know who the reporter is, and let support sign in as\n * them for a while. Granting access always shares who the reporter is, so the checkbox is checked and disabled while\n * access is granted, and the notice says until when support can act as the reporter.\n */\nexport const AccessFields = <TCommand extends IdentityAndAccess>({ choice }: AccessFieldsProps) => {\n    const labels = useUsherLabels();\n    const shareDescriptionId = useId();\n    const grantDescriptionId = useId();\n    const noticeId = useId();\n\n    return (\n        <div className='usher-access-fields'>\n            <div className='usher-access-fields__choice'>\n                <CheckboxField<TCommand>\n                    value={command => command.shareIdentity}\n                    label={labels.access.shareIdentity}\n                    aria-describedby={choice.grantAccess ? `${shareDescriptionId} ${noticeId}` : shareDescriptionId}\n                    pt={{ input: { disabled: choice.grantAccess } }} />\n                <p id={shareDescriptionId} className='usher-access-fields__description'>{labels.access.shareIdentityDescription}</p>\n            </div>\n            <div className='usher-access-fields__choice'>\n                <ToggleSwitchField<TCommand>\n                    value={command => command.grantAccess}\n                    label={labels.access.grantAccess}\n                    aria-describedby={grantDescriptionId} />\n                <p id={grantDescriptionId} className='usher-access-fields__description'>{labels.access.grantAccessDescription}</p>\n            </div>\n            {choice.grantAccess && (\n                <div className='usher-access-fields__duration'>\n                    <DropdownField<TCommand>\n                        value={command => command.accessDuration}\n                        title={labels.access.duration}\n                        aria-describedby={noticeId}\n                        options={durationOptions(labels)}\n                        optionValue='value'\n                        optionLabel='label' />\n                    <AccessNotice id={noticeId} duration={choice.accessDuration} />\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["AccessFields","choice","labels","useUsherLabels","shareDescriptionId","useId","grantDescriptionId","noticeId","_jsxs","div","className","_jsx","CheckboxField","value","command","shareIdentity","label","access","aria-describedby","grantAccess","pt","input","disabled","p","id","shareIdentityDescription","ToggleSwitchField","grantAccessDescription","DropdownField","accessDuration","title","duration","options","durationOptions","optionValue","optionLabel","AccessNotice"],"mappings":";;;;;;;;;AA+BA;;;;AAIC,IACM,MAAMA,YAAAA,GAAe,CAAqC,EAAEC,MAAM,EAAqB,GAAA;AAC1F,IAAA,MAAMC,MAAAA,GAASC,2BAAAA,EAAAA;AACf,IAAA,MAAMC,kBAAAA,GAAqBC,WAAAA,EAAAA;AAC3B,IAAA,MAAMC,kBAAAA,GAAqBD,WAAAA,EAAAA;AAC3B,IAAA,MAAME,QAAAA,GAAWF,WAAAA,EAAAA;AAEjB,IAAA,qBACIG,eAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,qBAAA;;0BACXF,eAAA,CAACC,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,6BAAA;;kCACXC,cAAA,CAACC,yBAAAA,EAAAA;wBACGC,KAAAA,EAAOC,CAAAA,OAAAA,GAAWA,OAAAA,CAAQC,aAAa;wBACvCC,KAAAA,EAAOd,MAAAA,CAAOe,MAAM,CAACF,aAAa;wBAClCG,kBAAAA,EAAkBjB,MAAAA,CAAOkB,WAAW,GAAG,CAAA,EAAGf,mBAAmB,CAAC,EAAEG,UAAU,GAAGH,kBAAAA;wBAC7EgB,EAAAA,EAAI;4BAAEC,KAAAA,EAAO;AAAEC,gCAAAA,QAAAA,EAAUrB,OAAOkB;AAAY;AAAE;;kCAClDR,cAAA,CAACY,GAAAA,EAAAA;wBAAEC,EAAAA,EAAIpB,kBAAAA;wBAAoBM,SAAAA,EAAU,kCAAA;kCAAoCR,MAAAA,CAAOe,MAAM,CAACQ;;;;0BAE3FjB,eAAA,CAACC,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,6BAAA;;kCACXC,cAAA,CAACe,6BAAAA,EAAAA;wBACGb,KAAAA,EAAOC,CAAAA,OAAAA,GAAWA,OAAAA,CAAQK,WAAW;wBACrCH,KAAAA,EAAOd,MAAAA,CAAOe,MAAM,CAACE,WAAW;wBAChCD,kBAAAA,EAAkBZ;;kCACtBK,cAAA,CAACY,GAAAA,EAAAA;wBAAEC,EAAAA,EAAIlB,kBAAAA;wBAAoBI,SAAAA,EAAU,kCAAA;kCAAoCR,MAAAA,CAAOe,MAAM,CAACU;;;;YAE1F1B,MAAAA,CAAOkB,WAAW,kBACfX,eAAA,CAACC,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,+BAAA;;kCACXC,cAAA,CAACiB,yBAAAA,EAAAA;wBACGf,KAAAA,EAAOC,CAAAA,OAAAA,GAAWA,OAAAA,CAAQe,cAAc;wBACxCC,KAAAA,EAAO5B,MAAAA,CAAOe,MAAM,CAACc,QAAQ;wBAC7Bb,kBAAAA,EAAkBX,QAAAA;AAClByB,wBAAAA,OAAAA,EAASC,+BAAAA,CAAgB/B,MAAAA,CAAAA;wBACzBgC,WAAAA,EAAY,OAAA;wBACZC,WAAAA,EAAY;;kCAChBxB,cAAA,CAACyB,yBAAAA,EAAAA;wBAAaZ,EAAAA,EAAIjB,QAAAA;AAAUwB,wBAAAA,QAAAA,EAAU9B,OAAO4B;;;;;;AAKjE;;"}

package/dist/cjs/Reporting/AccessNotice.d.ts

@@ -0,0 +1,7 @@
+import { AccessDuration } from '@cratis/showrunner.usher';
+export interface AccessNoticeProps {
+    id: string;
+    duration: AccessDuration;
+}
+export declare const AccessNotice: ({ id, duration }: AccessNoticeProps) => import("react").JSX.Element;
+//# sourceMappingURL=AccessNotice.d.ts.map

package/dist/cjs/Reporting/AccessNotice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessNotice.d.ts","sourceRoot":"","sources":["../../../Reporting/AccessNotice.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAQ1D,MAAM,WAAW,iBAAiB;IAE9B,EAAE,EAAE,MAAM,CAAC;IAGX,QAAQ,EAAE,cAAc,CAAC;CAC5B;AAKD,eAAO,MAAM,YAAY,GAAI,kBAAkB,iBAAiB,gCAS/D,CAAC"}

package/dist/cjs/Reporting/AccessNotice.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Display = require('@cratis/components/Display');
+var format = require('../Labels/format.js');
+var UsherContext = require('../Provider/UsherContext.js');
+var AccessChoice = require('./AccessChoice.js');
+
+/**
+ * States plainly what granting access means: support sees who the reporter is and can act as them until a given time.
+ */ const AccessNotice = ({ id, duration })=>{
+    const { labels, locale } = UsherContext.useUsherContext();
+    const time = AccessChoice.formatTime(AccessChoice.validUntilFor(duration, new Date()), locale);
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        id: id,
+        className: "usher-access-notice",
+        children: /*#__PURE__*/ jsxRuntime.jsx(Display.Message, {
+            severity: "info",
+            live: false,
+            text: format.format(labels.access.notice, {
+                time
+            })
+        })
+    });
+};
+
+exports.AccessNotice = AccessNotice;
+//# sourceMappingURL=AccessNotice.js.map

package/dist/cjs/Reporting/AccessNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessNotice.js","sources":["../../../Reporting/AccessNotice.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Message } from '@cratis/components/Display';\nimport { AccessDuration } from '@cratis/showrunner.usher';\nimport { format } from '../Labels/index.js';\nimport { useUsherContext } from '../Provider/UsherContext.js';\nimport { formatTime, validUntilFor } from './AccessChoice.js';\n\n/**\n * Props for {@link AccessNotice}.\n */\nexport interface AccessNoticeProps {\n    /** The id of the notice, for the controls it describes. */\n    id: string;\n\n    /** For how long access would be granted. */\n    duration: AccessDuration;\n}\n\n/**\n * States plainly what granting access means: support sees who the reporter is and can act as them until a given time.\n */\nexport const AccessNotice = ({ id, duration }: AccessNoticeProps) => {\n    const { labels, locale } = useUsherContext();\n    const time = formatTime(validUntilFor(duration, new Date()), locale);\n\n    return (\n        <div id={id} className='usher-access-notice'>\n            <Message severity='info' live={false} text={format(labels.access.notice, { time })} />\n        </div>\n    );\n};\n"],"names":["AccessNotice","id","duration","labels","locale","useUsherContext","time","formatTime","validUntilFor","Date","_jsx","div","className","Message","severity","live","text","format","access","notice"],"mappings":";;;;;;;;AAoBA;;UAGaA,YAAAA,GAAe,CAAC,EAAEC,EAAE,EAAEC,QAAQ,EAAqB,GAAA;AAC5D,IAAA,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGC,4BAAAA,EAAAA;AAC3B,IAAA,MAAMC,IAAAA,GAAOC,uBAAAA,CAAWC,0BAAAA,CAAcN,QAAAA,EAAU,IAAIO,IAAAA,EAAAA,CAAAA,EAASL,MAAAA,CAAAA;AAE7D,IAAA,qBACIM,cAAA,CAACC,KAAAA,EAAAA;QAAIV,EAAAA,EAAIA,EAAAA;QAAIW,SAAAA,EAAU,qBAAA;AACnB,QAAA,QAAA,gBAAAF,cAAA,CAACG,eAAAA,EAAAA;YAAQC,QAAAA,EAAS,MAAA;YAAOC,IAAAA,EAAM,KAAA;AAAOC,YAAAA,IAAAA,EAAMC,aAAAA,CAAOd,MAAAA,CAAOe,MAAM,CAACC,MAAM,EAAE;AAAEb,gBAAAA;AAAK,aAAA;;;AAG5F;;"}

package/dist/cjs/Reporting/ReportErrorDialog.d.ts

@@ -0,0 +1,9 @@
+import { SliceLocation as ArcSliceLocation } from '@cratis/arc/reflection';
+import { Guid } from '@cratis/fundamentals';
+export interface ReportErrorDialogProps {
+    error?: unknown;
+    location?: ArcSliceLocation;
+    correlationIds?: Guid[];
+}
+export declare const ReportErrorDialog: ({ error, location, correlationIds }: ReportErrorDialogProps) => import("react").JSX.Element;
+//# sourceMappingURL=ReportErrorDialog.d.ts.map

package/dist/cjs/Reporting/ReportErrorDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportErrorDialog.d.ts","sourceRoot":"","sources":["../../../Reporting/ReportErrorDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI3E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAe5C,MAAM,WAAW,sBAAsB;IAEnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAGhB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAG5B,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC;CAC3B;AAOD,eAAO,MAAM,iBAAiB,GAAI,qCAAqC,sBAAsB,gCAgB5F,CAAC"}