@cratis/showrunner.boxoffice.react 0.0.0-stage → 1.9.0

package/dist/esm/Provider/BoxOfficeProvider.js

@@ -0,0 +1,70 @@
+import { jsx } from 'react/jsx-runtime';
+import { ArcContext } from '@cratis/arc.react';
+import { toast } from '@cratis/components/Notifications';
+import { CurrentEntitlements, Mine } from '@cratis/showrunner.boxoffice';
+import { useContext, useMemo } from 'react';
+import { entitlementsOf } from '../Entitlements/entitlementModel.js';
+import { EntitlementsContext } from '../Entitlements/EntitlementsContext.js';
+import { resolveLabels } from '../Labels/resolveLabels.js';
+import { linkToPortal, openInNewTab } from '../Portal/portalLinks.js';
+import { BoxOfficeContext } from './BoxOfficeContext.js';
+
+/**
+ * Slots Box Office into an application: asks the backend what the signed-in user's tenant may do and where the user
+ * stands with its seats, and gives {@link useEntitlements}, {@link RequiresModule}, the banners and the pages what they
+ * need. Render it inside `<Arc>` and a `CratisComponentsProvider` with a toaster, once, around the shell.
+ */ const BoxOfficeProvider = ({ labels, locale, entitlements: preloaded, seat: preloadedSeat, openLink = openInNewTab, portalLink, children })=>{
+    const arc = useContext(ArcContext);
+    const resolvedLabels = useMemo(()=>resolveLabels(labels), [
+        labels
+    ]);
+    const [summaryResult, refreshSummary] = CurrentEntitlements.when(preloaded === undefined).use();
+    const [seatResult, refreshSeat] = Mine.when(preloadedSeat === undefined).use();
+    const summary = preloaded ?? (summaryResult.isSuccess && summaryResult.data?.modules ? summaryResult.data : undefined);
+    const seat = preloadedSeat ?? (seatResult.isSuccess && seatResult.data?.status !== undefined ? seatResult.data : undefined);
+    const entitlements = useMemo(()=>entitlementsOf(summary), [
+        summary
+    ]);
+    const value = useMemo(()=>({
+            isProvided: true,
+            labels: resolvedLabels,
+            locale,
+            seat,
+            openPortal: async (intent, offer)=>{
+                try {
+                    const url = await (portalLink ? portalLink(intent, offer) : linkToPortal(arc, intent, offer));
+                    if (url) {
+                        openLink(url);
+                        return;
+                    }
+                } catch  {
+                /* The toast below says what went wrong; the details are of no use to the user. */ }
+                toast.error({
+                    title: resolvedLabels.common.portalFailed
+                });
+            },
+            refresh: ()=>{
+                void refreshSummary();
+                void refreshSeat();
+            }
+        }), [
+        resolvedLabels,
+        locale,
+        seat,
+        arc,
+        openLink,
+        portalLink,
+        refreshSummary,
+        refreshSeat
+    ]);
+    return /*#__PURE__*/ jsx(BoxOfficeContext.Provider, {
+        value: value,
+        children: /*#__PURE__*/ jsx(EntitlementsContext.Provider, {
+            value: entitlements,
+            children: children
+        })
+    });
+};
+
+export { BoxOfficeProvider };
+//# sourceMappingURL=BoxOfficeProvider.js.map

