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

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

@@ -0,0 +1,95 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChatConversation } from '@cratis/components/Chat';
+import { Message, Tag } from '@cratis/components/Display';
+import { toastCommandResult } from '@cratis/components/Notifications';
+import { AddDetails, AnswerQuestion, IssueState, ConversationEntryKind } from '@cratis/showrunner.usher';
+import { useMemo } from 'react';
+import { useUsherLabels } from '../../Provider/UsherContext.js';
+import { conversationMessages, authorOf, isOpenQuestion } from '../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 = useUsherLabels();
+    const [addDetails] = AddDetails.use();
+    const [answerQuestion] = AnswerQuestion.use();
+    const messages = useMemo(()=>conversationMessages(issue.id, issue.entries ?? [], labels), [
+        issue.id,
+        issue.entries,
+        labels
+    ]);
+    const openQuestionId = issue.openQuestion?.questionId;
+    const isWithdrawn = issue.state === IssueState.withdrawn;
+    const send = async (body)=>{
+        if (isWithdrawn) {
+            return;
+        }
+        if (isOpenQuestion(openQuestionId)) {
+            answerQuestion.issueId = issue.id;
+            answerQuestion.questionId = openQuestionId;
+            answerQuestion.answer = body;
+            toastCommandResult(await answerQuestion.execute(), {
+                showSuccess: false
+            });
+            return;
+        }
+        addDetails.issueId = issue.id;
+        addDetails.details = body;
+        toastCommandResult(await addDetails.execute(), {
+            showSuccess: false
+        });
+    };
+    const renderMessageExtra = (message)=>{
+        if (message.kind !== ConversationEntryKind.questionAsked) {
+            return undefined;
+        }
+        const isOpen = isOpenQuestion(openQuestionId) && openQuestionId.equals(message.questionId);
+        return /*#__PURE__*/ jsx("span", {
+            className: "usher-conversation__question-state",
+            children: /*#__PURE__*/ jsx(Tag, {
+                value: isOpen ? labels.issue.waitingForAnswer : labels.issue.answered,
+                severity: isOpen ? 'warn' : 'success'
+            })
+        });
+    };
+    return /*#__PURE__*/ jsxs("section", {
+        className: "usher-conversation",
+        "data-closed": isWithdrawn || undefined,
+        "aria-label": issue.title,
+        children: [
+            /*#__PURE__*/ jsx("fieldset", {
+                className: "usher-conversation__fieldset",
+                disabled: isWithdrawn,
+                children: /*#__PURE__*/ jsx(ChatConversation, {
+                    messages: messages,
+                    onSendMessage: (body)=>void send(body),
+                    authorOf: (authorId)=>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__*/ jsx(Message, {
+                severity: "secondary",
+                text: labels.issue.withdrawnNotice,
+                live: false
+            })
+        ]
+    });
+};
+
+export { IssueConversationPanel };
+//# sourceMappingURL=IssueConversationPanel.js.map

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

package/dist/esm/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/esm/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/esm/Issues/IssueView/IssueHeader.js

@@ -0,0 +1,92 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '@cratis/components/Common';
+import { Tag } from '@cratis/components/Display';
+import { format } from '../../Labels/format.js';
+import { useUsherContext } from '../../Provider/UsherContext.js';
+import { formatTime } from '../../Reporting/AccessChoice.js';
+import { formatLocation } from '../../Reporting/formatLocation.js';
+import { BackIcon } from '../../Icons.js';
+import { stateBadgeFor } from '../issueStates.js';
+import { isFixReleased } from '../MyIssuesList.js';
+import { isWebAddress } from '../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 } = useUsherContext();
+    const badge = stateBadgeFor(issue.state, labels);
+    const reportedAt = issue.reportedAt instanceof Date ? issue.reportedAt : new Date(issue.reportedAt);
+    const location = formatLocation(issue.location, labels.common.locationSeparator, labels.common.unknownLocation);
+    const workItem = issue.workItem;
+    const hasWorkItem = (workItem?.reference ?? '').length > 0;
+    return /*#__PURE__*/ jsxs("header", {
+        className: "usher-issue-header",
+        children: [
+            onBack && /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                size: "small",
+                icon: /*#__PURE__*/ jsx(BackIcon, {}),
+                onClick: onBack,
+                label: labels.issue.back
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "usher-issue-header__title-row",
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        className: "usher-issue-header__title",
+                        children: issue.title
+                    }),
+                    /*#__PURE__*/ jsx(Tag, {
+                        value: badge.label,
+                        severity: badge.severity
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("p", {
+                className: "usher-issue-header__meta",
+                children: [
+                    format(labels.issue.reported, {
+                        date: formatTime(reportedAt, locale)
+                    }),
+                    " · ",
+                    location
+                ]
+            }),
+            (issue.knownIssueTitle?.length > 0 || hasWorkItem) && /*#__PURE__*/ jsxs("p", {
+                className: "usher-issue-header__links",
+                children: [
+                    issue.knownIssueTitle?.length > 0 && /*#__PURE__*/ jsxs("span", {
+                        children: [
+                            labels.issue.knownIssue,
+                            " ",
+                            /*#__PURE__*/ jsx("strong", {
+                                children: issue.knownIssueTitle
+                            })
+                        ]
+                    }),
+                    hasWorkItem && /*#__PURE__*/ jsxs("span", {
+                        children: [
+                            labels.issue.trackedIn,
+                            ' ',
+                            isWebAddress(workItem.url) ? /*#__PURE__*/ jsx("a", {
+                                href: workItem.url,
+                                target: "_blank",
+                                rel: "noreferrer",
+                                children: workItem.reference
+                            }) : /*#__PURE__*/ jsx("strong", {
+                                children: workItem.reference
+                            }),
+                            ' · ',
+                            isFixReleased(issue) ? format(labels.issue.fixedIn, {
+                                version: issue.fixedInVersion
+                            }) : labels.issue.notReleased
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { IssueHeader };
+//# sourceMappingURL=IssueHeader.js.map

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

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Message } from '@cratis/components/Display';
+import { ForIssue } from '@cratis/showrunner.usher';
+import { UsherBoundary } from '../../Provider/UsherBoundary.js';
+import { useUsherLabels } from '../../Provider/UsherContext.js';
+import { isOpenQuestion } from '../conversationMessages.js';
+import { AccessPanel } from './AccessPanel.js';
+import { IdentityPanel } from './IdentityPanel.js';
+import { IssueActions } from './IssueActions.js';
+import { IssueConversationPanel } from './IssueConversationPanel.js';
+import { IssueHeader } from './IssueHeader.js';
+import { QuestionBanner } from './QuestionBanner.js';
+import { StatusStrip } from './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__*/ jsx(UsherBoundary, {
+        children: /*#__PURE__*/ jsx(IssueViewContent, {
+            ...props
+        })
+    });
+const IssueViewContent = ({ issueId, onBack })=>{
+    const labels = useUsherLabels();
+    const [result] = 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__*/ jsx("div", {
+            className: "usher-issue-view",
+            children: /*#__PURE__*/ jsx(Message, {
+                severity: result.isPerforming ? 'info' : 'secondary',
+                text: result.isPerforming ? labels.issue.loading : labels.issue.notFound
+            })
+        });
+    }
+    const openQuestion = issue.openQuestion;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "usher-issue-view",
+        children: [
+            /*#__PURE__*/ jsx(IssueHeader, {
+                issue: issue,
+                onBack: onBack
+            }),
+            /*#__PURE__*/ jsx(StatusStrip, {
+                state: issue.state
+            }),
+            isOpenQuestion(openQuestion?.questionId) && /*#__PURE__*/ jsx(QuestionBanner, {
+                question: openQuestion.question
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "usher-issue-view__body",
+                children: [
+                    /*#__PURE__*/ jsx(IssueConversationPanel, {
+                        issue: issue
+                    }),
+                    /*#__PURE__*/ jsxs("aside", {
+                        className: "usher-issue-view__side",
+                        children: [
+                            /*#__PURE__*/ jsx(IdentityPanel, {
+                                issue: issue
+                            }),
+                            /*#__PURE__*/ jsx(AccessPanel, {
+                                issue: issue
+                            }),
+                            /*#__PURE__*/ jsx(IssueActions, {
+                                issue: issue
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { IssueView };
+//# sourceMappingURL=IssueView.js.map

package/dist/esm/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,GAAA,CAACC,aAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAD,GAAA,CAACE,gBAAAA,EAAAA;AAAkB,YAAA,GAAGH;;AAE5B,KAAA;AAEF,MAAMG,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,MAAM,EAAkB,GAAA;AACzD,IAAA,MAAMC,MAAAA,GAASC,cAAAA,EAAAA;AACf,IAAA,MAAM,CAACC,MAAAA,CAAO,GAAGC,QAAAA,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,GAAA,CAACgB,KAAAA,EAAAA;YAAIC,SAAAA,EAAU,kBAAA;AACX,YAAA,QAAA,gBAAAjB,GAAA,CAACkB,OAAAA,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,IAAA,CAACT,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,kBAAA;;0BACXjB,GAAA,CAAC0B,WAAAA,EAAAA;gBAAYhB,KAAAA,EAAOA,KAAAA;gBAAON,MAAAA,EAAQA;;0BACnCJ,GAAA,CAAC2B,WAAAA,EAAAA;AAAYC,gBAAAA,KAAAA,EAAOlB,MAAMkB;;YACzBC,cAAAA,CAAeL,YAAAA,EAAcM,6BAAe9B,GAAA,CAAC+B,cAAAA,EAAAA;AAAeC,gBAAAA,QAAAA,EAAUR,aAAaQ;;0BACpFP,IAAA,CAACT,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,wBAAA;;kCACXjB,GAAA,CAACiC,sBAAAA,EAAAA;wBAAuBvB,KAAAA,EAAOA;;kCAC/Be,IAAA,CAACS,OAAAA,EAAAA;wBAAMjB,SAAAA,EAAU,wBAAA;;0CACbjB,GAAA,CAACmC,aAAAA,EAAAA;gCAAczB,KAAAA,EAAOA;;0CACtBV,GAAA,CAACoC,WAAAA,EAAAA;gCAAY1B,KAAAA,EAAOA;;0CACpBV,GAAA,CAACqC,YAAAA,EAAAA;gCAAa3B,KAAAA,EAAOA;;;;;;;;AAKzC,CAAA;;"}

package/dist/esm/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/esm/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/esm/Issues/IssueView/QuestionBanner.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionBanner.js","sources":["../../../../Issues/IssueView/QuestionBanner.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 { format } from '../../Labels/index.js';\nimport { useUsherLabels } from '../../Provider/UsherContext.js';\n\n/**\n * Props for {@link QuestionBanner}.\n */\nexport interface QuestionBannerProps {\n    /** What support asked. */\n    question: string;\n}\n\n/**\n * Tells the reporter that support waits for an answer, and that their next message answers it.\n */\nexport const QuestionBanner = ({ question }: QuestionBannerProps) => {\n    const labels = useUsherLabels();\n\n    return (\n        <div className='usher-question-banner'>\n            <Message severity='warn' text={format(labels.issue.questionBanner, { question })} />\n        </div>\n    );\n};\n"],"names":["QuestionBanner","question","labels","useUsherLabels","_jsx","div","className","Message","severity","text","format","issue","questionBanner"],"mappings":";;;;;AAeA;;AAEC,IACM,MAAMA,cAAAA,GAAiB,CAAC,EAAEC,QAAQ,EAAuB,GAAA;AAC5D,IAAA,MAAMC,MAAAA,GAASC,cAAAA,EAAAA;AAEf,IAAA,qBACIC,GAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,uBAAA;AACX,QAAA,QAAA,gBAAAF,GAAA,CAACG,OAAAA,EAAAA;YAAQC,QAAAA,EAAS,MAAA;AAAOC,YAAAA,IAAAA,EAAMC,MAAAA,CAAOR,MAAAA,CAAOS,KAAK,CAACC,cAAc,EAAE;AAAEX,gBAAAA;AAAS,aAAA;;;AAG1F;;"}

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { CommandDialog } from '@cratis/components/CommandDialog';
+import { TextAreaField } from '@cratis/components/CommandForm';
+import { DialogInitialFocus } from '@cratis/components/Dialogs';
+import { ReopenIssue } from '@cratis/showrunner.usher';
+import { useUsherLabels } from '../../Provider/UsherContext.js';
+
+/**
+ * Lets the reporter reopen a resolved issue, saying why it is not fixed.
+ */ const ReopenIssueDialog = ({ issueId })=>{
+    const labels = useUsherLabels();
+    return /*#__PURE__*/ jsx(CommandDialog, {
+        command: ReopenIssue,
+        title: labels.actions.reopenTitle,
+        okLabel: labels.actions.reopen,
+        cancelLabel: labels.common.cancel,
+        closeAriaLabel: labels.common.close,
+        initialFocus: DialogInitialFocus.Content,
+        initialValues: {
+            issueId,
+            reason: ''
+        },
+        children: /*#__PURE__*/ jsx(TextAreaField, {
+            value: (command)=>command.reason,
+            title: labels.actions.reopenReason,
+            rows: 4
+        })
+    });
+};
+
+export { ReopenIssueDialog };
+//# sourceMappingURL=ReopenIssueDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReopenIssueDialog.js","sources":["../../../../Issues/IssueView/ReopenIssueDialog.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 { TextAreaField } from '@cratis/components/CommandForm';\nimport { DialogInitialFocus } from '@cratis/components/Dialogs';\nimport { Guid } from '@cratis/fundamentals';\nimport { ReopenIssue } from '@cratis/showrunner.usher';\nimport { useUsherLabels } from '../../Provider/UsherContext.js';\n\n/**\n * Props for {@link ReopenIssueDialog}.\n */\nexport interface ReopenIssueDialogProps {\n    /** The issue. */\n    issueId: Guid;\n}\n\n/**\n * Lets the reporter reopen a resolved issue, saying why it is not fixed.\n */\nexport const ReopenIssueDialog = ({ issueId }: ReopenIssueDialogProps) => {\n    const labels = useUsherLabels();\n\n    return (\n        <CommandDialog<ReopenIssue>\n            command={ReopenIssue}\n            title={labels.actions.reopenTitle}\n            okLabel={labels.actions.reopen}\n            cancelLabel={labels.common.cancel}\n            closeAriaLabel={labels.common.close}\n            initialFocus={DialogInitialFocus.Content}\n            initialValues={{ issueId, reason: '' }}>\n            <TextAreaField<ReopenIssue> value={command => command.reason} title={labels.actions.reopenReason} rows={4} />\n        </CommandDialog>\n    );\n};\n"],"names":["ReopenIssueDialog","issueId","labels","useUsherLabels","_jsx","CommandDialog","command","ReopenIssue","title","actions","reopenTitle","okLabel","reopen","cancelLabel","common","cancel","closeAriaLabel","close","initialFocus","DialogInitialFocus","Content","initialValues","reason","TextAreaField","value","reopenReason","rows"],"mappings":";;;;;;;AAkBA;;AAEC,IACM,MAAMA,iBAAAA,GAAoB,CAAC,EAAEC,OAAO,EAA0B,GAAA;AACjE,IAAA,MAAMC,MAAAA,GAASC,cAAAA,EAAAA;AAEf,IAAA,qBACIC,GAAA,CAACC,aAAAA,EAAAA;QACGC,OAAAA,EAASC,WAAAA;QACTC,KAAAA,EAAON,MAAAA,CAAOO,OAAO,CAACC,WAAW;QACjCC,OAAAA,EAAST,MAAAA,CAAOO,OAAO,CAACG,MAAM;QAC9BC,WAAAA,EAAaX,MAAAA,CAAOY,MAAM,CAACC,MAAM;QACjCC,cAAAA,EAAgBd,MAAAA,CAAOY,MAAM,CAACG,KAAK;AACnCC,QAAAA,YAAAA,EAAcC,mBAAmBC,OAAO;QACxCC,aAAAA,EAAe;AAAEpB,YAAAA,OAAAA;YAASqB,MAAAA,EAAQ;AAAG,SAAA;AACrC,QAAA,QAAA,gBAAAlB,GAAA,CAACmB,aAAAA,EAAAA;YAA2BC,KAAAA,EAAOlB,CAAAA,OAAAA,GAAWA,OAAAA,CAAQgB,MAAM;YAAEd,KAAAA,EAAON,MAAAA,CAAOO,OAAO,CAACgB,YAAY;YAAEC,IAAAA,EAAM;;;AAGpH;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShareIdentityDialog.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/ShareIdentityDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAO5C,MAAM,WAAW,wBAAwB;IAErC,OAAO,EAAE,IAAI,CAAC;CACjB;AAMD,eAAO,MAAM,mBAAmB,GAAI,aAAa,wBAAwB,gCAexE,CAAC"}

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

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { CommandDialog } from '@cratis/components/CommandDialog';
+import { DialogInitialFocus } from '@cratis/components/Dialogs';
+import { ShareIdentity } from '@cratis/showrunner.usher';
+import { useUsherLabels } from '../../Provider/UsherContext.js';
+
+/**
+ * Asks the reporter to confirm that support may know who they are on an issue. Sharing cannot be undone, so the
+ * dialog opens with focus on cancel.
+ */ const ShareIdentityDialog = ({ issueId })=>{
+    const labels = useUsherLabels();
+    return /*#__PURE__*/ jsx(CommandDialog, {
+        command: ShareIdentity,
+        title: labels.identity.shareTitle,
+        okLabel: labels.identity.shareConfirm,
+        cancelLabel: labels.common.cancel,
+        closeAriaLabel: labels.common.close,
+        initialFocus: DialogInitialFocus.Cancel,
+        initialValues: {
+            issueId
+        },
+        children: /*#__PURE__*/ jsx("p", {
+            className: "usher-dialog-text",
+            children: labels.identity.shareDescription
+        })
+    });
+};
+
+export { ShareIdentityDialog };
+//# sourceMappingURL=ShareIdentityDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShareIdentityDialog.js","sources":["../../../../Issues/IssueView/ShareIdentityDialog.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 { DialogInitialFocus } from '@cratis/components/Dialogs';\nimport { Guid } from '@cratis/fundamentals';\nimport { ShareIdentity } from '@cratis/showrunner.usher';\nimport { useUsherLabels } from '../../Provider/UsherContext.js';\n\n/**\n * Props for {@link ShareIdentityDialog}.\n */\nexport interface ShareIdentityDialogProps {\n    /** The issue. */\n    issueId: Guid;\n}\n\n/**\n * Asks the reporter to confirm that support may know who they are on an issue. Sharing cannot be undone, so the\n * dialog opens with focus on cancel.\n */\nexport const ShareIdentityDialog = ({ issueId }: ShareIdentityDialogProps) => {\n    const labels = useUsherLabels();\n\n    return (\n        <CommandDialog<ShareIdentity>\n            command={ShareIdentity}\n            title={labels.identity.shareTitle}\n            okLabel={labels.identity.shareConfirm}\n            cancelLabel={labels.common.cancel}\n            closeAriaLabel={labels.common.close}\n            initialFocus={DialogInitialFocus.Cancel}\n            initialValues={{ issueId }}>\n            <p className='usher-dialog-text'>{labels.identity.shareDescription}</p>\n        </CommandDialog>\n    );\n};\n"],"names":["ShareIdentityDialog","issueId","labels","useUsherLabels","_jsx","CommandDialog","command","ShareIdentity","title","identity","shareTitle","okLabel","shareConfirm","cancelLabel","common","cancel","closeAriaLabel","close","initialFocus","DialogInitialFocus","Cancel","initialValues","p","className","shareDescription"],"mappings":";;;;;;AAiBA;;;AAGC,IACM,MAAMA,mBAAAA,GAAsB,CAAC,EAAEC,OAAO,EAA4B,GAAA;AACrE,IAAA,MAAMC,MAAAA,GAASC,cAAAA,EAAAA;AAEf,IAAA,qBACIC,GAAA,CAACC,aAAAA,EAAAA;QACGC,OAAAA,EAASC,aAAAA;QACTC,KAAAA,EAAON,MAAAA,CAAOO,QAAQ,CAACC,UAAU;QACjCC,OAAAA,EAAST,MAAAA,CAAOO,QAAQ,CAACG,YAAY;QACrCC,WAAAA,EAAaX,MAAAA,CAAOY,MAAM,CAACC,MAAM;QACjCC,cAAAA,EAAgBd,MAAAA,CAAOY,MAAM,CAACG,KAAK;AACnCC,QAAAA,YAAAA,EAAcC,mBAAmBC,MAAM;QACvCC,aAAAA,EAAe;AAAEpB,YAAAA;AAAQ,SAAA;AACzB,QAAA,QAAA,gBAAAG,GAAA,CAACkB,GAAAA,EAAAA;YAAEC,SAAAA,EAAU,mBAAA;sBAAqBrB,MAAAA,CAAOO,QAAQ,CAACe;;;AAG9D;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusStrip.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/StatusStrip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAOtD,MAAM,WAAW,gBAAgB;IAE7B,KAAK,EAAE,UAAU,CAAC;CACrB;AAKD,eAAO,MAAM,WAAW,GAAI,WAAW,gBAAgB,gCAuBtD,CAAC"}

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

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { IssueState } from '@cratis/showrunner.usher';
+import { useUsherLabels } from '../../Provider/UsherContext.js';
+import { statusStepOf, statusSteps, stateBadgeFor } from '../issueStates.js';
+
+/**
+ * Shows how far along an issue is, from reported to resolved. The step reached is marked as the current step.
+ */ const StatusStrip = ({ state })=>{
+    const labels = useUsherLabels();
+    const reached = statusStepOf(state);
+    const closedOtherwise = state === IssueState.wontFix || state === IssueState.withdrawn;
+    return /*#__PURE__*/ jsx("ol", {
+        className: "usher-status-strip",
+        children: statusSteps.map((step, index)=>{
+            const isCurrent = index === reached;
+            const label = isCurrent && closedOtherwise ? stateBadgeFor(state, labels).label : stateBadgeFor(step, labels).label;
+            return /*#__PURE__*/ jsx("li", {
+                className: "usher-status-strip__step",
+                "data-reached": index <= reached || undefined,
+                "data-current": isCurrent || undefined,
+                "aria-current": isCurrent ? 'step' : undefined,
+                children: label
+            }, step);
+        })
+    });
+};
+
+export { StatusStrip };
+//# sourceMappingURL=StatusStrip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusStrip.js","sources":["../../../../Issues/IssueView/StatusStrip.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 { IssueState } from '@cratis/showrunner.usher';\nimport { useUsherLabels } from '../../Provider/UsherContext.js';\nimport { stateBadgeFor, statusStepOf, statusSteps } from '../issueStates.js';\n\n/**\n * Props for {@link StatusStrip}.\n */\nexport interface StatusStripProps {\n    /** The state the issue is in. */\n    state: IssueState;\n}\n\n/**\n * Shows how far along an issue is, from reported to resolved. The step reached is marked as the current step.\n */\nexport const StatusStrip = ({ state }: StatusStripProps) => {\n    const labels = useUsherLabels();\n    const reached = statusStepOf(state);\n    const closedOtherwise = state === IssueState.wontFix || state === IssueState.withdrawn;\n\n    return (\n        <ol className='usher-status-strip'>\n            {statusSteps.map((step, index) => {\n                const isCurrent = index === reached;\n                const label = isCurrent && closedOtherwise ? stateBadgeFor(state, labels).label : stateBadgeFor(step, labels).label;\n                return (\n                    <li\n                        key={step}\n                        className='usher-status-strip__step'\n                        data-reached={index <= reached || undefined}\n                        data-current={isCurrent || undefined}\n                        aria-current={isCurrent ? 'step' : undefined}>\n                        {label}\n                    </li>\n                );\n            })}\n        </ol>\n    );\n};\n"],"names":["StatusStrip","state","labels","useUsherLabels","reached","statusStepOf","closedOtherwise","IssueState","wontFix","withdrawn","_jsx","ol","className","statusSteps","map","step","index","isCurrent","label","stateBadgeFor","li","data-reached","undefined","data-current","aria-current"],"mappings":";;;;;AAeA;;AAEC,IACM,MAAMA,WAAAA,GAAc,CAAC,EAAEC,KAAK,EAAoB,GAAA;AACnD,IAAA,MAAMC,MAAAA,GAASC,cAAAA,EAAAA;AACf,IAAA,MAAMC,UAAUC,YAAAA,CAAaJ,KAAAA,CAAAA;AAC7B,IAAA,MAAMK,kBAAkBL,KAAAA,KAAUM,UAAAA,CAAWC,OAAO,IAAIP,KAAAA,KAAUM,WAAWE,SAAS;AAEtF,IAAA,qBACIC,GAAA,CAACC,IAAAA,EAAAA;QAAGC,SAAAA,EAAU,oBAAA;kBACTC,WAAAA,CAAYC,GAAG,CAAC,CAACC,IAAAA,EAAMC,KAAAA,GAAAA;AACpB,YAAA,MAAMC,YAAYD,KAAAA,KAAUZ,OAAAA;YAC5B,MAAMc,KAAAA,GAAQD,SAAAA,IAAaX,eAAAA,GAAkBa,aAAAA,CAAclB,KAAAA,EAAOC,MAAAA,CAAAA,CAAQgB,KAAK,GAAGC,aAAAA,CAAcJ,IAAAA,EAAMb,MAAAA,CAAAA,CAAQgB,KAAK;AACnH,YAAA,qBACIR,GAAA,CAACU,IAAAA,EAAAA;gBAEGR,SAAAA,EAAU,0BAAA;AACVS,gBAAAA,cAAAA,EAAcL,SAASZ,OAAAA,IAAWkB,SAAAA;AAClCC,gBAAAA,cAAAA,EAAcN,SAAAA,IAAaK,SAAAA;AAC3BE,gBAAAA,cAAAA,EAAcP,YAAY,MAAA,GAASK,SAAAA;AAClCJ,gBAAAA,QAAAA,EAAAA;AALIH,aAAAA,EAAAA,IAAAA,CAAAA;AAQjB,QAAA,CAAA;;AAGZ;;"}

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

@@ -0,0 +1,7 @@
+import { ConversationEntry, SupportSession } from '@cratis/showrunner.usher';
+export interface SupportSessionsProps {
+    sessions: SupportSession[];
+    entries: ConversationEntry[];
+}
+export declare const SupportSessions: ({ sessions, entries }: SupportSessionsProps) => import("react").JSX.Element;
+//# sourceMappingURL=SupportSessions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SupportSessions.d.ts","sourceRoot":"","sources":["../../../../Issues/IssueView/SupportSessions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAU7E,MAAM,WAAW,oBAAoB;IAEjC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAG3B,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAKD,eAAO,MAAM,eAAe,GAAI,uBAAuB,oBAAoB,gCAgC1E,CAAC"}

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

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { format } from '../../Labels/format.js';
+import { useUsherContext } from '../../Provider/UsherContext.js';
+import { formatTime, formatClock } from '../../Reporting/AccessChoice.js';
+import { isSessionRunning } from '../accessStatus.js';
+import { sessionActivityOf } from '../sessionActivity.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Lists the sessions in which support signed in as the reporter, each with what support did as the reporter in it.
+ */ const SupportSessions = ({ sessions, entries })=>{
+    const { labels, locale } = useUsherContext();
+    if (sessions.length === 0) {
+        return /*#__PURE__*/ jsx("p", {
+            className: "usher-panel__text usher-panel__text--secondary",
+            children: labels.accessPanel.noSessions
+        });
+    }
+    return /*#__PURE__*/ jsxs("div", {
+        className: "usher-sessions",
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "usher-sessions__heading",
+                children: labels.accessPanel.sessionsHeading
+            }),
+            /*#__PURE__*/ jsx("ul", {
+                className: "usher-sessions__list",
+                children: sessions.map((session)=>{
+                    const start = formatTime(asDate(session.startedAt), locale);
+                    const end = isSessionRunning(session) ? labels.accessPanel.sessionRunning : formatClock(asDate(session.endedAt), locale);
+                    const name = (session.author?.name ?? '').length > 0 ? session.author.name : labels.conversation.support;
+                    const activity = sessionActivityOf(session, entries, labels.accessPanel.sessionActions);
+                    return /*#__PURE__*/ jsxs("li", {
+                        children: [
+                            format(labels.accessPanel.session, {
+                                name,
+                                start,
+                                end
+                            }),
+                            activity.length > 0 ? /*#__PURE__*/ jsx("ul", {
+                                className: "usher-sessions__activity",
+                                children: activity.map((action)=>/*#__PURE__*/ jsx("li", {
+                                        children: action.text
+                                    }, action.entryId))
+                            }) : /*#__PURE__*/ jsx("p", {
+                                className: "usher-sessions__activity usher-panel__text--secondary",
+                                children: labels.accessPanel.sessionDidNothing
+                            })
+                        ]
+                    }, session.sessionId.toString());
+                })
+            })
+        ]
+    });
+};
+const asDate = (value)=>value instanceof Date ? value : new Date(value);
+
+export { SupportSessions };
+//# sourceMappingURL=SupportSessions.js.map