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

package/Seats/seatModels.ts

@@ -0,0 +1,97 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { Person, SeatHolding, SeatRoster } from '@cratis/showrunner.boxoffice';
+
+/** Whether a seat is covered by what the tenant has bought. */
+export type SeatCoverage = 'licensed' | 'overCapacity';
+
+/**
+ * One person's seat on the seats page.
+ */
+export interface SeatRow {
+    /** The seat. */
+    readonly holding: SeatHolding;
+
+    /** Whether the tenant's seats cover it. */
+    readonly coverage: SeatCoverage;
+}
+
+/**
+ * What the seats page summarizes.
+ */
+export interface SeatSummary {
+    /** How many seats are held. */
+    readonly held: number;
+
+    /** How many seats the tenant has. */
+    readonly capacity: number;
+
+    /** How many people hold a seat the tenant has no room for. */
+    readonly over: number;
+}
+
+/**
+ * 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.
+ */
+export function seatRows(roster: SeatRoster | undefined, capacity: number): SeatRow[] {
+    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}.
+ */
+export function seatSummary(rows: readonly SeatRow[], capacity: number): SeatSummary {
+    return { held: rows.length, capacity, over: rows.filter(_ => _.coverage === 'overCapacity').length };
+}
+
+/**
+ * What the user types to assign a seat.
+ */
+export interface SeatPersonInput {
+    /** The identity provider that knows the person. */
+    identityProvider: string;
+
+    /** The person's subject at the identity provider. */
+    subject: string;
+
+    /** The person's name. */
+    name: string;
+
+    /** The person's email address. */
+    email: string;
+}
+
+/** An empty {@link SeatPersonInput}. */
+export const emptySeatPerson: SeatPersonInput = { 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.
+ */
+export function isValidSeatPerson(input: SeatPersonInput): boolean {
+    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}.
+ */
+export function personOf(input: SeatPersonInput): Person {
+    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;
+}

package/Usage/UsagePage.tsx

@@ -0,0 +1,26 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { CurrentUsage } from '@cratis/showrunner.boxoffice';
+import { useBoxOfficeContext } from '../Provider/BoxOfficeContext.js';
+import { meterUsageModel } from './usageModels.js';
+import { UsageView } from './UsageView.js';
+
+/**
+ * The usage page: what the tenant has used of each meter in the period it is in, against its allowance and budget. For
+ * the people who maintain the product; the backend refuses everyone else. Render it inside a
+ * {@link BoxOfficeProvider}.
+ */
+export const UsagePage = () => {
+    const { labels, locale } = useBoxOfficeContext();
+    const [usage] = CurrentUsage.use();
+    const meters = usage.isSuccess ? (usage.data ?? []).map(standing => meterUsageModel(standing, labels, locale)) : [];
+
+    return (
+        <UsageView
+            meters={meters}
+            isLoading={usage.isPerforming && !usage.isSuccess}
+            isUnauthorized={!usage.isAuthorized}
+            hasFailed={!usage.isPerforming && usage.isAuthorized && !usage.isSuccess} />
+    );
+};

package/Usage/UsageView.tsx

@@ -0,0 +1,94 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { Column, DataTableCore, DataTableStatus } from '@cratis/components/DataTables';
+import { ProgressBar, Tag } from '@cratis/components/Display';
+import { format } from '../Labels/index.js';
+import { useBoxOfficeContext } from '../Provider/BoxOfficeContext.js';
+import { MeterUsageModel, UsageLevel } from './usageModels.js';
+
+/**
+ * Props for {@link UsageView}.
+ */
+export interface UsageViewProps {
+    /** How each meter stands. */
+    meters: readonly MeterUsageModel[];
+
+    /** Whether the usage is still loading. */
+    isLoading?: boolean;
+
+    /** Whether the usage could not be loaded because the user may not see it. */
+    isUnauthorized?: boolean;
+
+    /** Whether the usage could not be loaded. */
+    hasFailed?: boolean;
+}
+
+const statusOf = (isLoading?: boolean, isUnauthorized?: boolean, hasFailed?: boolean) => {
+    if (isUnauthorized) {
+        return DataTableStatus.Unauthorized;
+    }
+
+    if (hasFailed) {
+        return DataTableStatus.Failed;
+    }
+
+    return isLoading ? DataTableStatus.Loading : DataTableStatus.Ready;
+};
+
+/**
+ * What a tenant has used of each meter in the period it is in, against its allowance and budget.
+ */
+export const UsageView = ({ meters, isLoading, isUnauthorized, hasFailed }: UsageViewProps) => {
+    const { labels } = useBoxOfficeContext();
+    const levelText: Record<UsageLevel, string | undefined> = {
+        ok: undefined,
+        warning: undefined,
+        atBudget: labels.usage.atBudget,
+        atAllowance: labels.usage.atAllowance
+    };
+    const showsConcurrency = meters.some(_ => _.standing.hasConcurrencyLimit);
+
+    return (
+        <section className='boxoffice-usage' aria-labelledby='boxoffice-usage-title'>
+            <header className='boxoffice-page__header'>
+                <h2 id='boxoffice-usage-title' className='boxoffice-page__title'>{labels.usage.title}</h2>
+            </header>
+
+            <DataTableCore<MeterUsageModel>
+                data={[...meters]}
+                dataKey='standing.meter'
+                status={statusOf(isLoading, isUnauthorized, hasFailed)}
+                emptyMessage={labels.usage.empty}
+                loadingMessage={labels.common.loading}
+                failureMessage={labels.common.failed}
+                unauthorizedMessage={labels.common.unauthorized}>
+                <Column<MeterUsageModel>
+                    header={labels.usage.meterColumn}
+                    body={meter => (
+                        <span className='boxoffice-usage__meter'>
+                            <strong>{meter.standing.name}</strong>
+                            <span className='boxoffice-usage__period'>{meter.periodText}</span>
+                        </span>
+                    )} />
+                <Column<MeterUsageModel>
+                    header={labels.usage.usedColumn}
+                    body={meter => (
+                        <span className={`boxoffice-usage__used boxoffice-usage__used--${meter.level}`}>
+                            <span>{meter.usedText}</span>
+                            {meter.standing.allowance > 0 && (
+                                <ProgressBar
+                                    value={meter.percent}
+                                    showValue={false}
+                                    aria-label={format(labels.usage.progress, { meter: meter.standing.name })} />
+                            )}
+                            {levelText[meter.level] && <Tag severity={meter.level === 'atAllowance' ? 'danger' : 'warn'} value={levelText[meter.level]} />}
+                            <span className='boxoffice-usage__overage'>{meter.overageText}</span>
+                        </span>
+                    )} />
+                <Column<MeterUsageModel> header={labels.usage.budgetColumn} body={meter => meter.budgetText} />
+                {showsConcurrency && <Column<MeterUsageModel> header={labels.usage.concurrencyColumn} body={meter => meter.concurrencyText} />}
+            </DataTableCore>
+        </section>
+    );
+};

package/Usage/index.ts

@@ -0,0 +1,6 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+export * from './usageModels.js';
+export * from './UsagePage.js';
+export * from './UsageView.js';

package/Usage/usageModels.ts

@@ -0,0 +1,92 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { AllowancePeriod, MeterStanding, OverageBehavior } from '@cratis/showrunner.boxoffice';
+import { BoxOfficeLabels, format } from '../Labels/index.js';
+import { formatDay, formatQuantity } from '../formatting.js';
+
+/** How a meter stands against what it may use. */
+export type UsageLevel = 'ok' | 'warning' | 'atBudget' | 'atAllowance';
+
+/** The share of an allowance used from which a meter is shown as running out. */
+export const usageWarningShare = 0.8;
+
+/**
+ * What the usage page shows for one meter.
+ */
+export interface MeterUsageModel {
+    /** The meter's standing. */
+    readonly standing: MeterStanding;
+
+    /** How much of the allowance is used, from 0 to 100; 0 when there is no allowance. */
+    readonly percent: number;
+
+    /** How the meter stands. */
+    readonly level: UsageLevel;
+
+    /** What is used against the allowance, in words. */
+    readonly usedText: string;
+
+    /** The allowance's period and when it starts over, in words. */
+    readonly periodText: string;
+
+    /** What happens beyond the allowance, in words. */
+    readonly overageText: string;
+
+    /** The budget, in words; nothing set when there is none. */
+    readonly budgetText: string;
+
+    /** The concurrency limit, in words; nothing set when there is none. */
+    readonly concurrencyText: string;
+}
+
+/**
+ * Works out how a meter stands.
+ * @param standing The meter's standing from the backend.
+ * @returns The {@link UsageLevel}.
+ */
+export function usageLevel(standing: MeterStanding): UsageLevel {
+    if (standing.allowance > 0 && standing.used >= standing.allowance) {
+        return 'atAllowance';
+    }
+
+    if (standing.budget !== undefined && standing.budget !== null && standing.used >= standing.budget) {
+        return 'atBudget';
+    }
+
+    return standing.allowance > 0 && standing.used / standing.allowance >= usageWarningShare ? 'warning' : 'ok';
+}
+
+/**
+ * Lays out how a meter stands for the usage page.
+ * @param standing The meter's standing from the backend.
+ * @param labels The labels to show.
+ * @param locale The locale to format for; the browser's when not given.
+ * @returns The {@link MeterUsageModel}.
+ */
+export function meterUsageModel(standing: MeterStanding, labels: BoxOfficeLabels, locale?: string): MeterUsageModel {
+    const hasAllowance = standing.allowance > 0;
+    const period = standing.period === AllowancePeriod.month ? labels.usage.month : labels.usage.day;
+    const used = formatQuantity(standing.used, locale);
+
+    return {
+        standing,
+        percent: hasAllowance ? Math.min(100, Math.round((standing.used / standing.allowance) * 100)) : 0,
+        level: usageLevel(standing),
+        usedText: hasAllowance
+            ? format(labels.usage.usedOfAllowance, { used, allowance: formatQuantity(standing.allowance, locale), unit: standing.unit })
+            : format(labels.usage.noAllowance, { used, unit: standing.unit }),
+        periodText: hasAllowance
+            ? `${period}, ${format(labels.usage.resets, { date: formatDay(standing.periodEnds, locale) })}`
+            : period,
+        overageText: standing.overage === OverageBehavior.park ? labels.usage.park : labels.usage.block,
+        budgetText: standing.budget !== undefined && standing.budget !== null
+            ? `${formatQuantity(standing.budget, locale)} ${standing.unit}`
+            : labels.usage.notSet,
+        concurrencyText: !standing.hasConcurrencyLimit
+            ? ''
+            : standing.concurrencyLimit !== undefined && standing.concurrencyLimit !== null
+                ? formatQuantity(standing.concurrencyLimit, locale)
+                : labels.usage.notSet
+    };
+}

package/dist/cjs/Banners/NoLicense.d.ts

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

package/dist/cjs/Banners/NoLicense.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoLicense.d.ts","sourceRoot":"","sources":["../../../Banners/NoLicense.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,SAAS,0CAoBrB,CAAC"}

package/dist/cjs/Banners/NoLicense.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Display = require('@cratis/components/Display');
+var showrunner_boxoffice = require('@cratis/showrunner.boxoffice');
+var EntitlementsContext = require('../Entitlements/EntitlementsContext.js');
+var PortalButton = require('../Portal/PortalButton.js');
+var BoxOfficeContext = require('../Provider/BoxOfficeContext.js');
+var bannerModels = require('./bannerModels.js');
+
+/**
+ * Tells a user who cannot use the product why, and what to do about it: the tenant is suspended, its trial ended, the
+ * user has no seat, or the tenant has more people with seats than it has bought. Nothing is shown to a user with a
+ * license. Render it where the application's content would be, or above it.
+ */ const NoLicense = ()=>{
+    const entitlements = EntitlementsContext.useEntitlementsContext();
+    const { labels, seat } = BoxOfficeContext.useBoxOfficeContext();
+    const model = bannerModels.noLicenseModel(entitlements, seat, labels);
+    if (!model) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "boxoffice-no-license",
+        "data-reason": model.reason,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(Display.Message, {
+                severity: model.reason === 'noSeat' || model.reason === 'overCapacity' ? 'warn' : 'error',
+                children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    className: "boxoffice-banner__text",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx("strong", {
+                            children: model.title
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            children: model.text
+                        })
+                    ]
+                })
+            }),
+            model.reason !== 'noSeat' && /*#__PURE__*/ jsxRuntime.jsx(PortalButton.PortalButton, {
+                intent: showrunner_boxoffice.PortalIntent.buy,
+                label: labels.noLicense.openPortal,
+                variant: "outline"
+            })
+        ]
+    });
+};
+
+exports.NoLicense = NoLicense;
+//# sourceMappingURL=NoLicense.js.map