package/dist/esm/Provider/BoxOfficeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxOfficeProvider.js","sources":["../../../Provider/BoxOfficeProvider.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 { ArcContext } from '@cratis/arc.react';\nimport { toast } from '@cratis/components/Notifications';\nimport { Guid } from '@cratis/fundamentals';\nimport { CurrentEntitlements, EntitlementSummary, Mine, PortalIntent, SeatStanding } from '@cratis/showrunner.boxoffice';\nimport { ReactNode, useContext, useMemo } from 'react';\nimport { entitlementsOf } from '../Entitlements/entitlementModel.js';\nimport { EntitlementsContext } from '../Entitlements/EntitlementsContext.js';\nimport { BoxOfficeLabelOverrides, resolveLabels } from '../Labels/index.js';\nimport { linkToPortal, openInNewTab } from '../Portal/portalLinks.js';\nimport { BoxOfficeContext, BoxOfficeContextValue } from './BoxOfficeContext.js';\n\n/**\n * Props for {@link BoxOfficeProvider}.\n */\nexport interface BoxOfficeProviderProps {\n    /** The labels that replace the English defaults, for instance to localize them. */\n    labels?: BoxOfficeLabelOverrides;\n\n    /** The locale to format dates and numbers for; the browser's when not given. */\n    locale?: string;\n\n    /**\n     * The entitlements to use instead of asking the backend. For stories, specifications and previews; leave it out in\n     * the application.\n     */\n    entitlements?: EntitlementSummary;\n\n    /**\n     * Where the user stands with the tenant's seats, to use instead of asking the backend. For stories,\n     * specifications and previews; leave it out in the application.\n     */\n    seat?: SeatStanding;\n\n    /** Opens a link to the customer portal. Defaults to opening it in a new tab. */\n    openLink?: (url: string) => void;\n\n    /**\n     * Gets the link that opens the customer portal, instead of asking the backend for a signed one. For stories and\n     * specifications; leave it out in the application.\n     */\n    portalLink?: (intent: PortalIntent, offer?: Guid) => Promise<string | undefined>;\n\n    /** The application. */\n    children?: ReactNode;\n}\n\n/**\n * Slots Box Office into an application: asks the backend what the signed-in user's tenant may do and where the user\n * stands with its seats, and gives {@link useEntitlements}, {@link RequiresModule}, the banners and the pages what they\n * need. Render it inside `<Arc>` and a `CratisComponentsProvider` with a toaster, once, around the shell.\n */\nexport const BoxOfficeProvider = ({ labels, locale, entitlements: preloaded, seat: preloadedSeat, openLink = openInNewTab, portalLink, children }: BoxOfficeProviderProps) => {\n    const arc = useContext(ArcContext);\n    const resolvedLabels = useMemo(() => resolveLabels(labels), [labels]);\n    const [summaryResult, refreshSummary] = CurrentEntitlements.when(preloaded === undefined).use();\n    const [seatResult, refreshSeat] = Mine.when(preloadedSeat === undefined).use();\n\n    const summary = preloaded ?? (summaryResult.isSuccess && summaryResult.data?.modules ? summaryResult.data : undefined);\n    const seat = preloadedSeat ?? (seatResult.isSuccess && seatResult.data?.status !== undefined ? seatResult.data : undefined);\n    const entitlements = useMemo(() => entitlementsOf(summary), [summary]);\n\n    const value = useMemo<BoxOfficeContextValue>(() => ({\n        isProvided: true,\n        labels: resolvedLabels,\n        locale,\n        seat,\n        openPortal: async (intent: PortalIntent, offer?: Guid) => {\n            try {\n                const url = await (portalLink ? portalLink(intent, offer) : linkToPortal(arc, intent, offer));\n                if (url) {\n                    openLink(url);\n                    return;\n                }\n            } catch {\n                /* The toast below says what went wrong; the details are of no use to the user. */\n            }\n\n            toast.error({ title: resolvedLabels.common.portalFailed });\n        },\n        refresh: () => {\n            void refreshSummary();\n            void refreshSeat();\n        }\n    }), [resolvedLabels, locale, seat, arc, openLink, portalLink, refreshSummary, refreshSeat]);\n\n    return (\n        <BoxOfficeContext.Provider value={value}>\n            <EntitlementsContext.Provider value={entitlements}>\n                {children}\n            </EntitlementsContext.Provider>\n        </BoxOfficeContext.Provider>\n    );\n};\n"],"names":["BoxOfficeProvider","labels","locale","entitlements","preloaded","seat","preloadedSeat","openLink","openInNewTab","portalLink","children","arc","useContext","ArcContext","resolvedLabels","useMemo","resolveLabels","summaryResult","refreshSummary","CurrentEntitlements","when","undefined","use","seatResult","refreshSeat","Mine","summary","isSuccess","data","modules","status","entitlementsOf","value","isProvided","openPortal","intent","offer","url","linkToPortal","toast","error","title","common","portalFailed","refresh","_jsx","BoxOfficeContext","Provider","EntitlementsContext"],"mappings":";;;;;;;;;;;AAiDA;;;;UAKaA,iBAAAA,GAAoB,CAAC,EAAEC,MAAM,EAAEC,MAAM,EAAEC,YAAAA,EAAcC,SAAS,EAAEC,IAAAA,EAAMC,aAAa,EAAEC,QAAAA,GAAWC,YAAY,EAAEC,UAAU,EAAEC,QAAQ,EAA0B,GAAA;AACrK,IAAA,MAAMC,MAAMC,UAAAA,CAAWC,UAAAA,CAAAA;AACvB,IAAA,MAAMC,cAAAA,GAAiBC,OAAAA,CAAQ,IAAMC,aAAAA,CAAcf,MAAAA,CAAAA,EAAS;AAACA,QAAAA;AAAO,KAAA,CAAA;IACpE,MAAM,CAACgB,eAAeC,cAAAA,CAAe,GAAGC,oBAAoBC,IAAI,CAAChB,SAAAA,KAAciB,SAAAA,CAAAA,CAAWC,GAAG,EAAA;IAC7F,MAAM,CAACC,YAAYC,WAAAA,CAAY,GAAGC,KAAKL,IAAI,CAACd,aAAAA,KAAkBe,SAAAA,CAAAA,CAAWC,GAAG,EAAA;AAE5E,IAAA,MAAMI,OAAAA,GAAUtB,SAAAA,KAAca,aAAAA,CAAcU,SAAS,IAAIV,aAAAA,CAAcW,IAAI,EAAEC,OAAAA,GAAUZ,aAAAA,CAAcW,IAAI,GAAGP,SAAQ,CAAA;AACpH,IAAA,MAAMhB,IAAAA,GAAOC,aAAAA,KAAkBiB,UAAAA,CAAWI,SAAS,IAAIJ,UAAAA,CAAWK,IAAI,EAAEE,MAAAA,KAAWT,SAAAA,GAAYE,UAAAA,CAAWK,IAAI,GAAGP,SAAQ,CAAA;AACzH,IAAA,MAAMlB,YAAAA,GAAeY,OAAAA,CAAQ,IAAMgB,cAAAA,CAAeL,OAAAA,CAAAA,EAAU;AAACA,QAAAA;AAAQ,KAAA,CAAA;IAErE,MAAMM,KAAAA,GAAQjB,OAAAA,CAA+B,KAAO;YAChDkB,UAAAA,EAAY,IAAA;YACZhC,MAAAA,EAAQa,cAAAA;AACRZ,YAAAA,MAAAA;AACAG,YAAAA,IAAAA;AACA6B,YAAAA,UAAAA,EAAY,OAAOC,MAAAA,EAAsBC,KAAAA,GAAAA;gBACrC,IAAI;oBACA,MAAMC,GAAAA,GAAM,OAAO5B,UAAAA,GAAaA,UAAAA,CAAW0B,QAAQC,KAAAA,CAAAA,GAASE,YAAAA,CAAa3B,GAAAA,EAAKwB,MAAAA,EAAQC,KAAAA,CAAK,CAAA;AAC3F,oBAAA,IAAIC,GAAAA,EAAK;wBACL9B,QAAAA,CAAS8B,GAAAA,CAAAA;AACT,wBAAA;AACJ,oBAAA;AACJ,gBAAA,CAAA,CAAE,OAAM;AACJ,mGACJ;AAEAE,gBAAAA,KAAAA,CAAMC,KAAK,CAAC;oBAAEC,KAAAA,EAAO3B,cAAAA,CAAe4B,MAAM,CAACC;AAAa,iBAAA,CAAA;AAC5D,YAAA,CAAA;YACAC,OAAAA,EAAS,IAAA;gBACL,KAAK1B,cAAAA,EAAAA;gBACL,KAAKM,WAAAA,EAAAA;AACT,YAAA;AACJ,SAAA,CAAA,EAAI;AAACV,QAAAA,cAAAA;AAAgBZ,QAAAA,MAAAA;AAAQG,QAAAA,IAAAA;AAAMM,QAAAA,GAAAA;AAAKJ,QAAAA,QAAAA;AAAUE,QAAAA,UAAAA;AAAYS,QAAAA,cAAAA;AAAgBM,QAAAA;AAAY,KAAA,CAAA;IAE1F,qBACIqB,GAAA,CAACC,iBAAiBC,QAAQ,EAAA;QAACf,KAAAA,EAAOA,KAAAA;gCAC9Ba,GAAA,CAACG,oBAAoBD,QAAQ,EAAA;YAACf,KAAAA,EAAO7B,YAAAA;AAChCO,YAAAA,QAAAA,EAAAA;;;AAIjB;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Provider/index.ts"],"names":[],"mappings":"AAGA,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}

