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

package/Reporting/ReportErrorDialog.tsx

@@ -0,0 +1,94 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { DialogResult, useDialogContext } from '@cratis/arc.react/dialogs';
+import { useSliceContext } from '@cratis/arc.react/slices';
+import { SliceLocation as ArcSliceLocation } from '@cratis/arc/reflection';
+import { CommandDialog } from '@cratis/components/CommandDialog';
+import { TextAreaField } from '@cratis/components/CommandForm';
+import { DialogInitialFocus } from '@cratis/components/Dialogs';
+import { Guid } from '@cratis/fundamentals';
+import { IReportError, ReportError } from '@cratis/showrunner.usher';
+import { useState } from 'react';
+import { UsherBoundary } from '../Provider/UsherBoundary.js';
+import { useUsherContext } from '../Provider/UsherContext.js';
+import { AccessFields } from './AccessFields.js';
+import { ReportSent } from './ReportSent.js';
+import { reportErrorValues, toErrorDetails } from './reportValues.js';
+import { SentWithReport } from './SentWithReport.js';
+import { TechnicalDetails } from './TechnicalDetails.js';
+import { useAccessChoice } from './useAccessChoice.js';
+
+/**
+ * Props for {@link ReportErrorDialog}.
+ */
+export interface ReportErrorDialogProps {
+    /** The error: `ErrorDetails` from `@cratis/showrunner.usher`, or anything thrown. */
+    error?: unknown;
+
+    /** Where in the application the reporter is, when the error does not say; the slice context the dialog is rendered in when not given. */
+    location?: ArcSliceLocation;
+
+    /** The correlation ids to send besides the error's own; the recent ones {@link UsherProvider} tracked when not given. */
+    correlationIds?: Guid[];
+}
+
+/**
+ * The report this error dialog: the error is captured already, and the reporter may say what they were doing and
+ * choose whether support may know who they are and sign in as them. The technical details are collapsed. Open it
+ * with `useDialog`; it closes with {@link ReportSent} once the report is sent.
+ */
+export const ReportErrorDialog = ({ error, location, correlationIds }: ReportErrorDialogProps) => {
+    const usher = useUsherContext();
+    const sliceLocation = useSliceContext();
+    const [values] = useState(() => reportErrorValues(toErrorDetails(error, location ?? sliceLocation), {
+        issueId: Guid.create(),
+        location: location ?? sliceLocation,
+        correlationIds: correlationIds ?? usher.recentCorrelationIds(),
+        applicationVersion: usher.applicationVersion,
+        shareIdentity: usher.shareIdentityByDefault
+    }));
+
+    return (
+        <UsherBoundary>
+            <ReportErrorForm values={values} />
+        </UsherBoundary>
+    );
+};
+
+const ReportErrorForm = ({ values }: { values: IReportError }) => {
+    const { labels, shareIdentityByDefault } = useUsherContext();
+    const { closeDialog } = useDialogContext<ReportErrorDialogProps, ReportSent>();
+    const access = useAccessChoice(shareIdentityByDefault);
+
+    return (
+        <CommandDialog<ReportError>
+            command={ReportError}
+            title={labels.reportError.title}
+            subtitle={values.errorMessage}
+            okLabel={labels.reportError.send}
+            cancelLabel={labels.common.cancel}
+            closeAriaLabel={labels.common.close}
+            width='560px'
+            initialFocus={DialogInitialFocus.Content}
+            initialValues={access.initialValues(values)}
+            currentValues={access.currentValues}
+            onFieldChange={access.onFieldChange}
+            onSuccess={() => closeDialog(DialogResult.Ok, { issueId: values.issueId! })}>
+            <div className='usher-report-form'>
+                <SentWithReport location={values.location!} correlationIdCount={values.correlationIds!.length} />
+                <TechnicalDetails
+                    errorType={values.errorType!}
+                    correlationIds={values.correlationIds!}
+                    stackFrames={values.stackFrames!} />
+                <TextAreaField<ReportError>
+                    value={command => command.details}
+                    title={labels.reportError.details}
+                    placeholder={labels.reportError.detailsPlaceholder}
+                    required={false}
+                    rows={3} />
+                <AccessFields<ReportError> choice={access.choice} />
+            </div>
+        </CommandDialog>
+    );
+};

