@ory/elements-react 1.0.0-next.10 → 1.0.0-next.12

package/.eslintrc.js

@@ -39,6 +39,8 @@ module.exports = {
         caughtErrorsIgnorePattern: "^_",
       },
     ],
+    // TODO(jonas): prettier and eslint sometimes disagree about this
+    "no-extra-semi": "off",
   },
   env: {
     jest: true,

package/CHANGELOG.md

@@ -1,3 +1,50 @@
+## 1.0.0-next.12 (2024-10-29)
+
+
+### 🚀 Features
+
+- add elements v1 packages
+
+- add useSession hook
+
+- add page header component with user menu
+
+- support links in checkbox/boolean nodes
+
+- add settings flow components
+
+
+### 🩹 Fixes
+
+- use correct node to detect two step registration
+
+- use translations in more missing places
+
+- short-circuit code login on two step card
+
+- duplicate resend button on recovery & verification
+
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+- Miłosz
+
+## 1.0.0-next.11 (2024-10-22)
+
+Breaking Changes: This update includes breaking changes to the naming of some variables and functions. Please refer to [Advisory: ory elements‐react upgrade guide to v1.0.0‐next.11](https://github.com/ory/elements/wiki/Advisory:-ory-elements%E2%80%90react-upgrade-guide-to-v1.0.0%E2%80%90next.11) for more information.
+
+
+### 🚀 Features
+
+- add elements v1 packages
+
+- add useSession hook
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
 ## 1.0.0-next.10 (2024-10-14)
 
 

package/api-report/elements-react-theme.api.json

@@ -184,7 +184,7 @@
             {
               "kind": "Reference",
               "text": "OryCardProps",
-              "canonicalReference": "@ory/elements-react!~OryCardProps:type"
+              "canonicalReference": "@ory/elements-react!~OryCardRootProps:type"
             },
             {
               "kind": "Content",
@@ -377,8 +377,8 @@
             },
             {
               "kind": "Reference",
-              "text": "HeadlessFormProps",
-              "canonicalReference": "@ory/elements-react!~HeadlessFormProps:type"
+              "text": "OryFormRootProps",
+              "canonicalReference": "@ory/elements-react!~OryFormRootProps:type"
             },
             {
               "kind": "Content",
@@ -428,8 +428,8 @@
             },
             {
               "kind": "Reference",
-              "text": "HeadlessMessageProps",
-              "canonicalReference": "@ory/elements-react!~HeadlessMessageProps:type"
+              "text": "OryMessageContentProps",
+              "canonicalReference": "@ory/elements-react!~OryMessageContentProps:type"
             },
             {
               "kind": "Content",
@@ -599,21 +599,12 @@
             },
             {
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
-            },
-            {
-              "kind": "Content",
-              "text": ">;\n    config: "
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
@@ -634,7 +625,7 @@
           "name": "ErrorFlowContextProps",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
         },
         {
@@ -730,21 +721,12 @@
             },
             {
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
-            },
-            {
-              "kind": "Content",
-              "text": ">;\n    config: "
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
@@ -765,7 +747,7 @@
           "name": "LoginFlowContextProps",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
         },
         {
@@ -885,21 +867,12 @@
             },
             {
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
-            },
-            {
-              "kind": "Content",
-              "text": ">;\n    config: "
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
@@ -920,7 +893,7 @@
           "name": "RecoveryFlowContextProps",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
         },
         {
@@ -1085,21 +1058,12 @@
             },
             {
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": ">;\n    config: "
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
@@ -1120,7 +1084,7 @@
           "name": "SettingsFlowContextProps",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
         },
         {
@@ -1216,21 +1180,12 @@
             },
             {
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": ">;\n    config: "
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
@@ -1251,7 +1206,7 @@
           "name": "VerificationFlowContextProps",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
         }
       ]

package/api-report/elements-react-theme.api.md

@@ -25,12 +25,13 @@ import { UiNodeImageAttributes } from '@ory/client-fetch';
 import { UiNodeInputAttributes } from '@ory/client-fetch';
 import { UiNodeTextAttributes } from '@ory/client-fetch';
 import { UiText } from '@ory/client-fetch';
+import { VariantProps } from 'class-variance-authority';
 import { VerificationFlow } from '@ory/client-fetch';
 
-// Warning: (ae-forgotten-export) The symbol "OryCardProps" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "OryCardRootProps" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export function DefaultCard({ children }: OryCardProps): react_jsx_runtime.JSX.Element;
+export function DefaultCard({ children }: OryCardRootProps): react_jsx_runtime.JSX.Element;
 
 // Warning: (ae-forgotten-export) The symbol "OryCardContentProps" needs to be exported by the entry point index.d.ts
 //
@@ -46,15 +47,15 @@ export function DefaultCardHeader(): react_jsx_runtime.JSX.Element;
 // @public (undocumented)
 export function DefaultCardLogo(): react_jsx_runtime.JSX.Element;
 
-// Warning: (ae-forgotten-export) The symbol "HeadlessFormProps" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "OryFormRootProps" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export function DefaultFormContainer({ children, onSubmit, action, method, }: PropsWithChildren<HeadlessFormProps>): react_jsx_runtime.JSX.Element;
+export function DefaultFormContainer({ children, onSubmit, action, method, }: PropsWithChildren<OryFormRootProps>): react_jsx_runtime.JSX.Element;
 
-// Warning: (ae-forgotten-export) The symbol "HeadlessMessageProps" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "OryMessageContentProps" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export function DefaultMessage({ message }: HeadlessMessageProps): react_jsx_runtime.JSX.Element;
+export function DefaultMessage({ message }: OryMessageContentProps): react_jsx_runtime.JSX.Element;
 
 // @public (undocumented)
 export function DefaultMessageContainer({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element | null;
@@ -66,7 +67,7 @@ export { Error_2 as Error }
 // @public (undocumented)
 export type ErrorFlowContextProps = {
     error: FlowError;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 
@@ -76,10 +77,12 @@ export function Login({ flow, config, children, components: flowOverrideComponen
 // @public (undocumented)
 export type LoginFlowContextProps = {
     flow: LoginFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 
+// Warning: (ae-forgotten-export) The symbol "OryFlowComponents" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
 export const OryDefaultComponents: OryFlowComponents;
 
@@ -89,7 +92,7 @@ export function Recovery({ flow, config, children, components: flowOverrideCompo
 // @public (undocumented)
 export type RecoveryFlowContextProps = {
     flow: RecoveryFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 
@@ -104,7 +107,7 @@ export function Settings({ flow, config, children, components: flowOverrideCompo
 // @public (undocumented)
 export type SettingsFlowContextProps = {
     flow: SettingsFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 
@@ -114,13 +117,13 @@ export function Verification({ flow, config, children, components: flowOverrideC
 // @public (undocumented)
 export type VerificationFlowContextProps = {
     flow: VerificationFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 
 // Warnings were encountered during analysis:
 //
-// dist/theme/default/index.d.ts:25:5 - (ae-forgotten-export) The symbol "OryFlowComponents" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:25:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
 // dist/theme/default/index.d.ts:26:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)