@ory/elements-react 1.0.0-next.2 → 1.0.0-next.20

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

@@ -0,0 +1,442 @@
+## API Report File for "@ory/elements-react"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```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';
+import { DetailedHTMLProps } from 'react';
+import { Dispatch } from 'react';
+import { FlowError } from '@ory/client-fetch';
+import { FlowType } from '@ory/client-fetch';
+import { FormEventHandler } from 'react';
+import { HTMLAttributes } from 'react';
+import { IntlShape } from 'react-intl';
+import { LoginFlow } from '@ory/client-fetch';
+import { MouseEventHandler } from 'react';
+import { OnRedirectHandler } from '@ory/client-fetch';
+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 { SettingsFlow } from '@ory/client-fetch';
+import { UiNode } from '@ory/client-fetch';
+import { UiNodeAnchorAttributes } from '@ory/client-fetch';
+import { UiNodeGroupEnum } from '@ory/client-fetch';
+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 { UpdateLoginFlowBody } from '@ory/client-fetch';
+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
+//
+// @public
+export type ErrorFlowContainer = OryFlow<FlowType.Error, FlowError>;
+
+// @public
+export type FlowContainerSetter = Dispatch<OryFlowContainer>;
+
+// @public
+export type FlowContextValue = OryFlowContainer & {
+    setFlowContainer: FlowContainerSetter;
+    formState: FormState;
+    dispatchFormState: Dispatch<FormStateAction>;
+};
+
+// @public (undocumented)
+export type FormState = {
+    current: "provide_identifier";
+} | {
+    current: "select_method";
+} | {
+    current: "method_active";
+    method: UiNodeGroupEnum;
+} | {
+    current: "success_screen";
+} | {
+    current: "settings";
+};
+
+// @public (undocumented)
+export type FormStateAction = {
+    type: "action_flow_update";
+    flow: OryFlowContainer;
+} | {
+    type: "action_select_method";
+    method: UiNodeGroupEnum;
+};
+
+// @public
+export type FormValues = Record<string, string | boolean | number | undefined>;
+
+// @public (undocumented)
+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>;
+
+// @public
+export function messageTestId(message: UiText): {
+    "data-testid": string;
+};
+
+// @public
+export type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlowBody | UpdateVerificationFlowBody | UpdateRecoveryFlowBody | UpdateSettingsFlowBody> = {
+    setFlowContainer: (flowContainer: OryFlowContainer) => void;
+    body: T;
+    onRedirect: OnRedirectHandler;
+};
+
+// @public
+export function OryCard({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+// @public
+export type OryCardAuthMethodListItemProps = {
+    onClick: () => void;
+    group: string;
+};
+
+// @public
+export function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
+
+// @public
+export type OryCardContentProps = PropsWithChildren;
+
+// @public
+export type OryCardDividerProps = Record<string, never>;
+
+// @public (undocumented)
+export function OryCardFooter(): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryCardFooterProps = Record<string, never>;
+
+// @public (undocumented)
+export function OryCardHeader(): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryCardHeaderProps = Record<string, never>;
+
+// @public (undocumented)
+export type OryCardLogoProps = Record<string, never>;
+
+// @public (undocumented)
+export type OryCardProps = PropsWithChildren;
+
+// @public (undocumented)
+export type OryCardSettingsSectionProps = PropsWithChildren & {
+    action: string;
+    method: string;
+    onSubmit: FormEventHandler<HTMLFormElement>;
+};
+
+// @public (undocumented)
+export function OryCardValidationMessages({ ...props }: OryMessageRootProps): react_jsx_runtime.JSX.Element | null;
+
+// @public (undocumented)
+export type OryClientConfiguration = {
+    name: string;
+    logoUrl?: string;
+    stylesheet?: string;
+    favicon?: string;
+    sdk: {
+        url: string;
+        options?: Partial<ConfigurationParameters>;
+    };
+    project: {
+        registration_enabled: boolean;
+        verification_enabled: boolean;
+        recovery_enabled: boolean;
+        recovery_ui_url: string;
+        registration_ui_url: string;
+        verification_ui_url: string;
+        login_ui_url: string;
+    };
+    intl?: IntlConfig;
+};
+
+// Warning: (ae-forgotten-export) The symbol "DeepPartialTwoLevels" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export type OryFlowComponentOverrides = DeepPartialTwoLevels<OryFlowComponents>;
+
+// @public
+export type OryFlowComponents = {
+    Node: {
+        Button: ComponentType<OryNodeButtonProps>;
+        OidcButton: ComponentType<OryNodeOidcButtonProps>;
+        Anchor: ComponentType<OryNodeAnchorProps>;
+        Input: ComponentType<OryNodeInputProps>;
+        CodeInput: ComponentType<OryNodeInputProps>;
+        Image: ComponentType<OryNodeImageProps>;
+        Label: ComponentType<OryNodeLabelProps>;
+        Checkbox: ComponentType<OryNodeInputProps>;
+        Text: ComponentType<OryNodeTextProps>;
+    };
+    Card: {
+        Root: ComponentType<OryCardProps>;
+        Footer: ComponentType<OryCardFooterProps>;
+        Header: ComponentType<OryCardProps>;
+        Content: ComponentType<OryCardContentProps>;
+        Logo: ComponentType<OryCardLogoProps>;
+        Divider: ComponentType<OryCardDividerProps>;
+        AuthMethodListItem: ComponentType<OryCardAuthMethodListItemProps>;
+        SettingsSection: ComponentType<OryCardSettingsSectionProps>;
+        SettingsSectionContent: ComponentType<OryFormSectionContentProps>;
+        SettingsSectionFooter: ComponentType<OryFormSectionFooterProps>;
+    };
+    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, onAfterSubmit }: OryFormProps): string | react_jsx_runtime.JSX.Element;
+
+// @public
+export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
+
+// @public (undocumented)
+export type OryFormGroupProps = PropsWithChildren;
+
+// @public (undocumented)
+export function OryFormGroups({ children, groups }: OryFormGroupsProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryFormGroupsProps = PropsWithChildren<{
+    groups: UiNodeGroupEnum[];
+}>;
+
+// @public (undocumented)
+export function OryFormOidcButtons({ children, hideDivider, }: OryFormOidcButtonsProps): react_jsx_runtime.JSX.Element | null;
+
+// @public (undocumented)
+export type OryFormOidcButtonsProps = PropsWithChildren<{
+    hideDivider?: boolean;
+}>;
+
+// @public (undocumented)
+export type OryFormOidcRootProps = PropsWithChildren<{
+    nodes: UiNode[];
+}>;
+
+// @public (undocumented)
+export type OryFormProps = PropsWithChildren<{
+    onAfterSubmit?: (method: string | number | boolean | undefined) => void;
+}>;
+
+// @public (undocumented)
+export type OryFormRootProps = ComponentPropsWithoutRef<"form"> & {
+    onSubmit: FormEventHandler<HTMLFormElement>;
+};
+
+// @public (undocumented)
+export function OryFormSection({ children, nodes, ...rest }: OryFormSectionProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryFormSectionContentProps = PropsWithChildren<{
+    title?: string;
+    description?: string;
+}>;
+
+// @public (undocumented)
+export type OryFormSectionFooterProps = PropsWithChildren<{
+    text?: string;
+}>;
+
+// Warning: (ae-forgotten-export) The symbol "OryFormProps$1" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export type OryFormSectionProps = PropsWithChildren<OryFormProps$1 & {
+    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 = {
+    message: UiText;
+};
+
+// @public (undocumented)
+export type OryMessageRootProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+
+// @public (undocumented)
+export type OryNodeAnchorProps = {
+    attributes: UiNodeAnchorAttributes;
+    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"> & ButtonVariants;
+
+// @public (undocumented)
+export type OryNodeImageProps = {
+    attributes: UiNodeImageAttributes;
+    node: UiNode;
+};
+
+// @public (undocumented)
+export type OryNodeInputProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+    onClick?: MouseEventHandler;
+};
+
+// @public (undocumented)
+export type OryNodeLabelProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+} & ComponentPropsWithoutRef<"label">;
+
+// @public (undocumented)
+export type OryNodeOidcButtonProps = {
+    node: UiNode;
+    attributes: UiNodeInputAttributes;
+    onClick?: () => void;
+};
+
+// @public (undocumented)
+export type OryNodeTextProps = {
+    attributes: UiNodeTextAttributes;
+    node: UiNode;
+};
+
+// @public (undocumented)
+export type OryPageHeaderProps = Record<never, never>;
+
+// @public (undocumented)
+export function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryProviderProps = {
+    components: OryFlowComponents;
+} & OryFlowContainer & PropsWithChildren;
+
+// @public (undocumented)
+export function OrySettingsCard(): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OrySettingsOidcProps = {
+    linkButtons: (UiNode & {
+        onClick: () => void;
+    })[];
+    unlinkButtons: (UiNode & {
+        onClick: () => void;
+    })[];
+};
+
+// @public (undocumented)
+export type OrySettingsPasskeyProps = {
+    triggerButton: UiNode & {
+        onClick: () => void;
+    };
+    removeButtons: (UiNode & {
+        onClick: () => void;
+    })[];
+};
+
+// @public (undocumented)
+export type OrySettingsRecoveryCodesProps = {
+    codes: string[];
+    regnerateButton: UiNode | undefined;
+    revealButton: UiNode | undefined;
+    onRegenerate: () => void;
+    onReveal: () => void;
+};
+
+// @public (undocumented)
+export type OrySettingsTotpProps = {
+    totpImage: UiNode | undefined;
+    totpSecret: UiNode | undefined;
+    totpInput: UiNode | undefined;
+    totpUnlink: UiNode | undefined;
+    onUnlink: () => void;
+};
+
+// @public (undocumented)
+export type OrySettingsWebauthnProps = {
+    nameInput: UiNode;
+    triggerButton: UiNode & {
+        onClick: () => void;
+    };
+    removeButtons: (UiNode & {
+        onClick: () => void;
+    })[];
+};
+
+// @public (undocumented)
+export function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
+
+// @public
+export type RecoveryFlowContainer = OryFlow<FlowType.Recovery, RecoveryFlow>;
+
+// @public
+export type RegistrationFlowContainer = OryFlow<FlowType.Registration, RegistrationFlow>;
+
+// @public
+export type SettingsFlowContainer = OryFlow<FlowType.Settings, SettingsFlow>;
+
+// @public
+export const uiTextToFormattedMessage: ({ id, context, text }: Omit<UiText, "type">, intl: IntlShape) => string;
+
+// @public (undocumented)
+export function useComponents(): OryFlowComponents;
+
+// @public (undocumented)
+export function useNodeSorter(): (a: UiNode, b: UiNode, ctx: {
+    flowType: string;
+}) => number;
+
+// @public
+export function useOryFlow(): FlowContextValue;
+
+// @public
+export type VerificationFlowContainer = OryFlow<FlowType.Verification, VerificationFlow>;
+
+// (No @packageDocumentation comment for this package)
+
+```

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

@@ -0,0 +1,33 @@
+## API Report File for "@ory/elements-react"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Session } from '@ory/client-fetch';
+
+// @public (undocumented)
+export type SessionContextData = {
+    isLoading: boolean;
+    initialized: boolean;
+    session: Session | null;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+};
+
+// @public
+export function SessionProvider({ session: initialSession, children, baseUrl, }: SessionProviderProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type SessionProviderProps = {
+    session?: Session | null;
+    baseUrl?: string;
+} & React.PropsWithChildren;
+
+// @public
+export function useSession(): SessionContextData;
+
+// (No @packageDocumentation comment for this package)
+
+```

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

@@ -0,0 +1,149 @@
+## API Report File for "@ory/elements-react"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentType } from 'react';
+import { ConfigurationParameters } from '@ory/client-fetch';
+import { DetailedHTMLProps } from 'react';
+import { ElementType } from 'react';
+import { FlowError } from '@ory/client-fetch';
+import { FormEventHandler } from 'react';
+import { HTMLAttributes } from 'react';
+import { LoginFlow } from '@ory/client-fetch';
+import { MouseEventHandler } from 'react';
+import { PropsWithChildren } from 'react';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RecoveryFlow } from '@ory/client-fetch';
+import { RegistrationFlow } from '@ory/client-fetch';
+import { SettingsFlow } from '@ory/client-fetch';
+import { UiNode } from '@ory/client-fetch';
+import { UiNodeAnchorAttributes } from '@ory/client-fetch';
+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 "DefaultSocialButtonProps" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export function DefaultButtonSocial({ attributes, node, onClick, showLabel: _showLabel, logos: providedLogos, }: DefaultSocialButtonProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export namespace DefaultButtonSocial {
+    var // (undocumented)
+    WithLogos: (logos: Record<string, ElementType>) => (props: DefaultSocialButtonProps) => react_jsx_runtime.JSX.Element;
+}
+
+// Warning: (ae-forgotten-export) The symbol "OryCardRootProps" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+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
+//
+// @public (undocumented)
+export function DefaultCardContent({ children }: OryCardContentProps): react.ReactNode;
+
+// @public (undocumented)
+export function DefaultCardFooter(): react_jsx_runtime.JSX.Element | null;
+
+// @public (undocumented)
+export function DefaultCardHeader(): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export function DefaultCardLayout({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export function DefaultCardLogo(): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export function DefaultCurrentIdentifierButton(): react_jsx_runtime.JSX.Element | null;
+
+// 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<OryFormRootProps>): react_jsx_runtime.JSX.Element;
+
+// Warning: (ae-forgotten-export) The symbol "OryMessageContentProps" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export function DefaultMessage({ message }: OryMessageContentProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export function DefaultMessageContainer({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element | null;
+
+// @public (undocumented)
+function Error_2({ error, children, }: PropsWithChildren<ErrorFlowContextProps>): react_jsx_runtime.JSX.Element;
+export { Error_2 as Error }
+
+// @public (undocumented)
+export type ErrorFlowContextProps = {
+    error: FlowError;
+    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 function getOryComponents(overrides?: OryFlowComponentOverrides): OryFlowComponents;
+
+// @public (undocumented)
+export function Login({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<LoginFlowContextProps>): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type LoginFlowContextProps = {
+    flow: LoginFlow;
+    components?: OryFlowComponentOverrides;
+    config: OryClientConfiguration;
+};
+
+// @public (undocumented)
+export function Recovery({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<RecoveryFlowContextProps>): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type RecoveryFlowContextProps = {
+    flow: RecoveryFlow;
+    components?: OryFlowComponentOverrides;
+    config: OryClientConfiguration;
+};
+
+// Warning: (ae-forgotten-export) The symbol "RegistrationFlowContextProps" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export function Registration({ flow, children, components: flowOverrideComponents, config, }: PropsWithChildren<RegistrationFlowContextProps>): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export function Settings({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<SettingsFlowContextProps>): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type SettingsFlowContextProps = {
+    flow: SettingsFlow;
+    components?: OryFlowComponentOverrides;
+    config: OryClientConfiguration;
+};
+
+// @public (undocumented)
+export function Verification({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<VerificationFlowContextProps>): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type VerificationFlowContextProps = {
+    flow: VerificationFlow;
+    components?: OryFlowComponentOverrides;
+    config: OryClientConfiguration;
+};
+
+// Warnings were encountered during analysis:
+//
+// dist/theme/default/index.d.ts:38:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:39:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
+
+// (No @packageDocumentation comment for this package)
+
+```