package/Reporting/ReportIssueDialog.tsx

@@ -0,0 +1,80 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { DialogResult, useDialogContext } from '@cratis/arc.react/dialogs';
+import { useSliceContext } from '@cratis/arc.react/slices';
+import { SliceLocation as ArcSliceLocation } from '@cratis/arc/reflection';
+import { CommandDialog } from '@cratis/components/CommandDialog';
+import { InputTextField, TextAreaField } from '@cratis/components/CommandForm';
+import { DialogInitialFocus } from '@cratis/components/Dialogs';
+import { Guid } from '@cratis/fundamentals';
+import { ReportIssue } from '@cratis/showrunner.usher';
+import { useState } from 'react';
+import { UsherBoundary } from '../Provider/UsherBoundary.js';
+import { useUsherContext } from '../Provider/UsherContext.js';
+import { AccessFields } from './AccessFields.js';
+import { ReportSent } from './ReportSent.js';
+import { reportIssueValues } from './reportValues.js';
+import { SentWithReport } from './SentWithReport.js';
+import { useAccessChoice } from './useAccessChoice.js';
+
+/**
+ * Props for {@link ReportIssueDialog}.
+ */
+export interface ReportIssueDialogProps {
+    /** Where in the application the reporter is; the slice context the dialog is rendered in when not given. */
+    location?: ArcSliceLocation;
+
+    /** The correlation ids to send; the recent ones {@link UsherProvider} tracked when not given. */
+    correlationIds?: Guid[];
+}
+
+/**
+ * The report a problem dialog: the reporter describes a problem by hand, and chooses whether support may know who
+ * they are and sign in as them. Open it with `useDialog`; it closes with {@link ReportSent} once the report is sent.
+ */
+export const ReportIssueDialog = ({ location, correlationIds }: ReportIssueDialogProps) => {
+    const usher = useUsherContext();
+    const sliceLocation = useSliceContext();
+    const [values] = useState(() => reportIssueValues({
+        issueId: Guid.create(),
+        location: location ?? sliceLocation,
+        correlationIds: correlationIds ?? usher.recentCorrelationIds(),
+        applicationVersion: usher.applicationVersion,
+        shareIdentity: usher.shareIdentityByDefault
+    }));
+
+    return (
+        <UsherBoundary>
+            <ReportIssueForm values={values} />
+        </UsherBoundary>
+    );
+};
+
+const ReportIssueForm = ({ values }: { values: ReturnType<typeof reportIssueValues> }) => {
+    const { labels, shareIdentityByDefault } = useUsherContext();
+    const { closeDialog } = useDialogContext<ReportIssueDialogProps, ReportSent>();
+    const access = useAccessChoice(shareIdentityByDefault);
+
+    return (
+        <CommandDialog<ReportIssue>
+            command={ReportIssue}
+            title={labels.reportIssue.title}
+            okLabel={labels.reportIssue.send}
+            cancelLabel={labels.common.cancel}
+            closeAriaLabel={labels.common.close}
+            width='560px'
+            initialFocus={DialogInitialFocus.Content}
+            initialValues={access.initialValues(values)}
+            currentValues={access.currentValues}
+            onFieldChange={access.onFieldChange}
+            onSuccess={() => closeDialog(DialogResult.Ok, { issueId: values.issueId! })}>
+            <div className='usher-report-form'>
+                <SentWithReport location={values.location!} correlationIdCount={values.correlationIds!.length} />
+                <InputTextField<ReportIssue> value={command => command.summary} title={labels.reportIssue.summary} />
+                <TextAreaField<ReportIssue> value={command => command.description} title={labels.reportIssue.description} rows={5} />
+                <AccessFields<ReportIssue> choice={access.choice} />
+            </div>
+        </CommandDialog>
+    );
+};

package/Reporting/ReportLimits.ts

@@ -0,0 +1,24 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+/**
+ * The most the backend accepts in one report, as `ReportLimits` in the Usher backend states it. What the application
+ * itself gathers - stack frames, correlation ids and the error's own texts - is cut to these before a report is sent,
+ * so a long stack trace never makes a report fail; what the reporter writes is checked by the generated validators.
+ */
+export enum ReportLimits {
+    /** The longest error message a report carries. */
+    errorMessageLength = 2000,
+
+    /** The longest error type a report carries. */
+    errorTypeLength = 500,
+
+    /** The most stack frames a report carries. */
+    stackFrames = 50,
+
+    /** The longest method or file of a stack frame. */
+    stackFrameTextLength = 1000,
+
+    /** The most correlation ids a report carries. */
+    correlationIds = 20
+}

