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

package/dist/esm/Usage/UsagePage.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+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}.
+ */ const UsagePage = ()=>{
+    const { labels, locale } = useBoxOfficeContext();
+    const [usage] = CurrentUsage.use();
+    const meters = usage.isSuccess ? (usage.data ?? []).map((standing)=>meterUsageModel(standing, labels, locale)) : [];
+    return /*#__PURE__*/ jsx(UsageView, {
+        meters: meters,
+        isLoading: usage.isPerforming && !usage.isSuccess,
+        isUnauthorized: !usage.isAuthorized,
+        hasFailed: !usage.isPerforming && usage.isAuthorized && !usage.isSuccess
+    });
+};
+
+export { UsagePage };
+//# sourceMappingURL=UsagePage.js.map

package/dist/esm/Usage/UsagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsagePage.js","sources":["../../../Usage/UsagePage.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 { CurrentUsage } from '@cratis/showrunner.boxoffice';\nimport { useBoxOfficeContext } from '../Provider/BoxOfficeContext.js';\nimport { meterUsageModel } from './usageModels.js';\nimport { UsageView } from './UsageView.js';\n\n/**\n * The usage page: what the tenant has used of each meter in the period it is in, against its allowance and budget. For\n * the people who maintain the product; the backend refuses everyone else. Render it inside a\n * {@link BoxOfficeProvider}.\n */\nexport const UsagePage = () => {\n    const { labels, locale } = useBoxOfficeContext();\n    const [usage] = CurrentUsage.use();\n    const meters = usage.isSuccess ? (usage.data ?? []).map(standing => meterUsageModel(standing, labels, locale)) : [];\n\n    return (\n        <UsageView\n            meters={meters}\n            isLoading={usage.isPerforming && !usage.isSuccess}\n            isUnauthorized={!usage.isAuthorized}\n            hasFailed={!usage.isPerforming && usage.isAuthorized && !usage.isSuccess} />\n    );\n};\n"],"names":["UsagePage","labels","locale","useBoxOfficeContext","usage","CurrentUsage","use","meters","isSuccess","data","map","standing","meterUsageModel","_jsx","UsageView","isLoading","isPerforming","isUnauthorized","isAuthorized","hasFailed"],"mappings":";;;;;;AAQA;;;;UAKaA,SAAAA,GAAY,IAAA;AACrB,IAAA,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGC,mBAAAA,EAAAA;AAC3B,IAAA,MAAM,CAACC,KAAAA,CAAM,GAAGC,YAAAA,CAAaC,GAAG,EAAA;IAChC,MAAMC,MAAAA,GAASH,MAAMI,SAAS,GAAG,CAACJ,KAAAA,CAAMK,IAAI,IAAI,EAAE,EAAEC,GAAG,CAACC,CAAAA,QAAAA,GAAYC,gBAAgBD,QAAAA,EAAUV,MAAAA,EAAQC,WAAW,EAAE;AAEnH,IAAA,qBACIW,GAAA,CAACC,SAAAA,EAAAA;QACGP,MAAAA,EAAQA,MAAAA;AACRQ,QAAAA,SAAAA,EAAWX,KAAAA,CAAMY,YAAY,IAAI,CAACZ,MAAMI,SAAS;QACjDS,cAAAA,EAAgB,CAACb,MAAMc,YAAY;QACnCC,SAAAA,EAAW,CAACf,MAAMY,YAAY,IAAIZ,MAAMc,YAAY,IAAI,CAACd,KAAAA,CAAMI;;AAE3E;;"}

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

@@ -0,0 +1,9 @@
+import { MeterUsageModel } from './usageModels.js';
+export interface UsageViewProps {
+    meters: readonly MeterUsageModel[];
+    isLoading?: boolean;
+    isUnauthorized?: boolean;
+    hasFailed?: boolean;
+}
+export declare const UsageView: ({ meters, isLoading, isUnauthorized, hasFailed }: UsageViewProps) => import("react").JSX.Element;
+//# sourceMappingURL=UsageView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UsageView.d.ts","sourceRoot":"","sources":["../../../Usage/UsageView.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAc,MAAM,kBAAkB,CAAC;AAK/D,MAAM,WAAW,cAAc;IAE3B,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IAGnC,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAiBD,eAAO,MAAM,SAAS,GAAI,kDAAkD,cAAc,gCAoDzF,CAAC"}

