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

package/dist/esm/Correlation/CorrelationTracker.d.ts

@@ -0,0 +1,10 @@
+import { Guid } from '@cratis/fundamentals';
+export declare class CorrelationTracker {
+    readonly capacity: number;
+    private _correlationIds;
+    constructor(capacity?: number);
+    get correlationIds(): Guid[];
+    track(correlationId: Guid | string): void;
+    clear(): void;
+}
+//# sourceMappingURL=CorrelationTracker.d.ts.map

package/dist/esm/Correlation/CorrelationTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CorrelationTracker.d.ts","sourceRoot":"","sources":["../../../Correlation/CorrelationTracker.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAK5C,qBAAa,kBAAkB;IAOf,QAAQ,CAAC,QAAQ,EAAE,MAAM;IANrC,OAAO,CAAC,eAAe,CAAc;gBAMhB,QAAQ,GAAE,MAAU;IAMzC,IAAI,cAAc,IAAI,IAAI,EAAE,CAE3B;IAOD,KAAK,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI;IAazC,KAAK,IAAI,IAAI;CAGhB"}

package/dist/esm/Correlation/CorrelationTracker.js

@@ -0,0 +1,48 @@
+import { Guid } from '@cratis/fundamentals';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Keeps the correlation ids of the last few Arc commands and queries, so a report can carry them.
+ */ class CorrelationTracker {
+    capacity;
+    _correlationIds = [];
+    /**
+     * Initializes a new instance of {@link CorrelationTracker}.
+     * @param capacity How many correlation ids to keep; the oldest is dropped when one more is tracked.
+     */ constructor(capacity = 5){
+        this.capacity = capacity;
+    }
+    /**
+     * Gets the correlation ids kept, oldest first.
+     */ get correlationIds() {
+        return [
+            ...this._correlationIds
+        ];
+    }
+    /**
+     * Tracks a correlation id. A correlation id already kept moves to the end instead of being kept twice; an
+     * empty one is ignored.
+     * @param correlationId The correlation id, as a {@link Guid} or its string form.
+     */ track(correlationId) {
+        const parsed = typeof correlationId === 'string' ? parseGuid(correlationId) : correlationId;
+        if (!parsed || parsed.equals(Guid.empty)) {
+            return;
+        }
+        this._correlationIds = [
+            ...this._correlationIds.filter((existing)=>!existing.equals(parsed)),
+            parsed
+        ].slice(-Math.max(this.capacity, 0));
+    }
+    /**
+     * Forgets every correlation id kept.
+     */ clear() {
+        this._correlationIds = [];
+    }
+}
+function parseGuid(value) {
+    return Guid.isGuid(value) ? Guid.parse(value) : undefined;
+}
+
+export { CorrelationTracker };
+//# sourceMappingURL=CorrelationTracker.js.map

package/dist/esm/Correlation/CorrelationTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CorrelationTracker.js","sources":["../../../Correlation/CorrelationTracker.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 { Guid } from '@cratis/fundamentals';\n\n/**\n * Keeps the correlation ids of the last few Arc commands and queries, so a report can carry them.\n */\nexport class CorrelationTracker {\n    private _correlationIds: Guid[] = [];\n\n    /**\n     * Initializes a new instance of {@link CorrelationTracker}.\n     * @param capacity How many correlation ids to keep; the oldest is dropped when one more is tracked.\n     */\n    constructor(readonly capacity: number = 5) {\n    }\n\n    /**\n     * Gets the correlation ids kept, oldest first.\n     */\n    get correlationIds(): Guid[] {\n        return [...this._correlationIds];\n    }\n\n    /**\n     * Tracks a correlation id. A correlation id already kept moves to the end instead of being kept twice; an\n     * empty one is ignored.\n     * @param correlationId The correlation id, as a {@link Guid} or its string form.\n     */\n    track(correlationId: Guid | string): void {\n        const parsed = typeof correlationId === 'string' ? parseGuid(correlationId) : correlationId;\n        if (!parsed || parsed.equals(Guid.empty)) {\n            return;\n        }\n\n        this._correlationIds = [...this._correlationIds.filter(existing => !existing.equals(parsed)), parsed]\n            .slice(-Math.max(this.capacity, 0));\n    }\n\n    /**\n     * Forgets every correlation id kept.\n     */\n    clear(): void {\n        this._correlationIds = [];\n    }\n}\n\nfunction parseGuid(value: string): Guid | undefined {\n    return Guid.isGuid(value) ? Guid.parse(value) : undefined;\n}\n"],"names":["CorrelationTracker","_correlationIds","capacity","correlationIds","track","correlationId","parsed","parseGuid","equals","Guid","empty","filter","existing","slice","Math","max","clear","value","isGuid","parse","undefined"],"mappings":";;AAAA;AACA;AAIA;;AAEC,IACM,MAAMA,kBAAAA,CAAAA;;AACDC,IAAAA,eAAAA,GAA0B,EAAE;AAEpC;;;AAGC,QACD,WAAA,CAAqBC,QAAAA,GAAmB,CAAC,CAAE;aAAtBA,QAAAA,GAAAA,QAAAA;AACrB,IAAA;AAEA;;AAEC,QACD,IAAIC,cAAAA,GAAyB;QACzB,OAAO;AAAI,YAAA,GAAA,IAAI,CAACF;AAAgB,SAAA;AACpC,IAAA;AAEA;;;;QAKAG,KAAAA,CAAMC,aAA4B,EAAQ;AACtC,QAAA,MAAMC,MAAAA,GAAS,OAAOD,aAAAA,KAAkB,QAAA,GAAWE,UAAUF,aAAAA,CAAAA,GAAiBA,aAAAA;AAC9E,QAAA,IAAI,CAACC,MAAAA,IAAUA,MAAAA,CAAOE,MAAM,CAACC,IAAAA,CAAKC,KAAK,CAAA,EAAG;AACtC,YAAA;AACJ,QAAA;QAEA,IAAI,CAACT,eAAe,GAAG;eAAI,IAAI,CAACA,eAAe,CAACU,MAAM,CAACC,CAAAA,QAAAA,GAAY,CAACA,QAAAA,CAASJ,MAAM,CAACF,MAAAA,CAAAA,CAAAA;AAAUA,YAAAA;SAAO,CAChGO,KAAK,CAAC,CAACC,IAAAA,CAAKC,GAAG,CAAC,IAAI,CAACb,QAAQ,EAAE,CAAA,CAAA,CAAA;AACxC,IAAA;AAEA;;AAEC,QACDc,KAAAA,GAAc;QACV,IAAI,CAACf,eAAe,GAAG,EAAE;AAC7B,IAAA;AACJ;AAEA,SAASM,UAAUU,KAAa,EAAA;AAC5B,IAAA,OAAOR,KAAKS,MAAM,CAACD,SAASR,IAAAA,CAAKU,KAAK,CAACF,KAAAA,CAAAA,GAASG,SAAAA;AACpD;;"}

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

@@ -0,0 +1,3 @@
+export * from './CorrelationTracker.js';
+export * from './withCorrelationIdHeader.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Correlation/index.ts"],"names":[],"mappings":"AAGA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC"}

package/dist/esm/Correlation/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../Correlation/index.ts"],"names":[],"mappings":"AAGA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC"}

package/dist/esm/Correlation/withCorrelationIdHeader.d.ts

@@ -0,0 +1,6 @@
+import { GetHttpHeaders } from '@cratis/arc';
+import { Guid } from '@cratis/fundamentals';
+import { CorrelationTracker } from './CorrelationTracker.js';
+export declare const defaultCorrelationIdHeader = "X-Correlation-ID";
+export declare function withCorrelationIdHeader(headersCallback: GetHttpHeaders | undefined, tracker: CorrelationTracker, header?: string, createCorrelationId?: () => Guid): GetHttpHeaders;
+//# sourceMappingURL=withCorrelationIdHeader.d.ts.map