package/dist/cjs/Banners/NoLicense.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoLicense.js","sources":["../../../Banners/NoLicense.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 { PortalIntent } from '@cratis/showrunner.boxoffice';\nimport { useEntitlementsContext } from '../Entitlements/EntitlementsContext.js';\nimport { PortalButton } from '../Portal/PortalButton.js';\nimport { useBoxOfficeContext } from '../Provider/BoxOfficeContext.js';\nimport { noLicenseModel } from './bannerModels.js';\n\n/**\n * Tells a user who cannot use the product why, and what to do about it: the tenant is suspended, its trial ended, the\n * user has no seat, or the tenant has more people with seats than it has bought. Nothing is shown to a user with a\n * license. Render it where the application's content would be, or above it.\n */\nexport const NoLicense = () => {\n    const entitlements = useEntitlementsContext();\n    const { labels, seat } = useBoxOfficeContext();\n    const model = noLicenseModel(entitlements, seat, labels);\n\n    if (!model) {\n        return null;\n    }\n\n    return (\n        <div className='boxoffice-no-license' data-reason={model.reason}>\n            <Message severity={model.reason === 'noSeat' || model.reason === 'overCapacity' ? 'warn' : 'error'}>\n                <div className='boxoffice-banner__text'>\n                    <strong>{model.title}</strong>\n                    <span>{model.text}</span>\n                </div>\n            </Message>\n            {model.reason !== 'noSeat' && <PortalButton intent={PortalIntent.buy} label={labels.noLicense.openPortal} variant='outline' />}\n        </div>\n    );\n};\n"],"names":["NoLicense","entitlements","useEntitlementsContext","labels","seat","useBoxOfficeContext","model","noLicenseModel","_jsxs","div","className","data-reason","reason","_jsx","Message","severity","strong","title","span","text","PortalButton","intent","PortalIntent","buy","label","noLicense","openPortal","variant"],"mappings":";;;;;;;;;;AAUA;;;;UAKaA,SAAAA,GAAY,IAAA;AACrB,IAAA,MAAMC,YAAAA,GAAeC,0CAAAA,EAAAA;AACrB,IAAA,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGC,oCAAAA,EAAAA;IACzB,MAAMC,KAAAA,GAAQC,2BAAAA,CAAeN,YAAAA,EAAcG,IAAAA,EAAMD,MAAAA,CAAAA;AAEjD,IAAA,IAAI,CAACG,KAAAA,EAAO;QACR,OAAO,IAAA;AACX,IAAA;AAEA,IAAA,qBACIE,eAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,sBAAA;AAAuBC,QAAAA,aAAAA,EAAaL,MAAMM,MAAM;;0BAC3DC,cAAA,CAACC,eAAAA,EAAAA;gBAAQC,QAAAA,EAAUT,KAAAA,CAAMM,MAAM,KAAK,QAAA,IAAYN,MAAMM,MAAM,KAAK,iBAAiB,MAAA,GAAS,OAAA;AACvF,gBAAA,QAAA,gBAAAJ,eAAA,CAACC,KAAAA,EAAAA;oBAAIC,SAAAA,EAAU,wBAAA;;sCACXG,cAAA,CAACG,QAAAA,EAAAA;AAAQV,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMW;;sCACfJ,cAAA,CAACK,MAAAA,EAAAA;AAAMZ,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMa;;;;;YAGpBb,KAAAA,CAAMM,MAAM,KAAK,QAAA,kBAAYC,cAAA,CAACO,yBAAAA,EAAAA;AAAaC,gBAAAA,MAAAA,EAAQC,kCAAaC,GAAG;gBAAEC,KAAAA,EAAOrB,MAAAA,CAAOsB,SAAS,CAACC,UAAU;gBAAEC,OAAAA,EAAQ;;;;AAG9H;;"}

