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

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

@@ -0,0 +1,56 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var CommandDialog = require('@cratis/components/CommandDialog');
+var CommandForm = require('@cratis/components/CommandForm');
+var Dialogs = require('@cratis/components/Dialogs');
+var showrunner_usher = require('@cratis/showrunner.usher');
+var react = require('react');
+var UsherContext = require('../../Provider/UsherContext.js');
+var AccessNotice = require('../../Reporting/AccessNotice.js');
+var durationOptions = require('../../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 = UsherContext.useUsherLabels();
+    const noticeId = react.useId();
+    const [duration, setDuration] = react.useState(showrunner_usher.AccessDuration.oneDay);
+    return /*#__PURE__*/ jsxRuntime.jsx(CommandDialog.CommandDialog, {
+        command: showrunner_usher.GrantAccess,
+        title: labels.accessPanel.grantTitle,
+        okLabel: labels.accessPanel.grantConfirm,
+        cancelLabel: labels.common.cancel,
+        closeAriaLabel: labels.common.close,
+        initialFocus: Dialogs.DialogInitialFocus.Content,
+        initialValues: {
+            issueId,
+            accessDuration: showrunner_usher.AccessDuration.oneDay
+        },
+        onFieldChange: (_command, fieldName, _oldValue, newValue)=>{
+            if (fieldName === 'accessDuration') {
+                setDuration(Number(newValue));
+            }
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+            className: "usher-report-form",
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(CommandForm.DropdownField, {
+                    value: (command)=>command.accessDuration,
+                    title: labels.access.duration,
+                    "aria-describedby": noticeId,
+                    options: durationOptions.durationOptions(labels),
+                    optionValue: "value",
+                    optionLabel: "label"
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(AccessNotice.AccessNotice, {
+                    id: noticeId,
+                    duration: duration
+                })
+            ]
+        })
+    });
+};
+
+exports.GrantAccessDialog = GrantAccessDialog;
+//# sourceMappingURL=GrantAccessDialog.js.map

package/dist/cjs/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,2BAAAA,EAAAA;AACf,IAAA,MAAMC,QAAAA,GAAWC,WAAAA,EAAAA;AACjB,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGC,cAAAA,CAASC,gCAAeC,MAAM,CAAA;AAE9D,IAAA,qBACIC,cAAA,CAACC,2BAAAA,EAAAA;QACGC,OAAAA,EAASC,4BAAAA;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,2BAAmBC,OAAO;QACxCC,aAAAA,EAAe;AAAE3B,YAAAA,OAAAA;AAAS4B,YAAAA,cAAAA,EAAgBpB,gCAAeC;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,eAAA,CAACC,KAAAA,EAAAA;YAAIC,SAAAA,EAAU,mBAAA;;8BACX3B,cAAA,CAAC4B,yBAAAA,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,+BAAAA,CAAgB1C,MAAAA,CAAAA;oBACzB2C,WAAAA,EAAY,OAAA;oBACZC,WAAAA,EAAY;;8BAChBnC,cAAA,CAACoC,yBAAAA,EAAAA;oBAAaC,EAAAA,EAAI5C,QAAAA;oBAAUE,QAAAA,EAAUA;;;;;AAItD;;"}

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

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

package/dist/cjs/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,2BAAAA,EAAAA;AACf,IAAA,MAAMC,SAAAA,GAAYC,WAAAA,EAAAA;AAClB,IAAA,MAAM,CAACC,WAAAA,EAAaC,eAAAA,CAAgB,GAAGC,iBAAAA,CAAUC,uCAAAA,CAAAA;IACjD,MAAMC,QAAAA,GAAW,CAACT,KAAAA,CAAMU,cAAc,IAAIV,KAAAA,CAAMW,KAAK,KAAKC,2BAAAA,CAAWC,SAAS;AAE9E,IAAA,qBACIC,eAAA,CAACC,SAAAA,EAAAA;QAAQC,SAAAA,EAAU,aAAA;QAAcC,iBAAAA,EAAiBd,SAAAA;;0BAC9Ce,cAAA,CAACC,IAAAA,EAAAA;gBAAGC,EAAAA,EAAIjB,SAAAA;gBAAWa,SAAAA,EAAU,sBAAA;0BAAwBf,MAAAA,CAAOoB,QAAQ,CAACC;;0BACrEJ,cAAA,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,cAAA,CAACQ,aAAAA,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,cAAA,CAACb,WAAAA,EAAAA,EAAAA;;;AAGb;;"}

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

