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

package/dist/cjs/Buttons/MyIssuesButton.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Common = require('@cratis/components/Common');
+var Display = require('@cratis/components/Display');
+var showrunner_usher = require('@cratis/showrunner.usher');
+var Icons = require('../Icons.js');
+var MyIssuesList = require('../Issues/MyIssuesList.js');
+var UsherBoundary = require('../Provider/UsherBoundary.js');
+var useUsher = require('../Provider/useUsher.js');
+var buttonModels = require('./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.useUsher();
+    return /*#__PURE__*/ jsxRuntime.jsx(UsherBoundary.UsherBoundary, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(MyIssuesButtonContent, {
+            ...props,
+            onOpen: usher.showMyIssues
+        })
+    });
+};
+const MyIssuesButtonContent = ({ size = 'large', className, onOpen })=>{
+    const usher = useUsher.useUsher();
+    const [result] = showrunner_usher.MyIssues.use();
+    return /*#__PURE__*/ jsxRuntime.jsx(MyIssuesButtonView, {
+        size: size,
+        className: className,
+        waiting: MyIssuesList.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 = buttonModels.myIssuesButtonModel(size, waiting, labels);
+    const badge = waiting > 0 && /*#__PURE__*/ jsxRuntime.jsx("span", {
+        className: "usher-my-issues-button__badge",
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsxRuntime.jsx(Display.Badge, {
+            value: waiting,
+            severity: "warn",
+            size: "small"
+        })
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs("span", {
+        className: [
+            'usher-my-issues-button',
+            className
+        ].filter(Boolean).join(' '),
+        "data-size": size,
+        children: [
+            size === 'small' ? /*#__PURE__*/ jsxRuntime.jsx(Common.IconButton, {
+                variant: "ghost",
+                icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.InboxIcon, {}),
+                "aria-label": model.accessibleName,
+                tooltip: model.tooltip,
+                onClick: onOpen
+            }) : /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
+                variant: "outline",
+                icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.InboxIcon, {}),
+                label: model.text,
+                "aria-label": model.accessibleName,
+                onClick: onOpen
+            }),
+            badge
+        ]
+    });
+};
+
+exports.MyIssuesButton = MyIssuesButton;
+exports.MyIssuesButtonView = MyIssuesButtonView;
+//# sourceMappingURL=MyIssuesButton.js.map

package/dist/cjs/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,iBAAAA,EAAAA;AAEd,IAAA,qBACIC,cAAA,CAACC,2BAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAD,cAAA,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,iBAAAA,EAAAA;AACd,IAAA,MAAM,CAACQ,MAAAA,CAAO,GAAGC,yBAAAA,CAASC,GAAG,EAAA;AAE7B,IAAA,qBAAOT,cAAA,CAACU,kBAAAA,EAAAA;QAAmBL,IAAAA,EAAMA,IAAAA;QAAMC,SAAAA,EAAWA,SAAAA;AAAWK,QAAAA,OAAAA,EAASC,yBAAAA,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,gCAAAA,CAAoBX,IAAAA,EAAMM,OAAAA,EAASG,MAAAA,CAAAA;IACjD,MAAMG,KAAAA,GAAQN,OAAAA,GAAU,CAAA,kBACpBX,cAAA,CAACkB,MAAAA,EAAAA;QAAKZ,SAAAA,EAAU,+BAAA;QAAgCa,aAAAA,EAAY,MAAA;AACxD,QAAA,QAAA,gBAAAnB,cAAA,CAACoB,aAAAA,EAAAA;YAAMC,KAAAA,EAAOV,OAAAA;YAASW,QAAAA,EAAS,MAAA;YAAOjB,IAAAA,EAAK;;;AAIpD,IAAA,qBACIkB,eAAA,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,cAAA,CAAC4B,iBAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,OAAA;AAAQC,gBAAAA,IAAAA,gBAAM9B,cAAA,CAAC+B,eAAAA,EAAAA,EAAAA,CAAAA;AAAcC,gBAAAA,YAAAA,EAAYjB,MAAMkB,cAAc;AAAEC,gBAAAA,OAAAA,EAASnB,MAAMmB,OAAO;gBAAEC,OAAAA,EAAShC;+BACpHH,cAAA,CAACoC,aAAAA,EAAAA;gBAAOP,OAAAA,EAAQ,SAAA;AAAUC,gBAAAA,IAAAA,gBAAM9B,cAAA,CAAC+B,eAAAA,EAAAA,EAAAA,CAAAA;AAAcM,gBAAAA,KAAAA,EAAOtB,MAAMuB,IAAI;AAAEN,gBAAAA,YAAAA,EAAYjB,MAAMkB,cAAc;gBAAEE,OAAAA,EAAShC;;AAClHc,YAAAA;;;AAGb;;;"}