package/dist/cjs/Banners/SuspensionBanner.d.ts

@@ -0,0 +1,7 @@
+import { SuspensionCause } from '@cratis/showrunner.boxoffice';
+export interface SuspensionBannerViewProps {
+    cause?: SuspensionCause;
+}
+export declare const SuspensionBannerView: ({ cause }: SuspensionBannerViewProps) => import("react").JSX.Element;
+export declare const SuspensionBanner: () => import("react").JSX.Element | null;
+//# sourceMappingURL=SuspensionBanner.d.ts.map

package/dist/cjs/Banners/SuspensionBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuspensionBanner.d.ts","sourceRoot":"","sources":["../../../Banners/SuspensionBanner.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiD,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAS9G,MAAM,WAAW,yBAAyB;IAEtC,KAAK,CAAC,EAAE,eAAe,CAAC;CAC3B;AAKD,eAAO,MAAM,oBAAoB,GAAI,WAAW,yBAAyB,gCAgBxE,CAAC;AAMF,eAAO,MAAM,gBAAgB,0CAU5B,CAAC"}

package/dist/cjs/Banners/SuspensionBanner.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Display = require('@cratis/components/Display');
+var showrunner_boxoffice = require('@cratis/showrunner.boxoffice');
+var EntitlementsContext = require('../Entitlements/EntitlementsContext.js');
+var PortalButton = require('../Portal/PortalButton.js');
+var BoxOfficeContext = require('../Provider/BoxOfficeContext.js');
+var bannerModels = require('./bannerModels.js');
+
+/**
+ * What the suspension banner shows, for the cause it is given.
+ */ const SuspensionBannerView = ({ cause })=>{
+    const labels = BoxOfficeContext.useBoxOfficeLabels();
+    const reason = bannerModels.suspensionReason(cause, labels);
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "boxoffice-banner",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(Display.Message, {
+                severity: "error",
+                children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    className: "boxoffice-banner__text",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx("strong", {
+                            children: labels.suspension.title
+                        }),
+                        reason && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            children: reason
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            children: labels.suspension.resolve
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(PortalButton.PortalButton, {
+                intent: showrunner_boxoffice.PortalIntent.buy,
+                label: labels.suspension.openPortal,
+                size: "small",
+                variant: "outline"
+            })
+        ]
+    });
+};
+/**
+ * Tells the user that the operator suspended the tenant and why, and that everything is read-only until it is lifted.
+ * Nothing is shown when the tenant is not suspended. Render it once, above the application's pages.
+ */ const SuspensionBanner = ()=>{
+    const entitlements = EntitlementsContext.useEntitlementsContext();
+    const isSuspended = entitlements.readOnlyReason === showrunner_boxoffice.ReadOnlyReason.tenantSuspended;
+    const [standing] = showrunner_boxoffice.CurrentStanding.when(isSuspended).use();
+    if (!isSuspended) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(SuspensionBannerView, {
+        cause: standing.isSuccess ? standing.data?.cause : undefined
+    });
+};
+
+exports.SuspensionBanner = SuspensionBanner;
+exports.SuspensionBannerView = SuspensionBannerView;
+//# sourceMappingURL=SuspensionBanner.js.map