package/dist/esm/Correlation/withCorrelationIdHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withCorrelationIdHeader.d.ts","sourceRoot":"","sources":["../../../Correlation/withCorrelationIdHeader.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAK7D,eAAO,MAAM,0BAA0B,qBAAqB,CAAC;AAe7D,wBAAgB,uBAAuB,CACnC,eAAe,EAAE,cAAc,GAAG,SAAS,EAC3C,OAAO,EAAE,kBAAkB,EAC3B,MAAM,GAAE,MAAmC,EAC3C,mBAAmB,GAAE,MAAM,IAA0B,GAAG,cAAc,CAczE"}

package/dist/esm/Correlation/withCorrelationIdHeader.js

@@ -0,0 +1,36 @@
+import { Guid } from '@cratis/fundamentals';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The HTTP header Arc reads the correlation id of a command or query from, unless the backend configures another.
+ */ const defaultCorrelationIdHeader = 'X-Correlation-ID';
+/**
+ * Wraps the HTTP headers callback Arc calls for every command and query request, so each request carries a
+ * correlation id the tracker knows.
+ * @remarks
+ * Arc uses the correlation id a request carries in its correlation id header, so the id tracked is the id the
+ * backend records for the command or query. A correlation id the headers already carry is kept and tracked;
+ * otherwise a new one is added.
+ * @param headersCallback The callback to wrap; nothing for none.
+ * @param tracker The {@link CorrelationTracker} to track the correlation ids in.
+ * @param header The name of the correlation id header.
+ * @param createCorrelationId Creates a new correlation id.
+ * @returns The wrapping callback.
+ */ function withCorrelationIdHeader(headersCallback, tracker, header = defaultCorrelationIdHeader, createCorrelationId = ()=>Guid.create()) {
+    return ()=>{
+        const headers = new Headers(headersCallback?.() ?? {});
+        const existing = headers.get(header);
+        const correlationId = existing && Guid.isGuid(existing) ? existing : createCorrelationId().toString();
+        headers.set(header, correlationId);
+        tracker.track(correlationId);
+        const record = {};
+        headers.forEach((value, name)=>{
+            record[name] = value;
+        });
+        return record;
+    };
+}
+
+export { defaultCorrelationIdHeader, withCorrelationIdHeader };
+//# sourceMappingURL=withCorrelationIdHeader.js.map

package/dist/esm/Correlation/withCorrelationIdHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withCorrelationIdHeader.js","sources":["../../../Correlation/withCorrelationIdHeader.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 { GetHttpHeaders } from '@cratis/arc';\nimport { Guid } from '@cratis/fundamentals';\nimport { CorrelationTracker } from './CorrelationTracker.js';\n\n/**\n * The HTTP header Arc reads the correlation id of a command or query from, unless the backend configures another.\n */\nexport const defaultCorrelationIdHeader = 'X-Correlation-ID';\n\n/**\n * Wraps the HTTP headers callback Arc calls for every command and query request, so each request carries a\n * correlation id the tracker knows.\n * @remarks\n * Arc uses the correlation id a request carries in its correlation id header, so the id tracked is the id the\n * backend records for the command or query. A correlation id the headers already carry is kept and tracked;\n * otherwise a new one is added.\n * @param headersCallback The callback to wrap; nothing for none.\n * @param tracker The {@link CorrelationTracker} to track the correlation ids in.\n * @param header The name of the correlation id header.\n * @param createCorrelationId Creates a new correlation id.\n * @returns The wrapping callback.\n */\nexport function withCorrelationIdHeader(\n    headersCallback: GetHttpHeaders | undefined,\n    tracker: CorrelationTracker,\n    header: string = defaultCorrelationIdHeader,\n    createCorrelationId: () => Guid = () => Guid.create()): GetHttpHeaders {\n    return () => {\n        const headers = new Headers(headersCallback?.() ?? {});\n        const existing = headers.get(header);\n        const correlationId = existing && Guid.isGuid(existing) ? existing : createCorrelationId().toString();\n        headers.set(header, correlationId);\n        tracker.track(correlationId);\n\n        const record: Record<string, string> = {};\n        headers.forEach((value, name) => {\n            record[name] = value;\n        });\n        return record;\n    };\n}\n"],"names":["defaultCorrelationIdHeader","withCorrelationIdHeader","headersCallback","tracker","header","createCorrelationId","Guid","create","headers","Headers","existing","get","correlationId","isGuid","toString","set","track","record","forEach","value","name"],"mappings":";;AAAA;AACA;AAMA;;IAGO,MAAMA,0BAAAA,GAA6B;AAE1C;;;;;;;;;;;;AAYC,IACM,SAASC,uBAAAA,CACZC,eAA2C,EAC3CC,OAA2B,EAC3BC,MAAAA,GAAiBJ,0BAA0B,EAC3CK,mBAAAA,GAAkC,IAAMC,IAAAA,CAAKC,MAAM,EAAE,EAAA;IACrD,OAAO,IAAA;AACH,QAAA,MAAMC,OAAAA,GAAU,IAAIC,OAAAA,CAAQP,eAAAA,IAAAA,IAAuB,EAAC,CAAA;QACpD,MAAMQ,QAAAA,GAAWF,OAAAA,CAAQG,GAAG,CAACP,MAAAA,CAAAA;QAC7B,MAAMQ,aAAAA,GAAgBF,YAAYJ,IAAAA,CAAKO,MAAM,CAACH,QAAAA,CAAAA,GAAYA,QAAAA,GAAWL,sBAAsBS,QAAQ,EAAA;QACnGN,OAAAA,CAAQO,GAAG,CAACX,MAAAA,EAAQQ,aAAAA,CAAAA;AACpBT,QAAAA,OAAAA,CAAQa,KAAK,CAACJ,aAAAA,CAAAA;AAEd,QAAA,MAAMK,SAAiC,EAAC;QACxCT,OAAAA,CAAQU,OAAO,CAAC,CAACC,KAAAA,EAAOC,IAAAA,GAAAA;YACpBH,MAAM,CAACG,KAAK,GAAGD,KAAAA;AACnB,QAAA,CAAA,CAAA;QACA,OAAOF,MAAAA;AACX,IAAA,CAAA;AACJ;;"}

package/dist/esm/Icons.d.ts

@@ -0,0 +1,4 @@
+export declare const BugIcon: () => import("react").JSX.Element;
+export declare const InboxIcon: () => import("react").JSX.Element;
+export declare const BackIcon: () => import("react").JSX.Element;
+//# sourceMappingURL=Icons.d.ts.map

package/dist/esm/Icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../Icons.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,mCAInB,CAAC;AAKF,eAAO,MAAM,SAAS,mCAIrB,CAAC;AAKF,eAAO,MAAM,QAAQ,mCAIpB,CAAC"}

package/dist/esm/Icons.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The bug icon of the report button. Decorative: the button carries the accessible name.
+ */ const BugIcon = ()=>/*#__PURE__*/ jsx("svg", {
+        className: "usher-icon",
+        viewBox: "0 0 24 24",
+        width: "1em",
+        height: "1em",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M20 8h-2.81a5.985 5.985 0 0 0-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6.002 6.002 0 0 0-2.83 0L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z"
+        })
+    });
+/**
+ * The inbox icon of the my issues button. Decorative: the button carries the accessible name.
+ */ const InboxIcon = ()=>/*#__PURE__*/ jsx("svg", {
+        className: "usher-icon",
+        viewBox: "0 0 24 24",
+        width: "1em",
+        height: "1em",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 12h-4a3 3 0 0 1-6 0H5V5h14v10z"
+        })
+    });
+/**
+ * The back arrow of the issue view. Decorative: the button carries the accessible name.
+ */ const BackIcon = ()=>/*#__PURE__*/ jsx("svg", {
+        className: "usher-icon",
+        viewBox: "0 0 24 24",
+        width: "1em",
+        height: "1em",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+        })
+    });
+
+export { BackIcon, BugIcon, InboxIcon };
+//# sourceMappingURL=Icons.js.map