package/dist/esm/Usage/UsageView.js

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { DataTableCore, Column, DataTableStatus } from '@cratis/components/DataTables';
+import { ProgressBar, Tag } from '@cratis/components/Display';
+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;
+};
+/**
+ * What a tenant has used of each meter in the period it is in, against its allowance and budget.
+ */ const UsageView = ({ meters, isLoading, isUnauthorized, hasFailed })=>{
+    const { labels } = useBoxOfficeContext();
+    const levelText = {
+        ok: undefined,
+        warning: undefined,
+        atBudget: labels.usage.atBudget,
+        atAllowance: labels.usage.atAllowance
+    };
+    const showsConcurrency = meters.some((_)=>_.standing.hasConcurrencyLimit);
+    return /*#__PURE__*/ jsxs("section", {
+        className: "boxoffice-usage",
+        "aria-labelledby": "boxoffice-usage-title",
+        children: [
+            /*#__PURE__*/ jsx("header", {
+                className: "boxoffice-page__header",
+                children: /*#__PURE__*/ jsx("h2", {
+                    id: "boxoffice-usage-title",
+                    className: "boxoffice-page__title",
+                    children: labels.usage.title
+                })
+            }),
+            /*#__PURE__*/ jsxs(DataTableCore, {
+                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,
+                children: [
+                    /*#__PURE__*/ jsx(Column, {
+                        header: labels.usage.meterColumn,
+                        body: (meter)=>/*#__PURE__*/ jsxs("span", {
+                                className: "boxoffice-usage__meter",
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: meter.standing.name
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "boxoffice-usage__period",
+                                        children: meter.periodText
+                                    })
+                                ]
+                            })
+                    }),
+                    /*#__PURE__*/ jsx(Column, {
+                        header: labels.usage.usedColumn,
+                        body: (meter)=>/*#__PURE__*/ jsxs("span", {
+                                className: `boxoffice-usage__used boxoffice-usage__used--${meter.level}`,
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        children: meter.usedText
+                                    }),
+                                    meter.standing.allowance > 0 && /*#__PURE__*/ jsx(ProgressBar, {
+                                        value: meter.percent,
+                                        showValue: false,
+                                        "aria-label": format(labels.usage.progress, {
+                                            meter: meter.standing.name
+                                        })
+                                    }),
+                                    levelText[meter.level] && /*#__PURE__*/ jsx(Tag, {
+                                        severity: meter.level === 'atAllowance' ? 'danger' : 'warn',
+                                        value: levelText[meter.level]
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "boxoffice-usage__overage",
+                                        children: meter.overageText
+                                    })
+                                ]
+                            })
+                    }),
+                    /*#__PURE__*/ jsx(Column, {
+                        header: labels.usage.budgetColumn,
+                        body: (meter)=>meter.budgetText
+                    }),
+                    showsConcurrency && /*#__PURE__*/ jsx(Column, {
+                        header: labels.usage.concurrencyColumn,
+                        body: (meter)=>meter.concurrencyText
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { UsageView };
+//# sourceMappingURL=UsageView.js.map

package/dist/esm/Usage/UsageView.js.map

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

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

@@ -0,0 +1,4 @@
+export * from './usageModels.js';
+export * from './UsagePage.js';
+export * from './UsageView.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Usage/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/esm/Usage/index.js

@@ -0,0 +1,4 @@
+export * from './usageModels.js';
+export * from './UsagePage.js';
+export * from './UsageView.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../Usage/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { MeterStanding } from '@cratis/showrunner.boxoffice';
+import { BoxOfficeLabels } from '../Labels/index.js';
+export type UsageLevel = 'ok' | 'warning' | 'atBudget' | 'atAllowance';
+export declare const usageWarningShare = 0.8;
+export interface MeterUsageModel {
+    readonly standing: MeterStanding;
+    readonly percent: number;
+    readonly level: UsageLevel;
+    readonly usedText: string;
+    readonly periodText: string;
+    readonly overageText: string;
+    readonly budgetText: string;
+    readonly concurrencyText: string;
+}
+export declare function usageLevel(standing: MeterStanding): UsageLevel;
+export declare function meterUsageModel(standing: MeterStanding, labels: BoxOfficeLabels, locale?: string): MeterUsageModel;
+//# sourceMappingURL=usageModels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usageModels.d.ts","sourceRoot":"","sources":["../../../Usage/usageModels.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,aAAa,EAAmB,MAAM,8BAA8B,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAU,MAAM,oBAAoB,CAAC;AAI7D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAGvE,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAKrC,MAAM,WAAW,eAAe;IAE5B,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IAGjC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAGzB,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;IAG3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAG1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAG5B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAG7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAG5B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;CACpC;AAOD,wBAAgB,UAAU,CAAC,QAAQ,EAAE,aAAa,GAAG,UAAU,CAU9D;AASD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,eAAe,CAyBlH"}

package/dist/esm/Usage/usageModels.js

@@ -0,0 +1,53 @@
+import { AllowancePeriod, OverageBehavior } from '@cratis/showrunner.boxoffice';
+import { format } from '../Labels/format.js';
+import { formatQuantity, formatDay } from '../formatting.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** The share of an allowance used from which a meter is shown as running out. */ const usageWarningShare = 0.8;
+/**
+ * Works out how a meter stands.
+ * @param standing The meter's standing from the backend.
+ * @returns The {@link UsageLevel}.
+ */ function usageLevel(standing) {
+    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}.
+ */ function meterUsageModel(standing, labels, locale) {
+    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
+    };
+}
+
+export { meterUsageModel, usageLevel, usageWarningShare };
+//# sourceMappingURL=usageModels.js.map

package/dist/esm/Usage/usageModels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usageModels.js","sources":["../../../Usage/usageModels.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 { AllowancePeriod, MeterStanding, OverageBehavior } from '@cratis/showrunner.boxoffice';\nimport { BoxOfficeLabels, format } from '../Labels/index.js';\nimport { formatDay, formatQuantity } from '../formatting.js';\n\n/** How a meter stands against what it may use. */\nexport type UsageLevel = 'ok' | 'warning' | 'atBudget' | 'atAllowance';\n\n/** The share of an allowance used from which a meter is shown as running out. */\nexport const usageWarningShare = 0.8;\n\n/**\n * What the usage page shows for one meter.\n */\nexport interface MeterUsageModel {\n    /** The meter's standing. */\n    readonly standing: MeterStanding;\n\n    /** How much of the allowance is used, from 0 to 100; 0 when there is no allowance. */\n    readonly percent: number;\n\n    /** How the meter stands. */\n    readonly level: UsageLevel;\n\n    /** What is used against the allowance, in words. */\n    readonly usedText: string;\n\n    /** The allowance's period and when it starts over, in words. */\n    readonly periodText: string;\n\n    /** What happens beyond the allowance, in words. */\n    readonly overageText: string;\n\n    /** The budget, in words; nothing set when there is none. */\n    readonly budgetText: string;\n\n    /** The concurrency limit, in words; nothing set when there is none. */\n    readonly concurrencyText: string;\n}\n\n/**\n * Works out how a meter stands.\n * @param standing The meter's standing from the backend.\n * @returns The {@link UsageLevel}.\n */\nexport function usageLevel(standing: MeterStanding): UsageLevel {\n    if (standing.allowance > 0 && standing.used >= standing.allowance) {\n        return 'atAllowance';\n    }\n\n    if (standing.budget !== undefined && standing.budget !== null && standing.used >= standing.budget) {\n        return 'atBudget';\n    }\n\n    return standing.allowance > 0 && standing.used / standing.allowance >= usageWarningShare ? 'warning' : 'ok';\n}\n\n/**\n * Lays out how a meter stands for the usage page.\n * @param standing The meter's standing from the backend.\n * @param labels The labels to show.\n * @param locale The locale to format for; the browser's when not given.\n * @returns The {@link MeterUsageModel}.\n */\nexport function meterUsageModel(standing: MeterStanding, labels: BoxOfficeLabels, locale?: string): MeterUsageModel {\n    const hasAllowance = standing.allowance > 0;\n    const period = standing.period === AllowancePeriod.month ? labels.usage.month : labels.usage.day;\n    const used = formatQuantity(standing.used, locale);\n\n    return {\n        standing,\n        percent: hasAllowance ? Math.min(100, Math.round((standing.used / standing.allowance) * 100)) : 0,\n        level: usageLevel(standing),\n        usedText: hasAllowance\n            ? format(labels.usage.usedOfAllowance, { used, allowance: formatQuantity(standing.allowance, locale), unit: standing.unit })\n            : format(labels.usage.noAllowance, { used, unit: standing.unit }),\n        periodText: hasAllowance\n            ? `${period}, ${format(labels.usage.resets, { date: formatDay(standing.periodEnds, locale) })}`\n            : period,\n        overageText: standing.overage === OverageBehavior.park ? labels.usage.park : labels.usage.block,\n        budgetText: standing.budget !== undefined && standing.budget !== null\n            ? `${formatQuantity(standing.budget, locale)} ${standing.unit}`\n            : labels.usage.notSet,\n        concurrencyText: !standing.hasConcurrencyLimit\n            ? ''\n            : standing.concurrencyLimit !== undefined && standing.concurrencyLimit !== null\n                ? formatQuantity(standing.concurrencyLimit, locale)\n                : labels.usage.notSet\n    };\n}\n"],"names":["usageWarningShare","usageLevel","standing","allowance","used","budget","undefined","meterUsageModel","labels","locale","hasAllowance","period","AllowancePeriod","month","usage","day","formatQuantity","percent","Math","min","round","level","usedText","format","usedOfAllowance","unit","noAllowance","periodText","resets","date","formatDay","periodEnds","overageText","overage","OverageBehavior","park","block","budgetText","notSet","concurrencyText","hasConcurrencyLimit","concurrencyLimit"],"mappings":";;;;AAAA;AACA;AASA,kFACO,MAAMA,iBAAAA,GAAoB;AA+BjC;;;;IAKO,SAASC,UAAAA,CAAWC,QAAuB,EAAA;IAC9C,IAAIA,QAAAA,CAASC,SAAS,GAAG,CAAA,IAAKD,SAASE,IAAI,IAAIF,QAAAA,CAASC,SAAS,EAAE;QAC/D,OAAO,aAAA;AACX,IAAA;AAEA,IAAA,IAAID,QAAAA,CAASG,MAAM,KAAKC,SAAAA,IAAaJ,QAAAA,CAASG,MAAM,KAAK,IAAA,IAAQH,QAAAA,CAASE,IAAI,IAAIF,QAAAA,CAASG,MAAM,EAAE;QAC/F,OAAO,UAAA;AACX,IAAA;IAEA,OAAOH,QAAAA,CAASC,SAAS,GAAG,CAAA,IAAKD,QAAAA,CAASE,IAAI,GAAGF,QAAAA,CAASC,SAAS,IAAIH,iBAAAA,GAAoB,SAAA,GAAY,IAAA;AAC3G;AAEA;;;;;;AAMC,IACM,SAASO,eAAAA,CAAgBL,QAAuB,EAAEM,MAAuB,EAAEC,MAAe,EAAA;IAC7F,MAAMC,YAAAA,GAAeR,QAAAA,CAASC,SAAS,GAAG,CAAA;AAC1C,IAAA,MAAMQ,MAAAA,GAAST,QAAAA,CAASS,MAAM,KAAKC,gBAAgBC,KAAK,GAAGL,MAAAA,CAAOM,KAAK,CAACD,KAAK,GAAGL,MAAAA,CAAOM,KAAK,CAACC,GAAG;AAChG,IAAA,MAAMX,IAAAA,GAAOY,cAAAA,CAAed,QAAAA,CAASE,IAAI,EAAEK,MAAAA,CAAAA;IAE3C,OAAO;AACHP,QAAAA,QAAAA;AACAe,QAAAA,OAAAA,EAASP,YAAAA,GAAeQ,IAAAA,CAAKC,GAAG,CAAC,KAAKD,IAAAA,CAAKE,KAAK,CAAElB,SAASE,IAAI,GAAGF,QAAAA,CAASC,SAAS,GAAI,GAAA,CAAA,CAAA,GAAQ,CAAA;AAChGkB,QAAAA,KAAAA,EAAOpB,UAAAA,CAAWC,QAAAA,CAAAA;AAClBoB,QAAAA,QAAAA,EAAUZ,eACJa,MAAAA,CAAOf,MAAAA,CAAOM,KAAK,CAACU,eAAe,EAAE;AAAEpB,YAAAA,IAAAA;YAAMD,SAAAA,EAAWa,cAAAA,CAAed,QAAAA,CAASC,SAAS,EAAEM,MAAAA,CAAAA;AAASgB,YAAAA,IAAAA,EAAMvB,SAASuB;AAAK,SAAA,CAAA,GACxHF,MAAAA,CAAOf,MAAAA,CAAOM,KAAK,CAACY,WAAW,EAAE;AAAEtB,YAAAA,IAAAA;AAAMqB,YAAAA,IAAAA,EAAMvB,SAASuB;AAAK,SAAA,CAAA;QACnEE,UAAAA,EAAYjB,YAAAA,GACN,CAAA,EAAGC,MAAAA,CAAO,EAAE,EAAEY,OAAOf,MAAAA,CAAOM,KAAK,CAACc,MAAM,EAAE;YAAEC,IAAAA,EAAMC,SAAAA,CAAU5B,QAAAA,CAAS6B,UAAU,EAAEtB,MAAAA;AAAQ,SAAA,CAAA,CAAA,CAAI,GAC7FE,MAAAA;AACNqB,QAAAA,WAAAA,EAAa9B,QAAAA,CAAS+B,OAAO,KAAKC,eAAAA,CAAgBC,IAAI,GAAG3B,MAAAA,CAAOM,KAAK,CAACqB,IAAI,GAAG3B,MAAAA,CAAOM,KAAK,CAACsB,KAAK;QAC/FC,UAAAA,EAAYnC,QAAAA,CAASG,MAAM,KAAKC,SAAAA,IAAaJ,SAASG,MAAM,KAAK,IAAA,GAC3D,CAAA,EAAGW,cAAAA,CAAed,QAAAA,CAASG,MAAM,EAAEI,MAAAA,CAAAA,CAAQ,CAAC,EAAEP,QAAAA,CAASuB,IAAI,EAAE,GAC7DjB,MAAAA,CAAOM,KAAK,CAACwB,MAAM;QACzBC,eAAAA,EAAiB,CAACrC,SAASsC,mBAAmB,GACxC,KACAtC,QAAAA,CAASuC,gBAAgB,KAAKnC,SAAAA,IAAaJ,QAAAA,CAASuC,gBAAgB,KAAK,IAAA,GACrEzB,eAAed,QAAAA,CAASuC,gBAAgB,EAAEhC,MAAAA,CAAAA,GAC1CD,MAAAA,CAAOM,KAAK,CAACwB;AAC3B,KAAA;AACJ;;"}

package/dist/esm/formatting.d.ts

@@ -0,0 +1,5 @@
+import { DateOnly } from '@cratis/fundamentals';
+export declare function formatDay(day: DateOnly | Date | string | undefined, locale?: string): string;
+export declare function formatMoney(amount: number, currency: string, locale?: string): string;
+export declare function formatQuantity(value: number, locale?: string): string;
+//# sourceMappingURL=formatting.d.ts.map

package/dist/esm/formatting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.d.ts","sourceRoot":"","sources":["../../formatting.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAShD,wBAAgB,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAG5F;AASD,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAMrF;AAQD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAErE"}

package/dist/esm/formatting.js

@@ -0,0 +1,42 @@
+import { toDate } from './Entitlements/entitlementModel.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Formats a day for a person.
+ * @param day The day.
+ * @param locale The locale; the browser's when not given.
+ * @returns The day, such as "Nov 2, 2026"; empty when there is no day.
+ */ function formatDay(day, locale) {
+    const date = toDate(day);
+    return date ? new Intl.DateTimeFormat(locale, {
+        dateStyle: 'medium'
+    }).format(date) : '';
+}
+/**
+ * Formats an amount of money.
+ * @param amount The amount.
+ * @param currency The ISO currency code.
+ * @param locale The locale; the browser's when not given.
+ * @returns The amount with its currency, such as "$12.00".
+ */ function formatMoney(amount, currency, locale) {
+    try {
+        return new Intl.NumberFormat(locale, {
+            style: 'currency',
+            currency
+        }).format(amount);
+    } catch  {
+        return `${amount} ${currency}`;
+    }
+}
+/**
+ * Formats a quantity.
+ * @param value The quantity.
+ * @param locale The locale; the browser's when not given.
+ * @returns The quantity with its thousands separated.
+ */ function formatQuantity(value, locale) {
+    return new Intl.NumberFormat(locale).format(value);
+}
+
+export { formatDay, formatMoney, formatQuantity };
+//# sourceMappingURL=formatting.js.map

package/dist/esm/formatting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.js","sources":["../../formatting.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 { DateOnly } from '@cratis/fundamentals';\nimport { toDate } from './Entitlements/entitlementModel.js';\n\n/**\n * Formats a day for a person.\n * @param day The day.\n * @param locale The locale; the browser's when not given.\n * @returns The day, such as \"Nov 2, 2026\"; empty when there is no day.\n */\nexport function formatDay(day: DateOnly | Date | string | undefined, locale?: string): string {\n    const date = toDate(day);\n    return date ? new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }).format(date) : '';\n}\n\n/**\n * Formats an amount of money.\n * @param amount The amount.\n * @param currency The ISO currency code.\n * @param locale The locale; the browser's when not given.\n * @returns The amount with its currency, such as \"$12.00\".\n */\nexport function formatMoney(amount: number, currency: string, locale?: string): string {\n    try {\n        return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(amount);\n    } catch {\n        return `${amount} ${currency}`;\n    }\n}\n\n/**\n * Formats a quantity.\n * @param value The quantity.\n * @param locale The locale; the browser's when not given.\n * @returns The quantity with its thousands separated.\n */\nexport function formatQuantity(value: number, locale?: string): string {\n    return new Intl.NumberFormat(locale).format(value);\n}\n"],"names":["formatDay","day","locale","date","toDate","Intl","DateTimeFormat","dateStyle","format","formatMoney","amount","currency","NumberFormat","style","formatQuantity","value"],"mappings":";;AAAA;AACA;AAKA;;;;;AAKC,IACM,SAASA,SAAAA,CAAUC,GAAyC,EAAEC,MAAe,EAAA;AAChF,IAAA,MAAMC,OAAOC,MAAAA,CAAOH,GAAAA,CAAAA;AACpB,IAAA,OAAOE,IAAAA,GAAO,IAAIE,IAAAA,CAAKC,cAAc,CAACJ,MAAAA,EAAQ;QAAEK,SAAAA,EAAW;KAAS,CAAA,CAAGC,MAAM,CAACL,IAAAA,CAAAA,GAAQ,EAAA;AAC1F;AAEA;;;;;;AAMC,IACM,SAASM,WAAAA,CAAYC,MAAc,EAAEC,QAAgB,EAAET,MAAe,EAAA;IACzE,IAAI;AACA,QAAA,OAAO,IAAIG,IAAAA,CAAKO,YAAY,CAACV,MAAAA,EAAQ;YAAEW,KAAAA,EAAO,UAAA;AAAYF,YAAAA;AAAS,SAAA,CAAA,CAAGH,MAAM,CAACE,MAAAA,CAAAA;AACjF,IAAA,CAAA,CAAE,OAAM;AACJ,QAAA,OAAO,CAAA,EAAGA,MAAAA,CAAO,CAAC,EAAEC,QAAAA,CAAAA,CAAU;AAClC,IAAA;AACJ;AAEA;;;;;AAKC,IACM,SAASG,cAAAA,CAAeC,KAAa,EAAEb,MAAe,EAAA;AACzD,IAAA,OAAO,IAAIG,IAAAA,CAAKO,YAAY,CAACV,MAAAA,CAAAA,CAAQM,MAAM,CAACO,KAAAA,CAAAA;AAChD;;"}