package/dist/cjs/Banners/SuspensionBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuspensionBanner.js","sources":["../../../Banners/SuspensionBanner.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 { CurrentStanding, PortalIntent, ReadOnlyReason, SuspensionCause } from '@cratis/showrunner.boxoffice';\nimport { useEntitlementsContext } from '../Entitlements/EntitlementsContext.js';\nimport { PortalButton } from '../Portal/PortalButton.js';\nimport { useBoxOfficeLabels } from '../Provider/BoxOfficeContext.js';\nimport { suspensionReason } from './bannerModels.js';\n\n/**\n * Props for {@link SuspensionBannerView}.\n */\nexport interface SuspensionBannerViewProps {\n    /** The cause the operator gave; the reason is left out when not known. */\n    cause?: SuspensionCause;\n}\n\n/**\n * What the suspension banner shows, for the cause it is given.\n */\nexport const SuspensionBannerView = ({ cause }: SuspensionBannerViewProps) => {\n    const labels = useBoxOfficeLabels();\n    const reason = suspensionReason(cause, labels);\n\n    return (\n        <div className='boxoffice-banner'>\n            <Message severity='error'>\n                <div className='boxoffice-banner__text'>\n                    <strong>{labels.suspension.title}</strong>\n                    {reason && <span>{reason}</span>}\n                    <span>{labels.suspension.resolve}</span>\n                </div>\n            </Message>\n            <PortalButton intent={PortalIntent.buy} label={labels.suspension.openPortal} size='small' variant='outline' />\n        </div>\n    );\n};\n\n/**\n * Tells the user that the operator suspended the tenant and why, and that everything is read-only until it is lifted.\n * Nothing is shown when the tenant is not suspended. Render it once, above the application's pages.\n */\nexport const SuspensionBanner = () => {\n    const entitlements = useEntitlementsContext();\n    const isSuspended = entitlements.readOnlyReason === ReadOnlyReason.tenantSuspended;\n    const [standing] = CurrentStanding.when(isSuspended).use();\n\n    if (!isSuspended) {\n        return null;\n    }\n\n    return <SuspensionBannerView cause={standing.isSuccess ? standing.data?.cause : undefined} />;\n};\n"],"names":["SuspensionBannerView","cause","labels","useBoxOfficeLabels","reason","suspensionReason","_jsxs","div","className","_jsx","Message","severity","strong","suspension","title","span","resolve","PortalButton","intent","PortalIntent","buy","label","openPortal","size","variant","SuspensionBanner","entitlements","useEntitlementsContext","isSuspended","readOnlyReason","ReadOnlyReason","tenantSuspended","standing","CurrentStanding","when","use","isSuccess","data","undefined"],"mappings":";;;;;;;;;;AAkBA;;AAEC,IACM,MAAMA,oBAAAA,GAAuB,CAAC,EAAEC,KAAK,EAA6B,GAAA;AACrE,IAAA,MAAMC,MAAAA,GAASC,mCAAAA,EAAAA;IACf,MAAMC,MAAAA,GAASC,8BAAiBJ,KAAAA,EAAOC,MAAAA,CAAAA;AAEvC,IAAA,qBACII,eAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,kBAAA;;0BACXC,cAAA,CAACC,eAAAA,EAAAA;gBAAQC,QAAAA,EAAS,OAAA;AACd,gBAAA,QAAA,gBAAAL,eAAA,CAACC,KAAAA,EAAAA;oBAAIC,SAAAA,EAAU,wBAAA;;sCACXC,cAAA,CAACG,QAAAA,EAAAA;sCAAQV,MAAAA,CAAOW,UAAU,CAACC;;AAC1BV,wBAAAA,MAAAA,kBAAUK,cAAA,CAACM,MAAAA,EAAAA;AAAMX,4BAAAA,QAAAA,EAAAA;;sCAClBK,cAAA,CAACM,MAAAA,EAAAA;sCAAMb,MAAAA,CAAOW,UAAU,CAACG;;;;;0BAGjCP,cAAA,CAACQ,yBAAAA,EAAAA;AAAaC,gBAAAA,MAAAA,EAAQC,kCAAaC,GAAG;gBAAEC,KAAAA,EAAOnB,MAAAA,CAAOW,UAAU,CAACS,UAAU;gBAAEC,IAAAA,EAAK,OAAA;gBAAQC,OAAAA,EAAQ;;;;AAG9G;AAEA;;;UAIaC,gBAAAA,GAAmB,IAAA;AAC5B,IAAA,MAAMC,YAAAA,GAAeC,0CAAAA,EAAAA;AACrB,IAAA,MAAMC,WAAAA,GAAcF,YAAAA,CAAaG,cAAc,KAAKC,oCAAeC,eAAe;AAClF,IAAA,MAAM,CAACC,QAAAA,CAAS,GAAGC,qCAAgBC,IAAI,CAACN,aAAaO,GAAG,EAAA;AAExD,IAAA,IAAI,CAACP,WAAAA,EAAa;QACd,OAAO,IAAA;AACX,IAAA;AAEA,IAAA,qBAAOnB,cAAA,CAACT,oBAAAA,EAAAA;AAAqBC,QAAAA,KAAAA,EAAO+B,SAASI,SAAS,GAAGJ,QAAAA,CAASK,IAAI,EAAEpC,KAAAA,GAAQqC;;AACpF;;;"}

