@ory/elements-react 1.0.0-next.4 → 1.0.0-next.41

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, OryNodeOidcButtonProps, OryFormRootProps, OryMessageContentProps, OryFlowComponentOverrides, OryFlowComponents, OryClientConfiguration } from '@ory/elements-react';
+import * as react from 'react';
+import { PropsWithChildren, ElementType } from 'react';
+import { FlowError, GenericError, Session, LoginFlow, RecoveryFlow, RegistrationFlow, SettingsFlow, VerificationFlow, OAuth2ConsentRequest } 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;
 
@@ -112,80 +12,93 @@ declare function DefaultCardHeader(): react_jsx_runtime.JSX.Element;
 
 declare function DefaultCardLogo(): react_jsx_runtime.JSX.Element;
 
+declare function DefaultCurrentIdentifierButton(): react_jsx_runtime.JSX.Element | null;
+
+declare function DefaultCardLayout({ children }: PropsWithChildren): 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 DefaultMessageContainer({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element | null;
-declare function DefaultMessage({ message }: HeadlessMessageProps): 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 DefaultSocialButtonProps = OryNodeOidcButtonProps & {
+    showLabel?: boolean;
+    logos?: Record<string, ElementType>;
 };
+declare function DefaultButtonSocial({ attributes, node, onClick, showLabel: _showLabel, logos: providedLogos, }: DefaultSocialButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace DefaultButtonSocial {
+    var WithLogos: (logos: Record<string, ElementType>) => (props: DefaultSocialButtonProps) => 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 }: OryMessageContentProps): react_jsx_runtime.JSX.Element;
+
+declare function getOryComponents(overrides?: OryFlowComponentOverrides): OryFlowComponents;
 
+/**
+ * A union type of all possible errors that can be returned by the Ory SDK.
+ */
+type OryError = FlowError | OAuth2Error | {
+    error: GenericError;
+};
+/**
+ * An OAuth2 error response.
+ */
+type OAuth2Error = {
+    error: string;
+    error_description: string;
+};
 type ErrorFlowContextProps = {
-    error: FlowError;
-    components?: Partial<OryFlowComponents>;
+    error: OryError;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
+    session?: Session;
 };
-declare function Error({ error, children, }: PropsWithChildren<ErrorFlowContextProps>): react_jsx_runtime.JSX.Element;
+declare function Error({ error, components: Components, config, session, }: 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;
 
-export { DefaultCard, DefaultCardContent, DefaultCardFooter, DefaultCardHeader, DefaultCardLogo, DefaultFormContainer, DefaultMessage, DefaultMessageContainer, Error, type ErrorFlowContextProps, Login, type LoginFlowContextProps, OryDefaultComponents, Recovery, type RecoveryFlowContextProps, Registration, Settings, type SettingsFlowContextProps, Verification, type VerificationFlowContextProps };
+type PropsWithComponents = {
+    components?: OryFlowComponentOverrides;
+};
+type ConsentFlowContextProps = {
+    consentChallenge: OAuth2ConsentRequest;
+    session: Session;
+    config: OryClientConfiguration;
+    csrfToken: string;
+    formActionUrl: string;
+} & PropsWithComponents;
+declare function Consent({ consentChallenge, session, config, components: Passed, children, csrfToken, formActionUrl, }: PropsWithChildren<ConsentFlowContextProps>): react_jsx_runtime.JSX.Element;
+
+export { Consent, type ConsentFlowContextProps, DefaultButtonSocial, DefaultCard, DefaultCardContent, DefaultCardFooter, DefaultCardHeader, DefaultCardLayout, DefaultCardLogo, DefaultCurrentIdentifierButton, DefaultFormContainer, DefaultMessage, DefaultMessageContainer, Error, type ErrorFlowContextProps, Login, type LoginFlowContextProps, type OAuth2Error, type OryError, Recovery, type RecoveryFlowContextProps, Registration, Settings, type SettingsFlowContextProps, Verification, type VerificationFlowContextProps, getOryComponents };