[taler-wallet-core] branch master updated (0f1ef7ec -> 9d6967db)

[gnunet]

This is an automated email from the git hooks/post-receive script.

dold pushed a change to branch master
in repository wallet-core.

    from 0f1ef7ec anastasis-webui: finish backup flow
     new aba71d07 deps
     new 9d6967db anastasis-webui: more auth types

The 2 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


Summary of changes:
 packages/anastasis-webui/package.json              |   2 +-
 .../src/hooks/use-anastasis-reducer.ts             |   2 +
 packages/anastasis-webui/src/routes/home/index.tsx | 213 +++++++++++++++++++--
 pnpm-lock.yaml                                     |   2 +-
 4 files changed, 196 insertions(+), 23 deletions(-)

diff --git a/packages/anastasis-webui/package.json 
b/packages/anastasis-webui/package.json
index fe332be0..5093ad2e 100644
--- a/packages/anastasis-webui/package.json
+++ b/packages/anastasis-webui/package.json
@@ -37,7 +37,7 @@
     "eslint-config-preact": "^1.1.1",
     "jest": "^26.2.2",
     "jest-preset-preact": "^4.0.2",
-    "preact-cli": "^3.0.0",
+    "preact-cli": "^3.2.2",
     "sirv-cli": "^1.0.0-next.3",
     "typescript": "^3.7.5"
   },
