@tietokilta/ilmomasiina-client 2.0.0-alpha42

package/dist/modules/singleEvent/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleEventProvider = exports.useSingleEventState = exports.SingleEventContextProvider = exports.beginSignup = exports.useSingleEventContext = void 0;
+const react_1 = __importStar(require("react"));
+const api_1 = require("../../api");
+const abortable_1 = require("../../utils/abortable");
+const localizedEvent_1 = require("../../utils/localizedEvent");
+const signupUtils_1 = require("../../utils/signupUtils");
+const stateContext_1 = require("../../utils/stateContext");
+const useShallowMemo_1 = __importDefault(require("../../utils/useShallowMemo"));
+const { Provider, useStateContext } = (0, stateContext_1.createStateContext)();
+exports.SingleEventContextProvider = Provider;
+exports.useSingleEventContext = useStateContext;
+var actions_1 = require("./actions");
+Object.defineProperty(exports, "beginSignup", { enumerable: true, get: function () { return actions_1.beginSignup; } });
+function useSingleEventState({ slug, language }) {
+    const fetchEvent = (0, abortable_1.useAbortablePromise)((signal) => (0, api_1.apiFetch)(`events/${slug}`, { signal }), [slug]);
+    const event = fetchEvent.result;
+    const localizedEvent = (0, react_1.useMemo)(() => (event && language ? (0, localizedEvent_1.getLocalizedEvent)(event, language) : event), [event, language]);
+    const signupsByQuota = (0, react_1.useMemo)(() => localizedEvent && (0, signupUtils_1.getSignupsByQuota)(localizedEvent), [localizedEvent]);
+    return (0, useShallowMemo_1.default)({
+        event,
+        localizedEvent,
+        signupsByQuota,
+        pending: fetchEvent.pending,
+        error: fetchEvent.error,
+    });
+}
+exports.useSingleEventState = useSingleEventState;
+function SingleEventProvider({ slug, language, children }) {
+    const state = useSingleEventState({ slug, language });
+    return react_1.default.createElement(Provider, { value: state }, children);
+}
+exports.SingleEventProvider = SingleEventProvider;

package/dist/utils/abortable.d.ts

@@ -0,0 +1,29 @@
+/** Returns an AbortSignal and a function that aborts the signal. */
+export declare function abortable(): [AbortSignal, () => void];
+/** Like useEffect, but instead of accepting a cleanup function, provides an AbortSignal that is aborted
+ * upon unmount or deps change.
+ */
+export declare function useAbortableEffect(effect: (signal: AbortSignal) => void, deps?: any[]): void;
+export type PromiseState<R> = {
+    result: undefined;
+    error: undefined;
+    pending: true;
+} | {
+    result: R;
+    error: undefined;
+    pending: false;
+} | {
+    result: undefined;
+    error: object;
+    pending: false;
+};
+/** Wraps a Promise, ignoring DOMExceptions with name='AbortError' as if the promise was left pending. */
+export declare function ignoreAbort<R>(promise: Promise<R>): Promise<R>;
+/** Returns the state of an async effect, and provides to it an AbortSignal that is aborted
+ * upon unmount or deps change.
+ *
+ * DOMExceptions with name='AbortError' are ignored, as if the promise was left pending.
+ * Unmounting or deps changes also return the state to pending.
+ */
+export declare function useAbortablePromise<R>(effect: (signal: AbortSignal) => Promise<R>, deps?: any[]): PromiseState<R>;
+//# sourceMappingURL=abortable.d.ts.map

package/dist/utils/abortable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"abortable.d.ts","sourceRoot":"","sources":["../../src/utils/abortable.ts"],"names":[],"mappings":"AAEA,oEAAoE;AACpE,wBAAgB,SAAS,IAAI,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC,CAIrD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,QAOrF;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,IACtB;IACE,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,IAAI,CAAC;CACf,GACD;IACE,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;CAChB,GACD;IACE,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEN,yGAAyG;AACzG,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAO9D;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,mBA2C/F"}