@@ -0,0 +1,58 @@
+'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 UsherContext = require('../../Provider/UsherContext.js');
+var issueStates = require('../issueStates.js');
+var ReopenIssueDialog = require('./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 = UsherContext.useUsherLabels();
+    const [ReopenDialog, showReopenDialog] = dialogs.useDialog(ReopenIssueDialog.ReopenIssueDialog);
+    const [confirm] = dialogs.useConfirmationDialog();
+    const [withdrawIssue] = showrunner_usher.WithdrawIssue.use();
+    const canReopen = issue.state === showrunner_usher.IssueState.resolved;
+    const canWithdraw = !issueStates.isClosed(issue.state);
+    const withdraw = async ()=>{
+        const answer = await confirm(labels.actions.withdrawTitle, labels.actions.withdrawMessage, dialogs.DialogButtons.YesNo);
+        if (answer !== dialogs.DialogResult.Yes) {
+            return;
+        }
+        withdrawIssue.issueId = issue.id;
+        Notifications.toastCommandResult(await withdrawIssue.execute(), {
+            showSuccess: false
+        });
+    };
+    if (!canReopen && !canWithdraw) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "usher-issue-actions",
+        children: [
+            canReopen && /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
+                variant: "outline",
+                size: "small",
+                label: labels.actions.reopen,
+                onClick: ()=>void showReopenDialog({
+                        issueId: issue.id
+                    })
+            }),
+            canWithdraw && /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
+                variant: "ghost",
+                tone: "critical",
+                size: "small",
+                label: labels.actions.withdraw,
+                onClick: ()=>void withdraw()
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(ReopenDialog, {})
+        ]
+    });
+};
+
+exports.IssueActions = IssueActions;
+//# sourceMappingURL=IssueActions.js.map

package/dist/cjs/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,2BAAAA,EAAAA;AACf,IAAA,MAAM,CAACC,YAAAA,EAAcC,gBAAAA,CAAiB,GAAGC,iBAAAA,CAAUC,mCAAAA,CAAAA;IACnD,MAAM,CAACC,QAAQ,GAAGC,6BAAAA,EAAAA;AAClB,IAAA,MAAM,CAACC,aAAAA,CAAc,GAAGC,8BAAAA,CAAcC,GAAG,EAAA;AACzC,IAAA,MAAMC,SAAAA,GAAYZ,KAAAA,CAAMa,KAAK,KAAKC,4BAAWC,QAAQ;AACrD,IAAA,MAAMC,WAAAA,GAAc,CAACC,oBAAAA,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,sBAAcC,KAAK,CAAA;QAC9G,IAAIL,MAAAA,KAAWM,oBAAAA,CAAaC,GAAG,EAAE;AAC7B,YAAA;AACJ,QAAA;QAEAjB,aAAAA,CAAckB,OAAO,GAAG3B,KAAAA,CAAM4B,EAAE;QAChCC,gCAAAA,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,eAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,qBAAA;;AACVtB,YAAAA,SAAAA,kBAAauB,cAAA,CAACC,aAAAA,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,cAAA,CAACC,aAAAA,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,cAAA,CAAChC,YAAAA,EAAAA,EAAAA;;;AAGb;;"}

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