package/dist/esm/Provider/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../Provider/index.ts"],"names":[],"mappings":"AAGA,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}

package/dist/esm/Seats/AssignSeatDialog.d.ts

@@ -0,0 +1,9 @@
+import { SeatPersonInput } from './seatModels.js';
+export interface AssignSeatDialogProps {
+    visible: boolean;
+    isBusy?: boolean;
+    onAssign: (person: SeatPersonInput) => void;
+    onClose: () => void;
+}
+export declare const AssignSeatDialog: ({ visible, isBusy, onAssign, onClose }: AssignSeatDialogProps) => import("react").JSX.Element;
+//# sourceMappingURL=AssignSeatDialog.d.ts.map

package/dist/esm/Seats/AssignSeatDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignSeatDialog.d.ts","sourceRoot":"","sources":["../../../Seats/AssignSeatDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAsC,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKtF,MAAM,WAAW,qBAAqB;IAElC,OAAO,EAAE,OAAO,CAAC;IAGjB,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAG5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAKD,eAAO,MAAM,gBAAgB,GAAI,wCAAwC,qBAAqB,gCA0C7F,CAAC"}

package/dist/esm/Seats/AssignSeatDialog.js

@@ -0,0 +1,97 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { DialogResult } from '@cratis/arc.react/dialogs';
+import { TextInput } from '@cratis/components/Common';
+import { Dialog, DialogInitialFocus } from '@cratis/components/Dialogs';
+import { useState } from 'react';
+import { useBoxOfficeLabels } from '../Provider/BoxOfficeContext.js';
+import { emptySeatPerson, isValidSeatPerson } from './seatModels.js';
+
+/**
+ * Asks who to give a seat.
+ */ const AssignSeatDialog = ({ visible, isBusy, onAssign, onClose })=>{
+    const labels = useBoxOfficeLabels();
+    const [person, setPerson] = useState(emptySeatPerson);
+    const change = (field)=>(value)=>setPerson((current)=>({
+                    ...current,
+                    [field]: value
+                }));
+    return /*#__PURE__*/ jsx(Dialog, {
+        title: labels.seats.assignTitle,
+        visible: visible,
+        okLabel: labels.seats.assignConfirm,
+        cancelLabel: labels.common.cancel,
+        closeAriaLabel: labels.common.close,
+        initialFocus: DialogInitialFocus.Content,
+        isValid: isValidSeatPerson(person),
+        isBusy: isBusy,
+        onConfirm: ()=>onAssign(person),
+        onClose: (result)=>{
+            if (result !== DialogResult.Ok) {
+                setPerson(emptySeatPerson);
+                onClose();
+            }
+        },
+        children: /*#__PURE__*/ jsxs("form", {
+            className: "boxoffice-seat-form",
+            onSubmit: (event)=>event.preventDefault(),
+            children: [
+                /*#__PURE__*/ jsxs("label", {
+                    className: "boxoffice-field",
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            children: labels.seats.name
+                        }),
+                        /*#__PURE__*/ jsx(TextInput, {
+                            value: person.name,
+                            onChange: change('name'),
+                            autoComplete: "off"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("label", {
+                    className: "boxoffice-field",
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            children: labels.seats.email
+                        }),
+                        /*#__PURE__*/ jsx(TextInput, {
+                            type: "email",
+                            value: person.email,
+                            onChange: change('email'),
+                            autoComplete: "off"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("label", {
+                    className: "boxoffice-field",
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            children: labels.seats.identityProvider
+                        }),
+                        /*#__PURE__*/ jsx(TextInput, {
+                            value: person.identityProvider,
+                            onChange: change('identityProvider'),
+                            autoComplete: "off"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("label", {
+                    className: "boxoffice-field",
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            children: labels.seats.subject
+                        }),
+                        /*#__PURE__*/ jsx(TextInput, {
+                            value: person.subject,
+                            onChange: change('subject'),
+                            autoComplete: "off"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+export { AssignSeatDialog };
+//# sourceMappingURL=AssignSeatDialog.js.map

package/dist/esm/Seats/AssignSeatDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignSeatDialog.js","sources":["../../../Seats/AssignSeatDialog.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 { DialogResult } from '@cratis/arc.react/dialogs';\nimport { TextInput } from '@cratis/components/Common';\nimport { Dialog, DialogInitialFocus } from '@cratis/components/Dialogs';\nimport { useState } from 'react';\nimport { useBoxOfficeLabels } from '../Provider/BoxOfficeContext.js';\nimport { emptySeatPerson, isValidSeatPerson, SeatPersonInput } from './seatModels.js';\n\n/**\n * Props for {@link AssignSeatDialog}.\n */\nexport interface AssignSeatDialogProps {\n    /** Whether the dialog is open. */\n    visible: boolean;\n\n    /** Whether the seat is being assigned. */\n    isBusy?: boolean;\n\n    /** Called when the user confirms, with the person to give a seat. */\n    onAssign: (person: SeatPersonInput) => void;\n\n    /** Called when the user closes the dialog. */\n    onClose: () => void;\n}\n\n/**\n * Asks who to give a seat.\n */\nexport const AssignSeatDialog = ({ visible, isBusy, onAssign, onClose }: AssignSeatDialogProps) => {\n    const labels = useBoxOfficeLabels();\n    const [person, setPerson] = useState<SeatPersonInput>(emptySeatPerson);\n    const change = (field: keyof SeatPersonInput) => (value: string) => setPerson(current => ({ ...current, [field]: value }));\n\n    return (\n        <Dialog\n            title={labels.seats.assignTitle}\n            visible={visible}\n            okLabel={labels.seats.assignConfirm}\n            cancelLabel={labels.common.cancel}\n            closeAriaLabel={labels.common.close}\n            initialFocus={DialogInitialFocus.Content}\n            isValid={isValidSeatPerson(person)}\n            isBusy={isBusy}\n            onConfirm={() => onAssign(person)}\n            onClose={result => {\n                if (result !== DialogResult.Ok) {\n                    setPerson(emptySeatPerson);\n                    onClose();\n                }\n            }}>\n            <form className='boxoffice-seat-form' onSubmit={event => event.preventDefault()}>\n                <label className='boxoffice-field'>\n                    <span>{labels.seats.name}</span>\n                    <TextInput value={person.name} onChange={change('name')} autoComplete='off' />\n                </label>\n                <label className='boxoffice-field'>\n                    <span>{labels.seats.email}</span>\n                    <TextInput type='email' value={person.email} onChange={change('email')} autoComplete='off' />\n                </label>\n                <label className='boxoffice-field'>\n                    <span>{labels.seats.identityProvider}</span>\n                    <TextInput value={person.identityProvider} onChange={change('identityProvider')} autoComplete='off' />\n                </label>\n                <label className='boxoffice-field'>\n                    <span>{labels.seats.subject}</span>\n                    <TextInput value={person.subject} onChange={change('subject')} autoComplete='off' />\n                </label>\n            </form>\n        </Dialog>\n    );\n};\n"],"names":["AssignSeatDialog","visible","isBusy","onAssign","onClose","labels","useBoxOfficeLabels","person","setPerson","useState","emptySeatPerson","change","field","value","current","_jsx","Dialog","title","seats","assignTitle","okLabel","assignConfirm","cancelLabel","common","cancel","closeAriaLabel","close","initialFocus","DialogInitialFocus","Content","isValid","isValidSeatPerson","onConfirm","result","DialogResult","Ok","_jsxs","form","className","onSubmit","event","preventDefault","label","span","name","TextInput","onChange","autoComplete","email","type","identityProvider","subject"],"mappings":"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"}

package/dist/esm/Seats/SeatsPage.d.ts

@@ -0,0 +1,2 @@
+export declare const SeatsPage: () => import("react").JSX.Element;
+//# sourceMappingURL=SeatsPage.d.ts.map

package/dist/esm/Seats/SeatsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeatsPage.d.ts","sourceRoot":"","sources":["../../../Seats/SeatsPage.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,SAAS,mCAiErB,CAAC"}

package/dist/esm/Seats/SeatsPage.js

@@ -0,0 +1,85 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useConfirmationDialog, DialogButtons, DialogResult } from '@cratis/arc.react/dialogs';
+import { toastCommandResult } from '@cratis/components/Notifications';
+import { CurrentRoster, AssignSeat, ReleaseSeat, SeatHolder } from '@cratis/showrunner.boxoffice';
+import { useState } from 'react';
+import { useEntitlementsContext } from '../Entitlements/EntitlementsContext.js';
+import { format } from '../Labels/format.js';
+import { useBoxOfficeContext } from '../Provider/BoxOfficeContext.js';
+import { AssignSeatDialog } from './AssignSeatDialog.js';
+import { seatRows, seatSummary, personOf } from './seatModels.js';
+import { SeatsView } from './SeatsView.js';
+
+/**
+ * The seats page: who holds the tenant's seats, with buttons to assign and release them. For the people who maintain
+ * the product; the backend refuses everyone else. Render it inside a {@link BoxOfficeProvider}, the `DialogComponents`
+ * registration and a `CratisComponentsProvider` with a toaster.
+ */ const SeatsPage = ()=>{
+    const { labels, refresh } = useBoxOfficeContext();
+    const entitlements = useEntitlementsContext();
+    const [roster, performRoster] = CurrentRoster.use();
+    const [assignSeat] = AssignSeat.use();
+    const [releaseSeat] = ReleaseSeat.use();
+    const [confirm] = useConfirmationDialog();
+    const [isAssigning, setIsAssigning] = useState(false);
+    const [isBusy, setIsBusy] = useState(false);
+    const rows = seatRows(roster.isSuccess ? roster.data : undefined, entitlements.seats);
+    const changed = ()=>{
+        void performRoster();
+        refresh();
+    };
+    const assign = async (input)=>{
+        setIsBusy(true);
+        try {
+            assignSeat.holder = personOf(input);
+            if (toastCommandResult(await assignSeat.execute(), {
+                successTitle: labels.seats.assignConfirm
+            })) {
+                setIsAssigning(false);
+                changed();
+            }
+        } finally{
+            setIsBusy(false);
+        }
+    };
+    const release = async (holding)=>{
+        const answer = await confirm(labels.seats.releaseTitle, format(labels.seats.releaseMessage, {
+            name: holding.holder.name
+        }), DialogButtons.YesNo);
+        if (answer !== DialogResult.Yes) {
+            return;
+        }
+        const holder = new SeatHolder();
+        holder.identityProvider = holding.holder.identityProvider;
+        holder.subject = holding.holder.identityProviderSubject;
+        releaseSeat.holder = holder;
+        if (toastCommandResult(await releaseSeat.execute(), {
+            showSuccess: false
+        })) {
+            changed();
+        }
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(SeatsView, {
+                rows: rows,
+                summary: seatSummary(rows, entitlements.seats),
+                isReadOnly: entitlements.isReadOnly,
+                isLoading: roster.isPerforming && !roster.isSuccess,
+                isUnauthorized: !roster.isAuthorized,
+                hasFailed: !roster.isPerforming && roster.isAuthorized && !roster.isSuccess,
+                onAssign: ()=>setIsAssigning(true),
+                onRelease: (holding)=>void release(holding)
+            }),
+            /*#__PURE__*/ jsx(AssignSeatDialog, {
+                visible: isAssigning,
+                isBusy: isBusy,
+                onAssign: (input)=>void assign(input),
+                onClose: ()=>setIsAssigning(false)
+            })
+        ]
+    });
+};
+
+export { SeatsPage };
+//# sourceMappingURL=SeatsPage.js.map

package/dist/esm/Seats/SeatsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeatsPage.js","sources":["../../../Seats/SeatsPage.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 } from '@cratis/arc.react/dialogs';\nimport { toastCommandResult } from '@cratis/components/Notifications';\nimport { AssignSeat, CurrentRoster, ReleaseSeat, SeatHolder, SeatHolding } from '@cratis/showrunner.boxoffice';\nimport { useState } from 'react';\nimport { useEntitlementsContext } from '../Entitlements/EntitlementsContext.js';\nimport { format } from '../Labels/index.js';\nimport { useBoxOfficeContext } from '../Provider/BoxOfficeContext.js';\nimport { AssignSeatDialog } from './AssignSeatDialog.js';\nimport { personOf, seatRows, seatSummary, SeatPersonInput } from './seatModels.js';\nimport { SeatsView } from './SeatsView.js';\n\n/**\n * The seats page: who holds the tenant's seats, with buttons to assign and release them. For the people who maintain\n * the product; the backend refuses everyone else. Render it inside a {@link BoxOfficeProvider}, the `DialogComponents`\n * registration and a `CratisComponentsProvider` with a toaster.\n */\nexport const SeatsPage = () => {\n    const { labels, refresh } = useBoxOfficeContext();\n    const entitlements = useEntitlementsContext();\n    const [roster, performRoster] = CurrentRoster.use();\n    const [assignSeat] = AssignSeat.use();\n    const [releaseSeat] = ReleaseSeat.use();\n    const [confirm] = useConfirmationDialog();\n    const [isAssigning, setIsAssigning] = useState(false);\n    const [isBusy, setIsBusy] = useState(false);\n\n    const rows = seatRows(roster.isSuccess ? roster.data : undefined, entitlements.seats);\n    const changed = () => {\n        void performRoster();\n        refresh();\n    };\n\n    const assign = async (input: SeatPersonInput) => {\n        setIsBusy(true);\n        try {\n            assignSeat.holder = personOf(input);\n            if (toastCommandResult(await assignSeat.execute(), { successTitle: labels.seats.assignConfirm })) {\n                setIsAssigning(false);\n                changed();\n            }\n        } finally {\n            setIsBusy(false);\n        }\n    };\n\n    const release = async (holding: SeatHolding) => {\n        const answer = await confirm(\n            labels.seats.releaseTitle,\n            format(labels.seats.releaseMessage, { name: holding.holder.name }),\n            DialogButtons.YesNo);\n        if (answer !== DialogResult.Yes) {\n            return;\n        }\n\n        const holder = new SeatHolder();\n        holder.identityProvider = holding.holder.identityProvider;\n        holder.subject = holding.holder.identityProviderSubject;\n        releaseSeat.holder = holder;\n        if (toastCommandResult(await releaseSeat.execute(), { showSuccess: false })) {\n            changed();\n        }\n    };\n\n    return (\n        <>\n            <SeatsView\n                rows={rows}\n                summary={seatSummary(rows, entitlements.seats)}\n                isReadOnly={entitlements.isReadOnly}\n                isLoading={roster.isPerforming && !roster.isSuccess}\n                isUnauthorized={!roster.isAuthorized}\n                hasFailed={!roster.isPerforming && roster.isAuthorized && !roster.isSuccess}\n                onAssign={() => setIsAssigning(true)}\n                onRelease={holding => void release(holding)} />\n            <AssignSeatDialog\n                visible={isAssigning}\n                isBusy={isBusy}\n                onAssign={input => void assign(input)}\n                onClose={() => setIsAssigning(false)} />\n        </>\n    );\n};\n"],"names":["SeatsPage","labels","refresh","useBoxOfficeContext","entitlements","useEntitlementsContext","roster","performRoster","CurrentRoster","use","assignSeat","AssignSeat","releaseSeat","ReleaseSeat","confirm","useConfirmationDialog","isAssigning","setIsAssigning","useState","isBusy","setIsBusy","rows","seatRows","isSuccess","data","undefined","seats","changed","assign","input","holder","personOf","toastCommandResult","execute","successTitle","assignConfirm","release","holding","answer","releaseTitle","format","releaseMessage","name","DialogButtons","YesNo","DialogResult","Yes","SeatHolder","identityProvider","subject","identityProviderSubject","showSuccess","_jsxs","_Fragment","_jsx","SeatsView","summary","seatSummary","isReadOnly","isLoading","isPerforming","isUnauthorized","isAuthorized","hasFailed","onAssign","onRelease","AssignSeatDialog","visible","onClose"],"mappings":"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"}

package/dist/esm/Seats/SeatsView.d.ts

@@ -0,0 +1,14 @@
+import { SeatHolding } from '@cratis/showrunner.boxoffice';
+import { SeatRow, SeatSummary } from './seatModels.js';
+export interface SeatsViewProps {
+    rows: readonly SeatRow[];
+    summary: SeatSummary;
+    isReadOnly: boolean;
+    isLoading?: boolean;
+    isUnauthorized?: boolean;
+    hasFailed?: boolean;
+    onAssign: () => void;
+    onRelease: (holding: SeatHolding) => void;
+}
+export declare const SeatsView: ({ rows, summary, isReadOnly, isLoading, isUnauthorized, hasFailed, onAssign, onRelease }: SeatsViewProps) => import("react").JSX.Element;
+//# sourceMappingURL=SeatsView.d.ts.map

package/dist/esm/Seats/SeatsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeatsView.d.ts","sourceRoot":"","sources":["../../../Seats/SeatsView.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKvD,MAAM,WAAW,cAAc;IAE3B,IAAI,EAAE,SAAS,OAAO,EAAE,CAAC;IAGzB,OAAO,EAAE,WAAW,CAAC;IAGrB,UAAU,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IAGrB,SAAS,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7C;AAiBD,eAAO,MAAM,SAAS,GAAI,0FAA0F,cAAc,gCAmDjI,CAAC"}

package/dist/esm/Seats/SeatsView.js

@@ -0,0 +1,109 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '@cratis/components/Common';
+import { DataTableCore, Column, DataTableStatus } from '@cratis/components/DataTables';
+import { Message, Tag } from '@cratis/components/Display';
+import { formatDay } from '../formatting.js';
+import { format } from '../Labels/format.js';
+import { useBoxOfficeContext } from '../Provider/BoxOfficeContext.js';
+
+const statusOf = (isLoading, isUnauthorized, hasFailed)=>{
+    if (isUnauthorized) {
+        return DataTableStatus.Unauthorized;
+    }
+    if (hasFailed) {
+        return DataTableStatus.Failed;
+    }
+    return isLoading ? DataTableStatus.Loading : DataTableStatus.Ready;
+};
+/**
+ * The seats of the tenant: how many are used, who holds them, and buttons to assign and release.
+ */ const SeatsView = ({ rows, summary, isReadOnly, isLoading, isUnauthorized, hasFailed, onAssign, onRelease })=>{
+    const { labels, locale } = useBoxOfficeContext();
+    return /*#__PURE__*/ jsxs("section", {
+        className: "boxoffice-seats",
+        "aria-labelledby": "boxoffice-seats-title",
+        children: [
+            /*#__PURE__*/ jsxs("header", {
+                className: "boxoffice-page__header",
+                children: [
+                    /*#__PURE__*/ jsx("h2", {
+                        id: "boxoffice-seats-title",
+                        className: "boxoffice-page__title",
+                        children: labels.seats.title
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        label: labels.seats.assign,
+                        disabled: isReadOnly || summary.capacity === 0,
+                        onClick: onAssign
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("p", {
+                className: "boxoffice-seats__summary",
+                children: summary.capacity === 0 ? labels.seats.noCapacity : format(labels.seats.summary, {
+                    held: summary.held,
+                    capacity: summary.capacity
+                })
+            }),
+            summary.over > 0 && /*#__PURE__*/ jsx(Message, {
+                severity: "warn",
+                children: format(labels.seats.overCapacity, {
+                    over: summary.over
+                })
+            }),
+            isReadOnly && /*#__PURE__*/ jsx(Message, {
+                severity: "info",
+                children: labels.seats.readOnly
+            }),
+            /*#__PURE__*/ jsxs(DataTableCore, {
+                data: [
+                    ...rows
+                ],
+                dataKey: "holding.holder.identityProviderSubject",
+                status: statusOf(isLoading, isUnauthorized, hasFailed),
+                emptyMessage: labels.seats.empty,
+                loadingMessage: labels.common.loading,
+                failureMessage: labels.common.failed,
+                unauthorizedMessage: labels.common.unauthorized,
+                children: [
+                    /*#__PURE__*/ jsx(Column, {
+                        header: labels.seats.holderColumn,
+                        body: (row)=>row.holding.holder.name
+                    }),
+                    /*#__PURE__*/ jsx(Column, {
+                        header: labels.seats.emailColumn,
+                        body: (row)=>row.holding.holder.email
+                    }),
+                    /*#__PURE__*/ jsx(Column, {
+                        header: labels.seats.assignedColumn,
+                        body: (row)=>formatDay(row.holding.assignedAt, locale)
+                    }),
+                    /*#__PURE__*/ jsx(Column, {
+                        header: labels.seats.statusColumn,
+                        body: (row)=>/*#__PURE__*/ jsx(Tag, {
+                                severity: row.coverage === 'licensed' ? 'success' : 'warn',
+                                value: row.coverage === 'licensed' ? labels.seats.licensed : labels.seats.overCapacityStatus
+                            })
+                    }),
+                    /*#__PURE__*/ jsx(Column, {
+                        header: "",
+                        body: (row)=>/*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                tone: "critical",
+                                size: "small",
+                                label: labels.seats.releaseShort,
+                                "aria-label": format(labels.seats.release, {
+                                    name: row.holding.holder.name
+                                }),
+                                disabled: isReadOnly,
+                                onClick: ()=>onRelease(row.holding)
+                            })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { SeatsView };
+//# sourceMappingURL=SeatsView.js.map

package/dist/esm/Seats/SeatsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeatsView.js","sources":["../../../Seats/SeatsView.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 { Column, DataTableCore, DataTableStatus } from '@cratis/components/DataTables';\nimport { Message, Tag } from '@cratis/components/Display';\nimport { SeatHolding } from '@cratis/showrunner.boxoffice';\nimport { formatDay } from '../formatting.js';\nimport { format } from '../Labels/index.js';\nimport { useBoxOfficeContext } from '../Provider/BoxOfficeContext.js';\nimport { SeatRow, SeatSummary } from './seatModels.js';\n\n/**\n * Props for {@link SeatsView}.\n */\nexport interface SeatsViewProps {\n    /** The seats, oldest first. */\n    rows: readonly SeatRow[];\n\n    /** What to summarize. */\n    summary: SeatSummary;\n\n    /** Whether the tenant is read-only, so seats cannot be changed. */\n    isReadOnly: boolean;\n\n    /** Whether the seats are still loading. */\n    isLoading?: boolean;\n\n    /** Whether the seats could not be loaded because the user may not see them. */\n    isUnauthorized?: boolean;\n\n    /** Whether the seats could not be loaded. */\n    hasFailed?: boolean;\n\n    /** Called when the user wants to assign a seat. */\n    onAssign: () => void;\n\n    /** Called when the user wants to release a seat. */\n    onRelease: (holding: SeatHolding) => void;\n}\n\nconst statusOf = (isLoading?: boolean, isUnauthorized?: boolean, hasFailed?: boolean) => {\n    if (isUnauthorized) {\n        return DataTableStatus.Unauthorized;\n    }\n\n    if (hasFailed) {\n        return DataTableStatus.Failed;\n    }\n\n    return isLoading ? DataTableStatus.Loading : DataTableStatus.Ready;\n};\n\n/**\n * The seats of the tenant: how many are used, who holds them, and buttons to assign and release.\n */\nexport const SeatsView = ({ rows, summary, isReadOnly, isLoading, isUnauthorized, hasFailed, onAssign, onRelease }: SeatsViewProps) => {\n    const { labels, locale } = useBoxOfficeContext();\n\n    return (\n        <section className='boxoffice-seats' aria-labelledby='boxoffice-seats-title'>\n            <header className='boxoffice-page__header'>\n                <h2 id='boxoffice-seats-title' className='boxoffice-page__title'>{labels.seats.title}</h2>\n                <Button label={labels.seats.assign} disabled={isReadOnly || summary.capacity === 0} onClick={onAssign} />\n            </header>\n\n            <p className='boxoffice-seats__summary'>\n                {summary.capacity === 0\n                    ? labels.seats.noCapacity\n                    : format(labels.seats.summary, { held: summary.held, capacity: summary.capacity })}\n            </p>\n            {summary.over > 0 && <Message severity='warn'>{format(labels.seats.overCapacity, { over: summary.over })}</Message>}\n            {isReadOnly && <Message severity='info'>{labels.seats.readOnly}</Message>}\n\n            <DataTableCore<SeatRow>\n                data={[...rows]}\n                dataKey='holding.holder.identityProviderSubject'\n                status={statusOf(isLoading, isUnauthorized, hasFailed)}\n                emptyMessage={labels.seats.empty}\n                loadingMessage={labels.common.loading}\n                failureMessage={labels.common.failed}\n                unauthorizedMessage={labels.common.unauthorized}>\n                <Column<SeatRow> header={labels.seats.holderColumn} body={row => row.holding.holder.name} />\n                <Column<SeatRow> header={labels.seats.emailColumn} body={row => row.holding.holder.email} />\n                <Column<SeatRow> header={labels.seats.assignedColumn} body={row => formatDay(row.holding.assignedAt, locale)} />\n                <Column<SeatRow>\n                    header={labels.seats.statusColumn}\n                    body={row => (\n                        <Tag\n                            severity={row.coverage === 'licensed' ? 'success' : 'warn'}\n                            value={row.coverage === 'licensed' ? labels.seats.licensed : labels.seats.overCapacityStatus} />\n                    )} />\n                <Column<SeatRow>\n                    header=''\n                    body={row => (\n                        <Button\n                            variant='ghost'\n                            tone='critical'\n                            size='small'\n                            label={labels.seats.releaseShort}\n                            aria-label={format(labels.seats.release, { name: row.holding.holder.name })}\n                            disabled={isReadOnly}\n                            onClick={() => onRelease(row.holding)} />\n                    )} />\n            </DataTableCore>\n        </section>\n    );\n};\n"],"names":["statusOf","isLoading","isUnauthorized","hasFailed","DataTableStatus","Unauthorized","Failed","Loading","Ready","SeatsView","rows","summary","isReadOnly","onAssign","onRelease","labels","locale","useBoxOfficeContext","_jsxs","section","className","aria-labelledby","header","_jsx","h2","id","seats","title","Button","label","assign","disabled","capacity","onClick","p","noCapacity","format","held","over","Message","severity","overCapacity","readOnly","DataTableCore","data","dataKey","status","emptyMessage","empty","loadingMessage","common","loading","failureMessage","failed","unauthorizedMessage","unauthorized","Column","holderColumn","body","row","holding","holder","name","emailColumn","email","assignedColumn","formatDay","assignedAt","statusColumn","Tag","coverage","value","licensed","overCapacityStatus","variant","tone","size","releaseShort","aria-label","release"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export * from './AssignSeatDialog.js';
+export * from './seatModels.js';
+export * from './SeatsPage.js';
+export * from './SeatsView.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Seats/index.ts"],"names":[],"mappings":"AAGA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/esm/Seats/index.js

@@ -0,0 +1,5 @@
+export * from './AssignSeatDialog.js';
+export * from './seatModels.js';
+export * from './SeatsPage.js';
+export * from './SeatsView.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../Seats/index.ts"],"names":[],"mappings":"AAGA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/esm/Seats/seatModels.d.ts

@@ -0,0 +1,23 @@
+import { Person, SeatHolding, SeatRoster } from '@cratis/showrunner.boxoffice';
+export type SeatCoverage = 'licensed' | 'overCapacity';
+export interface SeatRow {
+    readonly holding: SeatHolding;
+    readonly coverage: SeatCoverage;
+}
+export interface SeatSummary {
+    readonly held: number;
+    readonly capacity: number;
+    readonly over: number;
+}
+export declare function seatRows(roster: SeatRoster | undefined, capacity: number): SeatRow[];
+export declare function seatSummary(rows: readonly SeatRow[], capacity: number): SeatSummary;
+export interface SeatPersonInput {
+    identityProvider: string;
+    subject: string;
+    name: string;
+    email: string;
+}
+export declare const emptySeatPerson: SeatPersonInput;
+export declare function isValidSeatPerson(input: SeatPersonInput): boolean;
+export declare function personOf(input: SeatPersonInput): Person;
+//# sourceMappingURL=seatModels.d.ts.map

package/dist/esm/Seats/seatModels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seatModels.d.ts","sourceRoot":"","sources":["../../../Seats/seatModels.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG/E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,cAAc,CAAC;AAKvD,MAAM,WAAW,OAAO;IAEpB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAG9B,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC;CACnC;AAKD,MAAM,WAAW,WAAW;IAExB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAGtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAG1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AASD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,EAAE,CAGpF;AAQD,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,WAAW,CAEnF;AAKD,MAAM,WAAW,eAAe;IAE5B,gBAAgB,EAAE,MAAM,CAAC;IAGzB,OAAO,EAAE,MAAM,CAAC;IAGhB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,MAAM,CAAC;CACjB;AAGD,eAAO,MAAM,eAAe,EAAE,eAA4E,CAAC;AAO3G,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAEjE;AAOD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAOvD"}

package/dist/esm/Seats/seatModels.js

@@ -0,0 +1,59 @@
+import { Person } from '@cratis/showrunner.boxoffice';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Lays out the seats the way the backend licenses them: the first people to be given a seat, in the order they were
+ * given them, are covered by the tenant's seats, and the rest are not.
+ * @param roster Who holds the seats.
+ * @param capacity How many seats the tenant has.
+ * @returns The seats, oldest first.
+ */ function seatRows(roster, capacity) {
+    const holdings = [
+        ...roster?.holdings ?? []
+    ].sort((a, b)=>new Date(a.assignedAt).getTime() - new Date(b.assignedAt).getTime());
+    return holdings.map((holding, index)=>({
+            holding,
+            coverage: index < Math.max(capacity, 0) ? 'licensed' : 'overCapacity'
+        }));
+}
+/**
+ * Summarizes the seats.
+ * @param rows The seats from {@link seatRows}.
+ * @param capacity How many seats the tenant has.
+ * @returns The {@link SeatSummary}.
+ */ function seatSummary(rows, capacity) {
+    return {
+        held: rows.length,
+        capacity,
+        over: rows.filter((_)=>_.coverage === 'overCapacity').length
+    };
+}
+/** An empty {@link SeatPersonInput}. */ const emptySeatPerson = {
+    identityProvider: '',
+    subject: '',
+    name: '',
+    email: ''
+};
+/**
+ * Gets whether what the user typed can be assigned a seat.
+ * @param input What the user typed.
+ * @returns True when every field has something in it.
+ */ function isValidSeatPerson(input) {
+    return Object.values(input).every((value)=>value.trim().length > 0);
+}
+/**
+ * Makes the person a seat is assigned to.
+ * @param input What the user typed.
+ * @returns The {@link Person}.
+ */ function personOf(input) {
+    const person = new Person();
+    person.identityProvider = input.identityProvider.trim();
+    person.identityProviderSubject = input.subject.trim();
+    person.name = input.name.trim();
+    person.email = input.email.trim();
+    return person;
+}
+
+export { emptySeatPerson, isValidSeatPerson, personOf, seatRows, seatSummary };
+//# sourceMappingURL=seatModels.js.map

package/dist/esm/Seats/seatModels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seatModels.js","sources":["../../../Seats/seatModels.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Person, SeatHolding, SeatRoster } from '@cratis/showrunner.boxoffice';\n\n/** Whether a seat is covered by what the tenant has bought. */\nexport type SeatCoverage = 'licensed' | 'overCapacity';\n\n/**\n * One person's seat on the seats page.\n */\nexport interface SeatRow {\n    /** The seat. */\n    readonly holding: SeatHolding;\n\n    /** Whether the tenant's seats cover it. */\n    readonly coverage: SeatCoverage;\n}\n\n/**\n * What the seats page summarizes.\n */\nexport interface SeatSummary {\n    /** How many seats are held. */\n    readonly held: number;\n\n    /** How many seats the tenant has. */\n    readonly capacity: number;\n\n    /** How many people hold a seat the tenant has no room for. */\n    readonly over: number;\n}\n\n/**\n * Lays out the seats the way the backend licenses them: the first people to be given a seat, in the order they were\n * given them, are covered by the tenant's seats, and the rest are not.\n * @param roster Who holds the seats.\n * @param capacity How many seats the tenant has.\n * @returns The seats, oldest first.\n */\nexport function seatRows(roster: SeatRoster | undefined, capacity: number): SeatRow[] {\n    const holdings = [...(roster?.holdings ?? [])].sort((a, b) => new Date(a.assignedAt).getTime() - new Date(b.assignedAt).getTime());\n    return holdings.map((holding, index) => ({ holding, coverage: index < Math.max(capacity, 0) ? 'licensed' : 'overCapacity' }));\n}\n\n/**\n * Summarizes the seats.\n * @param rows The seats from {@link seatRows}.\n * @param capacity How many seats the tenant has.\n * @returns The {@link SeatSummary}.\n */\nexport function seatSummary(rows: readonly SeatRow[], capacity: number): SeatSummary {\n    return { held: rows.length, capacity, over: rows.filter(_ => _.coverage === 'overCapacity').length };\n}\n\n/**\n * What the user types to assign a seat.\n */\nexport interface SeatPersonInput {\n    /** The identity provider that knows the person. */\n    identityProvider: string;\n\n    /** The person's subject at the identity provider. */\n    subject: string;\n\n    /** The person's name. */\n    name: string;\n\n    /** The person's email address. */\n    email: string;\n}\n\n/** An empty {@link SeatPersonInput}. */\nexport const emptySeatPerson: SeatPersonInput = { identityProvider: '', subject: '', name: '', email: '' };\n\n/**\n * Gets whether what the user typed can be assigned a seat.\n * @param input What the user typed.\n * @returns True when every field has something in it.\n */\nexport function isValidSeatPerson(input: SeatPersonInput): boolean {\n    return Object.values(input).every(value => value.trim().length > 0);\n}\n\n/**\n * Makes the person a seat is assigned to.\n * @param input What the user typed.\n * @returns The {@link Person}.\n */\nexport function personOf(input: SeatPersonInput): Person {\n    const person = new Person();\n    person.identityProvider = input.identityProvider.trim();\n    person.identityProviderSubject = input.subject.trim();\n    person.name = input.name.trim();\n    person.email = input.email.trim();\n    return person;\n}\n"],"names":["seatRows","roster","capacity","holdings","sort","a","b","Date","assignedAt","getTime","map","holding","index","coverage","Math","max","seatSummary","rows","held","length","over","filter","_","emptySeatPerson","identityProvider","subject","name","email","isValidSeatPerson","input","Object","values","every","value","trim","personOf","person","Person","identityProviderSubject"],"mappings":";;AAAA;AACA;AAgCA;;;;;;AAMC,IACM,SAASA,QAAAA,CAASC,MAA8B,EAAEC,QAAgB,EAAA;AACrE,IAAA,MAAMC,QAAAA,GAAW;AAAKF,QAAAA,GAAAA,MAAAA,EAAQE,YAAY;AAAI,KAAA,CAACC,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GAAM,IAAIC,IAAAA,CAAKF,CAAAA,CAAEG,UAAU,CAAA,CAAEC,OAAO,EAAA,GAAK,IAAIF,KAAKD,CAAAA,CAAEE,UAAU,EAAEC,OAAO,EAAA,CAAA;AAC/H,IAAA,OAAON,SAASO,GAAG,CAAC,CAACC,OAAAA,EAASC,SAAW;AAAED,YAAAA,OAAAA;AAASE,YAAAA,QAAAA,EAAUD,QAAQE,IAAAA,CAAKC,GAAG,CAACb,QAAAA,EAAU,KAAK,UAAA,GAAa;SAAe,CAAA,CAAA;AAC9H;AAEA;;;;;AAKC,IACM,SAASc,WAAAA,CAAYC,IAAwB,EAAEf,QAAgB,EAAA;IAClE,OAAO;AAAEgB,QAAAA,IAAAA,EAAMD,KAAKE,MAAM;AAAEjB,QAAAA,QAAAA;QAAUkB,IAAAA,EAAMH,IAAAA,CAAKI,MAAM,CAACC,CAAAA,IAAKA,CAAAA,CAAET,QAAQ,KAAK,cAAA,CAAA,CAAgBM;AAAO,KAAA;AACvG;AAmBA,yCACO,MAAMI,eAAAA,GAAmC;IAAEC,gBAAAA,EAAkB,EAAA;IAAIC,OAAAA,EAAS,EAAA;IAAIC,IAAAA,EAAM,EAAA;IAAIC,KAAAA,EAAO;AAAG;AAEzG;;;;IAKO,SAASC,iBAAAA,CAAkBC,KAAsB,EAAA;AACpD,IAAA,OAAOC,MAAAA,CAAOC,MAAM,CAACF,KAAAA,CAAAA,CAAOG,KAAK,CAACC,CAAAA,KAAAA,GAASA,KAAAA,CAAMC,IAAI,EAAA,CAAGf,MAAM,GAAG,CAAA,CAAA;AACrE;AAEA;;;;IAKO,SAASgB,QAAAA,CAASN,KAAsB,EAAA;AAC3C,IAAA,MAAMO,SAAS,IAAIC,MAAAA,EAAAA;AACnBD,IAAAA,MAAAA,CAAOZ,gBAAgB,GAAGK,KAAAA,CAAML,gBAAgB,CAACU,IAAI,EAAA;AACrDE,IAAAA,MAAAA,CAAOE,uBAAuB,GAAGT,KAAAA,CAAMJ,OAAO,CAACS,IAAI,EAAA;AACnDE,IAAAA,MAAAA,CAAOV,IAAI,GAAGG,KAAAA,CAAMH,IAAI,CAACQ,IAAI,EAAA;AAC7BE,IAAAA,MAAAA,CAAOT,KAAK,GAAGE,KAAAA,CAAMF,KAAK,CAACO,IAAI,EAAA;IAC/B,OAAOE,MAAAA;AACX;;"}

package/dist/esm/Usage/UsagePage.d.ts

@@ -0,0 +1,2 @@
+export declare const UsagePage: () => import("react").JSX.Element;
+//# sourceMappingURL=UsagePage.d.ts.map

package/dist/esm/Usage/UsagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsagePage.d.ts","sourceRoot":"","sources":["../../../Usage/UsagePage.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS,mCAYrB,CAAC"}