package/dist/cjs/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/cjs/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/cjs/Buttons/ReportButton.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Common = require('@cratis/components/Common');
+var Icons = require('../Icons.js');
+var useUsher = require('../Provider/useUsher.js');
+var buttonModels = require('./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.useUsher();
+    const reportsError = error !== undefined;
+    const model = buttonModels.reportButtonModel(size, reportsError, usher.labels);
+    const report = ()=>reportsError ? usher.reportError(error) : usher.reportIssue();
+    return size === 'small' ? /*#__PURE__*/ jsxRuntime.jsx(Common.IconButton, {
+        className: className,
+        variant: "ghost",
+        icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.BugIcon, {}),
+        "aria-label": model.accessibleName,
+        tooltip: model.tooltip,
+        onClick: report
+    }) : /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
+        className: className,
+        variant: "outline",
+        icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.BugIcon, {}),
+        label: model.text,
+        onClick: report
+    });
+};
+
+exports.ReportButton = ReportButton;
+//# sourceMappingURL=ReportButton.js.map

package/dist/cjs/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,iBAAAA,EAAAA;AACd,IAAA,MAAMC,eAAeJ,KAAAA,KAAUK,SAAAA;AAC/B,IAAA,MAAMC,KAAAA,GAAQC,8BAAAA,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,cAAA,CAACC,iBAAAA,EAAAA;QACGZ,SAAAA,EAAWA,SAAAA;QACXa,OAAAA,EAAQ,OAAA;AACRC,QAAAA,IAAAA,gBAAMH,cAAA,CAACI,aAAAA,EAAAA,EAAAA,CAAAA;AACPC,QAAAA,YAAAA,EAAYX,MAAMY,cAAc;AAChCC,QAAAA,OAAAA,EAASb,MAAMa,OAAO;QACtBC,OAAAA,EAASX;uBAGbG,cAAA,CAACS,aAAAA,EAAAA;QACGpB,SAAAA,EAAWA,SAAAA;QACXa,OAAAA,EAAQ,SAAA;AACRC,QAAAA,IAAAA,gBAAMH,cAAA,CAACI,aAAAA,EAAAA,EAAAA,CAAAA;AACPM,QAAAA,KAAAA,EAAOhB,MAAMiB,IAAI;QACjBH,OAAAA,EAASX;;AAEzB;;"}

package/dist/cjs/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/cjs/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/cjs/Buttons/buttonModels.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var format = require('../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.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: ''
+    };
+}
+
+exports.myIssuesButtonModel = myIssuesButtonModel;
+exports.reportButtonModel = reportButtonModel;
+//# sourceMappingURL=buttonModels.js.map

package/dist/cjs/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,aAAAA,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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/Correlation/CorrelationTracker.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var fundamentals = require('@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(fundamentals.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 fundamentals.Guid.isGuid(value) ? fundamentals.Guid.parse(value) : undefined;
+}
+
+exports.CorrelationTracker = CorrelationTracker;
+//# sourceMappingURL=CorrelationTracker.js.map

package/dist/cjs/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,iBAAAA,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,kBAAKS,MAAM,CAACD,SAASR,iBAAAA,CAAKU,KAAK,CAACF,KAAAA,CAAAA,GAASG,SAAAA;AACpD;;"}

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

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/Correlation/withCorrelationIdHeader.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var fundamentals = require('@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 = ()=>fundamentals.Guid.create()) {
+    return ()=>{
+        const headers = new Headers(headersCallback?.() ?? {});
+        const existing = headers.get(header);
+        const correlationId = existing && fundamentals.Guid.isGuid(existing) ? existing : createCorrelationId().toString();
+        headers.set(header, correlationId);
+        tracker.track(correlationId);
+        const record = {};
+        headers.forEach((value, name)=>{
+            record[name] = value;
+        });
+        return record;
+    };
+}
+
+exports.defaultCorrelationIdHeader = defaultCorrelationIdHeader;
+exports.withCorrelationIdHeader = withCorrelationIdHeader;
+//# sourceMappingURL=withCorrelationIdHeader.js.map