package/dist/cjs/Banners/TrialBanner.d.ts

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

package/dist/cjs/Banners/TrialBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrialBanner.d.ts","sourceRoot":"","sources":["../../../Banners/TrialBanner.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,WAAW,0CAevB,CAAC"}

package/dist/cjs/Banners/TrialBanner.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Display = require('@cratis/components/Display');
+var showrunner_boxoffice = require('@cratis/showrunner.boxoffice');
+var EntitlementsContext = require('../Entitlements/EntitlementsContext.js');
+var PortalButton = require('../Portal/PortalButton.js');
+var BoxOfficeContext = require('../Provider/BoxOfficeContext.js');
+var bannerModels = require('./bannerModels.js');
+
+/**
+ * Tells the user how long the tenant's trial runs, or that it has closed, with a button to buy. Nothing is shown when
+ * the tenant is not on a trial. Render it once, above the application's pages.
+ */ const TrialBanner = ()=>{
+    const entitlements = EntitlementsContext.useEntitlementsContext();
+    const labels = BoxOfficeContext.useBoxOfficeLabels();
+    const model = bannerModels.trialBannerModel(entitlements, labels);
+    if (!model) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "boxoffice-banner",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(Display.Message, {
+                severity: model.severity,
+                children: model.text
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(PortalButton.PortalButton, {
+                intent: showrunner_boxoffice.PortalIntent.buy,
+                label: labels.trialBanner.buy,
+                size: "small"
+            })
+        ]
+    });
+};
+
+exports.TrialBanner = TrialBanner;
+//# sourceMappingURL=TrialBanner.js.map