package/dist/esm/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Banners/index.js';
+export * from './Entitlements/index.js';
+export * from './Labels/index.js';
+export * from './Plan/index.js';
+export * from './Portal/index.js';
+export * from './Provider/index.js';
+export * from './Seats/index.js';
+export * from './Usage/index.js';
+export * from './formatting.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,29 @@
+export { noLicenseModel, suspensionReason, trialBannerModel, trialWarningDays } from './Banners/bannerModels.js';
+export { NoLicense } from './Banners/NoLicense.js';
+export { SuspensionBanner, SuspensionBannerView } from './Banners/SuspensionBanner.js';
+export { TrialBanner } from './Banners/TrialBanner.js';
+export { daysBetween, entitlementsOf, toDate } from './Entitlements/entitlementModel.js';
+export { EntitlementsContext, useEntitlementsContext } from './Entitlements/EntitlementsContext.js';
+export { filterByModule } from './Entitlements/moduleFilter.js';
+export { requiresModuleModel } from './Entitlements/requiresModuleModel.js';
+export { RequiresModule } from './Entitlements/RequiresModule.js';
+export { useEntitlements, useModuleFilter } from './Entitlements/useEntitlements.js';
+export { defaultBoxOfficeLabels } from './Labels/defaultBoxOfficeLabels.js';
+export { resolveLabels } from './Labels/resolveLabels.js';
+export { format } from './Labels/format.js';
+export { moduleRows, offerRows, planSummary, priceText } from './Plan/planModels.js';
+export { PlanPage } from './Plan/PlanPage.js';
+export { PlanView } from './Plan/PlanView.js';
+export { linkToPortal, openInNewTab } from './Portal/portalLinks.js';
+export { PortalButton } from './Portal/PortalButton.js';
+export { BoxOfficeContext, defaultBoxOfficeContextValue, useBoxOfficeContext, useBoxOfficeLabels } from './Provider/BoxOfficeContext.js';
+export { BoxOfficeProvider } from './Provider/BoxOfficeProvider.js';
+export { AssignSeatDialog } from './Seats/AssignSeatDialog.js';
+export { emptySeatPerson, isValidSeatPerson, personOf, seatRows, seatSummary } from './Seats/seatModels.js';
+export { SeatsPage } from './Seats/SeatsPage.js';
+export { SeatsView } from './Seats/SeatsView.js';
+export { meterUsageModel, usageLevel, usageWarningShare } from './Usage/usageModels.js';
+export { UsagePage } from './Usage/UsagePage.js';
+export { UsageView } from './Usage/UsageView.js';
+export { formatDay, formatMoney, formatQuantity } from './formatting.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/formatting.ts

