@ory/elements-react 1.0.0-next.1 → 1.0.0-next.11

package/dist/theme/default/index.d.ts

@@ -1,110 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { PropsWithChildren, ComponentType, ComponentPropsWithoutRef, FormEventHandler, Dispatch, MouseEventHandler, DetailedHTMLProps, HTMLAttributes } from 'react';
-import { UiNodeInputAttributes, UiNode, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, UiText, ConfigurationParameters, FlowError, LoginFlow, RecoveryFlow, RegistrationFlow, SettingsFlow, VerificationFlow } from '@ory/client-fetch';
+import { OryCardContentProps, OryCardProps, OryFormRootProps, OryMessageContentProps, OryFlowComponents, OryFlowComponentOverrides, OryClientConfiguration } from '@ory/elements-react';
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+import { FlowError, LoginFlow, RecoveryFlow, RegistrationFlow, SettingsFlow, VerificationFlow } from '@ory/client-fetch';
 
-type OryCardContentProps = PropsWithChildren;
-type OryCardFooterProps = Record<string, never>;
-type OryCardProps = PropsWithChildren;
-/**
- * Card components are used to show login, registration, recovery, and verification flows.
- */
-type OryCardComponents = {
-    /**
-     * The card container is the main container of the card.
-     */
-    Card: ComponentType<OryCardProps>;
-    /**
-     * The card footer is the footer of the card container.
-     */
-    CardFooter: ComponentType<OryCardFooterProps>;
-    /**
-     * The card header is the header of the card container.
-     */
-    CardHeader: ComponentType<OryCardProps>;
-    /**
-     * The card content is the main content of the card container.
-     */
-    CardContent: ComponentType<OryCardContentProps>;
-    /**
-     * The card logo is the logo of the card container.
-     */
-    CardLogo: ComponentType;
-};
-
-type HeadlessButtonProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-} & Omit<ComponentPropsWithoutRef<"button">, "children">;
-type HeadlessLinkButtonProps = {
-    attributes: UiNodeAnchorAttributes;
-    node: UiNode;
-} & Omit<ComponentPropsWithoutRef<"a">, "children">;
-type HeadlessLabelProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-} & ComponentPropsWithoutRef<"label">;
-type HeadlessTextProps = {
-    attributes: UiNodeTextAttributes;
-    node: UiNode;
-};
-type HeadlessAuthMethodListItemProps = {
-    setGroups: Dispatch<React__default.SetStateAction<string[]>>;
-    setStep: Dispatch<React__default.SetStateAction<number>>;
-    group: string;
-};
-type HeadlessImageProps = {
-    attributes: UiNodeImageAttributes;
-    node: UiNode;
-};
-type HeadlessFormProps = ComponentPropsWithoutRef<"form"> & {
-    onSubmit: FormEventHandler<HTMLFormElement>;
-};
-type HeadlessInputProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-    onClick: MouseEventHandler;
-};
-type OryFlowComponents = OryFormComponents & OryCardComponents;
-
-type HorizontalDividerProps = Record<string, never>;
-
-type HeadlessGroupContainerProps = PropsWithChildren;
-
-type HeadlessMessagesProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-type HeadlessMessageProps = {
-    message: UiText;
-};
-
-type HeadlessSocialButtonContainerProps = PropsWithChildren<{
-    nodes: UiNode[];
-}>;
-type HeadlessSocialButtonProps = PropsWithChildren<{
-    node: UiNode;
-    attributes: UiNodeInputAttributes;
-}>;
-
-type OryFormComponents = {
-    Button: ComponentType<HeadlessButtonProps>;
-    LinkButton: ComponentType<HeadlessLinkButtonProps>;
-    Input: ComponentType<HeadlessInputProps>;
-    PinCodeInput: ComponentType<HeadlessInputProps>;
-    Image: ComponentType<HeadlessImageProps>;
-    Label: ComponentType<HeadlessLabelProps>;
-    Checkbox: ComponentType<HeadlessInputProps>;
-    Text: ComponentType<HeadlessTextProps>;
-    FormContainer: ComponentType<HeadlessFormProps>;
-    SocialButton: ComponentType<HeadlessSocialButtonProps>;
-    SocialButtonContainer: ComponentType<HeadlessSocialButtonContainerProps>;
-    AuthMethodListItem: ComponentType<HeadlessAuthMethodListItemProps>;
-    HorizontalDivider: ComponentType<HorizontalDividerProps>;
-    FormGroup: ComponentType<HeadlessGroupContainerProps>;
-    MessageContainer: ComponentType<HeadlessMessagesProps>;
-    Message: ComponentType<HeadlessMessageProps>;
-    CurrentIdentifierButton: ComponentType<HeadlessButtonProps>;
-};
-
-declare function DefaultCardContent({ children }: OryCardContentProps): React.ReactNode;
+declare function DefaultCardContent({ children }: OryCardContentProps): react.ReactNode;
 
 declare function DefaultCardFooter(): react_jsx_runtime.JSX.Element | null;
 
@@ -114,76 +14,50 @@ declare function DefaultCardLogo(): react_jsx_runtime.JSX.Element;
 
 declare function DefaultCard({ children }: OryCardProps): react_jsx_runtime.JSX.Element;
 
-declare function DefaultFormContainer({ children, onSubmit, action, method, }: PropsWithChildren<HeadlessFormProps>): react_jsx_runtime.JSX.Element;
+declare function DefaultFormContainer({ children, onSubmit, action, method, }: PropsWithChildren<OryFormRootProps>): react_jsx_runtime.JSX.Element;
 declare function DefaultMessageContainer({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element | null;
-declare function DefaultMessage({ message }: HeadlessMessageProps): react_jsx_runtime.JSX.Element;
+declare function DefaultMessage({ message }: OryMessageContentProps): react_jsx_runtime.JSX.Element;
 
 declare const OryDefaultComponents: OryFlowComponents;
 
-type OryClientConfiguration = {
-    /**
-     * The name of the application the user is logging in to.
-     */
-    name: string;
-    /**
-     * An optional logo URL to display in the UI instead of the name.
-     */
-    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;
-    };
-};
-
 type ErrorFlowContextProps = {
     error: FlowError;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 declare function Error({ error, children, }: PropsWithChildren<ErrorFlowContextProps>): react_jsx_runtime.JSX.Element;
 
 type LoginFlowContextProps = {
     flow: LoginFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 declare function Login({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<LoginFlowContextProps>): react_jsx_runtime.JSX.Element;
 
 type RecoveryFlowContextProps = {
     flow: RecoveryFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 declare function Recovery({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<RecoveryFlowContextProps>): react_jsx_runtime.JSX.Element;
 
 type RegistrationFlowContextProps = {
     flow: RegistrationFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 declare function Registration({ flow, children, components: flowOverrideComponents, config, }: PropsWithChildren<RegistrationFlowContextProps>): react_jsx_runtime.JSX.Element;
 
 type SettingsFlowContextProps = {
     flow: SettingsFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 declare function Settings({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<SettingsFlowContextProps>): react_jsx_runtime.JSX.Element;
 
 type VerificationFlowContextProps = {
     flow: VerificationFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 declare function Verification({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<VerificationFlowContextProps>): react_jsx_runtime.JSX.Element;