package/dist/esm/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sources":["../../Icons.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\n/**\n * The bug icon of the report button. Decorative: the button carries the accessible name.\n */\nexport const BugIcon = () => (\n    <svg className='usher-icon' viewBox='0 0 24 24' width='1em' height='1em' aria-hidden='true' focusable='false'>\n        <path fill='currentColor' d='M20 8h-2.81a5.985 5.985 0 0 0-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6.002 6.002 0 0 0-2.83 0L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z' />\n    </svg>\n);\n\n/**\n * The inbox icon of the my issues button. Decorative: the button carries the accessible name.\n */\nexport const InboxIcon = () => (\n    <svg className='usher-icon' viewBox='0 0 24 24' width='1em' height='1em' aria-hidden='true' focusable='false'>\n        <path fill='currentColor' d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 12h-4a3 3 0 0 1-6 0H5V5h14v10z' />\n    </svg>\n);\n\n/**\n * The back arrow of the issue view. Decorative: the button carries the accessible name.\n */\nexport const BackIcon = () => (\n    <svg className='usher-icon' viewBox='0 0 24 24' width='1em' height='1em' aria-hidden='true' focusable='false'>\n        <path fill='currentColor' d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z' />\n    </svg>\n);\n"],"names":["BugIcon","_jsx","svg","className","viewBox","width","height","aria-hidden","focusable","path","fill","d","InboxIcon","BackIcon"],"mappings":";;AAAA;AACA;AAEA;;AAEC,IACM,MAAMA,OAAAA,GAAU,kBACnBC,GAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,YAAA;QAAaC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,KAAA;QAAMC,MAAAA,EAAO,KAAA;QAAMC,aAAAA,EAAY,MAAA;QAAOC,SAAAA,EAAU,OAAA;AAClG,QAAA,QAAA,gBAAAP,GAAA,CAACQ,MAAAA,EAAAA;YAAKC,IAAAA,EAAK,cAAA;YAAeC,CAAAA,EAAE;;AAElC,KAAA;AAEF;;AAEC,IACM,MAAMC,SAAAA,GAAY,kBACrBX,GAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,YAAA;QAAaC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,KAAA;QAAMC,MAAAA,EAAO,KAAA;QAAMC,aAAAA,EAAY,MAAA;QAAOC,SAAAA,EAAU,OAAA;AAClG,QAAA,QAAA,gBAAAP,GAAA,CAACQ,MAAAA,EAAAA;YAAKC,IAAAA,EAAK,cAAA;YAAeC,CAAAA,EAAE;;AAElC,KAAA;AAEF;;AAEC,IACM,MAAME,QAAAA,GAAW,kBACpBZ,GAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,YAAA;QAAaC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,KAAA;QAAMC,MAAAA,EAAO,KAAA;QAAMC,aAAAA,EAAY,MAAA;QAAOC,SAAAA,EAAU,OAAA;AAClG,QAAA,QAAA,gBAAAP,GAAA,CAACQ,MAAAA,EAAAA;YAAKC,IAAAA,EAAK,cAAA;YAAeC,CAAAA,EAAE;;AAElC,KAAA;;"}

package/dist/esm/Issues/IssueView/AccessPanel.d.ts

@@ -0,0 +1,6 @@
+import { IssueConversation } from '@cratis/showrunner.usher';
+export interface AccessPanelProps {
+    issue: IssueConversation;
+}
+export declare const AccessPanel: ({ issue }: AccessPanelProps) => import("react").JSX.Element;
+//# sourceMappingURL=AccessPanel.d.ts.map

package/dist/esm/Issues/IssueView/AccessPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessPanel.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/AccessPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAA4B,MAAM,0BAA0B,CAAC;AAavF,MAAM,WAAW,gBAAgB;IAE7B,KAAK,EAAE,iBAAiB,CAAC;CAC5B;AAMD,eAAO,MAAM,WAAW,GAAI,WAAW,gBAAgB,gCAwDtD,CAAC"}

package/dist/esm/Issues/IssueView/AccessPanel.js

@@ -0,0 +1,122 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useDialog, useConfirmationDialog, DialogButtons, DialogResult } from '@cratis/arc.react/dialogs';
+import { Button } from '@cratis/components/Common';
+import { toastCommandResult } from '@cratis/components/Notifications';
+import { RevokeAccess, IssueState } from '@cratis/showrunner.usher';
+import { useId, useState } from 'react';
+import { format } from '../../Labels/format.js';
+import { useUsherContext } from '../../Provider/UsherContext.js';
+import { formatTime } from '../../Reporting/AccessChoice.js';
+import { AccessStatus } from '../accessStatus.js';
+import { useAccessStatus } from '../useAccessStatus.js';
+import { GrantAccessDialog } from './GrantAccessDialog.js';
+import { SupportSessions } from './SupportSessions.js';
+
+/**
+ * Shows whether support may sign in as the reporter, lets them grant or revoke it, highlights support's pending
+ * request, and lists the sessions in which support signed in.
+ */ const AccessPanel = ({ issue })=>{
+    const { labels, locale } = useUsherContext();
+    const headingId = useId();
+    const [GrantDialog, showGrantDialog] = useDialog(GrantAccessDialog);
+    const [confirm] = useConfirmationDialog();
+    const [revokeAccess] = RevokeAccess.use();
+    const [requestDismissed, setRequestDismissed] = useState(false);
+    const [status] = useAccessStatus(issue.access);
+    const isWithdrawn = issue.state === IssueState.withdrawn;
+    const showsRequest = status === AccessStatus.requested && !requestDismissed && !isWithdrawn;
+    const validUntil = issue.access?.validUntil instanceof Date ? issue.access.validUntil : new Date(issue.access?.validUntil);
+    const heading = status === AccessStatus.granted ? labels.accessPanel.grantedHeading : showsRequest ? labels.accessPanel.requestedHeading : labels.accessPanel.notGrantedHeading;
+    const revoke = async ()=>{
+        const answer = await confirm(labels.accessPanel.revokeTitle, labels.accessPanel.revokeMessage, DialogButtons.YesNo);
+        if (answer !== DialogResult.Yes) {
+            return;
+        }
+        revokeAccess.issueId = issue.id;
+        toastCommandResult(await revokeAccess.execute(), {
+            showSuccess: false
+        });
+    };
+    const grant = ()=>void showGrantDialog({
+            issueId: issue.id
+        });
+    return /*#__PURE__*/ jsxs("section", {
+        className: "usher-panel",
+        "data-highlighted": showsRequest || undefined,
+        "aria-labelledby": headingId,
+        children: [
+            /*#__PURE__*/ jsx("h4", {
+                id: headingId,
+                className: "usher-panel__heading",
+                children: heading
+            }),
+            status === AccessStatus.granted && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: "usher-panel__text",
+                        children: format(labels.accessPanel.grantedUntil, {
+                            time: formatTime(validUntil, locale)
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        variant: "outline",
+                        tone: "critical",
+                        size: "small",
+                        label: labels.accessPanel.revoke,
+                        onClick: ()=>void revoke()
+                    })
+                ]
+            }),
+            showsRequest && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: "usher-panel__text",
+                        children: format(labels.accessPanel.requestReason, {
+                            reason: issue.access.request.reason
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "usher-panel__actions",
+                        children: [
+                            /*#__PURE__*/ jsx(Button, {
+                                variant: "solid",
+                                tone: "accent",
+                                size: "small",
+                                label: labels.accessPanel.grant,
+                                onClick: grant
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                size: "small",
+                                label: labels.accessPanel.notNow,
+                                onClick: ()=>setRequestDismissed(true)
+                            })
+                        ]
+                    })
+                ]
+            }),
+            status !== AccessStatus.granted && !showsRequest && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: "usher-panel__text",
+                        children: labels.accessPanel.notGranted
+                    }),
+                    !isWithdrawn && /*#__PURE__*/ jsx(Button, {
+                        variant: "outline",
+                        size: "small",
+                        label: labels.accessPanel.grant,
+                        onClick: grant
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(SupportSessions, {
+                sessions: issue.access?.sessions ?? [],
+                entries: issue.entries ?? []
+            }),
+            /*#__PURE__*/ jsx(GrantDialog, {})
+        ]
+    });
+};
+
+export { AccessPanel };
+//# sourceMappingURL=AccessPanel.js.map

