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

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

@@ -4,6 +4,7 @@
 
 ```ts
 
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import { ComponentPropsWithoutRef } from 'react';
 import { ComponentType } from 'react';
 import { ConfigurationParameters } from '@ory/client-fetch';
@@ -21,6 +22,7 @@ import { PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RecoveryFlow } from '@ory/client-fetch';
 import { RegistrationFlow } from '@ory/client-fetch';
+import { Session } from '@ory/client-fetch';
 import { SettingsFlow } from '@ory/client-fetch';
 import { UiNode } from '@ory/client-fetch';
 import { UiNodeAnchorAttributes } from '@ory/client-fetch';
@@ -34,6 +36,7 @@ import { UpdateRecoveryFlowBody } from '@ory/client-fetch';
 import { UpdateRegistrationFlowBody } from '@ory/client-fetch';
 import { UpdateSettingsFlowBody } from '@ory/client-fetch';
 import { UpdateVerificationFlowBody } from '@ory/client-fetch';
+import { VariantProps } from 'class-variance-authority';
 import { VerificationFlow } from '@ory/client-fetch';
 
 // Warning: (ae-forgotten-export) The symbol "OryFlow" needs to be exported by the entry point index.d.ts
@@ -53,7 +56,12 @@ export type FlowContextValue = OryFlowContainer & {
 export type FormValues = Record<string, string | boolean | number | undefined>;
 
 // @public (undocumented)
-export type Locale = keyof typeof OryLocales;
+export const HeadlessPageHeader: () => react_jsx_runtime.JSX.Element;
+
+// Warning: (ae-forgotten-export) The symbol "IntlContextProps" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export type IntlConfig = IntlContextProps;
 
 // @public
 export type LoginFlowContainer = OryFlow<FlowType.Login, LoginFlow>;
@@ -128,6 +136,7 @@ export type OryClientConfiguration = {
         verification_ui_url: string;
         login_ui_url: string;
     };
+    intl?: IntlConfig;
 };
 
 // @public (undocumented)
@@ -165,23 +174,34 @@ export type OryFlowComponents = {
         Logo: ComponentType<OryCardLogoProps>;
         Divider: ComponentType<OryCardDividerProps>;
         AuthMethodListItem: ComponentType<OryCardAuthMethodListItemProps>;
+        SettingsSection: ComponentType<OryFormSectionProps>;
+        SettingsSectionContent: ComponentType<OryFormSectionContentProps>;
+        SettingsSectionFooter: ComponentType<OryFormSectionContentProps>;
     };
     Form: {
         Root: ComponentType<OryFormRootProps>;
         OidcRoot: ComponentType<OryFormOidcRootProps>;
         Group: ComponentType<OryFormGroupProps>;
+        OidcSettings: ComponentType<OrySettingsOidcProps>;
+        WebauthnSettings: ComponentType<OrySettingsWebauthnProps>;
+        PasskeySettings: ComponentType<OrySettingsPasskeyProps>;
+        TotpSettings: ComponentType<OrySettingsTotpProps>;
+        RecoveryCodesSettings: ComponentType<OrySettingsRecoveryCodesProps>;
     };
     Message: {
         Root: ComponentType<OryMessageRootProps>;
         Content: ComponentType<OryMessageContentProps>;
     };
+    Page: {
+        Header: ComponentType<OryPageHeaderProps>;
+    };
 };
 
 // @public
 export type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
 
 // @public (undocumented)
-export function OryForm({ children }: OryFormProps): string | react_jsx_runtime.JSX.Element;
+export function OryForm({ children, onAfterSubmit, nodes }: OryFormProps): string | react_jsx_runtime.JSX.Element;
 
 // @public
 export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
@@ -211,7 +231,10 @@ export type OryFormOidcRootProps = PropsWithChildren<{
 }>;
 
 // @public (undocumented)
-export type OryFormProps = PropsWithChildren;
+export type OryFormProps = PropsWithChildren<{
+    onAfterSubmit?: (method: string | number | boolean | undefined) => void;
+    nodes?: UiNode[];
+}>;
 
 // @public (undocumented)
 export type OryFormRootProps = ComponentPropsWithoutRef<"form"> & {
@@ -219,17 +242,29 @@ export type OryFormRootProps = ComponentPropsWithoutRef<"form"> & {
 };
 
 // @public (undocumented)
-export function OryFormSocialButtonsForm(): react_jsx_runtime.JSX.Element | null;
+export function OryFormSection({ children, nodes }: OryFormSectionProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryFormSectionContentProps = PropsWithChildren<{
+    title?: string;
+    description?: string;
+}>;
 
-// Warning: (ae-forgotten-export) The symbol "CustomTranslations" needs to be exported by the entry point index.d.ts
-//
 // @public (undocumented)
-export type OryIntlProviderProps<Translation> = Translation extends CustomTranslations ? CustomTranslations : SupportedTranslations;
+export type OryFormSectionFooterProps = PropsWithChildren;
 
 // @public (undocumented)
-export namespace OryLocales {
-        { locales_de as de, locales_en as en, locales_es as es, locales_fr as fr, locales_nl as nl, locales_pl as pl, locales_pt as pt, locales_sv as sv };
-}
+export type OryFormSectionProps = PropsWithChildren<{
+    nodes?: UiNode[];
+}>;
+
+// @public (undocumented)
+export function OryFormSocialButtonsForm(): react_jsx_runtime.JSX.Element | null;
+
+// Warning: (ae-forgotten-export) The symbol "LocaleMap" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export const OryLocales: LocaleMap;
 
 // @public (undocumented)
 export type OryMessageContentProps = {
@@ -245,11 +280,13 @@ export type OryNodeAnchorProps = {
     node: UiNode;
 } & Omit<ComponentPropsWithoutRef<"a">, "children">;
 
+// Warning: (ae-forgotten-export) The symbol "ButtonVariants" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
 export type OryNodeButtonProps = {
     attributes: UiNodeInputAttributes;
     node: UiNode;
-} & Omit<ComponentPropsWithoutRef<"button">, "children">;
+} & Omit<ComponentPropsWithoutRef<"button">, "children"> & ButtonVariants;
 
 // @public (undocumented)
 export type OryNodeImageProps = {
@@ -284,12 +321,57 @@ export type OryNodeTextProps = {
 };
 
 // @public (undocumented)
-export function OryProvider<Translation extends SupportedTranslations>({ children, components: Components, ...props }: OryProviderProps<Translation>): react_jsx_runtime.JSX.Element;
+export type OryPageHeaderProps = Record<never, never>;
 
 // @public (undocumented)
-export type OryProviderProps<T> = {
+export function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryProviderProps = {
     components: OryFlowComponents;
-} & OryIntlProviderProps<T> & OryFlowContainer & PropsWithChildren;
+} & OryFlowContainer & PropsWithChildren;
+
+// @public (undocumented)
+export function OrySettingsCard(): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OrySettingsOidcProps = {
+    linkButtons: UiNode[];
+    unlinkButtons: UiNode[];
+};
+
+// @public (undocumented)
+export type OrySettingsPasskeyProps = {
+    triggerButton: UiNode & {
+        onClick: () => void;
+    };
+    removeButtons: UiNode[];
+};
+
+// @public (undocumented)
+export type OrySettingsRecoveryCodesProps = {
+    codes: string[];
+    regnerateButton?: UiNode;
+    revealButton?: UiNode;
+};
+
+// @public (undocumented)
+export type OrySettingsTotpProps = {
+    totpImage: UiNode;
+    totpSecret: UiNode;
+    totpInput: UiNode;
+} | {
+    totpUnlink: UiNode;
+};
+
+// @public (undocumented)
+export type OrySettingsWebauthnProps = {
+    nameInput: UiNode;
+    triggerButton: UiNode & {
+        onClick: () => void;
+    };
+    removeButtons: UiNode[];
+};
 
 // @public (undocumented)
 export function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
@@ -303,12 +385,6 @@ export type RegistrationFlowContainer = OryFlow<FlowType.Registration, Registrat
 // @public
 export type SettingsFlowContainer = OryFlow<FlowType.Settings, SettingsFlow>;
 
-// @public (undocumented)
-export type SupportedTranslations = {
-    locale?: Locale;
-    defaultLocale?: string;
-};
-
 // @public
 export const uiTextToFormattedMessage: ({ id, context, text }: Omit<UiText, "type">, intl: IntlShape) => string;
 
@@ -323,6 +399,13 @@ export function useNodeSorter(): (a: UiNode, b: UiNode, ctx: {
 // @public
 export function useOryFlow(): FlowContextValue;
 
+// @public
+export const useSession: () => {
+    session: Session | undefined;
+    error: string | undefined;
+    isLoading: boolean;
+};
+
 // @public
 export type VerificationFlowContainer = OryFlow<FlowType.Verification, VerificationFlow>;