chore: handle error page without description

GitOrigin-RevId: bb50523321b7769bdd3fdaf0abd55a826283a1be

Author: jonas-jonas

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

@@ -1336,6 +1336,10 @@
               "kind": "Content",
               "text": "type OryError = "
             },
+            {
+              "kind": "Content",
+              "text": "{\n    correlationId?: string;\n} & ("
+            },
             {
               "kind": "Reference",
               "text": "FlowError",
@@ -1361,7 +1365,7 @@
             },
             {
               "kind": "Content",
-              "text": ";\n}"
+              "text": ";\n})"
             },
             {
               "kind": "Content",
@@ -1373,7 +1377,7 @@
           "name": "OryError",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 7
+            "endIndex": 8
           }
         },
         {

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

@@ -125,9 +125,11 @@ export type OAuth2Error = {
 };
 
 // @public
-export type OryError = FlowError | OAuth2Error | {
+export type OryError = {
+    correlationId?: string;
+} & (FlowError | OAuth2Error | {
     error: GenericError;
-};
+});
 
 // @public
 export function Recovery({ flow, config, children, components: flowOverrideComponents, }: RecoveryFlowContextProps): react_jsx_runtime.JSX.Element;
@@ -169,8 +171,8 @@ export type VerificationFlowContextProps = {
 
 // Warnings were encountered during analysis:
 //
-// dist/theme/default/index.d.ts:420:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
-// dist/theme/default/index.d.ts:443:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:422:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:445:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)
 

packages/elements-react/src/theme/default/flows/error.tsx

@@ -27,7 +27,9 @@ import { useClientLogout } from "../utils/logout"
  * @hidden
  * @inline
  */
-export type OryError = FlowError | OAuth2Error | { error: GenericError }
+export type OryError = {
+  correlationId?: string
+} & (FlowError | OAuth2Error | { error: GenericError })
 
 /**
  * An OAuth2 error response.
@@ -201,20 +203,28 @@ export function Error({
               <p className="text-sm text-interface-foreground-default-secondary">
                 Time: <code>{parsed.timestamp?.toUTCString()}</code>
               </p>
-              <p className="text-sm text-interface-foreground-default-secondary">
-                Message:{" "}
-                <code data-testid={"ory/screen/error/message"}>
-                  {parsed.reason}
-                </code>
-              </p>
+              {error.correlationId && (
+                <p className="text-sm text-interface-foreground-default-secondary">
+                  Correlation ID: <code>{error.correlationId}</code>
+                </p>
+              )}
+              {parsed.reason && (
+                <p className="text-sm text-interface-foreground-default-secondary">
+                  Message:{" "}
+                  <code data-testid={"ory/screen/error/message"}>
+                    {parsed.reason}
+                  </code>
+                </p>
+              )}
 
               <div>
                 <button
-                  className="text-interface-foreground-default-primary underline"
+                  className="cursor-pointer text-interface-foreground-default-primary underline"
                   onClick={() => {
                     const text = `${parsed.id ? `ID: ${parsed.id}` : ""}
 Time: ${parsed.timestamp?.toUTCString()}
 ${parsed.reason ? `Message: ${parsed.reason}` : ""}
+${error.correlationId ? `Correlation ID: ${error.correlationId}` : ""}
 `
                     void navigator.clipboard.writeText(text)
                   }}