package/dist/esm/Issues/IssueView/AccessPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessPanel.js","sources":["../../../../Issues/IssueView/AccessPanel.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 { DialogButtons, DialogResult, useConfirmationDialog, useDialog } from '@cratis/arc.react/dialogs';\nimport { Button } from '@cratis/components/Common';\nimport { toastCommandResult } from '@cratis/components/Notifications';\nimport { IssueConversation, IssueState, RevokeAccess } from '@cratis/showrunner.usher';\nimport { useId, useState } from 'react';\nimport { format } from '../../Labels/index.js';\nimport { useUsherContext } from '../../Provider/UsherContext.js';\nimport { formatTime } from '../../Reporting/AccessChoice.js';\nimport { AccessStatus } from '../accessStatus.js';\nimport { useAccessStatus } from '../useAccessStatus.js';\nimport { GrantAccessDialog } from './GrantAccessDialog.js';\nimport { SupportSessions } from './SupportSessions.js';\n\n/**\n * Props for {@link AccessPanel}.\n */\nexport interface AccessPanelProps {\n    /** The issue. */\n    issue: IssueConversation;\n}\n\n/**\n * Shows whether support may sign in as the reporter, lets them grant or revoke it, highlights support's pending\n * request, and lists the sessions in which support signed in.\n */\nexport const AccessPanel = ({ issue }: AccessPanelProps) => {\n    const { labels, locale } = useUsherContext();\n    const headingId = useId();\n    const [GrantDialog, showGrantDialog] = useDialog(GrantAccessDialog);\n    const [confirm] = useConfirmationDialog();\n    const [revokeAccess] = RevokeAccess.use();\n    const [requestDismissed, setRequestDismissed] = useState(false);\n    const [status] = useAccessStatus(issue.access);\n    const isWithdrawn = issue.state === IssueState.withdrawn;\n    const showsRequest = status === AccessStatus.requested && !requestDismissed && !isWithdrawn;\n    const validUntil = issue.access?.validUntil instanceof Date ? issue.access.validUntil : new Date(issue.access?.validUntil);\n\n    const heading = status === AccessStatus.granted\n        ? labels.accessPanel.grantedHeading\n        : showsRequest ? labels.accessPanel.requestedHeading : labels.accessPanel.notGrantedHeading;\n\n    const revoke = async () => {\n        const answer = await confirm(labels.accessPanel.revokeTitle, labels.accessPanel.revokeMessage, DialogButtons.YesNo);\n        if (answer !== DialogResult.Yes) {\n            return;\n        }\n\n        revokeAccess.issueId = issue.id;\n        toastCommandResult(await revokeAccess.execute(), { showSuccess: false });\n    };\n\n    const grant = () => void showGrantDialog({ issueId: issue.id });\n\n    return (\n        <section className='usher-panel' data-highlighted={showsRequest || undefined} aria-labelledby={headingId}>\n            <h4 id={headingId} className='usher-panel__heading'>{heading}</h4>\n            {status === AccessStatus.granted && (\n                <>\n                    <p className='usher-panel__text'>{format(labels.accessPanel.grantedUntil, { time: formatTime(validUntil, locale) })}</p>\n                    <Button variant='outline' tone='critical' size='small' label={labels.accessPanel.revoke} onClick={() => void revoke()} />\n                </>\n            )}\n            {showsRequest && (\n                <>\n                    <p className='usher-panel__text'>{format(labels.accessPanel.requestReason, { reason: issue.access.request.reason })}</p>\n                    <div className='usher-panel__actions'>\n                        <Button variant='solid' tone='accent' size='small' label={labels.accessPanel.grant} onClick={grant} />\n                        <Button variant='ghost' size='small' label={labels.accessPanel.notNow} onClick={() => setRequestDismissed(true)} />\n                    </div>\n                </>\n            )}\n            {status !== AccessStatus.granted && !showsRequest && (\n                <>\n                    <p className='usher-panel__text'>{labels.accessPanel.notGranted}</p>\n                    {!isWithdrawn && <Button variant='outline' size='small' label={labels.accessPanel.grant} onClick={grant} />}\n                </>\n            )}\n            <SupportSessions sessions={issue.access?.sessions ?? []} entries={issue.entries ?? []} />\n            <GrantDialog />\n        </section>\n    );\n};\n"],"names":["AccessPanel","issue","labels","locale","useUsherContext","headingId","useId","GrantDialog","showGrantDialog","useDialog","GrantAccessDialog","confirm","useConfirmationDialog","revokeAccess","RevokeAccess","use","requestDismissed","setRequestDismissed","useState","status","useAccessStatus","access","isWithdrawn","state","IssueState","withdrawn","showsRequest","AccessStatus","requested","validUntil","Date","heading","granted","accessPanel","grantedHeading","requestedHeading","notGrantedHeading","revoke","answer","revokeTitle","revokeMessage","DialogButtons","YesNo","DialogResult","Yes","issueId","id","toastCommandResult","execute","showSuccess","grant","_jsxs","section","className","data-highlighted","undefined","aria-labelledby","_jsx","h4","_Fragment","p","format","grantedUntil","time","formatTime","Button","variant","tone","size","label","onClick","requestReason","reason","request","div","notNow","notGranted","SupportSessions","sessions","entries"],"mappings":";;;;;;;;;;;;;;AAwBA;;;AAGC,IACM,MAAMA,WAAAA,GAAc,CAAC,EAAEC,KAAK,EAAoB,GAAA;AACnD,IAAA,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGC,eAAAA,EAAAA;AAC3B,IAAA,MAAMC,SAAAA,GAAYC,KAAAA,EAAAA;AAClB,IAAA,MAAM,CAACC,WAAAA,EAAaC,eAAAA,CAAgB,GAAGC,SAAAA,CAAUC,iBAAAA,CAAAA;IACjD,MAAM,CAACC,QAAQ,GAAGC,qBAAAA,EAAAA;AAClB,IAAA,MAAM,CAACC,YAAAA,CAAa,GAAGC,YAAAA,CAAaC,GAAG,EAAA;AACvC,IAAA,MAAM,CAACC,gBAAAA,EAAkBC,mBAAAA,CAAoB,GAAGC,QAAAA,CAAS,KAAA,CAAA;AACzD,IAAA,MAAM,CAACC,MAAAA,CAAO,GAAGC,eAAAA,CAAgBnB,MAAMoB,MAAM,CAAA;AAC7C,IAAA,MAAMC,WAAAA,GAAcrB,KAAAA,CAAMsB,KAAK,KAAKC,WAAWC,SAAS;AACxD,IAAA,MAAMC,eAAeP,MAAAA,KAAWQ,YAAAA,CAAaC,SAAS,IAAI,CAACZ,oBAAoB,CAACM,WAAAA;AAChF,IAAA,MAAMO,UAAAA,GAAa5B,KAAAA,CAAMoB,MAAM,EAAEQ,sBAAsBC,IAAAA,GAAO7B,KAAAA,CAAMoB,MAAM,CAACQ,UAAU,GAAG,IAAIC,IAAAA,CAAK7B,KAAAA,CAAMoB,MAAM,EAAEQ,UAAAA,CAAAA;AAE/G,IAAA,MAAME,UAAUZ,MAAAA,KAAWQ,YAAAA,CAAaK,OAAO,GACzC9B,MAAAA,CAAO+B,WAAW,CAACC,cAAc,GACjCR,YAAAA,GAAexB,MAAAA,CAAO+B,WAAW,CAACE,gBAAgB,GAAGjC,MAAAA,CAAO+B,WAAW,CAACG,iBAAiB;AAE/F,IAAA,MAAMC,MAAAA,GAAS,UAAA;AACX,QAAA,MAAMC,MAAAA,GAAS,MAAM3B,OAAAA,CAAQT,MAAAA,CAAO+B,WAAW,CAACM,WAAW,EAAErC,MAAAA,CAAO+B,WAAW,CAACO,aAAa,EAAEC,cAAcC,KAAK,CAAA;QAClH,IAAIJ,MAAAA,KAAWK,YAAAA,CAAaC,GAAG,EAAE;AAC7B,YAAA;AACJ,QAAA;QAEA/B,YAAAA,CAAagC,OAAO,GAAG5C,KAAAA,CAAM6C,EAAE;QAC/BC,kBAAAA,CAAmB,MAAMlC,YAAAA,CAAamC,OAAO,EAAA,EAAI;YAAEC,WAAAA,EAAa;AAAM,SAAA,CAAA;AAC1E,IAAA,CAAA;IAEA,MAAMC,KAAAA,GAAQ,IAAM,KAAK1C,eAAAA,CAAgB;AAAEqC,YAAAA,OAAAA,EAAS5C,MAAM6C;AAAG,SAAA,CAAA;AAE7D,IAAA,qBACIK,IAAA,CAACC,SAAAA,EAAAA;QAAQC,SAAAA,EAAU,aAAA;AAAcC,QAAAA,kBAAAA,EAAkB5B,YAAAA,IAAgB6B,SAAAA;QAAWC,iBAAAA,EAAiBnD,SAAAA;;0BAC3FoD,GAAA,CAACC,IAAAA,EAAAA;gBAAGZ,EAAAA,EAAIzC,SAAAA;gBAAWgD,SAAAA,EAAU,sBAAA;AAAwBtB,gBAAAA,QAAAA,EAAAA;;YACpDZ,MAAAA,KAAWQ,YAAAA,CAAaK,OAAO,kBAC5BmB,IAAA,CAAAQ,QAAA,EAAA;;kCACIF,GAAA,CAACG,GAAAA,EAAAA;wBAAEP,SAAAA,EAAU,mBAAA;AAAqBQ,wBAAAA,QAAAA,EAAAA,MAAAA,CAAO3D,MAAAA,CAAO+B,WAAW,CAAC6B,YAAY,EAAE;AAAEC,4BAAAA,IAAAA,EAAMC,WAAWnC,UAAAA,EAAY1B,MAAAA;AAAQ,yBAAA;;kCACjHsD,GAAA,CAACQ,MAAAA,EAAAA;wBAAOC,OAAAA,EAAQ,SAAA;wBAAUC,IAAAA,EAAK,UAAA;wBAAWC,IAAAA,EAAK,OAAA;wBAAQC,KAAAA,EAAOnE,MAAAA,CAAO+B,WAAW,CAACI,MAAM;AAAEiC,wBAAAA,OAAAA,EAAS,IAAM,KAAKjC,MAAAA;;;;YAGpHX,YAAAA,kBACGyB,IAAA,CAAAQ,QAAA,EAAA;;kCACIF,GAAA,CAACG,GAAAA,EAAAA;wBAAEP,SAAAA,EAAU,mBAAA;AAAqBQ,wBAAAA,QAAAA,EAAAA,MAAAA,CAAO3D,MAAAA,CAAO+B,WAAW,CAACsC,aAAa,EAAE;AAAEC,4BAAAA,MAAAA,EAAQvE,KAAAA,CAAMoB,MAAM,CAACoD,OAAO,CAACD;AAAO,yBAAA;;kCACjHrB,IAAA,CAACuB,KAAAA,EAAAA;wBAAIrB,SAAAA,EAAU,sBAAA;;0CACXI,GAAA,CAACQ,MAAAA,EAAAA;gCAAOC,OAAAA,EAAQ,OAAA;gCAAQC,IAAAA,EAAK,QAAA;gCAASC,IAAAA,EAAK,OAAA;gCAAQC,KAAAA,EAAOnE,MAAAA,CAAO+B,WAAW,CAACiB,KAAK;gCAAEoB,OAAAA,EAASpB;;0CAC7FO,GAAA,CAACQ,MAAAA,EAAAA;gCAAOC,OAAAA,EAAQ,OAAA;gCAAQE,IAAAA,EAAK,OAAA;gCAAQC,KAAAA,EAAOnE,MAAAA,CAAO+B,WAAW,CAAC0C,MAAM;AAAEL,gCAAAA,OAAAA,EAAS,IAAMrD,mBAAAA,CAAoB,IAAA;;;;;;AAIrHE,YAAAA,MAAAA,KAAWQ,YAAAA,CAAaK,OAAO,IAAI,CAACN,YAAAA,kBACjCyB,IAAA,CAAAQ,QAAA,EAAA;;kCACIF,GAAA,CAACG,GAAAA,EAAAA;wBAAEP,SAAAA,EAAU,mBAAA;kCAAqBnD,MAAAA,CAAO+B,WAAW,CAAC2C;;AACpD,oBAAA,CAACtD,6BAAemC,GAAA,CAACQ,MAAAA,EAAAA;wBAAOC,OAAAA,EAAQ,SAAA;wBAAUE,IAAAA,EAAK,OAAA;wBAAQC,KAAAA,EAAOnE,MAAAA,CAAO+B,WAAW,CAACiB,KAAK;wBAAEoB,OAAAA,EAASpB;;;;0BAG1GO,GAAA,CAACoB,eAAAA,EAAAA;AAAgBC,gBAAAA,QAAAA,EAAU7E,KAAAA,CAAMoB,MAAM,EAAEyD,QAAAA,IAAY,EAAE;gBAAEC,OAAAA,EAAS9E,KAAAA,CAAM8E,OAAO,IAAI;;0BACnFtB,GAAA,CAAClD,WAAAA,EAAAA,EAAAA;;;AAGb;;"}

