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

package/dist/cjs/Reporting/reportValues.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var showrunner_usher = require('@cratis/showrunner.usher');
+var ReportLimits = require('./ReportLimits.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Converts where something happened to the location a report carries.
+ * @param location The {@link ArcSliceLocation}, as `useSliceContext()` or a generated proxy gives it.
+ * @returns The {@link SliceLocation} of the report.
+ */ function toReportLocation(location) {
+    const reportLocation = new showrunner_usher.SliceLocation();
+    reportLocation.module = location.module;
+    reportLocation.feature = location.feature;
+    reportLocation.slice = location.slice;
+    return reportLocation;
+}
+/**
+ * Gets the initial values of the report a problem command.
+ * @param context The {@link ReportContext}.
+ * @returns The values.
+ */ function reportIssueValues(context) {
+    return {
+        issueId: context.issueId,
+        summary: '',
+        description: '',
+        location: toReportLocation(context.location),
+        correlationIds: context.correlationIds.slice(-ReportLimits.ReportLimits.correlationIds),
+        applicationVersion: context.applicationVersion,
+        shareIdentity: context.shareIdentity,
+        grantAccess: false,
+        accessDuration: showrunner_usher.AccessDuration.oneDay
+    };
+}
+/**
+ * Gets the initial values of the report this error command. The error's own location and correlation ids win over
+ * those of the context, as they say where the error happened.
+ * @param error The {@link ErrorDetails}.
+ * @param context The {@link ReportContext}.
+ * @returns The values.
+ */ function reportErrorValues(error, context) {
+    return {
+        issueId: context.issueId,
+        errorMessage: error.message.slice(0, ReportLimits.ReportLimits.errorMessageLength),
+        errorType: error.type.slice(0, ReportLimits.ReportLimits.errorTypeLength),
+        stackFrames: error.stackFrames.slice(0, ReportLimits.ReportLimits.stackFrames).map(withinLimits),
+        details: '',
+        location: toReportLocation(isEmptyLocation(error.location) ? context.location : error.location),
+        correlationIds: mergeCorrelationIds(error.correlationIds, context.correlationIds).slice(0, ReportLimits.ReportLimits.correlationIds),
+        applicationVersion: context.applicationVersion,
+        shareIdentity: context.shareIdentity,
+        grantAccess: false,
+        accessDuration: showrunner_usher.AccessDuration.oneDay
+    };
+}
+/**
+ * Merges correlation ids, keeping each once, the first given first.
+ * @param first The correlation ids that come first.
+ * @param second The correlation ids that come after.
+ * @returns The merged correlation ids.
+ */ function mergeCorrelationIds(first, second) {
+    const merged = [];
+    for (const correlationId of [
+        ...first,
+        ...second
+    ]){
+        if (!merged.some((existing)=>existing.equals(correlationId))) {
+            merged.push(correlationId);
+        }
+    }
+    return merged;
+}
+/**
+ * Gets the {@link ErrorDetails} of an error to report: the details themselves when given, otherwise the details of
+ * what was thrown.
+ * @param error `ErrorDetails`, or anything thrown.
+ * @param location Where it happened, when what was thrown does not say.
+ * @returns The {@link ErrorDetails}.
+ */ function toErrorDetails(error, location) {
+    return isErrorDetails(error) ? error : showrunner_usher.errorDetailsFromError(error, location);
+}
+/**
+ * Checks whether a value is {@link ErrorDetails}.
+ * @param value The value.
+ * @returns True when it is.
+ */ function isErrorDetails(value) {
+    if (typeof value !== 'object' || value === null || value instanceof Error) {
+        return false;
+    }
+    const candidate = value;
+    return typeof candidate.message === 'string' && typeof candidate.type === 'string' && Array.isArray(candidate.correlationIds) && Array.isArray(candidate.stackFrames) && typeof candidate.location === 'object' && candidate.location !== null;
+}
+/**
+ * Checks whether a location says nothing about where something happened.
+ * @param location The location.
+ * @returns True when no part of it is known.
+ */ function isEmptyLocation(location) {
+    return !location || [
+        location.module,
+        location.feature,
+        location.slice
+    ].every((part)=>!part);
+}
+/**
+ * Cuts the texts of a stack frame to what a report carries.
+ * @param frame The {@link StackFrame}.
+ * @returns The frame within the limits.
+ */ function withinLimits(frame) {
+    return {
+        ...frame,
+        method: frame.method.slice(0, ReportLimits.ReportLimits.stackFrameTextLength),
+        file: frame.file.slice(0, ReportLimits.ReportLimits.stackFrameTextLength)
+    };
+}
+
+exports.isEmptyLocation = isEmptyLocation;
+exports.isErrorDetails = isErrorDetails;
+exports.mergeCorrelationIds = mergeCorrelationIds;
+exports.reportErrorValues = reportErrorValues;
+exports.reportIssueValues = reportIssueValues;
+exports.toErrorDetails = toErrorDetails;
+exports.toReportLocation = toReportLocation;
+//# sourceMappingURL=reportValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reportValues.js","sources":["../../../Reporting/reportValues.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 { SliceLocation as ArcSliceLocation } from '@cratis/arc/reflection';\nimport { Guid } from '@cratis/fundamentals';\nimport { AccessDuration, ErrorDetails, errorDetailsFromError, IReportError, IReportIssue, SliceLocation, StackFrame } from '@cratis/showrunner.usher';\nimport { ReportLimits } from './ReportLimits.js';\n\n/**\n * What every report carries besides what the reporter writes.\n */\nexport interface ReportContext {\n    /** The id of the new issue. */\n    readonly issueId: Guid;\n\n    /** Where in the application the reporter was. */\n    readonly location: ArcSliceLocation;\n\n    /** The correlation ids of the commands and queries run just before the report. */\n    readonly correlationIds: Guid[];\n\n    /** The version of the application. */\n    readonly applicationVersion: string;\n\n    /** Whether to let support know who the reporter is unless they choose otherwise. */\n    readonly shareIdentity: boolean;\n}\n\n/**\n * Converts where something happened to the location a report carries.\n * @param location The {@link ArcSliceLocation}, as `useSliceContext()` or a generated proxy gives it.\n * @returns The {@link SliceLocation} of the report.\n */\nexport function toReportLocation(location: ArcSliceLocation): SliceLocation {\n    const reportLocation = new SliceLocation();\n    reportLocation.module = location.module;\n    reportLocation.feature = location.feature;\n    reportLocation.slice = location.slice;\n    return reportLocation;\n}\n\n/**\n * Gets the initial values of the report a problem command.\n * @param context The {@link ReportContext}.\n * @returns The values.\n */\nexport function reportIssueValues(context: ReportContext): IReportIssue {\n    return {\n        issueId: context.issueId,\n        summary: '',\n        description: '',\n        location: toReportLocation(context.location),\n        correlationIds: context.correlationIds.slice(-ReportLimits.correlationIds),\n        applicationVersion: context.applicationVersion,\n        shareIdentity: context.shareIdentity,\n        grantAccess: false,\n        accessDuration: AccessDuration.oneDay\n    };\n}\n\n/**\n * Gets the initial values of the report this error command. The error's own location and correlation ids win over\n * those of the context, as they say where the error happened.\n * @param error The {@link ErrorDetails}.\n * @param context The {@link ReportContext}.\n * @returns The values.\n */\nexport function reportErrorValues(error: ErrorDetails, context: ReportContext): IReportError {\n    return {\n        issueId: context.issueId,\n        errorMessage: error.message.slice(0, ReportLimits.errorMessageLength),\n        errorType: error.type.slice(0, ReportLimits.errorTypeLength),\n        stackFrames: error.stackFrames.slice(0, ReportLimits.stackFrames).map(withinLimits),\n        details: '',\n        location: toReportLocation(isEmptyLocation(error.location) ? context.location : error.location),\n        correlationIds: mergeCorrelationIds(error.correlationIds, context.correlationIds).slice(0, ReportLimits.correlationIds),\n        applicationVersion: context.applicationVersion,\n        shareIdentity: context.shareIdentity,\n        grantAccess: false,\n        accessDuration: AccessDuration.oneDay\n    };\n}\n\n/**\n * Merges correlation ids, keeping each once, the first given first.\n * @param first The correlation ids that come first.\n * @param second The correlation ids that come after.\n * @returns The merged correlation ids.\n */\nexport function mergeCorrelationIds(first: Guid[], second: Guid[]): Guid[] {\n    const merged: Guid[] = [];\n    for (const correlationId of [...first, ...second]) {\n        if (!merged.some(existing => existing.equals(correlationId))) {\n            merged.push(correlationId);\n        }\n    }\n    return merged;\n}\n\n/**\n * Gets the {@link ErrorDetails} of an error to report: the details themselves when given, otherwise the details of\n * what was thrown.\n * @param error `ErrorDetails`, or anything thrown.\n * @param location Where it happened, when what was thrown does not say.\n * @returns The {@link ErrorDetails}.\n */\nexport function toErrorDetails(error: unknown, location?: ArcSliceLocation): ErrorDetails {\n    return isErrorDetails(error) ? error : errorDetailsFromError(error, location);\n}\n\n/**\n * Checks whether a value is {@link ErrorDetails}.\n * @param value The value.\n * @returns True when it is.\n */\nexport function isErrorDetails(value: unknown): value is ErrorDetails {\n    if (typeof value !== 'object' || value === null || value instanceof Error) {\n        return false;\n    }\n\n    const candidate = value as Record<string, unknown>;\n    return typeof candidate.message === 'string'\n        && typeof candidate.type === 'string'\n        && Array.isArray(candidate.correlationIds)\n        && Array.isArray(candidate.stackFrames)\n        && typeof candidate.location === 'object'\n        && candidate.location !== null;\n}\n\n/**\n * Checks whether a location says nothing about where something happened.\n * @param location The location.\n * @returns True when no part of it is known.\n */\nexport function isEmptyLocation(location: { module: string; feature: string; slice: string } | undefined): boolean {\n    return !location || [location.module, location.feature, location.slice].every(part => !part);\n}\n\n/**\n * Cuts the texts of a stack frame to what a report carries.\n * @param frame The {@link StackFrame}.\n * @returns The frame within the limits.\n */\nfunction withinLimits(frame: StackFrame): StackFrame {\n    return {\n        ...frame,\n        method: frame.method.slice(0, ReportLimits.stackFrameTextLength),\n        file: frame.file.slice(0, ReportLimits.stackFrameTextLength)\n    };\n}\n"],"names":["toReportLocation","location","reportLocation","SliceLocation","module","feature","slice","reportIssueValues","context","issueId","summary","description","correlationIds","ReportLimits","applicationVersion","shareIdentity","grantAccess","accessDuration","AccessDuration","oneDay","reportErrorValues","error","errorMessage","message","errorMessageLength","errorType","type","errorTypeLength","stackFrames","map","withinLimits","details","isEmptyLocation","mergeCorrelationIds","first","second","merged","correlationId","some","existing","equals","push","toErrorDetails","isErrorDetails","errorDetailsFromError","value","Error","candidate","Array","isArray","every","part","frame","method","stackFrameTextLength","file"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import { AccessChoice } from './AccessChoice.js';
+export interface AccessChoiceBinding {
+    readonly choice: AccessChoice;
+    readonly onFieldChange: (command: unknown, fieldName: string, oldValue: unknown, newValue: unknown) => void;
+    readonly currentValues: {
+        shareIdentity: boolean;
+    };
+    readonly initialValues: <TValues extends {
+        shareIdentity?: boolean;
+    }>(values: TValues) => Omit<TValues, 'shareIdentity'>;
+}
+export declare function useAccessChoice(shareIdentityByDefault: boolean): AccessChoiceBinding;
+//# sourceMappingURL=useAccessChoice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAccessChoice.d.ts","sourceRoot":"","sources":["../../../Reporting/useAccessChoice.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAA2D,MAAM,mBAAmB,CAAC;AAY1G,MAAM,WAAW,mBAAmB;IAEhC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAG9B,QAAQ,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAG5G,QAAQ,CAAC,aAAa,EAAE;QAAE,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC;IAQnD,QAAQ,CAAC,aAAa,EAAE,CAAC,OAAO,SAAS;QAAE,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;CAC5H;AAaD,wBAAgB,eAAe,CAAC,sBAAsB,EAAE,OAAO,GAAG,mBAAmB,CAMpF"}

package/dist/cjs/Reporting/useAccessChoice.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var react = require('react');
+var AccessChoice = require('./AccessChoice.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const reduce = (choice, change)=>AccessChoice.changeAccessChoice(choice, change.fieldName, change.value);
+const withoutShareIdentity = (values)=>{
+    const seed = {
+        ...values
+    };
+    delete seed.shareIdentity;
+    return seed;
+};
+/**
+ * Follows the reporter's access choice in a command form with `shareIdentity`, `grantAccess` and `accessDuration`.
+ * @param shareIdentityByDefault Whether to let support know who the reporter is unless they choose otherwise.
+ * @returns The {@link AccessChoiceBinding}.
+ */ function useAccessChoice(shareIdentityByDefault) {
+    const [choice, dispatch] = react.useReducer(reduce, shareIdentityByDefault, AccessChoice.initialAccessChoice);
+    const shareIdentity = AccessChoice.sharesIdentity(choice);
+    const currentValues = react.useMemo(()=>({
+            shareIdentity
+        }), [
+        shareIdentity
+    ]);
+    const onFieldChange = (_command, fieldName, _oldValue, newValue)=>dispatch({
+            fieldName,
+            value: newValue
+        });
+    return {
+        choice,
+        onFieldChange,
+        currentValues,
+        initialValues: withoutShareIdentity
+    };
+}
+
+exports.useAccessChoice = useAccessChoice;
+//# sourceMappingURL=useAccessChoice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAccessChoice.js","sources":["../../../Reporting/useAccessChoice.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 { useMemo, useReducer } from 'react';\nimport { AccessChoice, changeAccessChoice, initialAccessChoice, sharesIdentity } from './AccessChoice.js';\n\ninterface FieldChanged {\n    readonly fieldName: string;\n    readonly value: unknown;\n}\n\nconst reduce = (choice: AccessChoice, change: FieldChanged) => changeAccessChoice(choice, change.fieldName, change.value);\n\n/**\n * What {@link useAccessChoice} gives a command form.\n */\nexport interface AccessChoiceBinding {\n    /** The reporter's {@link AccessChoice}. */\n    readonly choice: AccessChoice;\n\n    /** The handler for the form's `onFieldChange`. */\n    readonly onFieldChange: (command: unknown, fieldName: string, oldValue: unknown, newValue: unknown) => void;\n\n    /** The form's `currentValues`, which force sharing who the reporter is while access is granted. */\n    readonly currentValues: { shareIdentity: boolean };\n\n    /**\n     * Gets the form's `initialValues` without `shareIdentity`: the form merges `initialValues` over `currentValues`, so\n     * a `shareIdentity` there would win over the value the access choice forces.\n     * @param values The initial values of the command.\n     * @returns The values without `shareIdentity`.\n     */\n    readonly initialValues: <TValues extends { shareIdentity?: boolean }>(values: TValues) => Omit<TValues, 'shareIdentity'>;\n}\n\nconst withoutShareIdentity = <TValues extends { shareIdentity?: boolean }>(values: TValues): Omit<TValues, 'shareIdentity'> => {\n    const seed: Partial<TValues> = { ...values };\n    delete seed.shareIdentity;\n    return seed as Omit<TValues, 'shareIdentity'>;\n};\n\n/**\n * Follows the reporter's access choice in a command form with `shareIdentity`, `grantAccess` and `accessDuration`.\n * @param shareIdentityByDefault Whether to let support know who the reporter is unless they choose otherwise.\n * @returns The {@link AccessChoiceBinding}.\n */\nexport function useAccessChoice(shareIdentityByDefault: boolean): AccessChoiceBinding {\n    const [choice, dispatch] = useReducer(reduce, shareIdentityByDefault, initialAccessChoice);\n    const shareIdentity = sharesIdentity(choice);\n    const currentValues = useMemo(() => ({ shareIdentity }), [shareIdentity]);\n    const onFieldChange = (_command: unknown, fieldName: string, _oldValue: unknown, newValue: unknown) => dispatch({ fieldName, value: newValue });\n    return { choice, onFieldChange, currentValues, initialValues: withoutShareIdentity };\n}\n"],"names":["reduce","choice","change","changeAccessChoice","fieldName","value","withoutShareIdentity","values","seed","shareIdentity","useAccessChoice","shareIdentityByDefault","dispatch","useReducer","initialAccessChoice","sharesIdentity","currentValues","useMemo","onFieldChange","_command","_oldValue","newValue","initialValues"],"mappings":";;;;;AAAA;AACA;AAUA,MAAMA,MAAAA,GAAS,CAACC,MAAAA,EAAsBC,MAAAA,GAAyBC,+BAAAA,CAAmBF,QAAQC,MAAAA,CAAOE,SAAS,EAAEF,MAAAA,CAAOG,KAAK,CAAA;AAwBxH,MAAMC,uBAAuB,CAA8CC,MAAAA,GAAAA;AACvE,IAAA,MAAMC,IAAAA,GAAyB;AAAE,QAAA,GAAGD;AAAO,KAAA;AAC3C,IAAA,OAAOC,KAAKC,aAAa;IACzB,OAAOD,IAAAA;AACX,CAAA;AAEA;;;;IAKO,SAASE,eAAAA,CAAgBC,sBAA+B,EAAA;AAC3D,IAAA,MAAM,CAACV,MAAAA,EAAQW,QAAAA,CAAS,GAAGC,gBAAAA,CAAWb,QAAQW,sBAAAA,EAAwBG,gCAAAA,CAAAA;AACtE,IAAA,MAAML,gBAAgBM,2BAAAA,CAAed,MAAAA,CAAAA;IACrC,MAAMe,aAAAA,GAAgBC,aAAAA,CAAQ,KAAO;AAAER,YAAAA;AAAc,SAAA,CAAA,EAAI;AAACA,QAAAA;AAAc,KAAA,CAAA;AACxE,IAAA,MAAMS,gBAAgB,CAACC,QAAAA,EAAmBf,SAAAA,EAAmBgB,SAAAA,EAAoBC,WAAsBT,QAAAA,CAAS;AAAER,YAAAA,SAAAA;YAAWC,KAAAA,EAAOgB;AAAS,SAAA,CAAA;IAC7I,OAAO;AAAEpB,QAAAA,MAAAA;AAAQiB,QAAAA,aAAAA;AAAeF,QAAAA,aAAAA;QAAeM,aAAAA,EAAehB;AAAqB,KAAA;AACvF;;"}

package/dist/cjs/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Buttons/index.js';
+export * from './Correlation/index.js';
+export * from './Icons.js';
+export * from './Issues/index.js';
+export * from './Labels/index.js';
+export * from './Provider/index.js';
+export * from './Reporting/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,133 @@
+'use strict';
+
+var buttonModels = require('./Buttons/buttonModels.js');
+var MyIssuesButton = require('./Buttons/MyIssuesButton.js');
+var ReportButton = require('./Buttons/ReportButton.js');
+var CorrelationTracker = require('./Correlation/CorrelationTracker.js');
+var withCorrelationIdHeader = require('./Correlation/withCorrelationIdHeader.js');
+var Icons = require('./Icons.js');
+var accessStatus = require('./Issues/accessStatus.js');
+var conversationMessages = require('./Issues/conversationMessages.js');
+var issueStates = require('./Issues/issueStates.js');
+var AccessPanel = require('./Issues/IssueView/AccessPanel.js');
+var GrantAccessDialog = require('./Issues/IssueView/GrantAccessDialog.js');
+var IdentityPanel = require('./Issues/IssueView/IdentityPanel.js');
+var IssueActions = require('./Issues/IssueView/IssueActions.js');
+var IssueConversationPanel = require('./Issues/IssueView/IssueConversationPanel.js');
+var IssueHeader = require('./Issues/IssueView/IssueHeader.js');
+var IssueView = require('./Issues/IssueView/IssueView.js');
+var QuestionBanner = require('./Issues/IssueView/QuestionBanner.js');
+var ReopenIssueDialog = require('./Issues/IssueView/ReopenIssueDialog.js');
+var ShareIdentityDialog = require('./Issues/IssueView/ShareIdentityDialog.js');
+var StatusStrip = require('./Issues/IssueView/StatusStrip.js');
+var SupportSessions = require('./Issues/IssueView/SupportSessions.js');
+var IssueList = require('./Issues/MyIssues/IssueList.js');
+var MyIssuesDialog = require('./Issues/MyIssues/MyIssuesDialog.js');
+var MyIssuesNavigation = require('./Issues/MyIssues/MyIssuesNavigation.js');
+var MyIssuesList = require('./Issues/MyIssuesList.js');
+var webAddress = require('./Issues/webAddress.js');
+var useAccessStatus = require('./Issues/useAccessStatus.js');
+var sessionActivity = require('./Issues/sessionActivity.js');
+var defaultUsherLabels = require('./Labels/defaultUsherLabels.js');
+var resolveLabels = require('./Labels/resolveLabels.js');
+var format = require('./Labels/format.js');
+var UsherBoundary = require('./Provider/UsherBoundary.js');
+var UsherContext = require('./Provider/UsherContext.js');
+var UsherProvider = require('./Provider/UsherProvider.js');
+var useUsher = require('./Provider/useUsher.js');
+var AccessChoice = require('./Reporting/AccessChoice.js');
+var AccessFields = require('./Reporting/AccessFields.js');
+var AccessNotice = require('./Reporting/AccessNotice.js');
+var durationOptions = require('./Reporting/durationOptions.js');
+var formatLocation = require('./Reporting/formatLocation.js');
+var ReportErrorDialog = require('./Reporting/ReportErrorDialog.js');
+var ReportIssueDialog = require('./Reporting/ReportIssueDialog.js');
+var ReportLimits = require('./Reporting/ReportLimits.js');
+var reportValues = require('./Reporting/reportValues.js');
+var SentWithReport = require('./Reporting/SentWithReport.js');
+var TechnicalDetails = require('./Reporting/TechnicalDetails.js');
+var useAccessChoice = require('./Reporting/useAccessChoice.js');
+
+
+
+exports.myIssuesButtonModel = buttonModels.myIssuesButtonModel;
+exports.reportButtonModel = buttonModels.reportButtonModel;
+exports.MyIssuesButton = MyIssuesButton.MyIssuesButton;
+exports.MyIssuesButtonView = MyIssuesButton.MyIssuesButtonView;
+exports.ReportButton = ReportButton.ReportButton;
+exports.CorrelationTracker = CorrelationTracker.CorrelationTracker;
+exports.defaultCorrelationIdHeader = withCorrelationIdHeader.defaultCorrelationIdHeader;
+exports.withCorrelationIdHeader = withCorrelationIdHeader.withCorrelationIdHeader;
+exports.BackIcon = Icons.BackIcon;
+exports.BugIcon = Icons.BugIcon;
+exports.InboxIcon = Icons.InboxIcon;
+exports.AccessStatus = accessStatus.AccessStatus;
+exports.AccessStatusRefreshInterval = accessStatus.AccessStatusRefreshInterval;
+exports.accessStatusOf = accessStatus.accessStatusOf;
+exports.isSessionRunning = accessStatus.isSessionRunning;
+exports.nextAccessStatusCheckIn = accessStatus.nextAccessStatusCheckIn;
+exports.authorIdFor = conversationMessages.authorIdFor;
+exports.authorOf = conversationMessages.authorOf;
+exports.bodyOf = conversationMessages.bodyOf;
+exports.conversationMessages = conversationMessages.conversationMessages;
+exports.isOpenQuestion = conversationMessages.isOpenQuestion;
+exports.isClosed = issueStates.isClosed;
+exports.stateBadgeFor = issueStates.stateBadgeFor;
+exports.statusStepOf = issueStates.statusStepOf;
+exports.statusSteps = issueStates.statusSteps;
+exports.AccessPanel = AccessPanel.AccessPanel;
+exports.GrantAccessDialog = GrantAccessDialog.GrantAccessDialog;
+exports.IdentityPanel = IdentityPanel.IdentityPanel;
+exports.IssueActions = IssueActions.IssueActions;
+exports.IssueConversationPanel = IssueConversationPanel.IssueConversationPanel;
+exports.IssueHeader = IssueHeader.IssueHeader;
+exports.IssueView = IssueView.IssueView;
+exports.QuestionBanner = QuestionBanner.QuestionBanner;
+exports.ReopenIssueDialog = ReopenIssueDialog.ReopenIssueDialog;
+exports.ShareIdentityDialog = ShareIdentityDialog.ShareIdentityDialog;
+exports.StatusStrip = StatusStrip.StatusStrip;
+exports.SupportSessions = SupportSessions.SupportSessions;
+exports.IssueList = IssueList.IssueList;
+exports.MyIssuesDialog = MyIssuesDialog.MyIssuesDialog;
+exports.navigate = MyIssuesNavigation.navigate;
+exports.startNavigation = MyIssuesNavigation.startNavigation;
+exports.isFixReleased = MyIssuesList.isFixReleased;
+exports.visibleIssues = MyIssuesList.visibleIssues;
+exports.waitingCount = MyIssuesList.waitingCount;
+exports.isWebAddress = webAddress.isWebAddress;
+exports.useAccessStatus = useAccessStatus.useAccessStatus;
+exports.sessionActivityOf = sessionActivity.sessionActivityOf;
+exports.defaultUsherLabels = defaultUsherLabels.defaultUsherLabels;
+exports.resolveLabels = resolveLabels.resolveLabels;
+exports.format = format.format;
+exports.UsherBoundary = UsherBoundary.UsherBoundary;
+exports.UsherContext = UsherContext.UsherContext;
+exports.defaultUsherContextValue = UsherContext.defaultUsherContextValue;
+exports.useUsherContext = UsherContext.useUsherContext;
+exports.useUsherLabels = UsherContext.useUsherLabels;
+exports.UsherProvider = UsherProvider.UsherProvider;
+exports.useUsher = useUsher.useUsher;
+exports.changeAccessChoice = AccessChoice.changeAccessChoice;
+exports.formatClock = AccessChoice.formatClock;
+exports.formatTime = AccessChoice.formatTime;
+exports.initialAccessChoice = AccessChoice.initialAccessChoice;
+exports.sharesIdentity = AccessChoice.sharesIdentity;
+exports.validUntilFor = AccessChoice.validUntilFor;
+exports.AccessFields = AccessFields.AccessFields;
+exports.AccessNotice = AccessNotice.AccessNotice;
+exports.durationOptions = durationOptions.durationOptions;
+exports.formatLocation = formatLocation.formatLocation;
+exports.ReportErrorDialog = ReportErrorDialog.ReportErrorDialog;
+exports.ReportIssueDialog = ReportIssueDialog.ReportIssueDialog;
+exports.ReportLimits = ReportLimits.ReportLimits;
+exports.isEmptyLocation = reportValues.isEmptyLocation;
+exports.isErrorDetails = reportValues.isErrorDetails;
+exports.mergeCorrelationIds = reportValues.mergeCorrelationIds;
+exports.reportErrorValues = reportValues.reportErrorValues;
+exports.reportIssueValues = reportValues.reportIssueValues;
+exports.toErrorDetails = reportValues.toErrorDetails;
+exports.toReportLocation = reportValues.toReportLocation;
+exports.SentWithReport = SentWithReport.SentWithReport;
+exports.TechnicalDetails = TechnicalDetails.TechnicalDetails;
+exports.useAccessChoice = useAccessChoice.useAccessChoice;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/esm/Buttons/MyIssuesButton.d.ts

@@ -0,0 +1,14 @@
+import { useUsher } from '../Provider/useUsher.js';
+import { UsherButtonSize } from './buttonModels.js';
+export interface MyIssuesButtonProps {
+    size?: UsherButtonSize;
+    className?: string;
+}
+export declare const MyIssuesButton: (props: MyIssuesButtonProps) => import("react").JSX.Element;
+export interface MyIssuesButtonViewProps extends MyIssuesButtonProps {
+    waiting: number;
+    labels: ReturnType<typeof useUsher>['labels'];
+    onOpen: () => void;
+}
+export declare const MyIssuesButtonView: ({ size, className, waiting, labels, onOpen }: MyIssuesButtonViewProps) => import("react").JSX.Element;
+//# sourceMappingURL=MyIssuesButton.d.ts.map

package/dist/esm/Buttons/MyIssuesButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyIssuesButton.d.ts","sourceRoot":"","sources":["../../../Buttons/MyIssuesButton.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAuB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzE,MAAM,WAAW,mBAAmB;IAEhC,IAAI,CAAC,EAAE,eAAe,CAAC;IAGvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAQxD,CAAC;AAYF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAEhE,OAAO,EAAE,MAAM,CAAC;IAGhB,MAAM,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC;IAG9C,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAKD,eAAO,MAAM,kBAAkB,GAAI,8CAAwD,uBAAuB,gCAgBjH,CAAC"}

package/dist/esm/Buttons/MyIssuesButton.js

@@ -0,0 +1,73 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconButton, Button } from '@cratis/components/Common';
+import { Badge } from '@cratis/components/Display';
+import { MyIssues } from '@cratis/showrunner.usher';
+import { InboxIcon } from '../Icons.js';
+import { waitingCount } from '../Issues/MyIssuesList.js';
+import { UsherBoundary } from '../Provider/UsherBoundary.js';
+import { useUsher } from '../Provider/useUsher.js';
+import { myIssuesButtonModel } from './buttonModels.js';
+
+/**
+ * Opens the my issues side sheet. A badge counts the issues support waits for the user on, and the accessible name
+ * says how many.
+ */ const MyIssuesButton = (props)=>{
+    const usher = useUsher();
+    return /*#__PURE__*/ jsx(UsherBoundary, {
+        children: /*#__PURE__*/ jsx(MyIssuesButtonContent, {
+            ...props,
+            onOpen: usher.showMyIssues
+        })
+    });
+};
+const MyIssuesButtonContent = ({ size = 'large', className, onOpen })=>{
+    const usher = useUsher();
+    const [result] = MyIssues.use();
+    return /*#__PURE__*/ jsx(MyIssuesButtonView, {
+        size: size,
+        className: className,
+        waiting: waitingCount(result.data ?? []),
+        labels: usher.labels,
+        onOpen: onOpen
+    });
+};
+/**
+ * Renders the my issues button for a given number of issues support waits for the user on.
+ */ const MyIssuesButtonView = ({ size = 'large', className, waiting, labels, onOpen })=>{
+    const model = myIssuesButtonModel(size, waiting, labels);
+    const badge = waiting > 0 && /*#__PURE__*/ jsx("span", {
+        className: "usher-my-issues-button__badge",
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsx(Badge, {
+            value: waiting,
+            severity: "warn",
+            size: "small"
+        })
+    });
+    return /*#__PURE__*/ jsxs("span", {
+        className: [
+            'usher-my-issues-button',
+            className
+        ].filter(Boolean).join(' '),
+        "data-size": size,
+        children: [
+            size === 'small' ? /*#__PURE__*/ jsx(IconButton, {
+                variant: "ghost",
+                icon: /*#__PURE__*/ jsx(InboxIcon, {}),
+                "aria-label": model.accessibleName,
+                tooltip: model.tooltip,
+                onClick: onOpen
+            }) : /*#__PURE__*/ jsx(Button, {
+                variant: "outline",
+                icon: /*#__PURE__*/ jsx(InboxIcon, {}),
+                label: model.text,
+                "aria-label": model.accessibleName,
+                onClick: onOpen
+            }),
+            badge
+        ]
+    });
+};
+
+export { MyIssuesButton, MyIssuesButtonView };
+//# sourceMappingURL=MyIssuesButton.js.map

package/dist/esm/Buttons/MyIssuesButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyIssuesButton.js","sources":["../../../Buttons/MyIssuesButton.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 { Button, IconButton } from '@cratis/components/Common';\nimport { Badge } from '@cratis/components/Display';\nimport { MyIssues } from '@cratis/showrunner.usher';\nimport { InboxIcon } from '../Icons.js';\nimport { waitingCount } from '../Issues/MyIssuesList.js';\nimport { UsherBoundary } from '../Provider/UsherBoundary.js';\nimport { useUsher } from '../Provider/useUsher.js';\nimport { myIssuesButtonModel, UsherButtonSize } from './buttonModels.js';\n\n/**\n * Props for {@link MyIssuesButton}.\n */\nexport interface MyIssuesButtonProps {\n    /** `large` shows the icon and the text; `small` shows the icon, with the text as tooltip and accessible name. Defaults to `large`. */\n    size?: UsherButtonSize;\n\n    /** Additional class name for the button. */\n    className?: string;\n}\n\n/**\n * Opens the my issues side sheet. A badge counts the issues support waits for the user on, and the accessible name\n * says how many.\n */\nexport const MyIssuesButton = (props: MyIssuesButtonProps) => {\n    const usher = useUsher();\n\n    return (\n        <UsherBoundary>\n            <MyIssuesButtonContent {...props} onOpen={usher.showMyIssues} />\n        </UsherBoundary>\n    );\n};\n\nconst MyIssuesButtonContent = ({ size = 'large', className, onOpen }: MyIssuesButtonProps & { onOpen: () => void }) => {\n    const usher = useUsher();\n    const [result] = MyIssues.use();\n\n    return <MyIssuesButtonView size={size} className={className} waiting={waitingCount(result.data ?? [])} labels={usher.labels} onOpen={onOpen} />;\n};\n\n/**\n * Props for {@link MyIssuesButtonView}.\n */\nexport interface MyIssuesButtonViewProps extends MyIssuesButtonProps {\n    /** How many issues support waits for the user on. */\n    waiting: number;\n\n    /** The labels to show. */\n    labels: ReturnType<typeof useUsher>['labels'];\n\n    /** Opens the my issues side sheet. */\n    onOpen: () => void;\n}\n\n/**\n * Renders the my issues button for a given number of issues support waits for the user on.\n */\nexport const MyIssuesButtonView = ({ size = 'large', className, waiting, labels, onOpen }: MyIssuesButtonViewProps) => {\n    const model = myIssuesButtonModel(size, waiting, labels);\n    const badge = waiting > 0 && (\n        <span className='usher-my-issues-button__badge' aria-hidden='true'>\n            <Badge value={waiting} severity='warn' size='small' />\n        </span>\n    );\n\n    return (\n        <span className={['usher-my-issues-button', className].filter(Boolean).join(' ')} data-size={size}>\n            {size === 'small'\n                ? <IconButton variant='ghost' icon={<InboxIcon />} aria-label={model.accessibleName} tooltip={model.tooltip} onClick={onOpen} />\n                : <Button variant='outline' icon={<InboxIcon />} label={model.text} aria-label={model.accessibleName} onClick={onOpen} />}\n            {badge}\n        </span>\n    );\n};\n"],"names":["MyIssuesButton","props","usher","useUsher","_jsx","UsherBoundary","MyIssuesButtonContent","onOpen","showMyIssues","size","className","result","MyIssues","use","MyIssuesButtonView","waiting","waitingCount","data","labels","model","myIssuesButtonModel","badge","span","aria-hidden","Badge","value","severity","_jsxs","filter","Boolean","join","data-size","IconButton","variant","icon","InboxIcon","aria-label","accessibleName","tooltip","onClick","Button","label","text"],"mappings":";;;;;;;;;;AAuBA;;;IAIO,MAAMA,cAAAA,GAAiB,CAACC,KAAAA,GAAAA;AAC3B,IAAA,MAAMC,KAAAA,GAAQC,QAAAA,EAAAA;AAEd,IAAA,qBACIC,GAAA,CAACC,aAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAD,GAAA,CAACE,qBAAAA,EAAAA;AAAuB,YAAA,GAAGL,KAAK;AAAEM,YAAAA,MAAAA,EAAQL,MAAMM;;;AAG5D;AAEA,MAAMF,qBAAAA,GAAwB,CAAC,EAAEG,IAAAA,GAAO,OAAO,EAAEC,SAAS,EAAEH,MAAM,EAAgD,GAAA;AAC9G,IAAA,MAAML,KAAAA,GAAQC,QAAAA,EAAAA;AACd,IAAA,MAAM,CAACQ,MAAAA,CAAO,GAAGC,QAAAA,CAASC,GAAG,EAAA;AAE7B,IAAA,qBAAOT,GAAA,CAACU,kBAAAA,EAAAA;QAAmBL,IAAAA,EAAMA,IAAAA;QAAMC,SAAAA,EAAWA,SAAAA;AAAWK,QAAAA,OAAAA,EAASC,YAAAA,CAAaL,MAAAA,CAAOM,IAAI,IAAI,EAAE,CAAA;AAAGC,QAAAA,MAAAA,EAAQhB,MAAMgB,MAAM;QAAEX,MAAAA,EAAQA;;AACzI,CAAA;AAgBA;;AAEC,IACM,MAAMO,kBAAAA,GAAqB,CAAC,EAAEL,IAAAA,GAAO,OAAO,EAAEC,SAAS,EAAEK,OAAO,EAAEG,MAAM,EAAEX,MAAM,EAA2B,GAAA;IAC9G,MAAMY,KAAAA,GAAQC,mBAAAA,CAAoBX,IAAAA,EAAMM,OAAAA,EAASG,MAAAA,CAAAA;IACjD,MAAMG,KAAAA,GAAQN,OAAAA,GAAU,CAAA,kBACpBX,GAAA,CAACkB,MAAAA,EAAAA;QAAKZ,SAAAA,EAAU,+BAAA;QAAgCa,aAAAA,EAAY,MAAA;AACxD,QAAA,QAAA,gBAAAnB,GAAA,CAACoB,KAAAA,EAAAA;YAAMC,KAAAA,EAAOV,OAAAA;YAASW,QAAAA,EAAS,MAAA;YAAOjB,IAAAA,EAAK;;;AAIpD,IAAA,qBACIkB,IAAA,CAACL,MAAAA,EAAAA;QAAKZ,SAAAA,EAAW;AAAC,YAAA,wBAAA;AAA0BA,YAAAA;AAAU,SAAA,CAACkB,MAAM,CAACC,OAAAA,CAAAA,CAASC,IAAI,CAAC,GAAA,CAAA;QAAMC,WAAAA,EAAWtB,IAAAA;;AACxFA,YAAAA,IAAAA,KAAS,wBACJL,GAAA,CAAC4B,UAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,OAAA;AAAQC,gBAAAA,IAAAA,gBAAM9B,GAAA,CAAC+B,SAAAA,EAAAA,EAAAA,CAAAA;AAAcC,gBAAAA,YAAAA,EAAYjB,MAAMkB,cAAc;AAAEC,gBAAAA,OAAAA,EAASnB,MAAMmB,OAAO;gBAAEC,OAAAA,EAAShC;+BACpHH,GAAA,CAACoC,MAAAA,EAAAA;gBAAOP,OAAAA,EAAQ,SAAA;AAAUC,gBAAAA,IAAAA,gBAAM9B,GAAA,CAAC+B,SAAAA,EAAAA,EAAAA,CAAAA;AAAcM,gBAAAA,KAAAA,EAAOtB,MAAMuB,IAAI;AAAEN,gBAAAA,YAAAA,EAAYjB,MAAMkB,cAAc;gBAAEE,OAAAA,EAAShC;;AAClHc,YAAAA;;;AAGb;;"}

package/dist/esm/Buttons/ReportButton.d.ts

@@ -0,0 +1,8 @@
+import { UsherButtonSize } from './buttonModels.js';
+export interface ReportButtonProps {
+    size?: UsherButtonSize;
+    error?: unknown;
+    className?: string;
+}
+export declare const ReportButton: ({ size, error, className }: ReportButtonProps) => import("react").JSX.Element;
+//# sourceMappingURL=ReportButton.d.ts.map

package/dist/esm/Buttons/ReportButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportButton.d.ts","sourceRoot":"","sources":["../../../Buttons/ReportButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAqB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKvE,MAAM,WAAW,iBAAiB;IAE9B,IAAI,CAAC,EAAE,eAAe,CAAC;IAGvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAGhB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,YAAY,GAAI,4BAAsC,iBAAiB,gCAwBnF,CAAC"}

package/dist/esm/Buttons/ReportButton.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { IconButton, Button } from '@cratis/components/Common';
+import { BugIcon } from '../Icons.js';
+import { useUsher } from '../Provider/useUsher.js';
+import { reportButtonModel } from './buttonModels.js';
+
+/**
+ * Opens the report a problem dialog, or the report this error dialog when given an error, with where in the
+ * application the button is.
+ */ const ReportButton = ({ size = 'large', error, className })=>{
+    const usher = useUsher();
+    const reportsError = error !== undefined;
+    const model = reportButtonModel(size, reportsError, usher.labels);
+    const report = ()=>reportsError ? usher.reportError(error) : usher.reportIssue();
+    return size === 'small' ? /*#__PURE__*/ jsx(IconButton, {
+        className: className,
+        variant: "ghost",
+        icon: /*#__PURE__*/ jsx(BugIcon, {}),
+        "aria-label": model.accessibleName,
+        tooltip: model.tooltip,
+        onClick: report
+    }) : /*#__PURE__*/ jsx(Button, {
+        className: className,
+        variant: "outline",
+        icon: /*#__PURE__*/ jsx(BugIcon, {}),
+        label: model.text,
+        onClick: report
+    });
+};
+
+export { ReportButton };
+//# sourceMappingURL=ReportButton.js.map

package/dist/esm/Buttons/ReportButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportButton.js","sources":["../../../Buttons/ReportButton.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 { Button, IconButton } from '@cratis/components/Common';\nimport { BugIcon } from '../Icons.js';\nimport { useUsher } from '../Provider/useUsher.js';\nimport { reportButtonModel, UsherButtonSize } from './buttonModels.js';\n\n/**\n * Props for {@link ReportButton}.\n */\nexport interface ReportButtonProps {\n    /** `large` shows the icon and the text; `small` shows the icon, with the text as tooltip and accessible name. Defaults to `large`. */\n    size?: UsherButtonSize;\n\n    /** The error to report: `ErrorDetails` from `@cratis/showrunner.usher`, or anything thrown. The button reports a problem described by hand when not given. */\n    error?: unknown;\n\n    /** Additional class name for the button. */\n    className?: string;\n}\n\n/**\n * Opens the report a problem dialog, or the report this error dialog when given an error, with where in the\n * application the button is.\n */\nexport const ReportButton = ({ size = 'large', error, className }: ReportButtonProps) => {\n    const usher = useUsher();\n    const reportsError = error !== undefined;\n    const model = reportButtonModel(size, reportsError, usher.labels);\n    const report = () => reportsError ? usher.reportError(error) : usher.reportIssue();\n\n    return size === 'small'\n        ? (\n            <IconButton\n                className={className}\n                variant='ghost'\n                icon={<BugIcon />}\n                aria-label={model.accessibleName}\n                tooltip={model.tooltip}\n                onClick={report} />\n        )\n        : (\n            <Button\n                className={className}\n                variant='outline'\n                icon={<BugIcon />}\n                label={model.text}\n                onClick={report} />\n        );\n};\n"],"names":["ReportButton","size","error","className","usher","useUsher","reportsError","undefined","model","reportButtonModel","labels","report","reportError","reportIssue","_jsx","IconButton","variant","icon","BugIcon","aria-label","accessibleName","tooltip","onClick","Button","label","text"],"mappings":";;;;;;AAsBA;;;IAIO,MAAMA,YAAAA,GAAe,CAAC,EAAEC,IAAAA,GAAO,OAAO,EAAEC,KAAK,EAAEC,SAAS,EAAqB,GAAA;AAChF,IAAA,MAAMC,KAAAA,GAAQC,QAAAA,EAAAA;AACd,IAAA,MAAMC,eAAeJ,KAAAA,KAAUK,SAAAA;AAC/B,IAAA,MAAMC,KAAAA,GAAQC,iBAAAA,CAAkBR,IAAAA,EAAMK,YAAAA,EAAcF,MAAMM,MAAM,CAAA;IAChE,MAAMC,MAAAA,GAAS,IAAML,YAAAA,GAAeF,KAAAA,CAAMQ,WAAW,CAACV,KAAAA,CAAAA,GAASE,MAAMS,WAAW,EAAA;IAEhF,OAAOZ,IAAAA,KAAS,wBAERa,GAAA,CAACC,UAAAA,EAAAA;QACGZ,SAAAA,EAAWA,SAAAA;QACXa,OAAAA,EAAQ,OAAA;AACRC,QAAAA,IAAAA,gBAAMH,GAAA,CAACI,OAAAA,EAAAA,EAAAA,CAAAA;AACPC,QAAAA,YAAAA,EAAYX,MAAMY,cAAc;AAChCC,QAAAA,OAAAA,EAASb,MAAMa,OAAO;QACtBC,OAAAA,EAASX;uBAGbG,GAAA,CAACS,MAAAA,EAAAA;QACGpB,SAAAA,EAAWA,SAAAA;QACXa,OAAAA,EAAQ,SAAA;AACRC,QAAAA,IAAAA,gBAAMH,GAAA,CAACI,OAAAA,EAAAA,EAAAA,CAAAA;AACPM,QAAAA,KAAAA,EAAOhB,MAAMiB,IAAI;QACjBH,OAAAA,EAASX;;AAEzB;;"}

package/dist/esm/Buttons/buttonModels.d.ts

@@ -0,0 +1,10 @@
+import { UsherLabels } from '../Labels/index.js';
+export type UsherButtonSize = 'large' | 'small';
+export interface ButtonModel {
+    readonly text: string;
+    readonly accessibleName: string;
+    readonly tooltip: string;
+}
+export declare function reportButtonModel(size: UsherButtonSize, reportsError: boolean, labels: UsherLabels): ButtonModel;
+export declare function myIssuesButtonModel(size: UsherButtonSize, waiting: number, labels: UsherLabels): ButtonModel;
+//# sourceMappingURL=buttonModels.d.ts.map

package/dist/esm/Buttons/buttonModels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonModels.d.ts","sourceRoot":"","sources":["../../../Buttons/buttonModels.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMzD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAKhD,MAAM,WAAW,WAAW;IAExB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAGtB,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAGhC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC5B;AASD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,GAAG,WAAW,CAGhH;AASD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,WAAW,CAI5G"}

package/dist/esm/Buttons/buttonModels.js

@@ -0,0 +1,41 @@
+import { format } from '../Labels/format.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Gets what the report button shows and announces.
+ * @param size The {@link UsherButtonSize}.
+ * @param reportsError Whether the button reports an error rather than a problem described by hand.
+ * @param labels The labels to show.
+ * @returns The {@link ButtonModel}.
+ */ function reportButtonModel(size, reportsError, labels) {
+    const label = reportsError ? labels.reportButton.reportError : labels.reportButton.reportProblem;
+    return modelFor(size, label, label);
+}
+/**
+ * Gets what the my issues button shows and announces.
+ * @param size The {@link UsherButtonSize}.
+ * @param waiting How many issues support waits for the user on.
+ * @param labels The labels to show.
+ * @returns The {@link ButtonModel}.
+ */ function myIssuesButtonModel(size, waiting, labels) {
+    const label = labels.myIssuesButton.label;
+    const accessibleName = waiting > 0 ? `${label}, ${format(labels.myIssuesButton.waiting, {
+        count: waiting
+    })}` : label;
+    return modelFor(size, label, accessibleName);
+}
+function modelFor(size, label, accessibleName) {
+    return size === 'small' ? {
+        text: '',
+        accessibleName,
+        tooltip: accessibleName
+    } : {
+        text: label,
+        accessibleName,
+        tooltip: ''
+    };
+}
+
+export { myIssuesButtonModel, reportButtonModel };
+//# sourceMappingURL=buttonModels.js.map

package/dist/esm/Buttons/buttonModels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonModels.js","sources":["../../../Buttons/buttonModels.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 { format, UsherLabels } from '../Labels/index.js';\n\n/**\n * The sizes of the Usher buttons: `large` shows the icon and the text; `small` shows the icon, with the text as the\n * tooltip and the accessible name.\n */\nexport type UsherButtonSize = 'large' | 'small';\n\n/**\n * What an Usher button shows and announces.\n */\nexport interface ButtonModel {\n    /** The visible text; empty for a small button. */\n    readonly text: string;\n\n    /** The accessible name. */\n    readonly accessibleName: string;\n\n    /** The tooltip; empty for a large button, whose text says it all. */\n    readonly tooltip: string;\n}\n\n/**\n * Gets what the report button shows and announces.\n * @param size The {@link UsherButtonSize}.\n * @param reportsError Whether the button reports an error rather than a problem described by hand.\n * @param labels The labels to show.\n * @returns The {@link ButtonModel}.\n */\nexport function reportButtonModel(size: UsherButtonSize, reportsError: boolean, labels: UsherLabels): ButtonModel {\n    const label = reportsError ? labels.reportButton.reportError : labels.reportButton.reportProblem;\n    return modelFor(size, label, label);\n}\n\n/**\n * Gets what the my issues button shows and announces.\n * @param size The {@link UsherButtonSize}.\n * @param waiting How many issues support waits for the user on.\n * @param labels The labels to show.\n * @returns The {@link ButtonModel}.\n */\nexport function myIssuesButtonModel(size: UsherButtonSize, waiting: number, labels: UsherLabels): ButtonModel {\n    const label = labels.myIssuesButton.label;\n    const accessibleName = waiting > 0 ? `${label}, ${format(labels.myIssuesButton.waiting, { count: waiting })}` : label;\n    return modelFor(size, label, accessibleName);\n}\n\nfunction modelFor(size: UsherButtonSize, label: string, accessibleName: string): ButtonModel {\n    return size === 'small'\n        ? { text: '', accessibleName, tooltip: accessibleName }\n        : { text: label, accessibleName, tooltip: '' };\n}\n"],"names":["reportButtonModel","size","reportsError","labels","label","reportButton","reportError","reportProblem","modelFor","myIssuesButtonModel","waiting","myIssuesButton","accessibleName","format","count","text","tooltip"],"mappings":";;AAAA;AACA;AAwBA;;;;;;AAMC,IACM,SAASA,iBAAAA,CAAkBC,IAAqB,EAAEC,YAAqB,EAAEC,MAAmB,EAAA;IAC/F,MAAMC,KAAAA,GAAQF,YAAAA,GAAeC,MAAAA,CAAOE,YAAY,CAACC,WAAW,GAAGH,MAAAA,CAAOE,YAAY,CAACE,aAAa;IAChG,OAAOC,QAAAA,CAASP,MAAMG,KAAAA,EAAOA,KAAAA,CAAAA;AACjC;AAEA;;;;;;AAMC,IACM,SAASK,mBAAAA,CAAoBR,IAAqB,EAAES,OAAe,EAAEP,MAAmB,EAAA;AAC3F,IAAA,MAAMC,KAAAA,GAAQD,MAAAA,CAAOQ,cAAc,CAACP,KAAK;AACzC,IAAA,MAAMQ,cAAAA,GAAiBF,OAAAA,GAAU,CAAA,GAAI,CAAA,EAAGN,KAAAA,CAAM,EAAE,EAAES,MAAAA,CAAOV,MAAAA,CAAOQ,cAAc,CAACD,OAAO,EAAE;QAAEI,KAAAA,EAAOJ;AAAQ,KAAA,CAAA,CAAA,CAAI,GAAGN,KAAAA;IAChH,OAAOI,QAAAA,CAASP,MAAMG,KAAAA,EAAOQ,cAAAA,CAAAA;AACjC;AAEA,SAASJ,QAAAA,CAASP,IAAqB,EAAEG,KAAa,EAAEQ,cAAsB,EAAA;AAC1E,IAAA,OAAOX,SAAS,OAAA,GACV;QAAEc,IAAAA,EAAM,EAAA;AAAIH,QAAAA,cAAAA;QAAgBI,OAAAA,EAASJ;KAAe,GACpD;QAAEG,IAAAA,EAAMX,KAAAA;AAAOQ,QAAAA,cAAAA;QAAgBI,OAAAA,EAAS;AAAG,KAAA;AACrD;;"}

package/dist/esm/Buttons/index.d.ts

@@ -0,0 +1,4 @@
+export * from './buttonModels.js';
+export * from './MyIssuesButton.js';
+export * from './ReportButton.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Buttons/index.d.ts.map

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

package/dist/esm/Buttons/index.js

@@ -0,0 +1,4 @@
+export * from './buttonModels.js';
+export * from './MyIssuesButton.js';
+export * from './ReportButton.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/Buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../Buttons/index.ts"],"names":[],"mappings":"AAGA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}