package/dist/utils/abortable.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAbortablePromise = exports.ignoreAbort = exports.useAbortableEffect = exports.abortable = void 0;
+const react_1 = require("react");
+/** Returns an AbortSignal and a function that aborts the signal. */
+function abortable() {
+    const controller = new AbortController();
+    const abort = () => controller.abort();
+    return [controller.signal, abort];
+}
+exports.abortable = abortable;
+/** Like useEffect, but instead of accepting a cleanup function, provides an AbortSignal that is aborted
+ * upon unmount or deps change.
+ */
+function useAbortableEffect(effect, deps) {
+    (0, react_1.useEffect)(() => {
+        const [signal, abort] = abortable();
+        effect(signal);
+        return abort;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+}
+exports.useAbortableEffect = useAbortableEffect;
+/** Wraps a Promise, ignoring DOMExceptions with name='AbortError' as if the promise was left pending. */
+function ignoreAbort(promise) {
+    return new Promise((resolve, reject) => {
+        promise.then(resolve, (error) => {
+            if (error instanceof DOMException && error.name === "AbortError")
+                return;
+            reject(error);
+        });
+    });
+}
+exports.ignoreAbort = ignoreAbort;
+/** Returns the state of an async effect, and provides to it an AbortSignal that is aborted
+ * upon unmount or deps change.
+ *
+ * DOMExceptions with name='AbortError' are ignored, as if the promise was left pending.
+ * Unmounting or deps changes also return the state to pending.
+ */
+function useAbortablePromise(effect, deps) {
+    const [state, setState] = (0, react_1.useState)({
+        result: undefined,
+        error: undefined,
+        pending: true,
+    });
+    // Track promise from latest effect call, ignore updates from other promises
+    const pendingPromise = (0, react_1.useRef)();
+    useAbortableEffect((signal) => {
+        const promise = ignoreAbort(effect(signal));
+        pendingPromise.current = promise;
+        promise.then((result) => {
+            if (pendingPromise.current !== promise)
+                return;
+            pendingPromise.current = undefined;
+            setState({
+                result,
+                error: undefined,
+                pending: false,
+            });
+        }, (error) => {
+            if (pendingPromise.current !== promise)
+                return;
+            pendingPromise.current = undefined;
+            setState({
+                result: undefined,
+                error,
+                pending: false,
+            });
+        });
+        signal.addEventListener("abort", () => {
+            if (pendingPromise.current !== promise)
+                return;
+            pendingPromise.current = undefined;
+            setState({
+                result: undefined,
+                error: undefined,
+                pending: true,
+            });
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+    return state;
+}
+exports.useAbortablePromise = useAbortablePromise;

package/dist/utils/errorMessage.d.ts

@@ -0,0 +1,16 @@
+import { ApiError } from "../api";
+/** Returns possible localization keys, in priority order, for an error title.
+ *
+ * @param error The API error object thrown.
+ * @param prefix Optional translation key prefix that specializes the error message to the relevant app function.
+ * Don't end this with a period.
+ */
+export declare function errorTitle<TKey = string>(error: ApiError, prefix?: string): TKey[];
+/** Returns possible localization keys, in priority order, for an error description.
+ *
+ * @param error The API error object thrown.
+ * @param prefix Optional translation key prefix that specializes the error message to the relevant app function.
+ * Don't end this with a period.
+ */
+export declare function errorDesc<TKey = string>(error: ApiError, prefix?: string): TKey[];
+//# sourceMappingURL=errorMessage.d.ts.map

package/dist/utils/errorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../src/utils/errorMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AA4BlC;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,CAElF;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,CAEjF"}

package/dist/utils/errorMessage.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.errorDesc = exports.errorTitle = void 0;
+function errorString(part, error, prefix) {
+    // First try e.g. errors.SignupsClosed, then errors.403, then errors.default
+    const types = [];
+    if (error.code)
+        types.push(error.code);
+    if (error.status)
+        types.push(String(error.status));
+    types.push("default");
+    // First try e.g. editSignup.errors.default, then errors.default
+    const prefixes = [];
+    if (prefix)
+        prefixes.push(prefix);
+    prefixes.push("errors");
+    // Order, same examples:
+    // - editSignup.errors.SignupsClosed
+    // - errors.SignupsClosed
+    // - editSignup.errors.403
+    // - errors.403
+    // - editSignup.errors.default
+    // - errors.default
+    return types.flatMap((type) => prefixes.map((pre) => `${pre}.${type}.${part}`));
+}
+/** Returns possible localization keys, in priority order, for an error title.
+ *
+ * @param error The API error object thrown.
+ * @param prefix Optional translation key prefix that specializes the error message to the relevant app function.
+ * Don't end this with a period.
+ */
+function errorTitle(error, prefix) {
+    return errorString("title", error, prefix);
+}
+exports.errorTitle = errorTitle;
+/** Returns possible localization keys, in priority order, for an error description.
+ *
+ * @param error The API error object thrown.
+ * @param prefix Optional translation key prefix that specializes the error message to the relevant app function.
+ * Don't end this with a period.
+ */
+function errorDesc(error, prefix) {
+    return errorString("description", error, prefix);
+}
+exports.errorDesc = errorDesc;

package/dist/utils/eventListUtils.d.ts

@@ -0,0 +1,31 @@
+import type { EventID, EventSlug, QuotaID, UserEventListItem, UserEventListResponse } from "@tietokilta/ilmomasiina-models";
+import { SignupStateInfo } from "./signupState";
+export interface EventTableOptions {
+    /** If true, quotas are not placed on separate rows. */
+    compact?: boolean;
+}
+export type EventRow = {
+    id: EventID;
+    type: "event";
+    slug: EventSlug;
+    title: string;
+    date: Date | null;
+    signupState: SignupStateInfo;
+    signupCount?: number;
+    quotaSize?: number | null;
+    totalSignupCount: number;
+    totalQuotaSize: number | null;
+};
+export type QuotaRow = {
+    type: "quota" | "openquota" | "waitlist";
+    id: QuotaID;
+    title?: string;
+    signupCount: number;
+    quotaSize: number | null;
+};
+export type TableRow = EventRow | QuotaRow;
+/** Converts an event to rows to be shown in the event list. */
+export declare function eventToRows(event: UserEventListItem, { compact }?: EventTableOptions): TableRow[];
+/** Converts a list of events to a flat list of rows to be shown in the event list. */
+export declare function eventsToRows(events: UserEventListResponse, options?: EventTableOptions): TableRow[];
+//# sourceMappingURL=eventListUtils.d.ts.map

package/dist/utils/eventListUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventListUtils.d.ts","sourceRoot":"","sources":["../../src/utils/eventListUtils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAA4B,eAAe,EAAE,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,WAAW,EAAE,eAAe,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;IACzC,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,+DAA+D;AAC/D,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,EAAE,EAAE,OAAO,EAAE,GAAE,iBAAsB,cA2DxF;AAED,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,MAAM,EAAE,qBAAqB,EAAE,OAAO,CAAC,EAAE,iBAAiB,cAEtF"}

package/dist/utils/eventListUtils.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.eventsToRows = exports.eventToRows = void 0;
+const every_1 = __importDefault(require("lodash-es/every"));
+const sumBy_1 = __importDefault(require("lodash-es/sumBy"));
+const signupState_1 = require("./signupState");
+/** Converts an event to rows to be shown in the event list. */
+function eventToRows(event, { compact } = {}) {
+    const { id, slug, title, date, registrationStartDate, registrationEndDate, quotas, openQuotaSize } = event;
+    const state = (0, signupState_1.signupState)(registrationStartDate, registrationEndDate);
+    // Event row
+    const rows = [
+        {
+            type: "event",
+            id,
+            signupState: state,
+            slug,
+            title,
+            date: date ? new Date(date) : null,
+            signupCount: quotas.length < 2 ? (0, sumBy_1.default)(quotas, "signupCount") : undefined,
+            quotaSize: quotas.length === 1 ? quotas[0].size : undefined,
+            totalSignupCount: (0, sumBy_1.default)(quotas, "signupCount") ?? 0,
+            totalQuotaSize: (0, every_1.default)(quotas, "size") ? (0, sumBy_1.default)(quotas, "size") : null,
+        },
+    ];
+    // We're done for compact format and events without a signup
+    if (compact || state.state === signupState_1.SignupState.disabled)
+        return rows;
+    // Multiple quotas go on their own rows
+    if (quotas.length > 1) {
+        quotas.forEach((quota) => rows.push({
+            type: "quota",
+            id: quota.id,
+            title: quota.title,
+            signupCount: quota.size ? Math.min(quota.signupCount, quota.size) : quota.signupCount,
+            quotaSize: quota.size,
+        }));
+    }
+    const overflow = (0, sumBy_1.default)(quotas, (quota) => (quota.size ? Math.max(0, quota.signupCount - quota.size) : 0));
+    // Open quota
+    if (openQuotaSize > 0) {
+        rows.push({
+            type: "openquota",
+            id: `${event.id} openquota`,
+            signupCount: Math.min(overflow, openQuotaSize),
+            quotaSize: openQuotaSize,
+        });
+    }
+    // Queue/waitlist
+    if (overflow > openQuotaSize) {
+        rows.push({
+            type: "waitlist",
+            id: `${event.id} waitlist`,
+            signupCount: overflow - openQuotaSize,
+            quotaSize: null,
+        });
+    }
+    return rows;
+}
+exports.eventToRows = eventToRows;
+/** Converts a list of events to a flat list of rows to be shown in the event list. */
+function eventsToRows(events, options) {
+    return events.flatMap((event) => eventToRows(event, options));
+}
+exports.eventsToRows = eventsToRows;

package/dist/utils/localizedEvent.d.ts

@@ -0,0 +1,10 @@
+import type { SignupForEdit, SignupForEditResponse, UserEventListItem, UserEventResponse } from "@tietokilta/ilmomasiina-models";
+type EventForEditSignup = SignupForEditResponse["event"];
+/** Overrides localized properties in the event and quotas with localized versions. */
+export declare function getLocalizedEventListItem(event: UserEventListItem, language: string): UserEventListItem;
+/** Overrides localized properties in the event, quotas and questions with localized versions. */
+export declare function getLocalizedEvent<E extends UserEventResponse | EventForEditSignup>(event: E, language: string): E;
+/** Overrides localized properties in the quota of the edited signup with localized versions. */
+export declare function getLocalizedQuotaForEditSignup({ event, signup: { quota } }: SignupForEditResponse, language: string): SignupForEdit["quota"];
+export {};
+//# sourceMappingURL=localizedEvent.d.ts.map

package/dist/utils/localizedEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localizedEvent.d.ts","sourceRoot":"","sources":["../../src/utils/localizedEvent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,gCAAgC,CAAC;AAExC,KAAK,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEzD,sFAAsF;AACtF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,GAAG,iBAAiB,CAevG;AAED,iGAAiG;AACjG,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,iBAAiB,GAAG,kBAAkB,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,CAoBjH;AAED,gGAAgG;AAChG,wBAAgB,8BAA8B,CAC5C,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,qBAAqB,EACnD,QAAQ,EAAE,MAAM,GACf,aAAa,CAAC,OAAO,CAAC,CAUxB"}

package/dist/utils/localizedEvent.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocalizedQuotaForEditSignup = exports.getLocalizedEvent = exports.getLocalizedEventListItem = void 0;
+/** Overrides localized properties in the event and quotas with localized versions. */
+function getLocalizedEventListItem(event, language) {
+    const locale = event.languages[language] ?? event;
+    return {
+        ...event,
+        title: locale.title || event.title,
+        location: locale.location || event.location,
+        price: locale.price || event.price,
+        webpageUrl: locale.webpageUrl || event.webpageUrl,
+        facebookUrl: locale.facebookUrl || event.facebookUrl,
+        description: locale.description || event.description,
+        quotas: event.quotas.map((quota, index) => ({
+            ...quota,
+            title: locale.quotas[index]?.title || quota.title,
+        })),
+    };
+}
+exports.getLocalizedEventListItem = getLocalizedEventListItem;
+/** Overrides localized properties in the event, quotas and questions with localized versions. */
+function getLocalizedEvent(event, language) {
+    const locale = event.languages[language] ?? event;
+    return {
+        ...event,
+        title: locale.title || event.title,
+        location: locale.location || event.location,
+        price: locale.price || event.price,
+        webpageUrl: locale.webpageUrl || event.webpageUrl,
+        facebookUrl: locale.facebookUrl || event.facebookUrl,
+        description: locale.description || event.description,
+        questions: event.questions.map((question, index) => ({
+            ...question,
+            question: locale.questions[index]?.question || question.question,
+            options: locale.questions[index]?.options || question.options,
+        })),
+        quotas: event.quotas.map((quota, index) => ({
+            ...quota,
+            title: locale.quotas[index]?.title || quota.title,
+        })),
+    };
+}
+exports.getLocalizedEvent = getLocalizedEvent;
+/** Overrides localized properties in the quota of the edited signup with localized versions. */
+function getLocalizedQuotaForEditSignup({ event, signup: { quota } }, language) {
+    const locale = event.languages[language];
+    // Short circuit: don't attempt anything if we don't have the locale.
+    if (!locale)
+        return quota;
+    // This is a bit unfortunate, but we have to find the quota manually.
+    const quotaIndex = event.quotas.findIndex((q) => q.id === quota.id);
+    return {
+        ...quota,
+        title: locale.quotas[quotaIndex]?.title ?? quota.title,
+    };
+}
+exports.getLocalizedQuotaForEditSignup = getLocalizedQuotaForEditSignup;

package/dist/utils/signupState.d.ts

@@ -0,0 +1,20 @@
+export declare enum SignupState {
+    disabled = "disabled",
+    not_opened = "not_opened",
+    open = "open",
+    closed = "closed"
+}
+export type SignupStateInfo = {
+    state: SignupState.disabled;
+} | {
+    state: SignupState.not_opened;
+    opens: Date;
+} | {
+    state: SignupState.open;
+    closes: Date;
+} | {
+    state: SignupState.closed;
+    closed: Date;
+};
+export declare function signupState(starts: string | null, closes: string | null): SignupStateInfo;
+//# sourceMappingURL=signupState.d.ts.map

package/dist/utils/signupState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signupState.d.ts","sourceRoot":"","sources":["../../src/utils/signupState.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,eAAe,GACvB;IAAE,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAA;CAAE,GAC/B;IAAE,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC;IAAC,KAAK,EAAE,IAAI,CAAA;CAAE,GAC9C;IAAE,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC;IAAC,MAAM,EAAE,IAAI,CAAA;CAAE,GACzC;IAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;IAAC,MAAM,EAAE,IAAI,CAAA;CAAE,CAAC;AAEhD,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,eAAe,CAkBzF"}

package/dist/utils/signupState.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.signupState = exports.SignupState = void 0;
+var SignupState;
+(function (SignupState) {
+    SignupState["disabled"] = "disabled";
+    SignupState["not_opened"] = "not_opened";
+    SignupState["open"] = "open";
+    SignupState["closed"] = "closed";
+})(SignupState || (exports.SignupState = SignupState = {}));
+function signupState(starts, closes) {
+    if (starts === null || closes === null) {
+        return { state: SignupState.disabled };
+    }
+    const signupOpens = new Date(starts);
+    const signupCloses = new Date(closes);
+    const now = new Date();
+    if (now < signupOpens) {
+        return { state: SignupState.not_opened, opens: signupOpens };
+    }
+    if (now < signupCloses) {
+        return { state: SignupState.open, closes: signupCloses };
+    }
+    return { state: SignupState.closed, closed: signupCloses };
+}
+exports.signupState = signupState;

package/dist/utils/signupUtils.d.ts

@@ -0,0 +1,26 @@
+import type { AdminEventResponse, QuotaID, QuotaWithSignupCount, UserEventResponse } from "@tietokilta/ilmomasiina-models";
+import { SignupStatus } from "@tietokilta/ilmomasiina-models";
+export type AnyEventSchema = AdminEventResponse | UserEventResponse;
+/** Grabs the signup type from {Admin,User}EventSchema and adds a reference to the quota. */
+export type SignupWithQuota<Ev extends AnyEventSchema = AnyEventSchema> = Ev["quotas"][number]["signups"][number] & {
+    quota: Ev["quotas"][number];
+};
+export declare function getSignupsAsList<Ev extends AnyEventSchema>(event: Ev): SignupWithQuota<Ev>[];
+/** Computes the number of signups in the open quota and queue. */
+export declare function countOverflowSignups(quotas: QuotaWithSignupCount[], openQuotaSize: number): {
+    openQuotaCount: number;
+    queueCount: number;
+};
+/** Expands the quota type from {Admin,User}EventSchema, makes quota properties nullable and adds references to quota. */
+export type QuotaSignups<Ev extends AnyEventSchema = AnyEventSchema> = Omit<Ev["quotas"][number], "id" | "title" | "size"> & {
+    type: SignupStatus;
+    id: QuotaID | null;
+    title: string | null;
+    size: number | null;
+    signups: SignupWithQuota<Ev>[];
+};
+/** Gathers all signups of an event into their assigned quotas, the open quota, and the queue. */
+export declare function getSignupsByQuota(event: AnyEventSchema): QuotaSignups[];
+/** Formats an answer for display. */
+export declare function stringifyAnswer(answer: string | string[] | undefined): string;
+//# sourceMappingURL=signupUtils.d.ts.map

package/dist/utils/signupUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signupUtils.d.ts","sourceRoot":"","sources":["../../src/utils/signupUtils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,OAAO,EACP,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAEpE,4FAA4F;AAC5F,MAAM,MAAM,eAAe,CAAC,EAAE,SAAS,cAAc,GAAG,cAAc,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG;IAClH,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,cAAc,EAAE,KAAK,EAAE,EAAE,GAAG,eAAe,CAAC,EAAE,CAAC,EAAE,CAQ5F;AAED,kEAAkE;AAClE,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,oBAAoB,EAAE,EAAE,aAAa,EAAE,MAAM;;;EAMzF;AAED,yHAAyH;AACzH,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,cAAc,GAAG,cAAc,IAAI,IAAI,CACzE,EAAE,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,GAAG,OAAO,GAAG,MAAM,CACxB,GAAG;IACF,IAAI,EAAE,YAAY,CAAC;IACnB,EAAE,EAAE,OAAO,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;CAChC,CAAC;AAEF,iGAAiG;AACjG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,EAAE,CAuDvE;AAED,qCAAqC;AACrC,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,UAEpE"}

package/dist/utils/signupUtils.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringifyAnswer = exports.getSignupsByQuota = exports.countOverflowSignups = exports.getSignupsAsList = void 0;
+const sumBy_1 = __importDefault(require("lodash-es/sumBy"));
+const ilmomasiina_models_1 = require("@tietokilta/ilmomasiina-models");
+const signupState_1 = require("./signupState");
+function getSignupsAsList(event) {
+    return event.quotas.flatMap((quota) => quota.signups?.map((signup) => ({
+        ...signup,
+        quota,
+    })) ?? []);
+}
+exports.getSignupsAsList = getSignupsAsList;
+/** Computes the number of signups in the open quota and queue. */
+function countOverflowSignups(quotas, openQuotaSize) {
+    const overflow = (0, sumBy_1.default)(quotas, (quota) => Math.max(0, quota.signupCount - (quota.size ?? Infinity)));
+    return {
+        openQuotaCount: Math.min(overflow, openQuotaSize),
+        queueCount: Math.max(overflow - openQuotaSize, 0),
+    };
+}
+exports.countOverflowSignups = countOverflowSignups;
+/** Gathers all signups of an event into their assigned quotas, the open quota, and the queue. */
+function getSignupsByQuota(event) {
+    const signupsDisabled = (0, signupState_1.signupState)(event.registrationStartDate, event.registrationEndDate).state === signupState_1.SignupState.disabled;
+    const signups = getSignupsAsList(event);
+    const quotas = [
+        ...event.quotas
+            // If the event does not have signups, only show quotas that somehow still have signups within.
+            .filter((quota) => !signupsDisabled || quota.signupCount > 0)
+            .map((quota) => {
+            const quotaSignups = signups.filter((signup) => signup.quota.id === quota.id && signup.status === "in-quota");
+            return {
+                ...quota,
+                type: ilmomasiina_models_1.SignupStatus.IN_QUOTA,
+                signups: quotaSignups,
+                // Trust signupCount and size, unless we have concrete information that more signups exist
+                signupCount: Math.max(quotaSignups.length, Math.min(quota.signupCount, quota.size ?? Infinity)),
+            };
+        }),
+    ];
+    const { openQuotaCount, queueCount } = countOverflowSignups(event.quotas, event.openQuotaSize);
+    const openSignups = signups.filter((signup) => signup.status === "in-open");
+    // Open quota is shown if the event has one, or if signups have been assigned there nevertheless.
+    const openQuota = openSignups.length > 0 || (!signupsDisabled && event.openQuotaSize > 0)
+        ? [
+            {
+                type: ilmomasiina_models_1.SignupStatus.IN_OPEN_QUOTA,
+                id: null,
+                title: null,
+                size: event.openQuotaSize,
+                signups: openSignups,
+                signupCount: Math.max(openQuotaCount, openSignups.length),
+            },
+        ]
+        : [];
+    const queueSignups = signups.filter((signup) => signup.status === "in-queue");
+    // Queue is shown if signups have been assigned there.
+    const queue = queueSignups.length > 0
+        ? [
+            {
+                type: ilmomasiina_models_1.SignupStatus.IN_QUEUE,
+                id: null,
+                title: null,
+                size: null,
+                signups: queueSignups,
+                signupCount: Math.max(queueCount, queueSignups.length),
+            },
+        ]
+        : [];
+    return [...quotas, ...openQuota, ...queue];
+}
+exports.getSignupsByQuota = getSignupsByQuota;
+/** Formats an answer for display. */
+function stringifyAnswer(answer) {
+    return Array.isArray(answer) ? answer.join(", ") : (answer ?? "");
+}
+exports.stringifyAnswer = stringifyAnswer;

package/dist/utils/stateContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const MISSING: unique symbol;
+/** Creates a React context and an associated hook that only works inside the Provider. */
+export declare function createStateContext<State>(): {
+    Context: import("react").Context<typeof MISSING | State>;
+    Provider: import("react").Provider<typeof MISSING | State>;
+    useStateContext: () => State;
+    createThunk: <A extends any[], R>(action: (state: State) => (...args: A) => R) => () => (...args: A) => R;
+};
+//# sourceMappingURL=stateContext.d.ts.map

package/dist/utils/stateContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateContext.d.ts","sourceRoot":"","sources":["../../src/utils/stateContext.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,eAAoB,CAAC;AAEzC,0FAA0F;AAC1F,wBAAgB,kBAAkB,CAAC,KAAK;;;;sDAWmB,KAAK;EAa/D"}

package/dist/utils/stateContext.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createStateContext = exports.MISSING = void 0;
+const react_1 = require("react");
+exports.MISSING = Symbol("missing");
+/** Creates a React context and an associated hook that only works inside the Provider. */
+function createStateContext() {
+    const Context = (0, react_1.createContext)(exports.MISSING);
+    /** React hook that fetches the state via a context. */
+    function useStateContext() {
+        const context = (0, react_1.useContext)(Context);
+        if (context === exports.MISSING)
+            throw new Error("useStateContext used outside corresponding Provider");
+        return context;
+    }
+    /** Wraps a function into a React hook that provides it with state. */
+    function createThunk(action) {
+        return () => {
+            const state = useStateContext();
+            return action(state);
+        };
+    }
+    return {
+        Context,
+        Provider: Context.Provider,
+        useStateContext,
+        createThunk,
+    };
+}
+exports.createStateContext = createStateContext;

package/dist/utils/useShallowMemo.d.ts

@@ -0,0 +1,3 @@
+/** Returns the given object. Returns a previously used object, if shallow-equal to the current one. */
+export default function useShallowMemo<T>(value: T): T;
+//# sourceMappingURL=useShallowMemo.d.ts.map

package/dist/utils/useShallowMemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShallowMemo.d.ts","sourceRoot":"","sources":["../../src/utils/useShallowMemo.ts"],"names":[],"mappings":"AAwBA,uGAAuG;AACvG,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAIrD"}