package/dist/esm/Issues/IssueView/GrantAccessDialog.d.ts

@@ -0,0 +1,6 @@
+import { Guid } from '@cratis/fundamentals';
+export interface GrantAccessDialogProps {
+    issueId: Guid;
+}
+export declare const GrantAccessDialog: ({ issueId }: GrantAccessDialogProps) => import("react").JSX.Element;
+//# sourceMappingURL=GrantAccessDialog.d.ts.map

package/dist/esm/Issues/IssueView/GrantAccessDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrantAccessDialog.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/GrantAccessDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAU5C,MAAM,WAAW,sBAAsB;IAEnC,OAAO,EAAE,IAAI,CAAC;CACjB;AAKD,eAAO,MAAM,iBAAiB,GAAI,aAAa,sBAAsB,gCA+BpE,CAAC"}

package/dist/esm/Issues/IssueView/GrantAccessDialog.js

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CommandDialog } from '@cratis/components/CommandDialog';
+import { DropdownField } from '@cratis/components/CommandForm';
+import { DialogInitialFocus } from '@cratis/components/Dialogs';
+import { AccessDuration, GrantAccess } from '@cratis/showrunner.usher';
+import { useId, useState } from 'react';
+import { useUsherLabels } from '../../Provider/UsherContext.js';
+import { AccessNotice } from '../../Reporting/AccessNotice.js';
+import { durationOptions } from '../../Reporting/durationOptions.js';
+
+/**
+ * Lets the reporter grant support access to sign in as them on an issue for a while, stating until when.
+ */ const GrantAccessDialog = ({ issueId })=>{
+    const labels = useUsherLabels();
+    const noticeId = useId();
+    const [duration, setDuration] = useState(AccessDuration.oneDay);
+    return /*#__PURE__*/ jsx(CommandDialog, {
+        command: GrantAccess,
+        title: labels.accessPanel.grantTitle,
+        okLabel: labels.accessPanel.grantConfirm,
+        cancelLabel: labels.common.cancel,
+        closeAriaLabel: labels.common.close,
+        initialFocus: DialogInitialFocus.Content,
+        initialValues: {
+            issueId,
+            accessDuration: AccessDuration.oneDay
+        },
+        onFieldChange: (_command, fieldName, _oldValue, newValue)=>{
+            if (fieldName === 'accessDuration') {
+                setDuration(Number(newValue));
+            }
+        },
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "usher-report-form",
+            children: [
+                /*#__PURE__*/ jsx(DropdownField, {
+                    value: (command)=>command.accessDuration,
+                    title: labels.access.duration,
+                    "aria-describedby": noticeId,
+                    options: durationOptions(labels),
+                    optionValue: "value",
+                    optionLabel: "label"
+                }),
+                /*#__PURE__*/ jsx(AccessNotice, {
+                    id: noticeId,
+                    duration: duration
+                })
+            ]
+        })
+    });
+};
+
+export { GrantAccessDialog };
+//# sourceMappingURL=GrantAccessDialog.js.map