package/Reporting/ReportSent.ts

@@ -0,0 +1,12 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { Guid } from '@cratis/fundamentals';
+
+/**
+ * What a report dialog closes with once the report is sent.
+ */
+export interface ReportSent {
+    /** The issue the report opened. */
+    readonly issueId: Guid;
+}

package/Reporting/SentWithReport.tsx

@@ -0,0 +1,37 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { format } from '../Labels/index.js';
+import { useUsherContext } from '../Provider/UsherContext.js';
+import { formatLocation, LocationParts } from './formatLocation.js';
+
+/**
+ * Props for {@link SentWithReport}.
+ */
+export interface SentWithReportProps {
+    /** Where in the application the reporter was. */
+    location: LocationParts;
+
+    /** How many recent requests the report carries. */
+    correlationIdCount: number;
+}
+
+/**
+ * Shows the reporter what is sent along with their report: where they were, the application version and how many
+ * recent requests.
+ */
+export const SentWithReport = ({ location, correlationIdCount }: SentWithReportProps) => {
+    const { labels, applicationName, applicationVersion } = useUsherContext();
+    const parts = [
+        formatLocation(location, labels.common.locationSeparator, labels.common.unknownLocation),
+        [applicationName, applicationVersion].filter(part => part.length > 0).join(' '),
+        correlationIdCount === 1 ? labels.common.oneRecentRequest : format(labels.common.recentRequests, { count: correlationIdCount })
+    ].filter(part => part.length > 0);
+
+    return (
+        <section className='usher-sent-with-report' aria-label={labels.common.sentWithYourReport}>
+            <span className='usher-sent-with-report__heading'>{labels.common.sentWithYourReport}</span>
+            <span className='usher-sent-with-report__parts'>{parts.join(' · ')}</span>
+        </section>
+    );
+};

package/Reporting/TechnicalDetails.tsx

@@ -0,0 +1,60 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { Guid } from '@cratis/fundamentals';
+import { StackFrame } from '@cratis/showrunner.usher';
+import { format } from '../Labels/index.js';
+import { useUsherLabels } from '../Provider/UsherContext.js';
+
+/**
+ * Props for {@link TechnicalDetails}.
+ */
+export interface TechnicalDetailsProps {
+    /** The type of the error; empty when not known. */
+    errorType: string;
+
+    /** The correlation ids sent with the report. */
+    correlationIds: Guid[];
+
+    /** The stack frames of the error, top frame first. */
+    stackFrames: StackFrame[];
+}
+
+/**
+ * The technical details of an error, collapsed until the reporter opens them.
+ */
+export const TechnicalDetails = ({ errorType, correlationIds, stackFrames }: TechnicalDetailsProps) => {
+    const labels = useUsherLabels();
+
+    return (
+        <details className='usher-technical-details'>
+            <summary className='usher-technical-details__summary'>{labels.reportError.technicalDetails}</summary>
+            <dl className='usher-technical-details__list'>
+                {errorType.length > 0 && (
+                    <>
+                        <dt>{labels.reportError.errorType}</dt>
+                        <dd><code>{errorType}</code></dd>
+                    </>
+                )}
+                {correlationIds.length > 0 && (
+                    <>
+                        <dt>{labels.reportError.correlationId}</dt>
+                        <dd><code>{correlationIds[0].toString()}</code></dd>
+                    </>
+                )}
+                {stackFrames.length > 0 && (
+                    <>
+                        <dt>{labels.reportError.stackFrames}</dt>
+                        <dd>
+                            <ol className='usher-technical-details__frames'>
+                                {stackFrames.map((frame, index) => (
+                                    <li key={index}><code>{format(labels.reportError.stackFrame, { method: frame.method, file: frame.file, line: frame.line })}</code></li>
+                                ))}
+                            </ol>
+                        </dd>
+                    </>
+                )}
+            </dl>
+        </details>
+    );
+};

