fix: missing settings screen webauthn handler (#289)

Author: zepatrik

src/routes/settings.ts

@@ -10,7 +10,12 @@ import {
   RouteCreator,
   RouteRegistrator,
 } from "../pkg"
+import { UiNodeInputAttributes } from "@ory/client"
 import { UserSettingsScreen } from "@ory/elements-markup"
+import {
+  filterNodesByGroups,
+  isUiNodeInputAttributes,
+} from "@ory/integrations/ui"
 
 export const createSettingsRoute: RouteCreator =
   (createHelpers) => async (req, res, next) => {
@@ -67,6 +72,18 @@ export const createSettingsRoute: RouteCreator =
           nodes: flow.ui.nodes,
           nav: settingsScreen.Nav,
           settingsScreen: settingsScreen.Body,
+          webAuthnHandler: filterNodesByGroups({
+            nodes: flow.ui.nodes,
+            groups: ["webauthn"],
+            attributes: ["button"],
+            withoutDefaultAttributes: true,
+            withoutDefaultGroup: true,
+          })
+            .filter(({ attributes }) => isUiNodeInputAttributes(attributes))
+            .map(({ attributes }) => {
+              return (attributes as UiNodeInputAttributes).onclick
+            })
+            .filter((c) => c !== undefined),
         })
       })
       .catch(redirectOnSoftError(res, next, initFlowUrl))

views/partials/webauthn_setup.hbs

@@ -12,9 +12,7 @@
 
 <script type="text/javascript">
     document.getElementsByName("{{webauthnTriggerName}}").forEach((v) => {
-      console.log("attaching event listener")
         v.addEventListener("click", () => {
-            console.log("clicked");
             {{{webAuthnHandler}}}
         })
     })