/* This file is part of GNU Taler (C) 2021-2023 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 */ /** * * @author Sebastian Javier Marchano (sebasjm) */ import { useTranslationContext } from "@gnu-taler/web-util/browser"; import { ComponentChildren, Fragment, h, VNode } from "preact"; import { useState } from "preact/hooks"; import { useInstanceContext } from "../../context/instance.js"; import { DEFAULT_REQUEST_TIMEOUT } from "../../utils/constants.js"; import { Spinner } from "../exception/loading.js"; import { FormProvider } from "../form/FormProvider.js"; import { Input } from "../form/Input.js"; interface Props { active?: boolean; description?: string; onCancel?: () => void; onConfirm?: () => void; label?: string; children?: ComponentChildren; danger?: boolean; disabled?: boolean; } export function ConfirmModal({ active, description, onCancel, onConfirm, children, danger, disabled, label = "Confirm", }: Props): VNode { const { i18n } = useTranslationContext(); return (
{!description ? null : (

{description}

)}
{children}
{onConfirm ? ( ) : ( )}
); } export function ContinueModal({ active, description, onCancel, onConfirm, children, disabled, }: Props): VNode { const { i18n } = useTranslationContext(); return (
{!description ? null :

{description}

}
{children}
); } export function SimpleModal({ onCancel, children }: any): VNode { return (
{children}
); } export function ClearConfirmModal({ description, onCancel, onClear, onConfirm, children, }: Props & { onClear?: () => void }): VNode { const { i18n } = useTranslationContext(); return (
{!description ? null :

{description}

}
{children}
{onClear && ( )}
); } interface DeleteModalProps { element: { id: string; name: string }; onCancel: () => void; onConfirm: (id: string) => void; } export function DeleteModal({ element, onCancel, onConfirm, }: DeleteModalProps): VNode { return ( onConfirm(element.id)} >

If you delete the instance named "{element.name}" (ID:{" "} {element.id}), the merchant will no longer be able to process orders or refunds

This action deletes the instance private key, but preserves all transaction data. You can still access that data after deleting the instance.

Deleting an instance cannot be undone.

); } export function PurgeModal({ element, onCancel, onConfirm, }: DeleteModalProps): VNode { return ( onConfirm(element.id)} >

If you purge the instance named "{element.name}" (ID:{" "} {element.id}), you will also delete all it's transaction data.

The instance will disappear from your list, and you will no longer be able to access it's data.

Purging an instance cannot be undone.

); } interface UpdateTokenModalProps { oldToken?: string; onCancel: () => void; onConfirm: (value: string) => void; onClear: () => void; } //FIXME: merge UpdateTokenModal with SetTokenNewInstanceModal export function UpdateTokenModal({ onCancel, onClear, onConfirm, oldToken, }: UpdateTokenModalProps): VNode { type State = { old_token: string; new_token: string; repeat_token: string }; const [form, setValue] = useState>({ old_token: "", new_token: "", repeat_token: "", }); const { i18n } = useTranslationContext(); const hasInputTheCorrectOldToken = oldToken && oldToken !== form.old_token; const errors = { old_token: hasInputTheCorrectOldToken ? i18n.str`is not the same as the current access token` : undefined, new_token: !form.new_token ? i18n.str`cannot be empty` : form.new_token === form.old_token ? i18n.str`cannot be the same as the old token` : undefined, repeat_token: form.new_token !== form.repeat_token ? i18n.str`is not the same` : undefined, }; const hasErrors = Object.keys(errors).some( (k) => (errors as any)[k] !== undefined, ); const instance = useInstanceContext(); const text = i18n.str`You are updating the access token from instance with id ${instance.id}`; return ( onConfirm(form.new_token!) : undefined} onClear={!hasInputTheCorrectOldToken && oldToken ? onClear : undefined} >
{oldToken && ( name="old_token" label={i18n.str`Old access token`} tooltip={i18n.str`access token currently in use`} inputType="password" /> )} name="new_token" label={i18n.str`New access token`} tooltip={i18n.str`next access token to be used`} inputType="password" /> name="repeat_token" label={i18n.str`Repeat access token`} tooltip={i18n.str`confirm the same access token`} inputType="password" />

Clearing the access token will mean public access to the instance

); } export function SetTokenNewInstanceModal({ onCancel, onClear, onConfirm, }: UpdateTokenModalProps): VNode { type State = { old_token: string; new_token: string; repeat_token: string }; const [form, setValue] = useState>({ new_token: "", repeat_token: "", }); const { i18n } = useTranslationContext(); const errors = { new_token: !form.new_token ? i18n.str`cannot be empty` : form.new_token === form.old_token ? i18n.str`cannot be the same as the old access token` : undefined, repeat_token: form.new_token !== form.repeat_token ? i18n.str`is not the same` : undefined, }; const hasErrors = Object.keys(errors).some( (k) => (errors as any)[k] !== undefined, ); return (

{i18n.str`You are setting the access token for the new instance`}

name="new_token" label={i18n.str`New access token`} tooltip={i18n.str`next access token to be used`} inputType="password" /> name="repeat_token" label={i18n.str`Repeat access token`} tooltip={i18n.str`confirm the same access token`} inputType="password" />

With external authorization method no check will be done by the merchant backend

{onClear && ( )}
); } export function LoadingModal({ onCancel }: { onCancel: () => void }): VNode { const { i18n } = useTranslationContext(); return (

Operation in progress...

{i18n.str`The operation will be automatically canceled after ${DEFAULT_REQUEST_TIMEOUT} seconds`}

); }