package/dist/cjs/Banners/TrialBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrialBanner.js","sources":["../../../Banners/TrialBanner.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 { PortalIntent } from '@cratis/showrunner.boxoffice';\nimport { useEntitlementsContext } from '../Entitlements/EntitlementsContext.js';\nimport { PortalButton } from '../Portal/PortalButton.js';\nimport { useBoxOfficeLabels } from '../Provider/BoxOfficeContext.js';\nimport { trialBannerModel } from './bannerModels.js';\n\n/**\n * Tells the user how long the tenant's trial runs, or that it has closed, with a button to buy. Nothing is shown when\n * the tenant is not on a trial. Render it once, above the application's pages.\n */\nexport const TrialBanner = () => {\n    const entitlements = useEntitlementsContext();\n    const labels = useBoxOfficeLabels();\n    const model = trialBannerModel(entitlements, labels);\n\n    if (!model) {\n        return null;\n    }\n\n    return (\n        <div className='boxoffice-banner'>\n            <Message severity={model.severity}>{model.text}</Message>\n            <PortalButton intent={PortalIntent.buy} label={labels.trialBanner.buy} size='small' />\n        </div>\n    );\n};\n"],"names":["TrialBanner","entitlements","useEntitlementsContext","labels","useBoxOfficeLabels","model","trialBannerModel","_jsxs","div","className","_jsx","Message","severity","text","PortalButton","intent","PortalIntent","buy","label","trialBanner","size"],"mappings":";;;;;;;;;;AAUA;;;UAIaA,WAAAA,GAAc,IAAA;AACvB,IAAA,MAAMC,YAAAA,GAAeC,0CAAAA,EAAAA;AACrB,IAAA,MAAMC,MAAAA,GAASC,mCAAAA,EAAAA;IACf,MAAMC,KAAAA,GAAQC,8BAAiBL,YAAAA,EAAcE,MAAAA,CAAAA;AAE7C,IAAA,IAAI,CAACE,KAAAA,EAAO;QACR,OAAO,IAAA;AACX,IAAA;AAEA,IAAA,qBACIE,eAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,kBAAA;;0BACXC,cAAA,CAACC,eAAAA,EAAAA;AAAQC,gBAAAA,QAAAA,EAAUP,MAAMO,QAAQ;AAAGP,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMQ;;0BAC1CH,cAAA,CAACI,yBAAAA,EAAAA;AAAaC,gBAAAA,MAAAA,EAAQC,kCAAaC,GAAG;gBAAEC,KAAAA,EAAOf,MAAAA,CAAOgB,WAAW,CAACF,GAAG;gBAAEG,IAAAA,EAAK;;;;AAGxF;;"}