package/dist/esm/Issues/IssueView/GrantAccessDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrantAccessDialog.js","sources":["../../../../Issues/IssueView/GrantAccessDialog.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 { CommandDialog } from '@cratis/components/CommandDialog';\nimport { DropdownField } from '@cratis/components/CommandForm';\nimport { DialogInitialFocus } from '@cratis/components/Dialogs';\nimport { Guid } from '@cratis/fundamentals';\nimport { AccessDuration, GrantAccess } from '@cratis/showrunner.usher';\nimport { useId, useState } from 'react';\nimport { useUsherLabels } from '../../Provider/UsherContext.js';\nimport { AccessNotice } from '../../Reporting/AccessNotice.js';\nimport { durationOptions } from '../../Reporting/durationOptions.js';\n\n/**\n * Props for {@link GrantAccessDialog}.\n */\nexport interface GrantAccessDialogProps {\n    /** The issue. */\n    issueId: Guid;\n}\n\n/**\n * Lets the reporter grant support access to sign in as them on an issue for a while, stating until when.\n */\nexport const GrantAccessDialog = ({ issueId }: GrantAccessDialogProps) => {\n    const labels = useUsherLabels();\n    const noticeId = useId();\n    const [duration, setDuration] = useState(AccessDuration.oneDay);\n\n    return (\n        <CommandDialog<GrantAccess>\n            command={GrantAccess}\n            title={labels.accessPanel.grantTitle}\n            okLabel={labels.accessPanel.grantConfirm}\n            cancelLabel={labels.common.cancel}\n            closeAriaLabel={labels.common.close}\n            initialFocus={DialogInitialFocus.Content}\n            initialValues={{ issueId, accessDuration: AccessDuration.oneDay }}\n            onFieldChange={(_command, fieldName, _oldValue, newValue) => {\n                if (fieldName === 'accessDuration') {\n                    setDuration(Number(newValue) as AccessDuration);\n                }\n            }}>\n            <div className='usher-report-form'>\n                <DropdownField<GrantAccess>\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={duration} />\n            </div>\n        </CommandDialog>\n    );\n};\n"],"names":["GrantAccessDialog","issueId","labels","useUsherLabels","noticeId","useId","duration","setDuration","useState","AccessDuration","oneDay","_jsx","CommandDialog","command","GrantAccess","title","accessPanel","grantTitle","okLabel","grantConfirm","cancelLabel","common","cancel","closeAriaLabel","close","initialFocus","DialogInitialFocus","Content","initialValues","accessDuration","onFieldChange","_command","fieldName","_oldValue","newValue","Number","_jsxs","div","className","DropdownField","value","access","aria-describedby","options","durationOptions","optionValue","optionLabel","AccessNotice","id"],"mappings":";;;;;;;;;;AAqBA;;AAEC,IACM,MAAMA,iBAAAA,GAAoB,CAAC,EAAEC,OAAO,EAA0B,GAAA;AACjE,IAAA,MAAMC,MAAAA,GAASC,cAAAA,EAAAA;AACf,IAAA,MAAMC,QAAAA,GAAWC,KAAAA,EAAAA;AACjB,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGC,QAAAA,CAASC,eAAeC,MAAM,CAAA;AAE9D,IAAA,qBACIC,GAAA,CAACC,aAAAA,EAAAA;QACGC,OAAAA,EAASC,WAAAA;QACTC,KAAAA,EAAOb,MAAAA,CAAOc,WAAW,CAACC,UAAU;QACpCC,OAAAA,EAAShB,MAAAA,CAAOc,WAAW,CAACG,YAAY;QACxCC,WAAAA,EAAalB,MAAAA,CAAOmB,MAAM,CAACC,MAAM;QACjCC,cAAAA,EAAgBrB,MAAAA,CAAOmB,MAAM,CAACG,KAAK;AACnCC,QAAAA,YAAAA,EAAcC,mBAAmBC,OAAO;QACxCC,aAAAA,EAAe;AAAE3B,YAAAA,OAAAA;AAAS4B,YAAAA,cAAAA,EAAgBpB,eAAeC;AAAO,SAAA;QAChEoB,aAAAA,EAAe,CAACC,QAAAA,EAAUC,SAAAA,EAAWC,SAAAA,EAAWC,QAAAA,GAAAA;AAC5C,YAAA,IAAIF,cAAc,gBAAA,EAAkB;AAChCzB,gBAAAA,WAAAA,CAAY4B,MAAAA,CAAOD,QAAAA,CAAAA,CAAAA;AACvB,YAAA;AACJ,QAAA,CAAA;AACA,QAAA,QAAA,gBAAAE,IAAA,CAACC,KAAAA,EAAAA;YAAIC,SAAAA,EAAU,mBAAA;;8BACX3B,GAAA,CAAC4B,aAAAA,EAAAA;oBACGC,KAAAA,EAAO3B,CAAAA,OAAAA,GAAWA,OAAAA,CAAQgB,cAAc;oBACxCd,KAAAA,EAAOb,MAAAA,CAAOuC,MAAM,CAACnC,QAAQ;oBAC7BoC,kBAAAA,EAAkBtC,QAAAA;AAClBuC,oBAAAA,OAAAA,EAASC,eAAAA,CAAgB1C,MAAAA,CAAAA;oBACzB2C,WAAAA,EAAY,OAAA;oBACZC,WAAAA,EAAY;;8BAChBnC,GAAA,CAACoC,YAAAA,EAAAA;oBAAaC,EAAAA,EAAI5C,QAAAA;oBAAUE,QAAAA,EAAUA;;;;;AAItD;;"}

package/dist/esm/Issues/IssueView/IdentityPanel.d.ts

@@ -0,0 +1,6 @@
+import { IssueConversation } from '@cratis/showrunner.usher';
+export interface IdentityPanelProps {
+    issue: IssueConversation;
+}
+export declare const IdentityPanel: ({ issue }: IdentityPanelProps) => import("react").JSX.Element;
+//# sourceMappingURL=IdentityPanel.d.ts.map

package/dist/esm/Issues/IssueView/IdentityPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPanel.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/IdentityPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAc,MAAM,0BAA0B,CAAC;AAQzE,MAAM,WAAW,kBAAkB;IAE/B,KAAK,EAAE,iBAAiB,CAAC;CAC5B;AAKD,eAAO,MAAM,aAAa,GAAI,WAAW,kBAAkB,gCAgB1D,CAAC"}