@@ -0,0 +1,41 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { DateOnly } from '@cratis/fundamentals';
+import { toDate } from './Entitlements/entitlementModel.js';
+
+/**
+ * Formats a day for a person.
+ * @param day The day.
+ * @param locale The locale; the browser's when not given.
+ * @returns The day, such as "Nov 2, 2026"; empty when there is no day.
+ */
+export function formatDay(day: DateOnly | Date | string | undefined, locale?: string): string {
+    const date = toDate(day);
+    return date ? new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }).format(date) : '';
+}
+
+/**
+ * Formats an amount of money.
+ * @param amount The amount.
+ * @param currency The ISO currency code.
+ * @param locale The locale; the browser's when not given.
+ * @returns The amount with its currency, such as "$12.00".
+ */
+export function formatMoney(amount: number, currency: string, locale?: string): string {
+    try {
+        return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(amount);
+    } catch {
+        return `${amount} ${currency}`;
+    }
+}
+
+/**
+ * Formats a quantity.
+ * @param value The quantity.
+ * @param locale The locale; the browser's when not given.
+ * @returns The quantity with its thousands separated.
+ */
+export function formatQuantity(value: number, locale?: string): string {
+    return new Intl.NumberFormat(locale).format(value);
+}

package/index.ts

@@ -0,0 +1,12 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+export * from './Banners/index.js';
+export * from './Entitlements/index.js';
+export * from './Labels/index.js';
+export * from './Plan/index.js';
+export * from './Portal/index.js';
+export * from './Provider/index.js';
+export * from './Seats/index.js';
+export * from './Usage/index.js';
+export * from './formatting.js';