package/Reporting/durationOptions.ts

@@ -0,0 +1,31 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { AccessDuration } from '@cratis/showrunner.usher';
+import { UsherLabels } from '../Labels/index.js';
+
+/**
+ * One choice of how long support may sign in as the reporter.
+ */
+export interface DurationOption {
+    [key: string]: unknown;
+
+    /** The {@link AccessDuration}. */
+    value: AccessDuration;
+
+    /** What the reporter sees. */
+    label: string;
+}
+
+/**
+ * Gets the choices of how long support may sign in as the reporter.
+ * @param labels The labels to show.
+ * @returns The {@link DurationOption} for every {@link AccessDuration}, shortest first.
+ */
+export function durationOptions(labels: UsherLabels): DurationOption[] {
+    return [
+        { value: AccessDuration.oneHour, label: labels.access.oneHour },
+        { value: AccessDuration.oneDay, label: labels.access.oneDay },
+        { value: AccessDuration.sevenDays, label: labels.access.sevenDays }
+    ];
+}

package/Reporting/formatLocation.ts

@@ -0,0 +1,27 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+/**
+ * The parts of where in the application something happened.
+ */
+export interface LocationParts {
+    /** The module. */
+    readonly module: string;
+    /** The feature within the module. */
+    readonly feature: string;
+    /** The slice within the feature. */
+    readonly slice: string;
+}
+
+/**
+ * Formats where in the application something happened for people, such as `Billing › Invoices › Pay`.
+ * @param location The location; parts that are empty are left out.
+ * @param separator What separates the parts.
+ * @param unknown What to show when no part is known.
+ * @returns The formatted location.
+ */
+export function formatLocation(location: LocationParts | undefined, separator: string, unknown: string): string {
+    const parts = [location?.module, location?.feature, location?.slice]
+        .filter((part): part is string => typeof part === 'string' && part.length > 0);
+    return parts.length > 0 ? parts.join(separator) : unknown;
+}

package/Reporting/index.ts

@@ -0,0 +1,16 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+export * from './AccessChoice.js';
+export * from './AccessFields.js';
+export * from './AccessNotice.js';
+export * from './durationOptions.js';
+export * from './formatLocation.js';
+export * from './ReportErrorDialog.js';
+export * from './ReportIssueDialog.js';
+export * from './ReportLimits.js';
+export * from './ReportSent.js';
+export * from './reportValues.js';
+export * from './SentWithReport.js';
+export * from './TechnicalDetails.js';
+export * from './useAccessChoice.js';

package/Reporting/reportValues.ts

