Merge pull request #1150 from gettakaro/renovate/ory-elements-0.x

fix(deps): update dependency @ory/elements to ^0.3.0

package.json

@@ -119,7 +119,7 @@
     "@faker-js/faker": "^7.6.0",
     "@hookform/resolvers": "^3.3.4",
     "@ory/client": "^1.1.21",
-    "@ory/elements": "^0.0.1-beta.7",
+    "@ory/elements": "^0.3.0",
     "@sentry/node": "^7.44.2",
     "@sentry/tracing": "^7.44.2",
     "@socket.io/redis-adapter": "^8.2.1",

packages/web-main/src/routes/_single-page/account.profile.tsx

@@ -107,7 +107,7 @@ function Component() {
                 key={index}
                 // we always need to pass the component the flow since it contains the form fields, error messages and csrf token
                 flow={flow}
-                flowType={flowType}
+                method={flowType}
                 // include scripts for webauthn support
                 includeScripts={true}
                 // submit the form data the user provides to Ory

packages/web-main/src/routes/_single-page/account.recovery.tsx

@@ -58,7 +58,7 @@ function Component() {
   );
 
   // initialize the sdkError for generic handling of errors
-  const sdkErrorHandler = oryError(getFlow, setFlow, '/recovery');
+  const sdkErrorHandler = oryError(getFlow, setFlow, '/account/recovery');
 
   // create a new recovery flow
   const createFlow = () => {

packages/web-main/src/routes/_single-page/account.verification.tsx

@@ -101,12 +101,12 @@ function Component() {
       <Container>
         <UserAuthCard
           title="Verification"
-          flowType={'verification'}
+          flowType="verification"
           // we always need to provide the flow data since it contains the form fields, error messages and csrf token
           flow={flow}
           // we want users to be able to go back to the login page from the verification page
           additionalProps={{
-            loginURL: '/login',
+            signupURL: '/login',
           }}
           // submit the verification form data to Ory
           onSubmit={({ body }) => submitFlow(body as UpdateVerificationFlowBody)}