package/dist/cjs/Banners/bannerModels.d.ts

@@ -0,0 +1,19 @@
+import { SeatStanding, SuspensionCause } from '@cratis/showrunner.boxoffice';
+import { Entitlements } from '../Entitlements/entitlementModel.js';
+import { BoxOfficeLabels } from '../Labels/index.js';
+export type BannerSeverity = 'info' | 'warn' | 'error';
+export interface TrialBannerModel {
+    readonly severity: BannerSeverity;
+    readonly text: string;
+}
+export declare const trialWarningDays = 7;
+export declare function trialBannerModel(entitlements: Entitlements, labels: BoxOfficeLabels): TrialBannerModel | undefined;
+export declare function suspensionReason(cause: SuspensionCause | undefined, labels: BoxOfficeLabels): string;
+export type NoLicenseReason = 'suspended' | 'trialClosed' | 'noSeat' | 'overCapacity';
+export interface NoLicenseModel {
+    readonly reason: NoLicenseReason;
+    readonly title: string;
+    readonly text: string;
+}
+export declare function noLicenseModel(entitlements: Entitlements, seat: SeatStanding | undefined, labels: BoxOfficeLabels): NoLicenseModel | undefined;
+//# sourceMappingURL=bannerModels.d.ts.map

package/dist/cjs/Banners/bannerModels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bannerModels.d.ts","sourceRoot":"","sources":["../../../Banners/bannerModels.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkB,YAAY,EAAc,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACzG,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAU,MAAM,oBAAoB,CAAC;AAG7D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAKvD,MAAM,WAAW,gBAAgB;IAE7B,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAGlC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAGD,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAQlC,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,GAAG,gBAAgB,GAAG,SAAS,CAkBlH;AAQD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,EAAE,MAAM,EAAE,eAAe,GAAG,MAAM,CAWpG;AAGD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,aAAa,GAAG,QAAQ,GAAG,cAAc,CAAC;AAKtF,MAAM,WAAW,cAAc;IAE3B,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;IAGjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAGvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAUD,wBAAgB,cAAc,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,GAAG,SAAS,EAAE,MAAM,EAAE,eAAe,GAAG,cAAc,GAAG,SAAS,CAsB9I"}

