/* This file is part of GNU Taler (C) 2022 Taler Systems S.A. GNU Taler is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3, or (at your option) any later version. GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with GNU Taler; see the file COPYING. If not, see */ import { AbsoluteTime, AmountJson, HttpStatusCode, Logger, PaytoUri, PaytoUriIBAN, PaytoUriTalerBank, TalerErrorCode, TranslatedString, WithdrawUriResult } from "@gnu-taler/taler-util"; import { Attention, LocalNotificationBanner, notifyInfo, useLocalNotification, useTranslationContext } from "@gnu-taler/web-util/browser"; import { ComponentChildren, Fragment, VNode, h } from "preact"; import { mutate } from "swr"; import { useBankCoreApiContext } from "../context/config.js"; import { useBackendState } from "../hooks/backend.js"; import { useBankState } from "../hooks/bank-state.js"; import { usePreferences } from "../hooks/preferences.js"; import { LoginForm } from "./LoginForm.js"; import { RenderAmount } from "./PaytoWireTransferForm.js"; import { assertUnreachable } from "./WithdrawalOperationPage.js"; const logger = new Logger("WithdrawalConfirmationQuestion"); interface Props { onAborted: () => void; withdrawUri: WithdrawUriResult; details: { account: PaytoUri, reserve: string, username: string, amount: AmountJson, }, onAuthorizationRequired: () => void, } /** * Additional authentication required to complete the operation. * Not providing a back button, only abort. */ export function WithdrawalConfirmationQuestion({ onAborted, details, onAuthorizationRequired, withdrawUri, }: Props): VNode { const { i18n } = useTranslationContext(); const [settings] = usePreferences() const { state: credentials } = useBackendState(); const creds = credentials.status !== "loggedIn" ? undefined : credentials const [, updateBankState] = useBankState() const [notification, notify, handleError] = useLocalNotification() const { config, api } = useBankCoreApiContext() async function doTransfer() { await handleError(async () => { if (!creds) return; const resp = await api.confirmWithdrawalById(creds, withdrawUri.withdrawalOperationId); if (resp.type === "ok") { mutate(() => true)// clean any info that we have if (!settings.showWithdrawalSuccess) { notifyInfo(i18n.str`Wire transfer completed!`) } } else { switch (resp.case) { case TalerErrorCode.BANK_CONFIRM_ABORT_CONFLICT: return notify({ type: "error", title: i18n.str`The withdrawal has been aborted previously and can't be confirmed`, description: resp.detail.hint as TranslatedString, debug: resp.detail, }); // FIXME: remove exchange word case TalerErrorCode.BANK_CONFIRM_INCOMPLETE: return notify({ type: "error", title: i18n.str`The withdraw operation cannot be confirmed because no exchange and reserve public key selection happened before`, description: resp.detail.hint as TranslatedString, debug: resp.detail, }); case HttpStatusCode.BadRequest: return notify({ type: "error", title: i18n.str`The operation id is invalid.`, description: resp.detail.hint as TranslatedString, debug: resp.detail, }) case HttpStatusCode.NotFound: return notify({ type: "error", title: i18n.str`The operation was not found.`, description: resp.detail.hint as TranslatedString, debug: resp.detail, }) case TalerErrorCode.BANK_UNALLOWED_DEBIT: return notify({ type: "error", title: i18n.str`Your balance is not enough for the operation.`, description: resp.detail.hint as TranslatedString, debug: resp.detail, }) case HttpStatusCode.Accepted: { updateBankState("currentChallenge", { operation: "confirm-withdrawal", id: String(resp.body.challenge_id), sent: AbsoluteTime.never(), request: withdrawUri.withdrawalOperationId, }) return onAuthorizationRequired() } default: assertUnreachable(resp) } } }) } async function doCancel() { await handleError(async () => { if (!creds) return; const resp = await api.abortWithdrawalById(creds, withdrawUri.withdrawalOperationId); if (resp.type === "ok") { onAborted(); } else { switch (resp.case) { case HttpStatusCode.Conflict: return notify({ type: "error", title: i18n.str`The reserve operation has been confirmed previously and can't be aborted` }); case HttpStatusCode.BadRequest: return notify({ type: "error", title: i18n.str`The operation id is invalid.`, description: resp.detail.hint as TranslatedString, debug: resp.detail, }) case HttpStatusCode.NotFound: return notify({ type: "error", title: i18n.str`The operation was not found.`, description: resp.detail.hint as TranslatedString, debug: resp.detail, }) default: { assertUnreachable(resp) } } } }) } return (

Confirm the withdrawal operation

{ e.preventDefault() }} >

Wire transfer details

{((): VNode => { switch (details.account.targetType) { case "iban": { const p = details.account as PaytoUriIBAN const name = p.params["receiver-name"] return
Exchange account
{p.iban}
{name &&
Exchange name
{p.params["receiver-name"]}
}
} case "x-taler-bank": { const p = details.account as PaytoUriTalerBank const name = p.params["receiver-name"] return
Exchange account
{p.account}
{name &&
Exchange name
{p.params["receiver-name"]}
}
} default: return
Exchange account
{details.account.targetPath}
} })()}
Amount
); } export function ShouldBeSameUser({ username, children }: { username: string, children: ComponentChildren }): VNode { const { state: credentials } = useBackendState(); const { i18n } = useTranslationContext() if (credentials.status === "loggedOut") { return } if (credentials.username !== username) { return } return {children} }