package/dist/cjs/Issues/IssueView/IssueConversationPanel.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Chat = require('@cratis/components/Chat');
+var Display = require('@cratis/components/Display');
+var Notifications = require('@cratis/components/Notifications');
+var showrunner_usher = require('@cratis/showrunner.usher');
+var react = require('react');
+var UsherContext = require('../../Provider/UsherContext.js');
+var conversationMessages = require('../conversationMessages.js');
+
+/**
+ * The conversation on an issue. A message the reporter sends answers support's open question, or adds details when
+ * there is none. Once the reporter withdrew the issue, the composer is disabled: nothing more can be added to it.
+ */ const IssueConversationPanel = ({ issue })=>{
+    const labels = UsherContext.useUsherLabels();
+    const [addDetails] = showrunner_usher.AddDetails.use();
+    const [answerQuestion] = showrunner_usher.AnswerQuestion.use();
+    const messages = react.useMemo(()=>conversationMessages.conversationMessages(issue.id, issue.entries ?? [], labels), [
+        issue.id,
+        issue.entries,
+        labels
+    ]);
+    const openQuestionId = issue.openQuestion?.questionId;
+    const isWithdrawn = issue.state === showrunner_usher.IssueState.withdrawn;
+    const send = async (body)=>{
+        if (isWithdrawn) {
+            return;
+        }
+        if (conversationMessages.isOpenQuestion(openQuestionId)) {
+            answerQuestion.issueId = issue.id;
+            answerQuestion.questionId = openQuestionId;
+            answerQuestion.answer = body;
+            Notifications.toastCommandResult(await answerQuestion.execute(), {
+                showSuccess: false
+            });
+            return;
+        }
+        addDetails.issueId = issue.id;
+        addDetails.details = body;
+        Notifications.toastCommandResult(await addDetails.execute(), {
+            showSuccess: false
+        });
+    };
+    const renderMessageExtra = (message)=>{
+        if (message.kind !== showrunner_usher.ConversationEntryKind.questionAsked) {
+            return undefined;
+        }
+        const isOpen = conversationMessages.isOpenQuestion(openQuestionId) && openQuestionId.equals(message.questionId);
+        return /*#__PURE__*/ jsxRuntime.jsx("span", {
+            className: "usher-conversation__question-state",
+            children: /*#__PURE__*/ jsxRuntime.jsx(Display.Tag, {
+                value: isOpen ? labels.issue.waitingForAnswer : labels.issue.answered,
+                severity: isOpen ? 'warn' : 'success'
+            })
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs("section", {
+        className: "usher-conversation",
+        "data-closed": isWithdrawn || undefined,
+        "aria-label": issue.title,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("fieldset", {
+                className: "usher-conversation__fieldset",
+                disabled: isWithdrawn,
+                children: /*#__PURE__*/ jsxRuntime.jsx(Chat.ChatConversation, {
+                    messages: messages,
+                    onSendMessage: (body)=>void send(body),
+                    authorOf: (authorId)=>conversationMessages.authorOf(authorId, labels),
+                    renderMessageExtra: renderMessageExtra,
+                    quickReply: false,
+                    labels: {
+                        empty: labels.conversation.empty,
+                        timestamps: {
+                            justNow: labels.conversation.justNow,
+                            minutesAgo: labels.conversation.minutesAgo,
+                            hoursAgo: labels.conversation.hoursAgo
+                        },
+                        composer: {
+                            placeholder: isWithdrawn ? labels.issue.withdrawnPlaceholder : labels.issue.composerPlaceholder,
+                            send: labels.conversation.send,
+                            sendMessage: labels.conversation.send
+                        }
+                    }
+                })
+            }),
+            isWithdrawn && /*#__PURE__*/ jsxRuntime.jsx(Display.Message, {
+                severity: "secondary",
+                text: labels.issue.withdrawnNotice,
+                live: false
+            })
+        ]
+    });
+};
+
+exports.IssueConversationPanel = IssueConversationPanel;
+//# sourceMappingURL=IssueConversationPanel.js.map

package/dist/cjs/Issues/IssueView/IssueConversationPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueConversationPanel.js","sources":["../../../../Issues/IssueView/IssueConversationPanel.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 { ChatConversation } from '@cratis/components/Chat';\nimport { Message, Tag } from '@cratis/components/Display';\nimport { toastCommandResult } from '@cratis/components/Notifications';\nimport { AddDetails, AnswerQuestion, ConversationEntryKind, IssueConversation, IssueState } from '@cratis/showrunner.usher';\nimport { useMemo } from 'react';\nimport { useUsherLabels } from '../../Provider/UsherContext.js';\nimport { authorOf, ConversationMessage, conversationMessages, isOpenQuestion } from '../conversationMessages.js';\n\n/**\n * Props for {@link IssueConversationPanel}.\n */\nexport interface IssueConversationPanelProps {\n    /** The issue. */\n    issue: IssueConversation;\n}\n\n/**\n * The conversation on an issue. A message the reporter sends answers support's open question, or adds details when\n * there is none. Once the reporter withdrew the issue, the composer is disabled: nothing more can be added to it.\n */\nexport const IssueConversationPanel = ({ issue }: IssueConversationPanelProps) => {\n    const labels = useUsherLabels();\n    const [addDetails] = AddDetails.use();\n    const [answerQuestion] = AnswerQuestion.use();\n    const messages = useMemo(() => conversationMessages(issue.id, issue.entries ?? [], labels), [issue.id, issue.entries, labels]);\n    const openQuestionId = issue.openQuestion?.questionId;\n    const isWithdrawn = issue.state === IssueState.withdrawn;\n\n    const send = async (body: string) => {\n        if (isWithdrawn) {\n            return;\n        }\n\n        if (isOpenQuestion(openQuestionId)) {\n            answerQuestion.issueId = issue.id;\n            answerQuestion.questionId = openQuestionId;\n            answerQuestion.answer = body;\n            toastCommandResult(await answerQuestion.execute(), { showSuccess: false });\n            return;\n        }\n\n        addDetails.issueId = issue.id;\n        addDetails.details = body;\n        toastCommandResult(await addDetails.execute(), { showSuccess: false });\n    };\n\n    const renderMessageExtra = (message: ConversationMessage) => {\n        if (message.kind !== ConversationEntryKind.questionAsked) {\n            return undefined;\n        }\n\n        const isOpen = isOpenQuestion(openQuestionId) && openQuestionId.equals(message.questionId);\n        return (\n            <span className='usher-conversation__question-state'>\n                <Tag value={isOpen ? labels.issue.waitingForAnswer : labels.issue.answered} severity={isOpen ? 'warn' : 'success'} />\n            </span>\n        );\n    };\n\n    return (\n        <section className='usher-conversation' data-closed={isWithdrawn || undefined} aria-label={issue.title}>\n            <fieldset className='usher-conversation__fieldset' disabled={isWithdrawn}>\n                <ChatConversation<ConversationMessage>\n                    messages={messages}\n                    onSendMessage={body => void send(body)}\n                    authorOf={authorId => authorOf(authorId, labels)}\n                    renderMessageExtra={renderMessageExtra}\n                    quickReply={false}\n                    labels={{\n                        empty: labels.conversation.empty,\n                        timestamps: {\n                            justNow: labels.conversation.justNow,\n                            minutesAgo: labels.conversation.minutesAgo,\n                            hoursAgo: labels.conversation.hoursAgo\n                        },\n                        composer: {\n                            placeholder: isWithdrawn ? labels.issue.withdrawnPlaceholder : labels.issue.composerPlaceholder,\n                            send: labels.conversation.send,\n                            sendMessage: labels.conversation.send\n                        }\n                    }} />\n            </fieldset>\n            {isWithdrawn && <Message severity='secondary' text={labels.issue.withdrawnNotice} live={false} />}\n        </section>\n    );\n};\n"],"names":["IssueConversationPanel","issue","labels","useUsherLabels","addDetails","AddDetails","use","answerQuestion","AnswerQuestion","messages","useMemo","conversationMessages","id","entries","openQuestionId","openQuestion","questionId","isWithdrawn","state","IssueState","withdrawn","send","body","isOpenQuestion","issueId","answer","toastCommandResult","execute","showSuccess","details","renderMessageExtra","message","kind","ConversationEntryKind","questionAsked","undefined","isOpen","equals","_jsx","span","className","Tag","value","waitingForAnswer","answered","severity","_jsxs","section","data-closed","aria-label","title","fieldset","disabled","ChatConversation","onSendMessage","authorOf","authorId","quickReply","empty","conversation","timestamps","justNow","minutesAgo","hoursAgo","composer","placeholder","withdrawnPlaceholder","composerPlaceholder","sendMessage","Message","text","withdrawnNotice","live"],"mappings":";;;;;;;;;;;AAmBA;;;AAGC,IACM,MAAMA,sBAAAA,GAAyB,CAAC,EAAEC,KAAK,EAA+B,GAAA;AACzE,IAAA,MAAMC,MAAAA,GAASC,2BAAAA,EAAAA;AACf,IAAA,MAAM,CAACC,UAAAA,CAAW,GAAGC,2BAAAA,CAAWC,GAAG,EAAA;AACnC,IAAA,MAAM,CAACC,cAAAA,CAAe,GAAGC,+BAAAA,CAAeF,GAAG,EAAA;AAC3C,IAAA,MAAMG,QAAAA,GAAWC,aAAAA,CAAQ,IAAMC,yCAAAA,CAAqBV,KAAAA,CAAMW,EAAE,EAAEX,KAAAA,CAAMY,OAAO,IAAI,EAAE,EAAEX,MAAAA,CAAAA,EAAS;AAACD,QAAAA,KAAAA,CAAMW,EAAE;AAAEX,QAAAA,KAAAA,CAAMY,OAAO;AAAEX,QAAAA;AAAO,KAAA,CAAA;IAC7H,MAAMY,cAAAA,GAAiBb,KAAAA,CAAMc,YAAY,EAAEC,UAAAA;AAC3C,IAAA,MAAMC,WAAAA,GAAchB,KAAAA,CAAMiB,KAAK,KAAKC,4BAAWC,SAAS;AAExD,IAAA,MAAMC,OAAO,OAAOC,IAAAA,GAAAA;AAChB,QAAA,IAAIL,WAAAA,EAAa;AACb,YAAA;AACJ,QAAA;AAEA,QAAA,IAAIM,oCAAeT,cAAAA,CAAAA,EAAiB;YAChCP,cAAAA,CAAeiB,OAAO,GAAGvB,KAAAA,CAAMW,EAAE;AACjCL,YAAAA,cAAAA,CAAeS,UAAU,GAAGF,cAAAA;AAC5BP,YAAAA,cAAAA,CAAekB,MAAM,GAAGH,IAAAA;YACxBI,gCAAAA,CAAmB,MAAMnB,cAAAA,CAAeoB,OAAO,EAAA,EAAI;gBAAEC,WAAAA,EAAa;AAAM,aAAA,CAAA;AACxE,YAAA;AACJ,QAAA;QAEAxB,UAAAA,CAAWoB,OAAO,GAAGvB,KAAAA,CAAMW,EAAE;AAC7BR,QAAAA,UAAAA,CAAWyB,OAAO,GAAGP,IAAAA;QACrBI,gCAAAA,CAAmB,MAAMtB,UAAAA,CAAWuB,OAAO,EAAA,EAAI;YAAEC,WAAAA,EAAa;AAAM,SAAA,CAAA;AACxE,IAAA,CAAA;AAEA,IAAA,MAAME,qBAAqB,CAACC,OAAAA,GAAAA;AACxB,QAAA,IAAIA,OAAAA,CAAQC,IAAI,KAAKC,sCAAAA,CAAsBC,aAAa,EAAE;YACtD,OAAOC,SAAAA;AACX,QAAA;AAEA,QAAA,MAAMC,SAASb,mCAAAA,CAAeT,cAAAA,CAAAA,IAAmBA,eAAeuB,MAAM,CAACN,QAAQf,UAAU,CAAA;AACzF,QAAA,qBACIsB,cAAA,CAACC,MAAAA,EAAAA;YAAKC,SAAAA,EAAU,oCAAA;AACZ,YAAA,QAAA,gBAAAF,cAAA,CAACG,WAAAA,EAAAA;gBAAIC,KAAAA,EAAON,MAAAA,GAASlC,OAAOD,KAAK,CAAC0C,gBAAgB,GAAGzC,MAAAA,CAAOD,KAAK,CAAC2C,QAAQ;AAAEC,gBAAAA,QAAAA,EAAUT,SAAS,MAAA,GAAS;;;AAGpH,IAAA,CAAA;AAEA,IAAA,qBACIU,eAAA,CAACC,SAAAA,EAAAA;QAAQP,SAAAA,EAAU,oBAAA;AAAqBQ,QAAAA,aAAAA,EAAa/B,WAAAA,IAAekB,SAAAA;AAAWc,QAAAA,YAAAA,EAAYhD,MAAMiD,KAAK;;0BAClGZ,cAAA,CAACa,UAAAA,EAAAA;gBAASX,SAAAA,EAAU,8BAAA;gBAA+BY,QAAAA,EAAUnC,WAAAA;AACzD,gBAAA,QAAA,gBAAAqB,cAAA,CAACe,qBAAAA,EAAAA;oBACG5C,QAAAA,EAAUA,QAAAA;oBACV6C,aAAAA,EAAehC,CAAAA,IAAAA,GAAQ,KAAKD,IAAAA,CAAKC,IAAAA,CAAAA;oBACjCiC,QAAAA,EAAUC,CAAAA,QAAAA,GAAYD,6BAAAA,CAASC,QAAAA,EAAUtD,MAAAA,CAAAA;oBACzC4B,kBAAAA,EAAoBA,kBAAAA;oBACpB2B,UAAAA,EAAY,KAAA;oBACZvD,MAAAA,EAAQ;wBACJwD,KAAAA,EAAOxD,MAAAA,CAAOyD,YAAY,CAACD,KAAK;wBAChCE,UAAAA,EAAY;4BACRC,OAAAA,EAAS3D,MAAAA,CAAOyD,YAAY,CAACE,OAAO;4BACpCC,UAAAA,EAAY5D,MAAAA,CAAOyD,YAAY,CAACG,UAAU;4BAC1CC,QAAAA,EAAU7D,MAAAA,CAAOyD,YAAY,CAACI;AAClC,yBAAA;wBACAC,QAAAA,EAAU;4BACNC,WAAAA,EAAahD,WAAAA,GAAcf,OAAOD,KAAK,CAACiE,oBAAoB,GAAGhE,MAAAA,CAAOD,KAAK,CAACkE,mBAAmB;4BAC/F9C,IAAAA,EAAMnB,MAAAA,CAAOyD,YAAY,CAACtC,IAAI;4BAC9B+C,WAAAA,EAAalE,MAAAA,CAAOyD,YAAY,CAACtC;AACrC;AACJ;;;AAEPJ,YAAAA,WAAAA,kBAAeqB,cAAA,CAAC+B,eAAAA,EAAAA;gBAAQxB,QAAAA,EAAS,WAAA;gBAAYyB,IAAAA,EAAMpE,MAAAA,CAAOD,KAAK,CAACsE,eAAe;gBAAEC,IAAAA,EAAM;;;;AAGpG;;"}

package/dist/cjs/Issues/IssueView/IssueHeader.d.ts

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

package/dist/cjs/Issues/IssueView/IssueHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueHeader.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/IssueHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAa7D,MAAM,WAAW,gBAAgB;IAE7B,KAAK,EAAE,iBAAiB,CAAC;IAGzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAKD,eAAO,MAAM,WAAW,GAAI,mBAAmB,gBAAgB,gCAuC9D,CAAC"}

package/dist/cjs/Issues/IssueView/IssueHeader.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Common = require('@cratis/components/Common');
+var Display = require('@cratis/components/Display');
+var format = require('../../Labels/format.js');
+var UsherContext = require('../../Provider/UsherContext.js');
+var AccessChoice = require('../../Reporting/AccessChoice.js');
+var formatLocation = require('../../Reporting/formatLocation.js');
+var Icons = require('../../Icons.js');
+var issueStates = require('../issueStates.js');
+var MyIssuesList = require('../MyIssuesList.js');
+var webAddress = require('../webAddress.js');
+
+/**
+ * The header of an issue: its title and state, when and where it was reported, and what it is linked to.
+ */ const IssueHeader = ({ issue, onBack })=>{
+    const { labels, locale } = UsherContext.useUsherContext();
+    const badge = issueStates.stateBadgeFor(issue.state, labels);
+    const reportedAt = issue.reportedAt instanceof Date ? issue.reportedAt : new Date(issue.reportedAt);
+    const location = formatLocation.formatLocation(issue.location, labels.common.locationSeparator, labels.common.unknownLocation);
+    const workItem = issue.workItem;
+    const hasWorkItem = (workItem?.reference ?? '').length > 0;
+    return /*#__PURE__*/ jsxRuntime.jsxs("header", {
+        className: "usher-issue-header",
+        children: [
+            onBack && /*#__PURE__*/ jsxRuntime.jsx(Common.Button, {
+                variant: "ghost",
+                size: "small",
+                icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.BackIcon, {}),
+                onClick: onBack,
+                label: labels.issue.back
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "usher-issue-header__title-row",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("h3", {
+                        className: "usher-issue-header__title",
+                        children: issue.title
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Display.Tag, {
+                        value: badge.label,
+                        severity: badge.severity
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs("p", {
+                className: "usher-issue-header__meta",
+                children: [
+                    format.format(labels.issue.reported, {
+                        date: AccessChoice.formatTime(reportedAt, locale)
+                    }),
+                    " · ",
+                    location
+                ]
+            }),
+            (issue.knownIssueTitle?.length > 0 || hasWorkItem) && /*#__PURE__*/ jsxRuntime.jsxs("p", {
+                className: "usher-issue-header__links",
+                children: [
+                    issue.knownIssueTitle?.length > 0 && /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                        children: [
+                            labels.issue.knownIssue,
+                            " ",
+                            /*#__PURE__*/ jsxRuntime.jsx("strong", {
+                                children: issue.knownIssueTitle
+                            })
+                        ]
+                    }),
+                    hasWorkItem && /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                        children: [
+                            labels.issue.trackedIn,
+                            ' ',
+                            webAddress.isWebAddress(workItem.url) ? /*#__PURE__*/ jsxRuntime.jsx("a", {
+                                href: workItem.url,
+                                target: "_blank",
+                                rel: "noreferrer",
+                                children: workItem.reference
+                            }) : /*#__PURE__*/ jsxRuntime.jsx("strong", {
+                                children: workItem.reference
+                            }),
+                            ' · ',
+                            MyIssuesList.isFixReleased(issue) ? format.format(labels.issue.fixedIn, {
+                                version: issue.fixedInVersion
+                            }) : labels.issue.notReleased
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.IssueHeader = IssueHeader;
+//# sourceMappingURL=IssueHeader.js.map

package/dist/cjs/Issues/IssueView/IssueHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueHeader.js","sources":["../../../../Issues/IssueView/IssueHeader.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 } from '@cratis/components/Common';\nimport { Tag } from '@cratis/components/Display';\nimport { IssueConversation } from '@cratis/showrunner.usher';\nimport { format } from '../../Labels/index.js';\nimport { useUsherContext } from '../../Provider/UsherContext.js';\nimport { formatTime } from '../../Reporting/AccessChoice.js';\nimport { formatLocation } from '../../Reporting/formatLocation.js';\nimport { BackIcon } from '../../Icons.js';\nimport { stateBadgeFor } from '../issueStates.js';\nimport { isFixReleased } from '../MyIssuesList.js';\nimport { isWebAddress } from '../webAddress.js';\n\n/**\n * Props for {@link IssueHeader}.\n */\nexport interface IssueHeaderProps {\n    /** The issue. */\n    issue: IssueConversation;\n\n    /** Goes back to the list of issues; no back button when not given. */\n    onBack?: () => void;\n}\n\n/**\n * The header of an issue: its title and state, when and where it was reported, and what it is linked to.\n */\nexport const IssueHeader = ({ issue, onBack }: IssueHeaderProps) => {\n    const { labels, locale } = useUsherContext();\n    const badge = stateBadgeFor(issue.state, labels);\n    const reportedAt = issue.reportedAt instanceof Date ? issue.reportedAt : new Date(issue.reportedAt);\n    const location = formatLocation(issue.location, labels.common.locationSeparator, labels.common.unknownLocation);\n    const workItem = issue.workItem;\n    const hasWorkItem = (workItem?.reference ?? '').length > 0;\n\n    return (\n        <header className='usher-issue-header'>\n            {onBack && (\n                <Button variant='ghost' size='small' icon={<BackIcon />} onClick={onBack} label={labels.issue.back} />\n            )}\n            <div className='usher-issue-header__title-row'>\n                <h3 className='usher-issue-header__title'>{issue.title}</h3>\n                <Tag value={badge.label} severity={badge.severity} />\n            </div>\n            <p className='usher-issue-header__meta'>\n                {format(labels.issue.reported, { date: formatTime(reportedAt, locale) })} · {location}\n            </p>\n            {(issue.knownIssueTitle?.length > 0 || hasWorkItem) && (\n                <p className='usher-issue-header__links'>\n                    {issue.knownIssueTitle?.length > 0 && (\n                        <span>{labels.issue.knownIssue} <strong>{issue.knownIssueTitle}</strong></span>\n                    )}\n                    {hasWorkItem && (\n                        <span>\n                            {labels.issue.trackedIn}{' '}\n                            {isWebAddress(workItem.url)\n                                ? <a href={workItem.url} target='_blank' rel='noreferrer'>{workItem.reference}</a>\n                                : <strong>{workItem.reference}</strong>}\n                            {' · '}\n                            {isFixReleased(issue) ? format(labels.issue.fixedIn, { version: issue.fixedInVersion }) : labels.issue.notReleased}\n                        </span>\n                    )}\n                </p>\n            )}\n        </header>\n    );\n};\n"],"names":["IssueHeader","issue","onBack","labels","locale","useUsherContext","badge","stateBadgeFor","state","reportedAt","Date","location","formatLocation","common","locationSeparator","unknownLocation","workItem","hasWorkItem","reference","length","_jsxs","header","className","_jsx","Button","variant","size","icon","BackIcon","onClick","label","back","div","h3","title","Tag","value","severity","p","format","reported","date","formatTime","knownIssueTitle","span","knownIssue","strong","trackedIn","isWebAddress","url","a","href","target","rel","isFixReleased","fixedIn","version","fixedInVersion","notReleased"],"mappings":"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"}

package/dist/cjs/Issues/IssueView/IssueView.d.ts

@@ -0,0 +1,7 @@
+import { Guid } from '@cratis/fundamentals';
+export interface IssueViewProps {
+    issueId: Guid;
+    onBack?: () => void;
+}
+export declare const IssueView: (props: IssueViewProps) => import("react").JSX.Element;
+//# sourceMappingURL=IssueView.d.ts.map

package/dist/cjs/Issues/IssueView/IssueView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueView.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/IssueView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAgB5C,MAAM,WAAW,cAAc;IAE3B,OAAO,EAAE,IAAI,CAAC;IAGd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAOD,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,gCAI9C,CAAC"}

package/dist/cjs/Issues/IssueView/IssueView.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Display = require('@cratis/components/Display');
+var showrunner_usher = require('@cratis/showrunner.usher');
+var UsherBoundary = require('../../Provider/UsherBoundary.js');
+var UsherContext = require('../../Provider/UsherContext.js');
+var conversationMessages = require('../conversationMessages.js');
+var AccessPanel = require('./AccessPanel.js');
+var IdentityPanel = require('./IdentityPanel.js');
+var IssueActions = require('./IssueActions.js');
+var IssueConversationPanel = require('./IssueConversationPanel.js');
+var IssueHeader = require('./IssueHeader.js');
+var QuestionBanner = require('./QuestionBanner.js');
+var StatusStrip = require('./StatusStrip.js');
+
+/**
+ * One of the signed-in reporter's issues: its state, the conversation with support, who support knows the reporter
+ * is, support's access, and what the reporter can do with it. It stays current as support works on the issue.
+ * Usable on its own, such as on a page of the solution, or inside the my issues side sheet.
+ */ const IssueView = (props)=>/*#__PURE__*/ jsxRuntime.jsx(UsherBoundary.UsherBoundary, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(IssueViewContent, {
+            ...props
+        })
+    });
+const IssueViewContent = ({ issueId, onBack })=>{
+    const labels = UsherContext.useUsherLabels();
+    const [result] = showrunner_usher.ForIssue.use({
+        issueId
+    });
+    // The query answers with the issue or with nothing: an issue the reporter did not report, or one support's session
+    // is not for, is never sent.
+    const issue = result.data?.[0];
+    const isLoaded = result.hasData && issue?.id !== undefined;
+    if (!isLoaded) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "usher-issue-view",
+            children: /*#__PURE__*/ jsxRuntime.jsx(Display.Message, {
+                severity: result.isPerforming ? 'info' : 'secondary',
+                text: result.isPerforming ? labels.issue.loading : labels.issue.notFound
+            })
+        });
+    }
+    const openQuestion = issue.openQuestion;
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "usher-issue-view",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(IssueHeader.IssueHeader, {
+                issue: issue,
+                onBack: onBack
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(StatusStrip.StatusStrip, {
+                state: issue.state
+            }),
+            conversationMessages.isOpenQuestion(openQuestion?.questionId) && /*#__PURE__*/ jsxRuntime.jsx(QuestionBanner.QuestionBanner, {
+                question: openQuestion.question
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "usher-issue-view__body",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(IssueConversationPanel.IssueConversationPanel, {
+                        issue: issue
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs("aside", {
+                        className: "usher-issue-view__side",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(IdentityPanel.IdentityPanel, {
+                                issue: issue
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(AccessPanel.AccessPanel, {
+                                issue: issue
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(IssueActions.IssueActions, {
+                                issue: issue
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.IssueView = IssueView;
+//# sourceMappingURL=IssueView.js.map

package/dist/cjs/Issues/IssueView/IssueView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueView.js","sources":["../../../../Issues/IssueView/IssueView.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Message } from '@cratis/components/Display';\nimport { Guid } from '@cratis/fundamentals';\nimport { ForIssue } from '@cratis/showrunner.usher';\nimport { UsherBoundary } from '../../Provider/UsherBoundary.js';\nimport { useUsherLabels } from '../../Provider/UsherContext.js';\nimport { isOpenQuestion } from '../conversationMessages.js';\nimport { AccessPanel } from './AccessPanel.js';\nimport { IdentityPanel } from './IdentityPanel.js';\nimport { IssueActions } from './IssueActions.js';\nimport { IssueConversationPanel } from './IssueConversationPanel.js';\nimport { IssueHeader } from './IssueHeader.js';\nimport { QuestionBanner } from './QuestionBanner.js';\nimport { StatusStrip } from './StatusStrip.js';\n\n/**\n * Props for {@link IssueView}.\n */\nexport interface IssueViewProps {\n    /** The issue to show. */\n    issueId: Guid;\n\n    /** Goes back to the list of issues; no back button when not given. */\n    onBack?: () => void;\n}\n\n/**\n * One of the signed-in reporter's issues: its state, the conversation with support, who support knows the reporter\n * is, support's access, and what the reporter can do with it. It stays current as support works on the issue.\n * Usable on its own, such as on a page of the solution, or inside the my issues side sheet.\n */\nexport const IssueView = (props: IssueViewProps) => (\n    <UsherBoundary>\n        <IssueViewContent {...props} />\n    </UsherBoundary>\n);\n\nconst IssueViewContent = ({ issueId, onBack }: IssueViewProps) => {\n    const labels = useUsherLabels();\n    const [result] = ForIssue.use({ issueId });\n\n    // The query answers with the issue or with nothing: an issue the reporter did not report, or one support's session\n    // is not for, is never sent.\n    const issue = result.data?.[0];\n    const isLoaded = result.hasData && issue?.id !== undefined;\n\n    if (!isLoaded) {\n        return (\n            <div className='usher-issue-view'>\n                <Message severity={result.isPerforming ? 'info' : 'secondary'} text={result.isPerforming ? labels.issue.loading : labels.issue.notFound} />\n            </div>\n        );\n    }\n\n    const openQuestion = issue.openQuestion;\n\n    return (\n        <div className='usher-issue-view'>\n            <IssueHeader issue={issue} onBack={onBack} />\n            <StatusStrip state={issue.state} />\n            {isOpenQuestion(openQuestion?.questionId) && <QuestionBanner question={openQuestion.question} />}\n            <div className='usher-issue-view__body'>\n                <IssueConversationPanel issue={issue} />\n                <aside className='usher-issue-view__side'>\n                    <IdentityPanel issue={issue} />\n                    <AccessPanel issue={issue} />\n                    <IssueActions issue={issue} />\n                </aside>\n            </div>\n        </div>\n    );\n};\n"],"names":["IssueView","props","_jsx","UsherBoundary","IssueViewContent","issueId","onBack","labels","useUsherLabels","result","ForIssue","use","issue","data","isLoaded","hasData","id","undefined","div","className","Message","severity","isPerforming","text","loading","notFound","openQuestion","_jsxs","IssueHeader","StatusStrip","state","isOpenQuestion","questionId","QuestionBanner","question","IssueConversationPanel","aside","IdentityPanel","AccessPanel","IssueActions"],"mappings":";;;;;;;;;;;;;;;;AA4BA;;;;AAIC,IACM,MAAMA,SAAAA,GAAY,CAACC,sBACtBC,cAAA,CAACC,2BAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAD,cAAA,CAACE,gBAAAA,EAAAA;AAAkB,YAAA,GAAGH;;AAE5B,KAAA;AAEF,MAAMG,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,MAAM,EAAkB,GAAA;AACzD,IAAA,MAAMC,MAAAA,GAASC,2BAAAA,EAAAA;AACf,IAAA,MAAM,CAACC,MAAAA,CAAO,GAAGC,yBAAAA,CAASC,GAAG,CAAC;AAAEN,QAAAA;AAAQ,KAAA,CAAA;;;AAIxC,IAAA,MAAMO,KAAAA,GAAQH,MAAAA,CAAOI,IAAI,GAAG,CAAA,CAAE;AAC9B,IAAA,MAAMC,QAAAA,GAAWL,MAAAA,CAAOM,OAAO,IAAIH,OAAOI,EAAAA,KAAOC,SAAAA;AAEjD,IAAA,IAAI,CAACH,QAAAA,EAAU;AACX,QAAA,qBACIZ,cAAA,CAACgB,KAAAA,EAAAA;YAAIC,SAAAA,EAAU,kBAAA;AACX,YAAA,QAAA,gBAAAjB,cAAA,CAACkB,eAAAA,EAAAA;gBAAQC,QAAAA,EAAUZ,MAAAA,CAAOa,YAAY,GAAG,MAAA,GAAS,WAAA;gBAAaC,IAAAA,EAAMd,MAAAA,CAAOa,YAAY,GAAGf,MAAAA,CAAOK,KAAK,CAACY,OAAO,GAAGjB,MAAAA,CAAOK,KAAK,CAACa;;;AAG3I,IAAA;IAEA,MAAMC,YAAAA,GAAed,MAAMc,YAAY;AAEvC,IAAA,qBACIC,eAAA,CAACT,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,kBAAA;;0BACXjB,cAAA,CAAC0B,uBAAAA,EAAAA;gBAAYhB,KAAAA,EAAOA,KAAAA;gBAAON,MAAAA,EAAQA;;0BACnCJ,cAAA,CAAC2B,uBAAAA,EAAAA;AAAYC,gBAAAA,KAAAA,EAAOlB,MAAMkB;;YACzBC,mCAAAA,CAAeL,YAAAA,EAAcM,6BAAe9B,cAAA,CAAC+B,6BAAAA,EAAAA;AAAeC,gBAAAA,QAAAA,EAAUR,aAAaQ;;0BACpFP,eAAA,CAACT,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,wBAAA;;kCACXjB,cAAA,CAACiC,6CAAAA,EAAAA;wBAAuBvB,KAAAA,EAAOA;;kCAC/Be,eAAA,CAACS,OAAAA,EAAAA;wBAAMjB,SAAAA,EAAU,wBAAA;;0CACbjB,cAAA,CAACmC,2BAAAA,EAAAA;gCAAczB,KAAAA,EAAOA;;0CACtBV,cAAA,CAACoC,uBAAAA,EAAAA;gCAAY1B,KAAAA,EAAOA;;0CACpBV,cAAA,CAACqC,yBAAAA,EAAAA;gCAAa3B,KAAAA,EAAOA;;;;;;;;AAKzC,CAAA;;"}

package/dist/cjs/Issues/IssueView/QuestionBanner.d.ts

@@ -0,0 +1,5 @@
+export interface QuestionBannerProps {
+    question: string;
+}
+export declare const QuestionBanner: ({ question }: QuestionBannerProps) => import("react").JSX.Element;
+//# sourceMappingURL=QuestionBanner.d.ts.map

package/dist/cjs/Issues/IssueView/QuestionBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionBanner.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/QuestionBanner.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,mBAAmB;IAEhC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAKD,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,gCAQ/D,CAAC"}

package/dist/cjs/Issues/IssueView/QuestionBanner.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Display = require('@cratis/components/Display');
+var format = require('../../Labels/format.js');
+var UsherContext = require('../../Provider/UsherContext.js');
+
+/**
+ * Tells the reporter that support waits for an answer, and that their next message answers it.
+ */ const QuestionBanner = ({ question })=>{
+    const labels = UsherContext.useUsherLabels();
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        className: "usher-question-banner",
+        children: /*#__PURE__*/ jsxRuntime.jsx(Display.Message, {
+            severity: "warn",
+            text: format.format(labels.issue.questionBanner, {
+                question
+            })
+        })
+    });
+};
+
+exports.QuestionBanner = QuestionBanner;
+//# sourceMappingURL=QuestionBanner.js.map