package/dist/cjs/Banners/bannerModels.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var showrunner_boxoffice = require('@cratis/showrunner.boxoffice');
+var format = require('../Labels/format.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** How many days before a trial ends the banner turns into a warning. */ const trialWarningDays = 7;
+/**
+ * Works out what the trial banner says.
+ * @param entitlements What the tenant may do.
+ * @param labels The labels to show.
+ * @returns What to say; undefined when the tenant is not on a trial, or the trial is not what makes it read-only.
+ */ function trialBannerModel(entitlements, labels) {
+    if (entitlements.state === 'trialClosed') {
+        return {
+            severity: 'error',
+            text: labels.trialBanner.closed
+        };
+    }
+    if (entitlements.state !== 'trial' || !entitlements.trial) {
+        return undefined;
+    }
+    const { daysLeft } = entitlements.trial;
+    if (daysLeft <= 0) {
+        return {
+            severity: 'warn',
+            text: labels.trialBanner.lastDay
+        };
+    }
+    return {
+        severity: daysLeft <= trialWarningDays ? 'warn' : 'info',
+        text: format.format(labels.trialBanner.running, {
+            days: daysLeft
+        })
+    };
+}
+/**
+ * Says why the operator suspended a tenant.
+ * @param cause The cause the operator gave.
+ * @param labels The labels to show.
+ * @returns The reason, in words.
+ */ function suspensionReason(cause, labels) {
+    switch(cause){
+        case showrunner_boxoffice.SuspensionCause.trialEndedWithoutSeats:
+            return labels.suspension.trialEndedWithoutSeats;
+        case showrunner_boxoffice.SuspensionCause.paymentOverdue:
+            return labels.suspension.paymentOverdue;
+        case showrunner_boxoffice.SuspensionCause.administratorDecision:
+            return labels.suspension.administratorDecision;
+        default:
+            return '';
+    }
+}
+/**
+ * Works out whether the user has a license, and what to tell them if not. The tenant being read-only comes first,
+ * because it holds for everyone in it.
+ * @param entitlements What the tenant may do.
+ * @param seat Where the user stands with the tenant's seats; nothing while it loads.
+ * @param labels The labels to show.
+ * @returns What to tell the user; undefined when they have a license, or it is not known yet.
+ */ function noLicenseModel(entitlements, seat, labels) {
+    if (entitlements.isLoading) {
+        return undefined;
+    }
+    if (entitlements.readOnlyReason === showrunner_boxoffice.ReadOnlyReason.tenantSuspended) {
+        return {
+            reason: 'suspended',
+            title: labels.noLicense.suspendedTitle,
+            text: labels.noLicense.suspended
+        };
+    }
+    if (entitlements.readOnlyReason === showrunner_boxoffice.ReadOnlyReason.trialClosed) {
+        return {
+            reason: 'trialClosed',
+            title: labels.noLicense.trialClosedTitle,
+            text: labels.noLicense.trialClosed
+        };
+    }
+    if (seat?.status === showrunner_boxoffice.SeatStatus.noSeat) {
+        return {
+            reason: 'noSeat',
+            title: labels.noLicense.noSeatTitle,
+            text: labels.noLicense.noSeat
+        };
+    }
+    if (seat?.status === showrunner_boxoffice.SeatStatus.overCapacity) {
+        return {
+            reason: 'overCapacity',
+            title: labels.noLicense.overCapacityTitle,
+            text: labels.noLicense.overCapacity
+        };
+    }
+    return undefined;
+}
+
+exports.noLicenseModel = noLicenseModel;
+exports.suspensionReason = suspensionReason;
+exports.trialBannerModel = trialBannerModel;
+exports.trialWarningDays = trialWarningDays;
+//# sourceMappingURL=bannerModels.js.map