package/dist/esm/Issues/IssueView/IdentityPanel.js

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useDialog } from '@cratis/arc.react/dialogs';
+import { Button } from '@cratis/components/Common';
+import { IssueState } from '@cratis/showrunner.usher';
+import { useId } from 'react';
+import { useUsherLabels } from '../../Provider/UsherContext.js';
+import { ShareIdentityDialog } from './ShareIdentityDialog.js';
+
+/**
+ * Shows whether support knows who the reporter is, and lets them share it when it does not.
+ */ const IdentityPanel = ({ issue })=>{
+    const labels = useUsherLabels();
+    const headingId = useId();
+    const [ShareDialog, showShareDialog] = useDialog(ShareIdentityDialog);
+    const canShare = !issue.identityShared && issue.state !== IssueState.withdrawn;
+    return /*#__PURE__*/ jsxs("section", {
+        className: "usher-panel",
+        "aria-labelledby": headingId,
+        children: [
+            /*#__PURE__*/ jsx("h4", {
+                id: headingId,
+                className: "usher-panel__heading",
+                children: labels.identity.heading
+            }),
+            /*#__PURE__*/ jsx("p", {
+                className: "usher-panel__text",
+                children: issue.identityShared ? labels.identity.known : labels.identity.unknown
+            }),
+            canShare && /*#__PURE__*/ jsx(Button, {
+                variant: "outline",
+                size: "small",
+                label: labels.identity.share,
+                onClick: ()=>void showShareDialog({
+                        issueId: issue.id
+                    })
+            }),
+            /*#__PURE__*/ jsx(ShareDialog, {})
+        ]
+    });
+};
+
+export { IdentityPanel };
+//# sourceMappingURL=IdentityPanel.js.map

package/dist/esm/Issues/IssueView/IdentityPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPanel.js","sources":["../../../../Issues/IssueView/IdentityPanel.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 { useDialog } from '@cratis/arc.react/dialogs';\nimport { Button } from '@cratis/components/Common';\nimport { IssueConversation, IssueState } from '@cratis/showrunner.usher';\nimport { useId } from 'react';\nimport { useUsherLabels } from '../../Provider/UsherContext.js';\nimport { ShareIdentityDialog } from './ShareIdentityDialog.js';\n\n/**\n * Props for {@link IdentityPanel}.\n */\nexport interface IdentityPanelProps {\n    /** The issue. */\n    issue: IssueConversation;\n}\n\n/**\n * Shows whether support knows who the reporter is, and lets them share it when it does not.\n */\nexport const IdentityPanel = ({ issue }: IdentityPanelProps) => {\n    const labels = useUsherLabels();\n    const headingId = useId();\n    const [ShareDialog, showShareDialog] = useDialog(ShareIdentityDialog);\n    const canShare = !issue.identityShared && issue.state !== IssueState.withdrawn;\n\n    return (\n        <section className='usher-panel' aria-labelledby={headingId}>\n            <h4 id={headingId} className='usher-panel__heading'>{labels.identity.heading}</h4>\n            <p className='usher-panel__text'>{issue.identityShared ? labels.identity.known : labels.identity.unknown}</p>\n            {canShare && (\n                <Button variant='outline' size='small' label={labels.identity.share} onClick={() => void showShareDialog({ issueId: issue.id })} />\n            )}\n            <ShareDialog />\n        </section>\n    );\n};\n"],"names":["IdentityPanel","issue","labels","useUsherLabels","headingId","useId","ShareDialog","showShareDialog","useDialog","ShareIdentityDialog","canShare","identityShared","state","IssueState","withdrawn","_jsxs","section","className","aria-labelledby","_jsx","h4","id","identity","heading","p","known","unknown","Button","variant","size","label","share","onClick","issueId"],"mappings":";;;;;;;;AAkBA;;AAEC,IACM,MAAMA,aAAAA,GAAgB,CAAC,EAAEC,KAAK,EAAsB,GAAA;AACvD,IAAA,MAAMC,MAAAA,GAASC,cAAAA,EAAAA;AACf,IAAA,MAAMC,SAAAA,GAAYC,KAAAA,EAAAA;AAClB,IAAA,MAAM,CAACC,WAAAA,EAAaC,eAAAA,CAAgB,GAAGC,SAAAA,CAAUC,mBAAAA,CAAAA;IACjD,MAAMC,QAAAA,GAAW,CAACT,KAAAA,CAAMU,cAAc,IAAIV,KAAAA,CAAMW,KAAK,KAAKC,UAAAA,CAAWC,SAAS;AAE9E,IAAA,qBACIC,IAAA,CAACC,SAAAA,EAAAA;QAAQC,SAAAA,EAAU,aAAA;QAAcC,iBAAAA,EAAiBd,SAAAA;;0BAC9Ce,GAAA,CAACC,IAAAA,EAAAA;gBAAGC,EAAAA,EAAIjB,SAAAA;gBAAWa,SAAAA,EAAU,sBAAA;0BAAwBf,MAAAA,CAAOoB,QAAQ,CAACC;;0BACrEJ,GAAA,CAACK,GAAAA,EAAAA;gBAAEP,SAAAA,EAAU,mBAAA;0BAAqBhB,KAAAA,CAAMU,cAAc,GAAGT,MAAAA,CAAOoB,QAAQ,CAACG,KAAK,GAAGvB,MAAAA,CAAOoB,QAAQ,CAACI;;AAChGhB,YAAAA,QAAAA,kBACGS,GAAA,CAACQ,MAAAA,EAAAA;gBAAOC,OAAAA,EAAQ,SAAA;gBAAUC,IAAAA,EAAK,OAAA;gBAAQC,KAAAA,EAAO5B,MAAAA,CAAOoB,QAAQ,CAACS,KAAK;gBAAEC,OAAAA,EAAS,IAAM,KAAKzB,eAAAA,CAAgB;AAAE0B,wBAAAA,OAAAA,EAAShC,MAAMoB;AAAG,qBAAA;;0BAEjIF,GAAA,CAACb,WAAAA,EAAAA,EAAAA;;;AAGb;;"}

package/dist/esm/Issues/IssueView/IssueActions.d.ts

@@ -0,0 +1,6 @@
+import { IssueConversation } from '@cratis/showrunner.usher';
+export interface IssueActionsProps {
+    issue: IssueConversation;
+}
+export declare const IssueActions: ({ issue }: IssueActionsProps) => import("react").JSX.Element | null;
+//# sourceMappingURL=IssueActions.d.ts.map

package/dist/esm/Issues/IssueView/IssueActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueActions.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/IssueActions.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,0BAA0B,CAAC;AAQxF,MAAM,WAAW,iBAAiB;IAE9B,KAAK,EAAE,iBAAiB,CAAC;CAC5B;AAKD,eAAO,MAAM,YAAY,GAAI,WAAW,iBAAiB,uCA6BxD,CAAC"}

package/dist/esm/Issues/IssueView/IssueActions.js

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useDialog, useConfirmationDialog, DialogButtons, DialogResult } from '@cratis/arc.react/dialogs';
+import { Button } from '@cratis/components/Common';
+import { toastCommandResult } from '@cratis/components/Notifications';
+import { WithdrawIssue, IssueState } from '@cratis/showrunner.usher';
+import { useUsherLabels } from '../../Provider/UsherContext.js';
+import { isClosed } from '../issueStates.js';
+import { ReopenIssueDialog } from './ReopenIssueDialog.js';
+
+/**
+ * What the reporter can do with an issue: reopen it once resolved, and withdraw it while it is open.
+ */ const IssueActions = ({ issue })=>{
+    const labels = useUsherLabels();
+    const [ReopenDialog, showReopenDialog] = useDialog(ReopenIssueDialog);
+    const [confirm] = useConfirmationDialog();
+    const [withdrawIssue] = WithdrawIssue.use();
+    const canReopen = issue.state === IssueState.resolved;
+    const canWithdraw = !isClosed(issue.state);
+    const withdraw = async ()=>{
+        const answer = await confirm(labels.actions.withdrawTitle, labels.actions.withdrawMessage, DialogButtons.YesNo);
+        if (answer !== DialogResult.Yes) {
+            return;
+        }
+        withdrawIssue.issueId = issue.id;
+        toastCommandResult(await withdrawIssue.execute(), {
+            showSuccess: false
+        });
+    };
+    if (!canReopen && !canWithdraw) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxs("div", {
+        className: "usher-issue-actions",
+        children: [
+            canReopen && /*#__PURE__*/ jsx(Button, {
+                variant: "outline",
+                size: "small",
+                label: labels.actions.reopen,
+                onClick: ()=>void showReopenDialog({
+                        issueId: issue.id
+                    })
+            }),
+            canWithdraw && /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                tone: "critical",
+                size: "small",
+                label: labels.actions.withdraw,
+                onClick: ()=>void withdraw()
+            }),
+            /*#__PURE__*/ jsx(ReopenDialog, {})
+        ]
+    });
+};
+
+export { IssueActions };
+//# sourceMappingURL=IssueActions.js.map