package/package.json

@@ -1,6 +1,86 @@
 {
-  "name": "@cratis/showrunner.boxoffice.react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+    "type": "module",
+    "name": "@cratis/showrunner.boxoffice.react",
+    "version": "1.9.0",
+    "description": "React components for Box Office — the Showrunner licensing part: entitlements, module gating, trial and suspension banners, seats, usage and plan pages, built on Cratis Arc and Cratis Components.",
+    "keywords": [
+        "cratis",
+        "showrunner",
+        "boxoffice",
+        "licensing",
+        "entitlements",
+        "arc",
+        "react",
+        "components"
+    ],
+    "homepage": "https://github.com/Cratis/Showrunner",
+    "author": "Cratis",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/Cratis/Showrunner.git"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "files": [
+        "dist",
+        "styles.css",
+        "**/*.ts",
+        "**/*.tsx",
+        "!**/for_*/**",
+        "!**/given/**",
+        "!**/*.tsbuildinfo"
+    ],
+    "main": "dist/cjs/index.js",
+    "module": "dist/esm/index.js",
+    "types": "dist/esm/index.d.ts",
+    "exports": {
+        "./package.json": "./package.json",
+        ".": {
+            "import": {
+                "types": "./dist/esm/index.d.ts",
+                "default": "./dist/esm/index.js"
+            },
+            "require": {
+                "types": "./dist/cjs/index.d.ts",
+                "default": "./dist/cjs/index.js"
+            }
+        },
+        "./styles": "./styles.css"
+    },
+    "scripts": {
+        "prepare": "yarn g:build",
+        "clean": "yarn g:clean",
+        "compile": "yarn g:compile",
+        "build": "yarn g:build",
+        "lint": "yarn g:lint",
+        "lint:ci": "yarn g:lint:ci",
+        "test": "yarn g:test",
+        "test:watch": "yarn g:test:watch",
+        "ci": "yarn g:ci",
+        "up": "yarn g:up"
+    },
+    "dependencies": {
+        "@cratis/showrunner.boxoffice": "1.9.0"
+    },
+    "devDependencies": {
+        "@cratis/arc": "22.146.0",
+        "@cratis/arc.react": "22.146.0",
+        "@cratis/components": "4.38.0",
+        "@cratis/fundamentals": "7.27.0",
+        "react": "^19.3.1",
+        "react-dom": "^19.3.1",
+        "reflect-metadata": "0.2.2"
+    },
+    "peerDependencies": {
+        "@cratis/arc": "^22.146.0",
+        "@cratis/arc.react": "^22.146.0",
+        "@cratis/components": "^4.38.0",
+        "@cratis/fundamentals": "^7.27.0",
+        "react": "^19.0.0"
+    },
+    "sideEffects": [
+        "*.css"
+    ]
 }