@sneat/extension-debtus-ui 0.2.2 → 0.2.3

package/fesm2022/sneat-extension-debtus-ui-source-obligations-page.component-BJ6Oe79f.mjs

@@ -0,0 +1,992 @@
+import { DatePipe } from '@angular/common';
+import { HttpParams, HttpErrorResponse } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, Injectable, DestroyRef, signal, computed, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ActivatedRoute } from '@angular/router';
+import { IonBackButton } from '@ionic/angular/ion-back-button';
+import { IonBadge } from '@ionic/angular/ion-badge';
+import { IonButton } from '@ionic/angular/ion-button';
+import { IonButtons } from '@ionic/angular/ion-buttons';
+import { IonCardContent } from '@ionic/angular/ion-card-content';
+import { IonCardHeader } from '@ionic/angular/ion-card-header';
+import { IonCardTitle } from '@ionic/angular/ion-card-title';
+import { IonCard } from '@ionic/angular/ion-card';
+import { IonContent } from '@ionic/angular/ion-content';
+import { IonHeader } from '@ionic/angular/ion-header';
+import { IonInput } from '@ionic/angular/ion-input';
+import { IonItem } from '@ionic/angular/ion-item';
+import { IonLabel } from '@ionic/angular/ion-label';
+import { IonList } from '@ionic/angular/ion-list';
+import { IonNote } from '@ionic/angular/ion-note';
+import { IonSelect } from '@ionic/angular/ion-select';
+import { IonSelectOption } from '@ionic/angular/ion-select-option';
+import { IonSpinner } from '@ionic/angular/ion-spinner';
+import { IonTitle } from '@ionic/angular/ion-title';
+import { IonToolbar } from '@ionic/angular/ion-toolbar';
+import { CONTACTUS_SPACE_SERVICE, contactTitle } from '@sneat/extension-contactus-contract';
+import { parseDebtusSourceObligationDueDateV1, parseDebtusExactMinorAmountString, MAX_DEBTUS_SOURCE_OBLIGATION_IDS, DEBTUS_SOURCE_REPAYMENT_SERVICE_V1, DEBTUS_SOURCE_OBLIGATION_DUE_DATE_SERVICE_V1, DEBTUS_SOURCE_DUE_DATE_CONTRACT_VERSION, DEBTUS_SOURCE_REPAYMENT_CONTRACT_VERSION } from '@sneat/extension-debtus-contract';
+import { LISTUS_SERVICE } from '@sneat/extension-listus-contract';
+import { SpacePageBaseComponent, SpaceComponentBaseParams } from '@sneat/space-components';
+import { ClassName } from '@sneat/ui';
+import { SpaceServiceModule } from '@sneat/space-services';
+import { map, BehaviorSubject, combineLatest, switchMap, of, first, catchError, EMPTY } from 'rxjs';
+import { DEBTUS_SOURCE_RETURN_URL_BUILDER } from './sneat-extension-debtus-ui.mjs';
+import { SneatApiService } from '@sneat/api';
+import { p as parseRepaymentMajorAmount, f as formatMinorAmountForInput } from './sneat-extension-debtus-ui-source-repayment-form-CZ7EtdUp.mjs';
+
+class SourceObligationsApiService {
+    api = inject(SneatApiService);
+    getStatus(source) {
+        return this.api
+            .get('api4debtus/source-obligations', sourceParams(source))
+            .pipe(map((value) => parseSourceObligationsStatus(value, source)));
+    }
+    getActivities(source, cursor) {
+        let params = sourceParams(source).set('pageSize', '25');
+        if (cursor) {
+            params = params.set('cursor', cursor);
+        }
+        return this.api
+            .get('api4debtus/source-obligation-activities', params)
+            .pipe(map((value) => parseSourceObligationActivitiesPage(value, source)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SourceObligationsApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SourceObligationsApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SourceObligationsApiService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function sourceParams(source) {
+    return new HttpParams()
+        .set('spaceID', source.spaceID)
+        .set('sourceNamespace', source.namespace)
+        .set('sourceRecordID', source.recordID);
+}
+function parseSourceObligationsStatus(value, expectedSource) {
+    const input = record(value, 'source obligations status');
+    const source = sourceRef(input['source']);
+    if (source.namespace !== expectedSource.namespace ||
+        source.spaceID !== expectedSource.spaceID ||
+        source.recordID !== expectedSource.recordID) {
+        throw new TypeError('source obligations response identity does not match the request');
+    }
+    const receipt = record(input['latestReceipt'], 'latestReceipt');
+    const postingStatus = oneOf(input['postingStatus'], ['pending', 'posting', 'applied', 'attention'], 'postingStatus');
+    const attentionReason = optionalString(input['attentionReason'], 'attentionReason');
+    if (postingStatus === 'attention' ? !attentionReason : !!attentionReason) {
+        throw new TypeError('attentionReason presence does not match postingStatus');
+    }
+    return {
+        source,
+        latestReceipt: {
+            receiptID: id(inputString(receipt, 'receiptID'), 'latestReceipt.receiptID'),
+            revision: positiveIntegerString(receipt['revision'], 'latestReceipt.revision'),
+            operationKey: id(inputString(receipt, 'operationKey'), 'latestReceipt.operationKey'),
+            inputDigest: id(inputString(receipt, 'inputDigest'), 'latestReceipt.inputDigest'),
+        },
+        postingStatus,
+        ...(attentionReason ? { attentionReason } : {}),
+        obligations: boundedArray(input['obligations'], 'obligations').map((obligation) => sourceObligation(obligation, source)),
+    };
+}
+function parseSourceObligationActivitiesPage(value, expectedSource) {
+    const input = record(value, 'source obligation activities');
+    const nextCursor = optionalCursor(input['nextCursor']);
+    return {
+        activities: boundedArray(input['activities'], 'activities').map((activity) => sourceActivity(activity, expectedSource.spaceID)),
+        ...(nextCursor ? { nextCursor } : {}),
+    };
+}
+function sourceRef(value) {
+    const input = record(value, 'source');
+    const namespace = inputString(input, 'namespace');
+    if (namespace !== 'splitus') {
+        throw new TypeError('source.namespace must be splitus');
+    }
+    return {
+        namespace,
+        spaceID: id(inputString(input, 'spaceID'), 'source.spaceID'),
+        recordID: id(inputString(input, 'recordID'), 'source.recordID'),
+    };
+}
+function sourceContact(value, label, expectedSpaceID) {
+    const input = record(value, label);
+    const spaceID = id(inputString(input, 'spaceID'), `${label}.spaceID`);
+    if (spaceID !== expectedSpaceID) {
+        throw new TypeError(`${label}.spaceID does not match the requested Space`);
+    }
+    return {
+        spaceID,
+        contactID: id(inputString(input, 'contactID'), `${label}.contactID`),
+    };
+}
+function sourceObligation(value, expectedSource) {
+    const input = record(value, 'obligation');
+    const lineID = id(inputString(input, 'lineID'), 'obligation.lineID');
+    const dueDateTask = input['dueDateTask']
+        ? parseDebtusSourceObligationDueDateV1(input['dueDateTask'], expectedSource, lineID)
+        : undefined;
+    return {
+        lineID,
+        obligationIDs: stringArray(input['obligationIDs'], 'obligation.obligationIDs', MAX_DEBTUS_SOURCE_OBLIGATION_IDS),
+        debtor: sourceContact(input['debtor'], 'obligation.debtor', expectedSource.spaceID),
+        creditor: sourceContact(input['creditor'], 'obligation.creditor', expectedSource.spaceID),
+        currency: currency(input['currency']),
+        principalMinor: parseDebtusExactMinorAmountString(input['principalMinor']),
+        outstandingMinor: parseDebtusExactMinorAmountString(input['outstandingMinor']),
+        repaidMinor: parseDebtusExactMinorAmountString(input['repaidMinor']),
+        creditMinor: parseDebtusExactMinorAmountString(input['creditMinor']),
+        status: oneOf(input['status'], ['unsettled', 'part_settled', 'settled'], 'obligation.status'),
+        repaymentCapability: sourceRepaymentCapability(input['repaymentCapability']),
+        ...(dueDateTask ? { dueDateTask } : {}),
+    };
+}
+function sourceActivity(value, expectedSpaceID) {
+    const input = record(value, 'activity');
+    const occurredAt = utcTimestamp(input['occurredAt'], 'activity.occurredAt');
+    return {
+        activityID: id(inputString(input, 'activityID'), 'activity.activityID'),
+        rootActivityID: id(inputString(input, 'rootActivityID'), 'activity.rootActivityID'),
+        lineIDs: stringArray(input['lineIDs'], 'activity.lineIDs', MAX_DEBTUS_SOURCE_OBLIGATION_IDS),
+        kind: oneOf(input['kind'], [
+            'obligation',
+            'repayment',
+            'adjustment',
+            'cancellation',
+            'credit',
+        ], 'activity.kind'),
+        from: sourceContact(input['from'], 'activity.from', expectedSpaceID),
+        to: sourceContact(input['to'], 'activity.to', expectedSpaceID),
+        currency: currency(input['currency']),
+        amountMinor: positiveIntegerString(input['amountMinor'], 'activity.amountMinor'),
+        occurredAt,
+    };
+}
+function utcTimestamp(value, label) {
+    const timestamp = text(String(value ?? ''), label);
+    if (!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/.test(timestamp) ||
+        Number.isNaN(Date.parse(timestamp))) {
+        throw new TypeError(`${label} must be a valid UTC timestamp with millisecond precision`);
+    }
+    return timestamp;
+}
+function record(value, label) {
+    if (!value || typeof value !== 'object' || Array.isArray(value)) {
+        throw new TypeError(`${label} must be an object`);
+    }
+    return value;
+}
+function boundedArray(value, label) {
+    if (!Array.isArray(value) || value.length > 100) {
+        throw new TypeError(`${label} must be an array with at most 100 items`);
+    }
+    return value;
+}
+function inputString(input, key) {
+    const value = input[key];
+    if (typeof value !== 'string') {
+        throw new TypeError(`${key} must be a string`);
+    }
+    return value;
+}
+function optionalString(value, label) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (typeof value !== 'string' || !value.trim() || value.length > 2048) {
+        throw new TypeError(`${label} must be a bounded non-empty string`);
+    }
+    return value;
+}
+function optionalCursor(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (typeof value !== 'string' || !value || value.length > 4096) {
+        throw new TypeError('nextCursor must be a bounded non-empty string');
+    }
+    return value;
+}
+function text(value, label) {
+    if (!value.trim() || value.length > 2048) {
+        throw new TypeError(`${label} must be a bounded non-empty string`);
+    }
+    return value;
+}
+function id(value, label) {
+    if (!value ||
+        value.trim() !== value ||
+        value.length > 512 ||
+        Array.from(value).some((character) => {
+            const code = character.charCodeAt(0);
+            return code < 0x20 || code === 0x7f;
+        })) {
+        throw new TypeError(`${label} is not a valid bounded identifier`);
+    }
+    return value;
+}
+function stringArray(value, label, maximum = 100) {
+    if (!Array.isArray(value) || value.length > maximum) {
+        throw new TypeError(`${label} must be an array with at most ${maximum} items`);
+    }
+    const values = value.map((item) => {
+        if (typeof item !== 'string') {
+            throw new TypeError(`${label} entries must be strings`);
+        }
+        return id(item, label);
+    });
+    if (!values.length || new Set(values).size !== values.length) {
+        throw new TypeError(`${label} must contain unique values`);
+    }
+    return values;
+}
+function positiveIntegerString(value, label) {
+    let result;
+    try {
+        result = parseDebtusExactMinorAmountString(value);
+    }
+    catch {
+        throw new TypeError(`${label} must be an exact positive integer string`);
+    }
+    if (result === '0') {
+        throw new TypeError(`${label} must be an exact positive integer string`);
+    }
+    return result;
+}
+function sourceRepaymentCapability(value) {
+    const input = record(value, 'repaymentCapability');
+    if (input['canRecordRepayment'] === true) {
+        if (input['repaymentUnavailableReason'] !== undefined) {
+            throw new TypeError('repaymentCapability must not include an unavailable reason when repayment is allowed');
+        }
+        return { canRecordRepayment: true };
+    }
+    if (input['canRecordRepayment'] !== false) {
+        throw new TypeError('repaymentCapability.canRecordRepayment must be boolean');
+    }
+    return {
+        canRecordRepayment: false,
+        repaymentUnavailableReason: oneOf(input['repaymentUnavailableReason'], [
+            'readOnlyRole',
+            'notParty',
+            'notOutstanding',
+            'ledgerPartyUnresolved',
+            'linkedEventLimitReached',
+        ], 'repaymentCapability.repaymentUnavailableReason'),
+    };
+}
+function currency(value) {
+    if (typeof value !== 'string' || !/^[A-Z]{3}$/.test(value)) {
+        throw new TypeError('currency must be three uppercase ASCII letters');
+    }
+    return value;
+}
+function oneOf(value, allowed, label) {
+    if (typeof value !== 'string' || !allowed.includes(value)) {
+        throw new TypeError(`${label} has an unsupported value`);
+    }
+    return value;
+}
+
+class SourceObligationsPageComponent extends SpacePageBaseComponent {
+    sourceApi = inject(SourceObligationsApiService);
+    repaymentService = inject(DEBTUS_SOURCE_REPAYMENT_SERVICE_V1);
+    dueDateService = inject(DEBTUS_SOURCE_OBLIGATION_DUE_DATE_SERVICE_V1, { optional: true });
+    sourceReturnUrlBuilder = inject(DEBTUS_SOURCE_RETURN_URL_BUILDER, { optional: true });
+    contactusSpaceService = inject(CONTACTUS_SPACE_SERVICE);
+    listusService = inject(LISTUS_SERVICE);
+    activatedRoute = inject(ActivatedRoute);
+    componentDestroyRef = inject(DestroyRef);
+    reload = new BehaviorSubject(undefined);
+    $loading = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$loading" }] : /* istanbul ignore next */ []));
+    $loadingMore = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$loadingMore" }] : /* istanbul ignore next */ []));
+    $error = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$error" }] : /* istanbul ignore next */ []));
+    $activityError = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$activityError" }] : /* istanbul ignore next */ []));
+    $status = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$status" }] : /* istanbul ignore next */ []));
+    $activities = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$activities" }] : /* istanbul ignore next */ []));
+    $nextCursor = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$nextCursor" }] : /* istanbul ignore next */ []));
+    $requestedLineID = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$requestedLineID" }] : /* istanbul ignore next */ []));
+    $routeSpaceType = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$routeSpaceType" }] : /* istanbul ignore next */ []));
+    $selectedObligation = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$selectedObligation" }] : /* istanbul ignore next */ []));
+    $amountInput = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$amountInput" }] : /* istanbul ignore next */ []));
+    $repaymentPending = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$repaymentPending" }] : /* istanbul ignore next */ []));
+    $repaymentError = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$repaymentError" }] : /* istanbul ignore next */ []));
+    $repaymentSuccess = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$repaymentSuccess" }] : /* istanbul ignore next */ []));
+    $dueDrafts = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$dueDrafts" }] : /* istanbul ignore next */ []));
+    $dueLineID = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$dueLineID" }] : /* istanbul ignore next */ []));
+    $todoLists = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$todoLists" }] : /* istanbul ignore next */ []));
+    $duePending = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$duePending" }] : /* istanbul ignore next */ []));
+    $dueError = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$dueError" }] : /* istanbul ignore next */ []));
+    $dueSuccess = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$dueSuccess" }] : /* istanbul ignore next */ []));
+    $repaymentNeedsReconciliation = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$repaymentNeedsReconciliation" }] : /* istanbul ignore next */ []));
+    $retryRequest = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$retryRequest" }] : /* istanbul ignore next */ []));
+    routeGeneration = 0;
+    $contactTitles = signal(new Map(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$contactTitles" }] : /* istanbul ignore next */ []));
+    $visibleObligations = computed(() => {
+        const obligations = this.$status()?.obligations ?? [];
+        const requestedLineID = this.$requestedLineID();
+        return requestedLineID
+            ? obligations.filter((obligation) => obligation.lineID === requestedLineID)
+            : obligations;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$visibleObligations" }] : /* istanbul ignore next */ []));
+    $selectionMessage = computed(() => {
+        const requestedLineID = this.$requestedLineID();
+        if (!requestedLineID) {
+            return undefined;
+        }
+        const count = this.$visibleObligations().length;
+        if (count === 0) {
+            return 'No Debtus obligation matches the selected bill line.';
+        }
+        if (count > 1) {
+            return `This bill line has ${count} separate Debtus obligations. Choose the exact repayment target.`;
+        }
+        return 'Showing the obligation for the selected bill line.';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$selectionMessage" }] : /* istanbul ignore next */ []));
+    $amountError = computed(() => {
+        const obligation = this.$selectedObligation();
+        if (!obligation) {
+            return undefined;
+        }
+        try {
+            const amountMinor = parseRepaymentMajorAmount(this.$amountInput(), obligation.currency);
+            if (BigInt(amountMinor) > BigInt(obligation.outstandingMinor)) {
+                return 'The repayment cannot exceed the outstanding amount.';
+            }
+            return undefined;
+        }
+        catch (error) {
+            return error instanceof Error ? error.message : 'Enter a valid amount.';
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$amountError" }] : /* istanbul ignore next */ []));
+    $sourceReturnUrl = computed(() => {
+        const status = this.$status();
+        const spaceType = this.$routeSpaceType();
+        if (!status || !spaceType || !this.sourceReturnUrlBuilder) {
+            return undefined;
+        }
+        return this.sourceReturnUrlBuilder({
+            spaceType,
+            source: status.source,
+            lineID: this.$requestedLineID(),
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$sourceReturnUrl" }] : /* istanbul ignore next */ []));
+    $repaymentMutationLocked = computed(() => this.$repaymentPending() ||
+        this.$repaymentNeedsReconciliation() ||
+        this.$retryRequest() !== undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$repaymentMutationLocked" }] : /* istanbul ignore next */ []));
+    // Cancel must stay usable whenever $repaymentMutationLocked() is true only
+    // because a failed attempt left a retry request queued — that is exactly
+    // the state Cancel exists to escape. It still blocks while a repayment is
+    // genuinely in flight, and while the outcome of a prior attempt is
+    // ambiguous ($repaymentNeedsReconciliation) — that state can mean the
+    // repayment was actually recorded, so bailing out without reloading could
+    // hide a real mismatch; "Reload settlement" is the only safe exit there.
+    $cancelRepaymentLocked = computed(() => this.$repaymentPending() || this.$repaymentNeedsReconciliation(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$cancelRepaymentLocked" }] : /* istanbul ignore next */ []));
+    dueDraft(obligation) {
+        const saved = obligation.dueDateTask;
+        return (this.$dueDrafts()[obligation.lineID] ?? {
+            title: saved && 'title' in saved && typeof saved.title === 'string'
+                ? saved.title
+                : 'Pay shared bill',
+            dueDate: saved?.dueDate ?? '',
+            todoListID: saved?.todoListID ?? '',
+        });
+    }
+    dueFieldChanged(obligation, field, event) {
+        if (this.$duePending())
+            return;
+        const draft = this.dueDraft(obligation);
+        this.$dueDrafts.update((drafts) => ({
+            ...drafts,
+            [obligation.lineID]: {
+                ...draft,
+                [field]: String(event.detail.value ?? ''),
+                operationKey: undefined,
+            },
+        }));
+        this.clearDueFeedback();
+    }
+    saveDueDate(obligation) {
+        const source = this.$status()?.source;
+        const draft = this.dueDraft(obligation);
+        const title = draft.title.trim();
+        if (!source || this.$duePending() || !title)
+            return;
+        this.$dueLineID.set(obligation.lineID);
+        if (!this.dueDateService) {
+            this.$dueError.set('Due date editing is unavailable.');
+            return;
+        }
+        const generation = this.routeGeneration;
+        const operationKey = draft.operationKey ?? `web_${globalThis.crypto.randomUUID()}`;
+        this.$dueDrafts.update((drafts) => ({
+            ...drafts,
+            [obligation.lineID]: { ...draft, operationKey },
+        }));
+        this.$dueLineID.set(obligation.lineID);
+        this.$duePending.set(true);
+        this.clearDueFeedback();
+        this.dueDateService
+            .setSourceObligationDueDate({
+            contractVersion: DEBTUS_SOURCE_DUE_DATE_CONTRACT_VERSION,
+            source,
+            lineID: obligation.lineID,
+            title,
+            dueDate: draft.dueDate || undefined,
+            expectedRevision: obligation.dueDateTask?.revision ?? 0,
+            operationKey,
+            todoListID: draft.todoListID || undefined,
+        })
+            .pipe(takeUntilDestroyed(this.componentDestroyRef))
+            .subscribe({
+            next: (dueDateTask) => {
+                if (!this.isActiveSource(generation, source))
+                    return;
+                this.$dueDrafts.update((drafts) => {
+                    const next = { ...drafts };
+                    delete next[obligation.lineID];
+                    return next;
+                });
+                this.$duePending.set(false);
+                this.$dueSuccess.set('Due date saved.');
+                this.$status.update((status) => status
+                    ? {
+                        ...status,
+                        obligations: status.obligations.map((item) => item.lineID === obligation.lineID
+                            ? { ...item, dueDateTask }
+                            : item),
+                    }
+                    : status);
+            },
+            error: (error) => {
+                if (!this.isActiveSource(generation, source))
+                    return;
+                this.$duePending.set(false);
+                this.$dueError.set('We could not save this due date.');
+                this.errorLogger.logError(error, 'Debtus due date could not be saved');
+            },
+        });
+    }
+    clearDueFeedback() {
+        this.$dueError.set(undefined);
+        this.$dueSuccess.set(undefined);
+    }
+    constructor() {
+        super();
+        this.$defaultBackUrlSpacePath.set('debts');
+        combineLatest([
+            this.spaceIDChanged$,
+            this.activatedRoute.paramMap,
+            this.activatedRoute.queryParamMap,
+            this.reload,
+        ])
+            .pipe(switchMap(([spaceID, pathParams, queryParams]) => {
+            this.resetLoadedState();
+            const spaceType = pathParams.get('spaceType')?.trim();
+            const sourceNamespace = queryParams.get('sourceNamespace');
+            const sourceRecordID = queryParams.get('sourceRecordID')?.trim();
+            const requestedLineID = queryParams.get('lineID')?.trim();
+            if (!spaceID ||
+                !spaceType ||
+                sourceNamespace !== 'splitus' ||
+                !sourceRecordID ||
+                !isRouteIdentifier(sourceRecordID) ||
+                (requestedLineID && !isRouteIdentifier(requestedLineID))) {
+                return of({
+                    error: new Error('Invalid source-obligations route'),
+                    message: 'This settlement link is incomplete or invalid.',
+                });
+            }
+            this.$routeSpaceType.set(spaceType);
+            this.$requestedLineID.set(requestedLineID || undefined);
+            const source = {
+                namespace: 'splitus',
+                spaceID,
+                recordID: sourceRecordID,
+            };
+            return combineLatest({
+                status: this.sourceApi.getStatus(source),
+                activityPage: this.sourceApi.getActivities(source),
+                contacts: this.contactusSpaceService
+                    .watchContactBriefs(spaceID)
+                    .pipe(first()),
+                todoLists: this.listusService
+                    .observeSpaceLists(spaceID)
+                    .pipe(first()),
+            }).pipe(map((data) => ({ data })), catchError((error) => of({
+                error,
+                message: 'We could not load this bill settlement.',
+            })));
+        }), takeUntilDestroyed())
+            .subscribe((result) => {
+            this.$loading.set(false);
+            if ('error' in result) {
+                this.$error.set(result.message);
+                this.errorLogger.logError(result.error, result.message);
+                return;
+            }
+            this.applyLoadedData(result.data);
+            this.selectUniqueRequestedObligation(result.data.status);
+        });
+    }
+    retry() {
+        if (this.$repaymentPending()) {
+            return;
+        }
+        this.reload.next();
+    }
+    loadMore() {
+        const source = this.$status()?.source;
+        const cursor = this.$nextCursor();
+        if (!source || !cursor || this.$loadingMore()) {
+            return;
+        }
+        const routeGeneration = this.routeGeneration;
+        this.$loadingMore.set(true);
+        this.$activityError.set(undefined);
+        this.sourceApi
+            .getActivities(source, cursor)
+            .pipe(takeUntilDestroyed(this.componentDestroyRef))
+            .subscribe({
+            next: (page) => {
+                if (!this.isActiveSource(routeGeneration, source)) {
+                    return;
+                }
+                this.$activities.update((activities) => [
+                    ...activities,
+                    ...page.activities,
+                ]);
+                this.$nextCursor.set(page.nextCursor);
+                this.$loadingMore.set(false);
+            },
+            error: (error) => {
+                if (!this.isActiveSource(routeGeneration, source)) {
+                    return;
+                }
+                this.$activityError.set('We could not load more activity.');
+                this.$loadingMore.set(false);
+                this.errorLogger.logError(error, 'Failed to load more Debtus activity');
+            },
+        });
+    }
+    selectObligation(obligation) {
+        if (!this.canStartRepayment(obligation) ||
+            this.$repaymentPending() ||
+            this.$repaymentNeedsReconciliation()) {
+            return;
+        }
+        const retryRequest = this.$retryRequest();
+        if (retryRequest) {
+            if (!this.requestMatchesObligation(retryRequest, obligation)) {
+                this.requireUncertainRepaymentReconciliation();
+            }
+            return;
+        }
+        this.$selectedObligation.set(obligation);
+        this.$amountInput.set(formatMinorAmountForInput(obligation.outstandingMinor));
+        this.clearRepaymentAttempt();
+    }
+    cancelRepayment() {
+        if (this.$cancelRepaymentLocked()) {
+            return;
+        }
+        this.$selectedObligation.set(undefined);
+        this.$amountInput.set('');
+        this.clearRepaymentAttempt();
+    }
+    useFullOutstanding() {
+        const obligation = this.$selectedObligation();
+        if (!obligation ||
+            this.$repaymentPending() ||
+            this.$repaymentNeedsReconciliation()) {
+            return;
+        }
+        const retryRequest = this.$retryRequest();
+        if (retryRequest) {
+            if (retryRequest.amountMinor !== obligation.outstandingMinor) {
+                this.requireUncertainRepaymentReconciliation();
+            }
+            return;
+        }
+        this.$amountInput.set(formatMinorAmountForInput(obligation.outstandingMinor));
+        this.clearRepaymentAttempt();
+    }
+    amountChanged(event) {
+        if (this.$repaymentPending() || this.$repaymentNeedsReconciliation()) {
+            return;
+        }
+        const value = String(event.detail.value ?? '');
+        const retryRequest = this.$retryRequest();
+        const obligation = this.$selectedObligation();
+        if (retryRequest && obligation) {
+            try {
+                if (parseRepaymentMajorAmount(value, obligation.currency) !==
+                    retryRequest.amountMinor) {
+                    this.requireUncertainRepaymentReconciliation();
+                    return;
+                }
+            }
+            catch {
+                this.requireUncertainRepaymentReconciliation();
+                return;
+            }
+            this.$amountInput.set(value);
+            return;
+        }
+        this.$amountInput.set(value);
+        this.clearRepaymentAttempt();
+    }
+    recordRepayment() {
+        const obligation = this.$selectedObligation();
+        const source = this.$status()?.source;
+        const obligationID = obligation && this.rootObligationID(obligation);
+        if (!obligation ||
+            !source ||
+            !obligationID ||
+            !this.canStartRepayment(obligation) ||
+            this.$repaymentPending() ||
+            this.$repaymentNeedsReconciliation()) {
+            return;
+        }
+        let amountMinor;
+        try {
+            amountMinor = parseRepaymentMajorAmount(this.$amountInput(), obligation.currency);
+            if (BigInt(amountMinor) > BigInt(obligation.outstandingMinor)) {
+                throw new RangeError('The repayment cannot exceed the outstanding amount.');
+            }
+        }
+        catch (error) {
+            this.$repaymentError.set(error instanceof Error ? error.message : 'Enter a valid amount.');
+            return;
+        }
+        const retryRequest = this.$retryRequest();
+        if (retryRequest &&
+            (!this.requestMatchesObligation(retryRequest, obligation) ||
+                !sourceRefsEqual(retryRequest.source, source) ||
+                retryRequest.amountMinor !== amountMinor)) {
+            this.requireUncertainRepaymentReconciliation();
+            return;
+        }
+        const request = retryRequest ??
+            {
+                contractVersion: DEBTUS_SOURCE_REPAYMENT_CONTRACT_VERSION,
+                source,
+                lineID: obligation.lineID,
+                obligationID,
+                currency: obligation.currency,
+                amountMinor,
+                repaidAt: new Date().toISOString(),
+                operationKey: createRepaymentOperationKey(),
+            };
+        const routeGeneration = this.routeGeneration;
+        this.$retryRequest.set(request);
+        this.$repaymentPending.set(true);
+        this.$repaymentError.set(undefined);
+        this.$repaymentSuccess.set(undefined);
+        this.repaymentService
+            .recordSourceObligationRepayment(request)
+            .pipe(switchMap(() => {
+            if (!this.isActiveSource(routeGeneration, source)) {
+                return EMPTY;
+            }
+            // The accepted response is the persisted mutation receipt. A refresh
+            // failure must block another mutation until status is reconciled.
+            this.$retryRequest.set(undefined);
+            this.$selectedObligation.set(undefined);
+            this.$amountInput.set('');
+            this.$repaymentNeedsReconciliation.set(true);
+            return combineLatest({
+                status: this.sourceApi.getStatus(source),
+                activityPage: this.sourceApi.getActivities(source),
+            }).pipe(map((fresh) => fresh), catchError((refreshError) => of({ refreshError })));
+        }), takeUntilDestroyed(this.componentDestroyRef))
+            .subscribe({
+            next: (result) => {
+                if (!this.isActiveSource(routeGeneration, source)) {
+                    return;
+                }
+                this.$repaymentPending.set(false);
+                if ('refreshError' in result) {
+                    this.$repaymentError.set('The repayment was recorded, but the latest settlement could not be refreshed. Reload this page to see it.');
+                    this.errorLogger.logError(result.refreshError, 'Debtus repayment refresh failed');
+                    return;
+                }
+                this.$status.set(result.status);
+                this.$activities.set(result.activityPage.activities);
+                this.$nextCursor.set(result.activityPage.nextCursor);
+                this.$repaymentNeedsReconciliation.set(false);
+                this.$repaymentError.set(undefined);
+                this.$repaymentSuccess.set('Repayment recorded.');
+            },
+            error: (error) => {
+                if (!this.isActiveSource(routeGeneration, source)) {
+                    return;
+                }
+                this.$repaymentPending.set(false);
+                this.$repaymentError.set(repaymentErrorMessage(error));
+                this.errorLogger.logError(error, 'Debtus source repayment could not be recorded');
+            },
+        });
+    }
+    contactTitle(contactID) {
+        return this.$contactTitles().get(contactID) ?? 'Unknown contact';
+    }
+    formatMinorAmount(minor, currency) {
+        if (!['EUR', 'GBP', 'USD'].includes(currency)) {
+            return `${minor} minor units ${currency}`;
+        }
+        return `${currency} ${formatMinorAmountForInput(minor)}`;
+    }
+    settlementColor(status) {
+        switch (status) {
+            case 'settled':
+                return 'success';
+            case 'part_settled':
+                return 'warning';
+            default:
+                return 'medium';
+        }
+    }
+    activityTitle(kind) {
+        switch (kind) {
+            case 'obligation':
+                return 'Obligation recorded';
+            case 'repayment':
+                return 'Repayment recorded';
+            case 'adjustment':
+                return 'Adjustment recorded';
+            case 'cancellation':
+                return 'Obligation cancelled';
+            case 'credit':
+                return 'Credit recorded';
+        }
+    }
+    obligationTrackKey(obligation) {
+        return `${obligation.lineID}:${obligation.obligationIDs.join(',')}`;
+    }
+    isSelected(obligation) {
+        const selected = this.$selectedObligation();
+        return selected
+            ? this.obligationTrackKey(selected) ===
+                this.obligationTrackKey(obligation)
+            : false;
+    }
+    canStartRepayment(obligation) {
+        return (obligation.repaymentCapability.canRecordRepayment &&
+            obligation.outstandingMinor !== '0' &&
+            this.rootObligationID(obligation) !== undefined &&
+            ['EUR', 'GBP', 'USD'].includes(obligation.currency));
+    }
+    repaymentUnavailableMessage(obligation) {
+        if (!obligation.repaymentCapability.canRecordRepayment) {
+            return capabilityUnavailableMessage(obligation.repaymentCapability.repaymentUnavailableReason);
+        }
+        if (obligation.obligationIDs.length !== 1) {
+            return 'This repayment target has an ambiguous root obligation.';
+        }
+        if (!['EUR', 'GBP', 'USD'].includes(obligation.currency)) {
+            return `Repayments in ${obligation.currency} are not supported yet.`;
+        }
+        if (obligation.outstandingMinor === '0') {
+            return 'This obligation has no outstanding amount.';
+        }
+        return undefined;
+    }
+    repaymentButtonLabel() {
+        const obligation = this.$selectedObligation();
+        if (!obligation || this.$amountError()) {
+            return 'Record repayment';
+        }
+        const amountMinor = parseRepaymentMajorAmount(this.$amountInput(), obligation.currency);
+        return amountMinor === obligation.outstandingMinor
+            ? 'Record full repayment'
+            : 'Record partial repayment';
+    }
+    resetLoadedState() {
+        this.routeGeneration += 1;
+        this.$duePending.set(false);
+        this.$dueDrafts.set({});
+        this.$dueLineID.set(undefined);
+        this.clearDueFeedback();
+        this.$loading.set(true);
+        this.$loadingMore.set(false);
+        this.$error.set(undefined);
+        this.$activityError.set(undefined);
+        this.$status.set(undefined);
+        this.$activities.set([]);
+        this.$nextCursor.set(undefined);
+        this.$requestedLineID.set(undefined);
+        this.$routeSpaceType.set(undefined);
+        this.$selectedObligation.set(undefined);
+        this.$amountInput.set('');
+        this.$repaymentPending.set(false);
+        this.$repaymentNeedsReconciliation.set(false);
+        this.clearRepaymentAttempt();
+    }
+    clearRepaymentAttempt() {
+        this.$retryRequest.set(undefined);
+        this.$repaymentError.set(undefined);
+        this.$repaymentSuccess.set(undefined);
+    }
+    requireUncertainRepaymentReconciliation() {
+        this.$repaymentError.set('Retry the pending repayment unchanged, or reload the settlement before editing its amount or target.');
+    }
+    requestMatchesObligation(request, obligation) {
+        return (request.lineID === obligation.lineID &&
+            request.obligationID === this.rootObligationID(obligation) &&
+            request.currency === obligation.currency);
+    }
+    isActiveSource(routeGeneration, source) {
+        return (routeGeneration === this.routeGeneration &&
+            sourceRefsEqual(this.$status()?.source, source));
+    }
+    applyLoadedData(data) {
+        this.$status.set(data.status);
+        this.$activities.set(data.activityPage.activities);
+        this.$nextCursor.set(data.activityPage.nextCursor);
+        this.$todoLists.set(Object.entries(data.todoLists)
+            .map(([id, brief]) => ({ id, brief }))
+            .filter(({ brief }) => brief.type === 'do' && brief.status !== 'archived')
+            .sort((a, b) => a.brief.title.localeCompare(b.brief.title)));
+        this.$contactTitles.set(new Map(data.contacts.map((contact) => [
+            contact.id,
+            contactTitle(contact, {
+                includeBriefShortTitle: true,
+                fallbackToID: false,
+                fallback: 'Unknown contact',
+            }),
+        ])));
+    }
+    selectUniqueRequestedObligation(status) {
+        const requestedLineID = this.$requestedLineID();
+        if (!requestedLineID) {
+            return;
+        }
+        const matching = status.obligations.filter((obligation) => obligation.lineID === requestedLineID);
+        if (matching.length === 1 && this.canStartRepayment(matching[0])) {
+            this.selectObligation(matching[0]);
+        }
+    }
+    rootObligationID(obligation) {
+        return obligation.obligationIDs.length === 1
+            ? obligation.obligationIDs[0]
+            : undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SourceObligationsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SourceObligationsPageComponent, isStandalone: true, selector: "debtus-source-obligations-page", providers: [
+            { provide: ClassName, useValue: 'SourceObligationsPageComponent' },
+            SpaceComponentBaseParams,
+        ], usesInheritance: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <ion-title>Bill settlement</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  @if ($loading()) {\n    <div class=\"ion-padding ion-text-center\">\n      <ion-spinner name=\"dots\" />\n      <p>Loading settlement\u2026</p>\n    </div>\n  } @else if ($error()) {\n    <ion-card>\n      <ion-card-content>\n        <ion-note color=\"danger\">{{ $error() }}</ion-note>\n        <ion-button expand=\"block\" fill=\"outline\" (click)=\"retry()\">\n          Try again\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  } @else if ($status(); as status) {\n    <ion-card>\n      <ion-card-header>\n        <ion-card-title>Splitus bill settlement</ion-card-title>\n      </ion-card-header>\n      <ion-list lines=\"full\">\n        <ion-item>\n          <ion-label>\n            <p>Posting</p>\n            <h2>{{ status.postingStatus }}</h2>\n          </ion-label>\n          <ion-badge\n            slot=\"end\"\n            [color]=\"status.postingStatus === 'applied' ? 'success' : 'warning'\"\n          >\n            {{ status.postingStatus }}\n          </ion-badge>\n        </ion-item>\n        <ion-item>\n          <ion-label>\n            <p>Debtus receipt</p>\n            <h2>Recorded in Debtus</h2>\n            <ion-note>Revision {{ status.latestReceipt.revision }}</ion-note>\n          </ion-label>\n        </ion-item>\n        @if (status.attentionReason) {\n          <ion-item>\n            <ion-label class=\"ion-text-wrap\">\n              <p>Needs attention</p>\n              <h2>{{ status.attentionReason }}</h2>\n            </ion-label>\n          </ion-item>\n        }\n      </ion-list>\n      @if ($sourceReturnUrl(); as returnUrl) {\n        <ion-card-content>\n          <ion-button expand=\"block\" fill=\"outline\" [href]=\"returnUrl\">\n            Back to this bill in Splitus\n          </ion-button>\n        </ion-card-content>\n      }\n    </ion-card>\n\n    <ion-card>\n      <ion-card-header>\n        <ion-card-title>Who owes what</ion-card-title>\n        @if ($selectionMessage(); as message) {\n          <ion-note>{{ message }}</ion-note>\n        }\n      </ion-card-header>\n      @if ($visibleObligations().length) {\n        <ion-list lines=\"full\">\n          @for (\n            obligation of $visibleObligations();\n            track obligationTrackKey(obligation)\n          ) {\n            <ion-item\n              data-testid=\"debtus-obligation\"\n              [attr.data-line-id]=\"obligation.lineID\"\n              [attr.data-obligation-id]=\"rootObligationID(obligation)\"\n              [color]=\"\n                obligation.lineID === $requestedLineID() ? 'light' : undefined\n              \"\n            >\n              <ion-label class=\"ion-text-wrap\">\n                <h2>\n                  {{ contactTitle(obligation.debtor.contactID) }} owes\n                  {{ contactTitle(obligation.creditor.contactID) }}\n                </h2>\n                <p>\n                  Outstanding:\n                  {{\n                    formatMinorAmount(\n                      obligation.outstandingMinor,\n                      obligation.currency\n                    )\n                  }}\n                </p>\n                <ion-note>\n                  Original\n                  {{\n                    formatMinorAmount(\n                      obligation.principalMinor,\n                      obligation.currency\n                    )\n                  }}\n                  \u00B7 Repaid\n                  {{\n                    formatMinorAmount(\n                      obligation.repaidMinor,\n                      obligation.currency\n                    )\n                  }}\n                  @if (obligation.creditMinor !== '0') {\n                    \u00B7 Credit\n                    {{\n                      formatMinorAmount(\n                        obligation.creditMinor,\n                        obligation.currency\n                      )\n                    }}\n                  }\n                </ion-note>\n                @if (repaymentUnavailableMessage(obligation); as reason) {\n                  <p>\n                    <ion-note color=\"medium\">{{ reason }}</ion-note>\n                  </p>\n                }\n                <ion-input\n                  data-testid=\"debtus-due-title-input\"\n                  label=\"Reminder title\"\n                  labelPlacement=\"stacked\"\n                  [value]=\"dueDraft(obligation).title\"\n                  [disabled]=\"$duePending()\"\n                  (ionInput)=\"dueFieldChanged(obligation, 'title', $event)\"\n                />\n                <ion-input\n                  data-testid=\"debtus-due-date-input\"\n                  label=\"Due date\"\n                  labelPlacement=\"stacked\"\n                  type=\"date\"\n                  [value]=\"dueDraft(obligation).dueDate\"\n                  [disabled]=\"$duePending()\"\n                  (ionInput)=\"dueFieldChanged(obligation, 'dueDate', $event)\"\n                />\n                <ion-select\n                  data-testid=\"debtus-todo-list-select\"\n                  label=\"Also add to a to-do list\"\n                  labelPlacement=\"stacked\"\n                  [value]=\"dueDraft(obligation).todoListID\"\n                  [disabled]=\"$duePending()\"\n                  (ionChange)=\"\n                    dueFieldChanged(obligation, 'todoListID', $event)\n                  \"\n                >\n                  <ion-select-option value=\"\">No to-do list</ion-select-option>\n                  @for (list of $todoLists(); track list.id) {\n                    <ion-select-option [value]=\"list.id\">{{\n                      list.brief.title\n                    }}</ion-select-option>\n                  }\n                </ion-select>\n                @if (\n                  $dueLineID() === obligation.lineID && $dueError();\n                  as dueError\n                ) {\n                  <ion-note color=\"danger\">{{ dueError }}</ion-note>\n                }\n                @if (\n                  $dueLineID() === obligation.lineID && $dueSuccess();\n                  as dueSuccess\n                ) {\n                  <ion-note color=\"success\">{{ dueSuccess }}</ion-note>\n                }\n                <ion-button\n                  data-testid=\"debtus-save-due-date\"\n                  size=\"small\"\n                  [disabled]=\"\n                    $duePending() || !dueDraft(obligation).title.trim()\n                  \"\n                  (click)=\"saveDueDate(obligation)\"\n                  >Save due date</ion-button\n                >\n                @if (canStartRepayment(obligation)) {\n                  <ion-button\n                    size=\"small\"\n                    fill=\"outline\"\n                    [disabled]=\"$repaymentMutationLocked()\"\n                    (click)=\"selectObligation(obligation)\"\n                  >\n                    {{\n                      isSelected(obligation) ? 'Selected' : 'Record repayment'\n                    }}\n                  </ion-button>\n                }\n              </ion-label>\n              <ion-badge\n                slot=\"end\"\n                [color]=\"settlementColor(obligation.status)\"\n              >\n                {{\n                  obligation.status === 'part_settled'\n                    ? 'part settled'\n                    : obligation.status\n                }}\n              </ion-badge>\n            </ion-item>\n          }\n        </ion-list>\n      } @else {\n        <ion-card-content>\n          <ion-note>\n            @if ($requestedLineID()) {\n              No obligation was recorded for the selected bill line.\n            } @else {\n              No obligations were recorded for this bill.\n            }\n          </ion-note>\n        </ion-card-content>\n      }\n    </ion-card>\n\n    @if ($selectedObligation(); as obligation) {\n      <ion-card>\n        <ion-card-header>\n          <ion-card-title>Record repayment</ion-card-title>\n          <ion-note>\n            {{ contactTitle(obligation.debtor.contactID) }} paid\n            {{ contactTitle(obligation.creditor.contactID) }}\n          </ion-note>\n        </ion-card-header>\n        <ion-card-content>\n          <ion-input\n            label=\"Amount\"\n            labelPlacement=\"stacked\"\n            type=\"text\"\n            inputmode=\"decimal\"\n            [value]=\"$amountInput()\"\n            [disabled]=\"$repaymentMutationLocked()\"\n            [helperText]=\"\n              'Available: ' +\n              formatMinorAmount(\n                obligation.outstandingMinor,\n                obligation.currency\n              )\n            \"\n            (ionInput)=\"amountChanged($event)\"\n          />\n          @if ($amountError(); as amountError) {\n            <p>\n              <ion-note color=\"danger\">{{ amountError }}</ion-note>\n            </p>\n          }\n          @if ($repaymentError(); as repaymentError) {\n            <p>\n              <ion-note color=\"danger\">{{ repaymentError }}</ion-note>\n            </p>\n          }\n          <ion-button\n            expand=\"block\"\n            fill=\"outline\"\n            [disabled]=\"$repaymentMutationLocked()\"\n            (click)=\"useFullOutstanding()\"\n          >\n            Use full outstanding amount\n          </ion-button>\n          <ion-button\n            expand=\"block\"\n            [disabled]=\"\n              $repaymentPending() ||\n              $repaymentNeedsReconciliation() ||\n              !!$amountError()\n            \"\n            (click)=\"recordRepayment()\"\n          >\n            @if ($repaymentPending()) {\n              <ion-spinner name=\"dots\" />\n            } @else {\n              {{ repaymentButtonLabel() }}\n            }\n          </ion-button>\n          <ion-button\n            expand=\"block\"\n            fill=\"clear\"\n            [disabled]=\"$cancelRepaymentLocked()\"\n            (click)=\"cancelRepayment()\"\n          >\n            Cancel\n          </ion-button>\n        </ion-card-content>\n      </ion-card>\n    }\n\n    @if ($repaymentNeedsReconciliation()) {\n      <ion-card>\n        <ion-card-content>\n          @if ($repaymentPending()) {\n            <ion-spinner name=\"dots\" />\n            <ion-note> Repayment recorded. Refreshing settlement\u2026 </ion-note>\n          } @else {\n            <ion-note color=\"danger\">\n              {{\n                $repaymentError() ||\n                  'The repayment was recorded. Reload the settlement before recording another repayment.'\n              }}\n            </ion-note>\n            <ion-button expand=\"block\" fill=\"outline\" (click)=\"retry()\">\n              Reload settlement\n            </ion-button>\n          }\n        </ion-card-content>\n      </ion-card>\n    }\n\n    @if ($repaymentSuccess(); as repaymentSuccess) {\n      <ion-card>\n        <ion-card-content>\n          <ion-note color=\"success\">{{ repaymentSuccess }}</ion-note>\n        </ion-card-content>\n      </ion-card>\n    }\n\n    <ion-card>\n      <ion-card-header>\n        <ion-card-title>Activity</ion-card-title>\n      </ion-card-header>\n      @if ($activities().length) {\n        <ion-list lines=\"full\">\n          @for (activity of $activities(); track activity.activityID) {\n            <ion-item>\n              <ion-label class=\"ion-text-wrap\">\n                <h2>{{ activityTitle(activity.kind) }}</h2>\n                <p>\n                  {{ contactTitle(activity.from.contactID) }} \u2192\n                  {{ contactTitle(activity.to.contactID) }}\n                </p>\n                <ion-note>{{ activity.occurredAt | date: 'medium' }}</ion-note>\n              </ion-label>\n              <ion-badge slot=\"end\">\n                {{ formatMinorAmount(activity.amountMinor, activity.currency) }}\n              </ion-badge>\n            </ion-item>\n          }\n        </ion-list>\n      } @else {\n        <ion-card-content>\n          <ion-note>No Debtus activity has been recorded yet.</ion-note>\n        </ion-card-content>\n      }\n      @if ($activityError()) {\n        <ion-card-content>\n          <ion-note color=\"danger\">{{ $activityError() }}</ion-note>\n        </ion-card-content>\n      }\n      @if ($nextCursor()) {\n        <ion-card-content>\n          <ion-button\n            expand=\"block\"\n            fill=\"outline\"\n            [disabled]=\"$loadingMore()\"\n            (click)=\"loadMore()\"\n          >\n            @if ($loadingMore()) {\n              <ion-spinner name=\"dots\" />\n            } @else {\n              Load more activity\n            }\n          </ion-button>\n        </ion-card-content>\n      }\n    </ion-card>\n  }\n</ion-content>\n", dependencies: [{ kind: "ngmodule", type: SpaceServiceModule }, { kind: "component", type: IonBackButton, selector: "ion-back-button" }, { kind: "component", type: IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"], outputs: ["ionScrollStart", "ionScroll", "ionScrollEnd"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["description", "disabled", "justify", "labelPlacement", "mode", "value"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "pipe", type: DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SourceObligationsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'debtus-source-obligations-page', imports: [
+                        SpaceServiceModule,
+                        DatePipe,
+                        IonBackButton,
+                        IonBadge,
+                        IonButton,
+                        IonButtons,
+                        IonCard,
+                        IonCardContent,
+                        IonCardHeader,
+                        IonCardTitle,
+                        IonContent,
+                        IonHeader,
+                        IonInput,
+                        IonItem,
+                        IonLabel,
+                        IonList,
+                        IonNote,
+                        IonSelect,
+                        IonSelectOption,
+                        IonSpinner,
+                        IonTitle,
+                        IonToolbar,
+                    ], providers: [
+                        { provide: ClassName, useValue: 'SourceObligationsPageComponent' },
+                        SpaceComponentBaseParams,
+                    ], template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <ion-title>Bill settlement</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  @if ($loading()) {\n    <div class=\"ion-padding ion-text-center\">\n      <ion-spinner name=\"dots\" />\n      <p>Loading settlement\u2026</p>\n    </div>\n  } @else if ($error()) {\n    <ion-card>\n      <ion-card-content>\n        <ion-note color=\"danger\">{{ $error() }}</ion-note>\n        <ion-button expand=\"block\" fill=\"outline\" (click)=\"retry()\">\n          Try again\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  } @else if ($status(); as status) {\n    <ion-card>\n      <ion-card-header>\n        <ion-card-title>Splitus bill settlement</ion-card-title>\n      </ion-card-header>\n      <ion-list lines=\"full\">\n        <ion-item>\n          <ion-label>\n            <p>Posting</p>\n            <h2>{{ status.postingStatus }}</h2>\n          </ion-label>\n          <ion-badge\n            slot=\"end\"\n            [color]=\"status.postingStatus === 'applied' ? 'success' : 'warning'\"\n          >\n            {{ status.postingStatus }}\n          </ion-badge>\n        </ion-item>\n        <ion-item>\n          <ion-label>\n            <p>Debtus receipt</p>\n            <h2>Recorded in Debtus</h2>\n            <ion-note>Revision {{ status.latestReceipt.revision }}</ion-note>\n          </ion-label>\n        </ion-item>\n        @if (status.attentionReason) {\n          <ion-item>\n            <ion-label class=\"ion-text-wrap\">\n              <p>Needs attention</p>\n              <h2>{{ status.attentionReason }}</h2>\n            </ion-label>\n          </ion-item>\n        }\n      </ion-list>\n      @if ($sourceReturnUrl(); as returnUrl) {\n        <ion-card-content>\n          <ion-button expand=\"block\" fill=\"outline\" [href]=\"returnUrl\">\n            Back to this bill in Splitus\n          </ion-button>\n        </ion-card-content>\n      }\n    </ion-card>\n\n    <ion-card>\n      <ion-card-header>\n        <ion-card-title>Who owes what</ion-card-title>\n        @if ($selectionMessage(); as message) {\n          <ion-note>{{ message }}</ion-note>\n        }\n      </ion-card-header>\n      @if ($visibleObligations().length) {\n        <ion-list lines=\"full\">\n          @for (\n            obligation of $visibleObligations();\n            track obligationTrackKey(obligation)\n          ) {\n            <ion-item\n              data-testid=\"debtus-obligation\"\n              [attr.data-line-id]=\"obligation.lineID\"\n              [attr.data-obligation-id]=\"rootObligationID(obligation)\"\n              [color]=\"\n                obligation.lineID === $requestedLineID() ? 'light' : undefined\n              \"\n            >\n              <ion-label class=\"ion-text-wrap\">\n                <h2>\n                  {{ contactTitle(obligation.debtor.contactID) }} owes\n                  {{ contactTitle(obligation.creditor.contactID) }}\n                </h2>\n                <p>\n                  Outstanding:\n                  {{\n                    formatMinorAmount(\n                      obligation.outstandingMinor,\n                      obligation.currency\n                    )\n                  }}\n                </p>\n                <ion-note>\n                  Original\n                  {{\n                    formatMinorAmount(\n                      obligation.principalMinor,\n                      obligation.currency\n                    )\n                  }}\n                  \u00B7 Repaid\n                  {{\n                    formatMinorAmount(\n                      obligation.repaidMinor,\n                      obligation.currency\n                    )\n                  }}\n                  @if (obligation.creditMinor !== '0') {\n                    \u00B7 Credit\n                    {{\n                      formatMinorAmount(\n                        obligation.creditMinor,\n                        obligation.currency\n                      )\n                    }}\n                  }\n                </ion-note>\n                @if (repaymentUnavailableMessage(obligation); as reason) {\n                  <p>\n                    <ion-note color=\"medium\">{{ reason }}</ion-note>\n                  </p>\n                }\n                <ion-input\n                  data-testid=\"debtus-due-title-input\"\n                  label=\"Reminder title\"\n                  labelPlacement=\"stacked\"\n                  [value]=\"dueDraft(obligation).title\"\n                  [disabled]=\"$duePending()\"\n                  (ionInput)=\"dueFieldChanged(obligation, 'title', $event)\"\n                />\n                <ion-input\n                  data-testid=\"debtus-due-date-input\"\n                  label=\"Due date\"\n                  labelPlacement=\"stacked\"\n                  type=\"date\"\n                  [value]=\"dueDraft(obligation).dueDate\"\n                  [disabled]=\"$duePending()\"\n                  (ionInput)=\"dueFieldChanged(obligation, 'dueDate', $event)\"\n                />\n                <ion-select\n                  data-testid=\"debtus-todo-list-select\"\n                  label=\"Also add to a to-do list\"\n                  labelPlacement=\"stacked\"\n                  [value]=\"dueDraft(obligation).todoListID\"\n                  [disabled]=\"$duePending()\"\n                  (ionChange)=\"\n                    dueFieldChanged(obligation, 'todoListID', $event)\n                  \"\n                >\n                  <ion-select-option value=\"\">No to-do list</ion-select-option>\n                  @for (list of $todoLists(); track list.id) {\n                    <ion-select-option [value]=\"list.id\">{{\n                      list.brief.title\n                    }}</ion-select-option>\n                  }\n                </ion-select>\n                @if (\n                  $dueLineID() === obligation.lineID && $dueError();\n                  as dueError\n                ) {\n                  <ion-note color=\"danger\">{{ dueError }}</ion-note>\n                }\n                @if (\n                  $dueLineID() === obligation.lineID && $dueSuccess();\n                  as dueSuccess\n                ) {\n                  <ion-note color=\"success\">{{ dueSuccess }}</ion-note>\n                }\n                <ion-button\n                  data-testid=\"debtus-save-due-date\"\n                  size=\"small\"\n                  [disabled]=\"\n                    $duePending() || !dueDraft(obligation).title.trim()\n                  \"\n                  (click)=\"saveDueDate(obligation)\"\n                  >Save due date</ion-button\n                >\n                @if (canStartRepayment(obligation)) {\n                  <ion-button\n                    size=\"small\"\n                    fill=\"outline\"\n                    [disabled]=\"$repaymentMutationLocked()\"\n                    (click)=\"selectObligation(obligation)\"\n                  >\n                    {{\n                      isSelected(obligation) ? 'Selected' : 'Record repayment'\n                    }}\n                  </ion-button>\n                }\n              </ion-label>\n              <ion-badge\n                slot=\"end\"\n                [color]=\"settlementColor(obligation.status)\"\n              >\n                {{\n                  obligation.status === 'part_settled'\n                    ? 'part settled'\n                    : obligation.status\n                }}\n              </ion-badge>\n            </ion-item>\n          }\n        </ion-list>\n      } @else {\n        <ion-card-content>\n          <ion-note>\n            @if ($requestedLineID()) {\n              No obligation was recorded for the selected bill line.\n            } @else {\n              No obligations were recorded for this bill.\n            }\n          </ion-note>\n        </ion-card-content>\n      }\n    </ion-card>\n\n    @if ($selectedObligation(); as obligation) {\n      <ion-card>\n        <ion-card-header>\n          <ion-card-title>Record repayment</ion-card-title>\n          <ion-note>\n            {{ contactTitle(obligation.debtor.contactID) }} paid\n            {{ contactTitle(obligation.creditor.contactID) }}\n          </ion-note>\n        </ion-card-header>\n        <ion-card-content>\n          <ion-input\n            label=\"Amount\"\n            labelPlacement=\"stacked\"\n            type=\"text\"\n            inputmode=\"decimal\"\n            [value]=\"$amountInput()\"\n            [disabled]=\"$repaymentMutationLocked()\"\n            [helperText]=\"\n              'Available: ' +\n              formatMinorAmount(\n                obligation.outstandingMinor,\n                obligation.currency\n              )\n            \"\n            (ionInput)=\"amountChanged($event)\"\n          />\n          @if ($amountError(); as amountError) {\n            <p>\n              <ion-note color=\"danger\">{{ amountError }}</ion-note>\n            </p>\n          }\n          @if ($repaymentError(); as repaymentError) {\n            <p>\n              <ion-note color=\"danger\">{{ repaymentError }}</ion-note>\n            </p>\n          }\n          <ion-button\n            expand=\"block\"\n            fill=\"outline\"\n            [disabled]=\"$repaymentMutationLocked()\"\n            (click)=\"useFullOutstanding()\"\n          >\n            Use full outstanding amount\n          </ion-button>\n          <ion-button\n            expand=\"block\"\n            [disabled]=\"\n              $repaymentPending() ||\n              $repaymentNeedsReconciliation() ||\n              !!$amountError()\n            \"\n            (click)=\"recordRepayment()\"\n          >\n            @if ($repaymentPending()) {\n              <ion-spinner name=\"dots\" />\n            } @else {\n              {{ repaymentButtonLabel() }}\n            }\n          </ion-button>\n          <ion-button\n            expand=\"block\"\n            fill=\"clear\"\n            [disabled]=\"$cancelRepaymentLocked()\"\n            (click)=\"cancelRepayment()\"\n          >\n            Cancel\n          </ion-button>\n        </ion-card-content>\n      </ion-card>\n    }\n\n    @if ($repaymentNeedsReconciliation()) {\n      <ion-card>\n        <ion-card-content>\n          @if ($repaymentPending()) {\n            <ion-spinner name=\"dots\" />\n            <ion-note> Repayment recorded. Refreshing settlement\u2026 </ion-note>\n          } @else {\n            <ion-note color=\"danger\">\n              {{\n                $repaymentError() ||\n                  'The repayment was recorded. Reload the settlement before recording another repayment.'\n              }}\n            </ion-note>\n            <ion-button expand=\"block\" fill=\"outline\" (click)=\"retry()\">\n              Reload settlement\n            </ion-button>\n          }\n        </ion-card-content>\n      </ion-card>\n    }\n\n    @if ($repaymentSuccess(); as repaymentSuccess) {\n      <ion-card>\n        <ion-card-content>\n          <ion-note color=\"success\">{{ repaymentSuccess }}</ion-note>\n        </ion-card-content>\n      </ion-card>\n    }\n\n    <ion-card>\n      <ion-card-header>\n        <ion-card-title>Activity</ion-card-title>\n      </ion-card-header>\n      @if ($activities().length) {\n        <ion-list lines=\"full\">\n          @for (activity of $activities(); track activity.activityID) {\n            <ion-item>\n              <ion-label class=\"ion-text-wrap\">\n                <h2>{{ activityTitle(activity.kind) }}</h2>\n                <p>\n                  {{ contactTitle(activity.from.contactID) }} \u2192\n                  {{ contactTitle(activity.to.contactID) }}\n                </p>\n                <ion-note>{{ activity.occurredAt | date: 'medium' }}</ion-note>\n              </ion-label>\n              <ion-badge slot=\"end\">\n                {{ formatMinorAmount(activity.amountMinor, activity.currency) }}\n              </ion-badge>\n            </ion-item>\n          }\n        </ion-list>\n      } @else {\n        <ion-card-content>\n          <ion-note>No Debtus activity has been recorded yet.</ion-note>\n        </ion-card-content>\n      }\n      @if ($activityError()) {\n        <ion-card-content>\n          <ion-note color=\"danger\">{{ $activityError() }}</ion-note>\n        </ion-card-content>\n      }\n      @if ($nextCursor()) {\n        <ion-card-content>\n          <ion-button\n            expand=\"block\"\n            fill=\"outline\"\n            [disabled]=\"$loadingMore()\"\n            (click)=\"loadMore()\"\n          >\n            @if ($loadingMore()) {\n              <ion-spinner name=\"dots\" />\n            } @else {\n              Load more activity\n            }\n          </ion-button>\n        </ion-card-content>\n      }\n    </ion-card>\n  }\n</ion-content>\n" }]
+        }], ctorParameters: () => [] });
+function createRepaymentOperationKey() {
+    return `web_${globalThis.crypto.randomUUID()}`;
+}
+function sourceRefsEqual(first, second) {
+    return (first?.namespace === second.namespace &&
+        first.spaceID === second.spaceID &&
+        first.recordID === second.recordID);
+}
+function isRouteIdentifier(value) {
+    return (value.length <= 512 &&
+        value.trim() === value &&
+        !Array.from(value).some((character) => {
+            const code = character.codePointAt(0) ?? 0;
+            return code < 0x20 || code === 0x7f;
+        }));
+}
+function capabilityUnavailableMessage(reason) {
+    switch (reason) {
+        case 'readOnlyRole':
+            return 'Your Space role can view this obligation but cannot record repayments.';
+        case 'notParty':
+            return 'You are not a party to this obligation.';
+        case 'notOutstanding':
+            return 'This obligation is already settled.';
+        case 'ledgerPartyUnresolved':
+            return 'Debtus could not resolve your ledger party for this obligation.';
+        case 'linkedEventLimitReached':
+            return 'This obligation has reached its linked repayment limit.';
+    }
+}
+function repaymentErrorMessage(error) {
+    if (error instanceof HttpErrorResponse) {
+        switch (error.status) {
+            case 400:
+                return 'Debtus rejected the repayment details. Review the amount and try again.';
+            case 401:
+                return 'Sign in again before recording this repayment.';
+            case 403:
+                return 'You do not have permission to record this repayment.';
+            case 409:
+                return 'This obligation changed before the repayment was recorded. Reload the settlement before trying again.';
+        }
+    }
+    if (error instanceof TypeError || error instanceof RangeError) {
+        return 'Debtus returned an invalid repayment receipt. Retry uses the same operation key.';
+    }
+    return 'We could not confirm whether Debtus recorded this repayment. Try again to safely reuse the same operation key.';
+}
+
+export { SourceObligationsPageComponent };
+//# sourceMappingURL=sneat-extension-debtus-ui-source-obligations-page.component-BJ6Oe79f.mjs.map