package/dist/esm/Issues/IssueView/IssueActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueActions.js","sources":["../../../../Issues/IssueView/IssueActions.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 { DialogButtons, DialogResult, useConfirmationDialog, useDialog } from '@cratis/arc.react/dialogs';\nimport { Button } from '@cratis/components/Common';\nimport { toastCommandResult } from '@cratis/components/Notifications';\nimport { IssueConversation, IssueState, WithdrawIssue } from '@cratis/showrunner.usher';\nimport { useUsherLabels } from '../../Provider/UsherContext.js';\nimport { isClosed } from '../issueStates.js';\nimport { ReopenIssueDialog } from './ReopenIssueDialog.js';\n\n/**\n * Props for {@link IssueActions}.\n */\nexport interface IssueActionsProps {\n    /** The issue. */\n    issue: IssueConversation;\n}\n\n/**\n * What the reporter can do with an issue: reopen it once resolved, and withdraw it while it is open.\n */\nexport const IssueActions = ({ issue }: IssueActionsProps) => {\n    const labels = useUsherLabels();\n    const [ReopenDialog, showReopenDialog] = useDialog(ReopenIssueDialog);\n    const [confirm] = useConfirmationDialog();\n    const [withdrawIssue] = WithdrawIssue.use();\n    const canReopen = issue.state === IssueState.resolved;\n    const canWithdraw = !isClosed(issue.state);\n\n    const withdraw = async () => {\n        const answer = await confirm(labels.actions.withdrawTitle, labels.actions.withdrawMessage, DialogButtons.YesNo);\n        if (answer !== DialogResult.Yes) {\n            return;\n        }\n\n        withdrawIssue.issueId = issue.id;\n        toastCommandResult(await withdrawIssue.execute(), { showSuccess: false });\n    };\n\n    if (!canReopen && !canWithdraw) {\n        return null;\n    }\n\n    return (\n        <div className='usher-issue-actions'>\n            {canReopen && <Button variant='outline' size='small' label={labels.actions.reopen} onClick={() => void showReopenDialog({ issueId: issue.id })} />}\n            {canWithdraw && <Button variant='ghost' tone='critical' size='small' label={labels.actions.withdraw} onClick={() => void withdraw()} />}\n            <ReopenDialog />\n        </div>\n    );\n};\n"],"names":["IssueActions","issue","labels","useUsherLabels","ReopenDialog","showReopenDialog","useDialog","ReopenIssueDialog","confirm","useConfirmationDialog","withdrawIssue","WithdrawIssue","use","canReopen","state","IssueState","resolved","canWithdraw","isClosed","withdraw","answer","actions","withdrawTitle","withdrawMessage","DialogButtons","YesNo","DialogResult","Yes","issueId","id","toastCommandResult","execute","showSuccess","_jsxs","div","className","_jsx","Button","variant","size","label","reopen","onClick","tone"],"mappings":";;;;;;;;;AAmBA;;AAEC,IACM,MAAMA,YAAAA,GAAe,CAAC,EAAEC,KAAK,EAAqB,GAAA;AACrD,IAAA,MAAMC,MAAAA,GAASC,cAAAA,EAAAA;AACf,IAAA,MAAM,CAACC,YAAAA,EAAcC,gBAAAA,CAAiB,GAAGC,SAAAA,CAAUC,iBAAAA,CAAAA;IACnD,MAAM,CAACC,QAAQ,GAAGC,qBAAAA,EAAAA;AAClB,IAAA,MAAM,CAACC,aAAAA,CAAc,GAAGC,aAAAA,CAAcC,GAAG,EAAA;AACzC,IAAA,MAAMC,SAAAA,GAAYZ,KAAAA,CAAMa,KAAK,KAAKC,WAAWC,QAAQ;AACrD,IAAA,MAAMC,WAAAA,GAAc,CAACC,QAAAA,CAASjB,KAAAA,CAAMa,KAAK,CAAA;AAEzC,IAAA,MAAMK,QAAAA,GAAW,UAAA;AACb,QAAA,MAAMC,MAAAA,GAAS,MAAMZ,OAAAA,CAAQN,MAAAA,CAAOmB,OAAO,CAACC,aAAa,EAAEpB,MAAAA,CAAOmB,OAAO,CAACE,eAAe,EAAEC,cAAcC,KAAK,CAAA;QAC9G,IAAIL,MAAAA,KAAWM,YAAAA,CAAaC,GAAG,EAAE;AAC7B,YAAA;AACJ,QAAA;QAEAjB,aAAAA,CAAckB,OAAO,GAAG3B,KAAAA,CAAM4B,EAAE;QAChCC,kBAAAA,CAAmB,MAAMpB,aAAAA,CAAcqB,OAAO,EAAA,EAAI;YAAEC,WAAAA,EAAa;AAAM,SAAA,CAAA;AAC3E,IAAA,CAAA;IAEA,IAAI,CAACnB,SAAAA,IAAa,CAACI,WAAAA,EAAa;QAC5B,OAAO,IAAA;AACX,IAAA;AAEA,IAAA,qBACIgB,IAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,qBAAA;;AACVtB,YAAAA,SAAAA,kBAAauB,GAAA,CAACC,MAAAA,EAAAA;gBAAOC,OAAAA,EAAQ,SAAA;gBAAUC,IAAAA,EAAK,OAAA;gBAAQC,KAAAA,EAAOtC,MAAAA,CAAOmB,OAAO,CAACoB,MAAM;gBAAEC,OAAAA,EAAS,IAAM,KAAKrC,gBAAAA,CAAiB;AAAEuB,wBAAAA,OAAAA,EAAS3B,MAAM4B;AAAG,qBAAA;;AAC3IZ,YAAAA,WAAAA,kBAAemB,GAAA,CAACC,MAAAA,EAAAA;gBAAOC,OAAAA,EAAQ,OAAA;gBAAQK,IAAAA,EAAK,UAAA;gBAAWJ,IAAAA,EAAK,OAAA;gBAAQC,KAAAA,EAAOtC,MAAAA,CAAOmB,OAAO,CAACF,QAAQ;AAAEuB,gBAAAA,OAAAA,EAAS,IAAM,KAAKvB,QAAAA;;0BACzHiB,GAAA,CAAChC,YAAAA,EAAAA,EAAAA;;;AAGb;;"}

package/dist/esm/Issues/IssueView/IssueConversationPanel.d.ts

@@ -0,0 +1,6 @@
+import { IssueConversation } from '@cratis/showrunner.usher';
+export interface IssueConversationPanelProps {
+    issue: IssueConversation;
+}
+export declare const IssueConversationPanel: ({ issue }: IssueConversationPanelProps) => import("react").JSX.Element;
+//# sourceMappingURL=IssueConversationPanel.d.ts.map

package/dist/esm/Issues/IssueView/IssueConversationPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueConversationPanel.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/IssueConversationPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAqD,iBAAiB,EAAc,MAAM,0BAA0B,CAAC;AAQ5H,MAAM,WAAW,2BAA2B;IAExC,KAAK,EAAE,iBAAiB,CAAC;CAC5B;AAMD,eAAO,MAAM,sBAAsB,GAAI,WAAW,2BAA2B,gCAiE5E,CAAC"}