diff --git a/packages/anastasis-webui/src/hooks/use-anastasis-reducer.ts 
b/packages/anastasis-webui/src/hooks/use-anastasis-reducer.ts
index d578d141..6ca0ccfa 100644
--- a/packages/anastasis-webui/src/hooks/use-anastasis-reducer.ts
+++ b/packages/anastasis-webui/src/hooks/use-anastasis-reducer.ts
@@ -46,6 +46,7 @@ export interface ReducerStateRecovery {
 
   continents: any;
   countries: any;
+  required_attributes: any;
 }
 
 export interface ReducerStateError {
@@ -74,6 +75,7 @@ export enum BackupStates {
 export enum RecoveryStates {
   ContinentSelecting = "CONTINENT_SELECTING",
   CountrySelecting = "COUNTRY_SELECTING",
+  UserAttributesCollecting = "USER_ATTRIBUTES_COLLECTING",
 }
 
 const reducerBaseUrl = "http://localhost:5000/";;
diff --git a/packages/anastasis-webui/src/routes/home/index.tsx 
b/packages/anastasis-webui/src/routes/home/index.tsx
index f6189768..f0b63085 100644
--- a/packages/anastasis-webui/src/routes/home/index.tsx
+++ b/packages/anastasis-webui/src/routes/home/index.tsx
@@ -1,10 +1,15 @@
-import { encodeCrock, stringToBytes } from "@gnu-taler/taler-util";
+import {
+  canonicalJson,
+  encodeCrock,
+  stringToBytes,
+} from "@gnu-taler/taler-util";
 import { FunctionalComponent, h } from "preact";
 import { useState } from "preact/hooks";
 import {
   AnastasisReducerApi,
   AuthMethod,
   BackupStates,
+  RecoveryStates,
   ReducerStateBackup,
   ReducerStateRecovery,
   useAnastasisReducer,
@@ -94,14 +99,23 @@ const Home: FunctionalComponent = () => {
   }
   console.log("state", reducer.currentReducerState);
 
-  if (reducerState.backup_state === BackupStates.ContinentSelecting) {
+  if (
+    reducerState.backup_state === BackupStates.ContinentSelecting ||
+    reducerState.recovery_state === RecoveryStates.ContinentSelecting
+  ) {
     return <ContinentSelection reducer={reducer} reducerState={reducerState} 
/>;
   }
-  if (reducerState.backup_state === BackupStates.CountrySelecting) {
+  if (
+    reducerState.backup_state === BackupStates.CountrySelecting ||
+    reducerState.recovery_state === RecoveryStates.CountrySelecting
+  ) {
     return <CountrySelection reducer={reducer} reducerState={reducerState} />;
   }
-  if (reducerState.backup_state === BackupStates.UserAttributesCollecting) {
-    return <AttributeEntry reducer={reducer} backupState={reducerState} />;
+  if (
+    reducerState.backup_state === BackupStates.UserAttributesCollecting ||
+    reducerState.recovery_state === RecoveryStates.UserAttributesCollecting
+  ) {
+    return <AttributeEntry reducer={reducer} reducerState={reducerState} />;
   }
   if (reducerState.backup_state === BackupStates.AuthenticationsEditing) {
     return (
@@ -305,6 +319,15 @@ interface AuthMethodSetupProps {
 
 function AuthMethodSmsSetup(props: AuthMethodSetupProps) {
   const [mobileNumber, setMobileNumber] = useState("");
+  const addSmsAuth = () => {
+    props.addAuthMethod({
+      authentication_method: {
+        type: "sms",
+        instructions: `SMS to ${mobileNumber}`,
+        challenge: encodeCrock(stringToBytes(mobileNumber)),
+      },
+    });
+  };
   return (
     <div class={style.home}>
       <h1>Add {props.method} authentication</h1>
@@ -325,19 +348,7 @@ function AuthMethodSmsSetup(props: AuthMethodSetupProps) {
         </label>
         <div>
           <button onClick={() => props.cancel()}>Cancel</button>
-          <button
-            onClick={() =>
-              props.addAuthMethod({
-                authentication_method: {
-                  type: "sms",
-                  instructions: `SMS to ${mobileNumber}`,
-                  challenge: "E1QPPS8A",
-                },
-              })
-            }
-          >
-            Add
-          </button>
+          <button onClick={() => addSmsAuth()}>Add</button>
         </div>
       </div>
     </div>
@@ -400,6 +411,150 @@ function AuthMethodQuestionSetup(props: 
AuthMethodSetupProps) {
   );
 }
 
+function AuthMethodEmailSetup(props: AuthMethodSetupProps) {
+  const [email, setEmail] = useState("");
+  return (
+    <div class={style.home}>
+      <h1>Add {props.method} authentication</h1>
+      <div>
+        <p>
+          For email authentication, you need to provid an email address. When
+          recovering your secret, you need to enter the code you will receive 
by
+          email.
+        </p>
+        <div>
+          <label>
+            Email address
+            <input
+              value={email}
+              autoFocus
+              onChange={(e) => setEmail((e.target as any).value)}
+              type="text"
+            />
+          </label>
+        </div>
+        <div>
+          <button onClick={() => props.cancel()}>Cancel</button>
+          <button
+            onClick={() =>
+              props.addAuthMethod({
+                authentication_method: {
+                  type: "email",
+                  instructions: `Email to ${email}`,
+                  challenge: encodeCrock(stringToBytes(email)),
+                },
+              })
+            }
+          >
+            Add
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function AuthMethodPostSetup(props: AuthMethodSetupProps) {
+  const [fullName, setFullName] = useState("");
+  const [street, setStreet] = useState("");
+  const [city, setCity] = useState("");
+  const [postcode, setPostcode] = useState("");
+  const [country, setCountry] = useState("");
+  return (
+    <div class={style.home}>
+      <h1>Add {props.method} authentication</h1>
+      <div>
+        <p>
+          For postal letter authentication, you need to provide a postal
+          address. When recovering your secret, you will be asked to enter a
+          code that you will receive in a letter to that address.
+        </p>
+        <div>
+          <label>
+            Full Name
+            <input
+              value={fullName}
+              autoFocus
+              onChange={(e) => setFullName((e.target as any).value)}
+              type="text"
+            />
+          </label>
+        </div>
+        <div>
+          <label>
+            Street
+            <input
+              value={street}
+              autoFocus
+              onChange={(e) => setStreet((e.target as any).value)}
+              type="text"
+            />
+          </label>
+        </div>
+        <div>
+          <label>
+            City
+            <input
+              value={city}
+              autoFocus
+              onChange={(e) => setCity((e.target as any).value)}
+              type="text"
+            />
+          </label>
+        </div>
+        <div>
+          <label>
+            Postal Code
+            <input
+              value={postcode}
+              autoFocus
+              onChange={(e) => setPostcode((e.target as any).value)}
+              type="text"
+            />
+          </label>
+        </div>
+        <div>
+          <label>
+            Country
+            <input
+              value={country}
+              autoFocus
+              onChange={(e) => setCountry((e.target as any).value)}
+              type="text"
+            />
+          </label>
+        </div>
+        <div>
+          <button onClick={() => props.cancel()}>Cancel</button>
+          <button
+            onClick={() =>
+              props.addAuthMethod({
+                authentication_method: {
+                  type: "email",
+                  instructions: `Letter to address in postal code ${postcode}`,
+                  challenge: encodeCrock(
+                    stringToBytes(
+                      canonicalJson({
+                        full_name: fullName,
+                        street,
+                        city,
+                        postcode,
+                        country,
+                      }),
+                    ),
+                  ),
+                },
+              })
+            }
+          >
+            Add
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
 function AuthMethodNotImplemented(props: AuthMethodSetupProps) {
   return (
     <div class={style.home}>
@@ -452,7 +607,23 @@ function AuthenticationEditor(props: 
AuthenticationEditorProps) {
           <AuthMethodQuestionSetup
             cancel={cancel}
             addAuthMethod={addMethod}
-            method="sms"
+            method="question"
+          />
+        );
+      case "email":
+        return (
+          <AuthMethodEmailSetup
+            cancel={cancel}
+            addAuthMethod={addMethod}
+            method="email"
+          />
+        );
+      case "post":
+        return (
+          <AuthMethodPostSetup
+            cancel={cancel}
+            addAuthMethod={addMethod}
+            method="post"
           />
         );
       default:
@@ -525,11 +696,11 @@ function AuthenticationEditor(props: 
AuthenticationEditorProps) {
 
 export interface AttributeEntryProps {
   reducer: AnastasisReducerApi;
-  backupState: ReducerStateBackup;
+  reducerState: ReducerStateRecovery | ReducerStateBackup;
 }
 
 function AttributeEntry(props: AttributeEntryProps) {
-  const { reducer, backupState } = props;
+  const { reducer, reducerState: backupState } = props;
   const [attrs, setAttrs] = useState<Record<string, string>>({});
   return (
     <div class={style.home}>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fbd3c7e9..66ab99b3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,7 +39,7 @@ importers:
       jest: ^26.2.2
       jest-preset-preact: ^4.0.2
       preact: ^10.3.1
-      preact-cli: ^3.0.0
+      preact-cli: ^3.2.2
       preact-render-to-string: ^5.1.4
       preact-router: ^3.2.1
       sirv-cli: ^1.0.0-next.3

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.