import { ChallengeFeedbackStatus, ChallengeInfo, } from "@gnu-taler/anastasis-core"; import { h, VNode } from "preact"; import { useState } from "preact/hooks"; import { AsyncButton } from "../../../components/AsyncButton"; import { TextInput } from "../../../components/fields/TextInput"; import { useAnastasisContext } from "../../../context/anastasis"; import { AnastasisClientFrame } from "../index"; import { SolveOverviewFeedbackDisplay } from "../SolveScreen"; import { AuthMethodSolveProps } from "./index"; export function AuthMethodPostSolve({ id }: AuthMethodSolveProps): VNode { const [answer, _setAnswer] = useState("A-"); function setAnswer(str: string): void { //A-12345-678-1234-5678 const unformatted = str .replace(/^A-/, "") .replace(/-/g, "") .toLocaleUpperCase(); let result = `A-${unformatted.substring(0, 5)}`; if (unformatted.length > 5) { result += `-${unformatted.substring(5, 8)}`; } if (unformatted.length > 8) { result += `-${unformatted.substring(8, 12)}`; } if (unformatted.length > 12) { result += `-${unformatted.substring(12, 16)}`; } _setAnswer(result); } const reducer = useAnastasisContext(); if (!reducer) { return ( no reducer in context ); } if ( !reducer.currentReducerState || reducer.currentReducerState.recovery_state === undefined ) { return ( invalid state ); } if (!reducer.currentReducerState.recovery_information) { return ( no recovery information found ); } if (!reducer.currentReducerState.selected_challenge_uuid) { return ( invalid state reducer.back()}> Back ); } const chArr = reducer.currentReducerState.recovery_information.challenges; const challengeFeedback = reducer.currentReducerState.challenge_feedback ?? {}; const selectedUuid = reducer.currentReducerState.selected_challenge_uuid; const challenges: { [uuid: string]: ChallengeInfo; } = {}; for (const ch of chArr) { challenges[ch.uuid] = ch; } const selectedChallenge = challenges[selectedUuid]; const feedback = challengeFeedback[selectedUuid]; async function onNext(): Promise { return reducer?.transition("solve_challenge", { answer: `A-${answer.replace(/^A-/, "").replace(/-/g, "").trim()}`, }); } function onCancel(): void { reducer?.back(); } const shouldHideConfirm = feedback?.state === ChallengeFeedbackStatus.RateLimitExceeded || feedback?.state === ChallengeFeedbackStatus.Redirect || feedback?.state === ChallengeFeedbackStatus.Unsupported || feedback?.state === ChallengeFeedbackStatus.TruthUnknown; return ( Wait for the answer Cancel {!shouldHideConfirm && ( Confirm )} ); }
Wait for the answer