@@ -0,0 +1,150 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { SliceLocation as ArcSliceLocation } from '@cratis/arc/reflection';
+import { Guid } from '@cratis/fundamentals';
+import { AccessDuration, ErrorDetails, errorDetailsFromError, IReportError, IReportIssue, SliceLocation, StackFrame } from '@cratis/showrunner.usher';
+import { ReportLimits } from './ReportLimits.js';
+
+/**
+ * What every report carries besides what the reporter writes.
+ */
+export interface ReportContext {
+    /** The id of the new issue. */
+    readonly issueId: Guid;
+
+    /** Where in the application the reporter was. */
+    readonly location: ArcSliceLocation;
+
+    /** The correlation ids of the commands and queries run just before the report. */
+    readonly correlationIds: Guid[];
+
+    /** The version of the application. */
+    readonly applicationVersion: string;
+
+    /** Whether to let support know who the reporter is unless they choose otherwise. */
+    readonly shareIdentity: boolean;
+}
+
+/**
+ * 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.
+ */
+export function toReportLocation(location: ArcSliceLocation): SliceLocation {
+    const reportLocation = new 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.
+ */
+export function reportIssueValues(context: ReportContext): IReportIssue {
+    return {
+        issueId: context.issueId,
+        summary: '',
+        description: '',
+        location: toReportLocation(context.location),
+        correlationIds: context.correlationIds.slice(-ReportLimits.correlationIds),
+        applicationVersion: context.applicationVersion,
+        shareIdentity: context.shareIdentity,
+        grantAccess: false,
+        accessDuration: 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.
+ */
+export function reportErrorValues(error: ErrorDetails, context: ReportContext): IReportError {
+    return {
+        issueId: context.issueId,
+        errorMessage: error.message.slice(0, ReportLimits.errorMessageLength),
+        errorType: error.type.slice(0, ReportLimits.errorTypeLength),
+        stackFrames: error.stackFrames.slice(0, ReportLimits.stackFrames).map(withinLimits),
+        details: '',
+        location: toReportLocation(isEmptyLocation(error.location) ? context.location : error.location),
+        correlationIds: mergeCorrelationIds(error.correlationIds, context.correlationIds).slice(0, ReportLimits.correlationIds),
+        applicationVersion: context.applicationVersion,
+        shareIdentity: context.shareIdentity,
+        grantAccess: false,
+        accessDuration: 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.
+ */
+export function mergeCorrelationIds(first: Guid[], second: Guid[]): Guid[] {
+    const merged: Guid[] = [];
+    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}.
+ */
+export function toErrorDetails(error: unknown, location?: ArcSliceLocation): ErrorDetails {
+    return isErrorDetails(error) ? error : errorDetailsFromError(error, location);
+}
+
+/**
+ * Checks whether a value is {@link ErrorDetails}.
+ * @param value The value.
+ * @returns True when it is.
+ */
+export function isErrorDetails(value: unknown): value is ErrorDetails {
+    if (typeof value !== 'object' || value === null || value instanceof Error) {
+        return false;
+    }
+
+    const candidate = value as Record<string, unknown>;
+    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.
+ */
+export function isEmptyLocation(location: { module: string; feature: string; slice: string } | undefined): boolean {
+    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: StackFrame): StackFrame {
+    return {
+        ...frame,
+        method: frame.method.slice(0, ReportLimits.stackFrameTextLength),
+        file: frame.file.slice(0, ReportLimits.stackFrameTextLength)
+    };
+}

package/Reporting/useAccessChoice.ts

@@ -0,0 +1,53 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { useMemo, useReducer } from 'react';
+import { AccessChoice, changeAccessChoice, initialAccessChoice, sharesIdentity } from './AccessChoice.js';
+
+interface FieldChanged {
+    readonly fieldName: string;
+    readonly value: unknown;
+}
+
+const reduce = (choice: AccessChoice, change: FieldChanged) => changeAccessChoice(choice, change.fieldName, change.value);
+
+/**
+ * What {@link useAccessChoice} gives a command form.
+ */
+export interface AccessChoiceBinding {
+    /** The reporter's {@link AccessChoice}. */
+    readonly choice: AccessChoice;
+
+    /** The handler for the form's `onFieldChange`. */
+    readonly onFieldChange: (command: unknown, fieldName: string, oldValue: unknown, newValue: unknown) => void;
+
+    /** The form's `currentValues`, which force sharing who the reporter is while access is granted. */
+    readonly currentValues: { shareIdentity: boolean };
+
+    /**
+     * Gets the form's `initialValues` without `shareIdentity`: the form merges `initialValues` over `currentValues`, so
+     * a `shareIdentity` there would win over the value the access choice forces.
+     * @param values The initial values of the command.
+     * @returns The values without `shareIdentity`.
+     */
+    readonly initialValues: <TValues extends { shareIdentity?: boolean }>(values: TValues) => Omit<TValues, 'shareIdentity'>;
+}
+
+const withoutShareIdentity = <TValues extends { shareIdentity?: boolean }>(values: TValues): Omit<TValues, 'shareIdentity'> => {
+    const seed: Partial<TValues> = { ...values };
+    delete seed.shareIdentity;
+    return seed as Omit<TValues, 'shareIdentity'>;
+};
+
+/**
+ * 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}.
+ */
+export function useAccessChoice(shareIdentityByDefault: boolean): AccessChoiceBinding {
+    const [choice, dispatch] = useReducer(reduce, shareIdentityByDefault, initialAccessChoice);
+    const shareIdentity = sharesIdentity(choice);
+    const currentValues = useMemo(() => ({ shareIdentity }), [shareIdentity]);
+    const onFieldChange = (_command: unknown, fieldName: string, _oldValue: unknown, newValue: unknown) => dispatch({ fieldName, value: newValue });
+    return { choice, onFieldChange, currentValues, initialValues: withoutShareIdentity };
+}

package/dist/cjs/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/cjs/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"}