package/dist/cjs/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,iBAAAA,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,iBAAAA,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/cjs/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/cjs/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/cjs/Icons.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var jsxRuntime = require('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__*/ jsxRuntime.jsx("svg", {
+        className: "usher-icon",
+        viewBox: "0 0 24 24",
+        width: "1em",
+        height: "1em",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx("svg", {
+        className: "usher-icon",
+        viewBox: "0 0 24 24",
+        width: "1em",
+        height: "1em",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx("svg", {
+        className: "usher-icon",
+        viewBox: "0 0 24 24",
+        width: "1em",
+        height: "1em",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+            fill: "currentColor",
+            d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+        })
+    });
+
+exports.BackIcon = BackIcon;
+exports.BugIcon = BugIcon;
+exports.InboxIcon = InboxIcon;
+//# sourceMappingURL=Icons.js.map

package/dist/cjs/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,cAAA,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,cAAA,CAACQ,MAAAA,EAAAA;YAAKC,IAAAA,EAAK,cAAA;YAAeC,CAAAA,EAAE;;AAElC,KAAA;AAEF;;AAEC,IACM,MAAMC,SAAAA,GAAY,kBACrBX,cAAA,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,cAAA,CAACQ,MAAAA,EAAAA;YAAKC,IAAAA,EAAK,cAAA;YAAeC,CAAAA,EAAE;;AAElC,KAAA;AAEF;;AAEC,IACM,MAAME,QAAAA,GAAW,kBACpBZ,cAAA,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,cAAA,CAACQ,MAAAA,EAAAA;YAAKC,IAAAA,EAAK,cAAA;YAAeC,CAAAA,EAAE;;AAElC,KAAA;;;;"}

package/dist/cjs/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/cjs/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/cjs/Issues/IssueView/AccessPanel.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dialogs = require('@cratis/arc.react/dialogs');
+var Common = require('@cratis/components/Common');
+var Notifications = require('@cratis/components/Notifications');
+var showrunner_usher = require('@cratis/showrunner.usher');
+var react = require('react');
+var format = require('../../Labels/format.js');
+var UsherContext = require('../../Provider/UsherContext.js');
+var AccessChoice = require('../../Reporting/AccessChoice.js');
+var accessStatus = require('../accessStatus.js');
+var useAccessStatus = require('../useAccessStatus.js');
+var GrantAccessDialog = require('./GrantAccessDialog.js');
+var SupportSessions = require('./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 } = UsherContext.useUsherContext();
+    const headingId = react.useId();
+    const [GrantDialog, showGrantDialog] = dialogs.useDialog(GrantAccessDialog.GrantAccessDialog);
+    const [confirm] = dialogs.useConfirmationDialog();
+    const [revokeAccess] = showrunner_usher.RevokeAccess.use();
+    const [requestDismissed, setRequestDismissed] = react.useState(false);
+    const [status] = useAccessStatus.useAccessStatus(issue.access);
+    const isWithdrawn = issue.state === showrunner_usher.IssueState.withdrawn;
+    const showsRequest = status === accessStatus.AccessStatus.requested && !requestDismissed && !isWithdrawn;
+    const validUntil = issue.access?.validUntil instanceof Date ? issue.access.validUntil : new Date(issue.access?.validUntil);
+    const heading = status === accessStatus.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, dialogs.DialogButtons.YesNo);
+        if (answer !== dialogs.DialogResult.Yes) {
+            return;
+        }
+        revokeAccess.issueId = issue.id;
+        Notifications.toastCommandResult(await revokeAccess.execute(), {
+            showSuccess: false
+        });
+    };
+    const grant = ()=>void showGrantDialog({
+            issueId: issue.id
+        });
+    return /*#__PURE__*/ jsxRuntime.jsxs("section", {
+        className: "usher-panel",
+        "data-highlighted": showsRequest || undefined,
+        "aria-labelledby": headingId,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("h4", {
+                id: headingId,
+                className: "usher-panel__heading",
+                children: heading
+            }),
+            status === accessStatus.AccessStatus.granted && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("p", {
+                        className: "usher-panel__text",
+                        children: format.format(labels.accessPanel.grantedUntil, {
+                            time: AccessChoice.formatTime(validUntil, locale)
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
+                        variant: "outline",
+                        tone: "critical",
+                        size: "small",
+                        label: labels.accessPanel.revoke,
+                        onClick: ()=>void revoke()
+                    })
+                ]
+            }),
+            showsRequest && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("p", {
+                        className: "usher-panel__text",
+                        children: format.format(labels.accessPanel.requestReason, {
+                            reason: issue.access.request.reason
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                        className: "usher-panel__actions",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
+                                variant: "solid",
+                                tone: "accent",
+                                size: "small",
+                                label: labels.accessPanel.grant,
+                                onClick: grant
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
+                                variant: "ghost",
+                                size: "small",
+                                label: labels.accessPanel.notNow,
+                                onClick: ()=>setRequestDismissed(true)
+                            })
+                        ]
+                    })
+                ]
+            }),
+            status !== accessStatus.AccessStatus.granted && !showsRequest && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("p", {
+                        className: "usher-panel__text",
+                        children: labels.accessPanel.notGranted
+                    }),
+                    !isWithdrawn && /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
+                        variant: "outline",
+                        size: "small",
+                        label: labels.accessPanel.grant,
+                        onClick: grant
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(SupportSessions.SupportSessions, {
+                sessions: issue.access?.sessions ?? [],
+                entries: issue.entries ?? []
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(GrantDialog, {})
+        ]
+    });
+};
+
+exports.AccessPanel = AccessPanel;
+//# sourceMappingURL=AccessPanel.js.map

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

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