fix: bugs from passkey PR (#64)

pages/registration.tsx

@@ -48,7 +48,6 @@ const Registration: NextPage = () => {
         returnTo: returnTo ? String(returnTo) : undefined,
       })
       .then(({ data }) => {
-        console.log("Created a new registration flow: ", data)
         setFlow(data)
       })
       .catch(handleFlowError(router, "registration", setFlow))
@@ -60,15 +59,12 @@ const Registration: NextPage = () => {
       // his data when she/he reloads the page.
       .push(`/registration?flow=${flow?.id}`, undefined, { shallow: true })
 
-    console.log("updateRegistrationFlow values", values)
     ory
       .updateRegistrationFlow({
         flow: String(flow?.id),
         updateRegistrationFlowBody: values,
       })
       .then(async ({ data }) => {
-        console.log("updateRegistrationFlow data", data)
-
         // If we ended up here, it means we are successfully signed up!
         //
         // You can do cool stuff here, like having access to the identity which just signed up:

pages/settings.tsx

@@ -213,7 +213,7 @@ const Settings: NextPage = () => {
           flow={flow}
         />
       </SettingsCard>
-      <SettingsCard only="webauthn" flow={flow}>
+      <SettingsCard only="passkey" flow={flow}>
         <H3>Manage Passkeys</H3>
         <Messages messages={flow?.ui.messages} />
         <Flow

pkg/ui/Flow.tsx

@@ -156,11 +156,8 @@ export class Flow<T extends Values> extends Component<Props<T>, State<T>> {
       isLoading: true,
     }))
 
-    console.log("form data", body)
-    console.log("form data state values", this.state.values)
-
     return this.props
-      .onSubmit({ ...this.state.values, ...body })
+      .onSubmit({ ...body, ...this.state.values })
       .finally(() => {
         // We wait for reconciliation and update the state after 50ms
         // Done submitting - update loading status

pkg/ui/NodeInputButton.tsx

@@ -1,8 +1,7 @@
 import { getNodeLabel } from "@ory/integrations/ui"
 import { Button } from "@ory/themes"
-import { useEffect } from "react"
 
-import { callWebauthnFunction, NodeInputProps, useOnload } from "./helpers"
+import { callWebauthnFunction, NodeInputProps } from "./helpers"
 
 export function NodeInputButton<T>({
   node,
@@ -19,7 +18,6 @@ export function NodeInputButton<T>({
     //
     // Please note that we also need to prevent the default action from happening.
     if (attributes.onclick) {
-      console.log("onclick", attributes.onclick)
       e.stopPropagation()
       e.preventDefault()
       callWebauthnFunction(attributes.onclick)
@@ -29,8 +27,6 @@ export function NodeInputButton<T>({
     setValue(attributes.value).then(() => dispatchSubmit(e))
   }
 
-  // useOnload(attributes as any)
-
   return (
     <>
       <Button

pkg/ui/NodeInputHidden.tsx

@@ -1,21 +1,13 @@
-import { useEffect, useRef } from "react"
-
 import { NodeInputProps, useOnload } from "./helpers"
 
 export function NodeInputHidden<T>({ attributes }: NodeInputProps) {
-  // Render a hidden input field
-  const inputRef = useRef<HTMLInputElement>(null)
-
   useOnload(attributes as any)
 
   return (
     <input
-      ref={inputRef}
       type={attributes.type}
       name={attributes.name}
-      value={
-        inputRef.current ? inputRef.current?.value : attributes.value || "true"
-      }
+      value={attributes.value || "true"}
     />
   )
 }