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"}
  />
  )
 }