@ory/elements-react - npm Package Compare versions

Comparing version 1.0.0-next.10 to 1.0.0-next.11

.eslintrc.js

@@ -42,2 +42,4 @@ // Copyright © 2024 Ory Corp
     ],
+    // TODO(jonas): prettier and eslint sometimes disagree about this
+    "no-extra-semi": "off",
   },
@@ -44,0 +46,0 @@ env: {

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

@@ -187,3 +187,3 @@ {
               "text": "OryCardProps",
-              "canonicalReference": "@ory/elements-react!~OryCardProps:type"
+              "canonicalReference": "@ory/elements-react!~OryCardRootProps:type"
             },
@@ -381,4 +381,4 @@ {
               "kind": "Reference",
-              "text": "HeadlessFormProps",
-              "canonicalReference": "@ory/elements-react!~HeadlessFormProps:type"
+              "text": "OryFormRootProps",
+              "canonicalReference": "@ory/elements-react!~OryFormRootProps:type"
             },
@@ -433,4 +433,4 @@ {
               "kind": "Reference",
-              "text": "HeadlessMessageProps",
-              "canonicalReference": "@ory/elements-react!~HeadlessMessageProps:type"
+              "text": "OryMessageContentProps",
+              "canonicalReference": "@ory/elements-react!~OryMessageContentProps:type"
             },
@@ -605,20 +605,11 @@ {
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": "<"
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
-            },
-            {
-              "kind": "Content",
-              "text": ">;\n    config: "
-            },
-            {
-              "kind": "Reference",
               "text": "OryClientConfiguration",
@@ -641,3 +632,3 @@ "canonicalReference": "@ory/elements-react!~OryClientConfiguration:type"
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
@@ -738,20 +729,11 @@ },
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": "<"
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
-            },
-            {
-              "kind": "Content",
-              "text": ">;\n    config: "
-            },
-            {
-              "kind": "Reference",
               "text": "OryClientConfiguration",
@@ -774,3 +756,3 @@ "canonicalReference": "@ory/elements-react!~OryClientConfiguration:type"
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
@@ -895,20 +877,11 @@ },
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": "<"
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
-            },
-            {
-              "kind": "Content",
-              "text": ">;\n    config: "
-            },
-            {
-              "kind": "Reference",
               "text": "OryClientConfiguration",
@@ -931,3 +904,3 @@ "canonicalReference": "@ory/elements-react!~OryClientConfiguration:type"
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
@@ -1097,20 +1070,11 @@ },
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": "<"
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
-            },
-            {
-              "kind": "Content",
-              "text": ">;\n    config: "
-            },
-            {
-              "kind": "Reference",
               "text": "OryClientConfiguration",
@@ -1133,3 +1097,3 @@ "canonicalReference": "@ory/elements-react!~OryClientConfiguration:type"
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
@@ -1230,20 +1194,11 @@ },
               "kind": "Reference",
-              "text": "Partial",
-              "canonicalReference": "!Partial:type"
+              "text": "OryFlowComponentOverrides",
+              "canonicalReference": "@ory/elements-react!~OryFlowComponentOverrides:type"
             },
             {
               "kind": "Content",
-              "text": "<"
+              "text": ";\n    config: "
             },
             {
               "kind": "Reference",
-              "text": "OryFlowComponents",
-              "canonicalReference": "@ory/elements-react!~OryFlowComponents:type"
-            },
-            {
-              "kind": "Content",
-              "text": ">;\n    config: "
-            },
-            {
-              "kind": "Reference",
               "text": "OryClientConfiguration",
@@ -1266,3 +1221,3 @@ "canonicalReference": "@ory/elements-react!~OryClientConfiguration:type"
             "startIndex": 1,
-            "endIndex": 10
+            "endIndex": 8
           }
@@ -1269,0 +1224,0 @@ }

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

@@ -30,6 +30,6 @@ ## API Report File for "@ory/elements-react"
 
-// Warning: (ae-forgotten-export) The symbol "OryCardProps" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "OryCardRootProps" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export function DefaultCard({ children }: OryCardProps): react_jsx_runtime.JSX.Element;
+export function DefaultCard({ children }: OryCardRootProps): react_jsx_runtime.JSX.Element;
 
@@ -50,11 +50,11 @@ // Warning: (ae-forgotten-export) The symbol "OryCardContentProps" needs to be exported by the entry point index.d.ts
 
-// Warning: (ae-forgotten-export) The symbol "HeadlessFormProps" needs to be exported by the entry point index.d.ts
+// 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<HeadlessFormProps>): react_jsx_runtime.JSX.Element;
+export function DefaultFormContainer({ children, onSubmit, action, method, }: PropsWithChildren<OryFormRootProps>): react_jsx_runtime.JSX.Element;
 
-// Warning: (ae-forgotten-export) The symbol "HeadlessMessageProps" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "OryMessageContentProps" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export function DefaultMessage({ message }: HeadlessMessageProps): react_jsx_runtime.JSX.Element;
+export function DefaultMessage({ message }: OryMessageContentProps): react_jsx_runtime.JSX.Element;
 
@@ -71,3 +71,3 @@ // @public (undocumented)
     error: FlowError;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -82,6 +82,8 @@ };
     flow: LoginFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
 };
 
+// Warning: (ae-forgotten-export) The symbol "OryFlowComponents" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
@@ -96,3 +98,3 @@ export const OryDefaultComponents: OryFlowComponents;
     flow: RecoveryFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -112,3 +114,3 @@ };
     flow: SettingsFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -123,3 +125,3 @@ };
     flow: VerificationFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -130,3 +132,3 @@ };
 //
-// dist/theme/default/index.d.ts:25:5 - (ae-forgotten-export) The symbol "OryFlowComponents" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:25:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
 // dist/theme/default/index.d.ts:26:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
@@ -133,0 +135,0 @@

api-report/elements-react.api.md

@@ -21,6 +21,6 @@ ## API Report File for "@ory/elements-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 { Session } from '@ory/client-fetch';
 import { SettingsFlow } from '@ory/client-fetch';
@@ -41,164 +41,27 @@ import { UiNode } from '@ory/client-fetch';
 
-// @public (undocumented)
-export type CustomLanguageFormats = {
-    [k in (typeof LanguageCodes)[number]]?: Partial<TranslationFile>;
-};
-
-// @public (undocumented)
-export type CustomTranslations = {
-    customTranslations: Partial<CustomLanguageFormats>;
-    locale: (typeof LanguageCodes)[number];
-    defaultLocale: (typeof LanguageCodes)[number];
-};
-
-// Warning: (ae-forgotten-export) The symbol "BaseFlow" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "OryFlow" needs to be exported by the entry point index.d.ts
 //
-// @public (undocumented)
-export type ErrorFlowContainer = BaseFlow<FlowType.Error, FlowError>;
+// @public
+export type ErrorFlowContainer = OryFlow<FlowType.Error, FlowError>;
 
-// @public (undocumented)
-export type FlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
+// @public
+export type FlowContainerSetter = Dispatch<Partial<OryFlowContainer>>;
 
-// @public (undocumented)
-export type FlowContainerSetter = Dispatch<Partial<FlowContainer>>;
-
-// @public (undocumented)
-export type FlowContextValue = FlowContainer & {
+// @public
+export type FlowContextValue = OryFlowContainer & {
     setFlowContainer: FlowContainerSetter;
 };
 
-// @public (undocumented)
-export function formatMessage(uiText: UiText | undefined, intl: IntlShape): string;
-
-// @public (undocumented)
-export function formElementId(attributes: {
-    name: string;
-}): {
-    id: string;
-};
-
-// @public (undocumented)
-export function formLabelId(attributes: {
-    name: string;
-}): {
-    htmlFor: string;
-};
-
-// @public (undocumented)
+// @public
 export type FormValues = Record<string, string | boolean | number | undefined>;
 
+// Warning: (ae-forgotten-export) The symbol "IntlContextProps" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
-export type HeadlessAuthMethodListItemProps = {
-    onClick: () => void;
-    group: string;
-};
+export type IntlConfig = IntlContextProps;
 
-// @public (undocumented)
-export type HeadlessButtonProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-} & Omit<ComponentPropsWithoutRef<"button">, "children">;
+// @public
+export type LoginFlowContainer = OryFlow<FlowType.Login, LoginFlow>;
 
-// @public (undocumented)
-export type HeadlessCurrentIdentifierProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-    onClick?: () => void;
-    href?: string;
-} & Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick">;
-
-// @public (undocumented)
-export type HeadlessFormProps = ComponentPropsWithoutRef<"form"> & {
-    onSubmit: FormEventHandler<HTMLFormElement>;
-};
-
-// @public (undocumented)
-export type HeadlessGroupContainerProps = PropsWithChildren;
-
-// @public (undocumented)
-export type HeadlessGroupProps = PropsWithChildren<{
-    groups: UiNodeGroupEnum[];
-}>;
-
-// @public (undocumented)
-export type HeadlessImageProps = {
-    attributes: UiNodeImageAttributes;
-    node: UiNode;
-};
-
-// @public (undocumented)
-export type HeadlessInputProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-    onClick?: MouseEventHandler;
-};
-
-// @public (undocumented)
-export type HeadlessLabelProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-} & ComponentPropsWithoutRef<"label">;
-
-// @public (undocumented)
-export type HeadlessLinkButtonProps = {
-    attributes: UiNodeAnchorAttributes;
-    node: UiNode;
-} & Omit<ComponentPropsWithoutRef<"a">, "children">;
-
-// @public (undocumented)
-export function HeadlessMessage({ message }: HeadlessMessageProps): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type HeadlessMessageProps = {
-    message: UiText;
-};
-
-// @public (undocumented)
-export type HeadlessMessagesProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-
-// @public (undocumented)
-export type HeadlessSocialButtonContainerProps = PropsWithChildren<{
-    nodes: UiNode[];
-}>;
-
-// @public (undocumented)
-export type HeadlessSocialButtonProps = PropsWithChildren<{
-    node: UiNode;
-    attributes: UiNodeInputAttributes;
-    onClick?: () => void;
-}>;
-
-// @public (undocumented)
-export type HeadlessSocialButtonsProps = PropsWithChildren<{
-    hideDivider?: boolean;
-}>;
-
-// @public (undocumented)
-export type HeadlessTextProps = {
-    attributes: UiNodeTextAttributes;
-    node: UiNode;
-};
-
-// @public (undocumented)
-export type HorizontalDividerProps = Record<string, never>;
-
-// @public (undocumented)
-export const IntlProvider: <T extends CustomTranslations | SupportedTranslations = SupportedTranslations>({ children, ...props }: PropsWithChildren<IntlProviderProps<T>>) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
-
-// @public (undocumented)
-export type IntlProviderProps<Type> = Type extends CustomTranslations ? CustomTranslations : SupportedTranslations;
-
-// @public (undocumented)
-export const isCustomTranslations: (o: unknown) => o is CustomTranslations;
-
-// @public (undocumented)
-export const LanguageCodes: readonly ["ab", "aa", "af", "sq", "am", "ar", "hy", "as", "ay", "az", "ba", "eu", "bn", "dz", "bh", "bi", "br", "bg", "my", "be", "km", "ca", "zh", "co", "hr", "cs", "da", "nl", "en", "eo", "et", "fo", "fj", "fi", "fr", "fy", "gd", "gl", "ka", "de", "el", "kl", "gn", "gu", "ha", "iw", "hi", "hu", "is", "in", "ia", "ie", "ik", "ga", "it", "ja", "jw", "kn", "ks", "kk", "rw", "ky", "rn", "ko", "ku", "lo", "la", "lv", "ln", "lt", "mk", "mg", "ms", "ml", "mt", "mi", "mr", "mo", "mn", "na", "ne", "no", "oc", "or", "om", "ps", "fa", "pl", "pt", "pa", "qu", "rm", "ro", "ru", "sm", "sg", "sa", "sr", "sh", "st", "tn", "sn", "sd", "si", "ss", "sk", "sl", "so", "es", "su", "sw", "sv", "tl", "tg", "ta", "tt", "te", "th", "bo", "ti", "to", "ts", "tr", "tk", "tw", "uk", "ur", "uz", "vi", "vo", "cy", "wo", "xh", "ji", "yo", "zu"];
-
-// @public (undocumented)
-export type Locale = keyof typeof OryLocales;
-
-// @public (undocumented)
-export type LoginFlowContainer = BaseFlow<FlowType.Login, LoginFlow>;
-
-// @public (undocumented)
+// @public
 export function messageTestId(message: UiText): {
@@ -208,5 +71,5 @@ "data-testid": string;
 
-// @public (undocumented)
+// @public
 export type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlowBody | UpdateVerificationFlowBody | UpdateRecoveryFlowBody | UpdateSettingsFlowBody> = {
-    setFlowContainer: (flowContainer: FlowContainer) => void;
+    setFlowContainer: (flowContainer: OryFlowContainer) => void;
     body: T;
@@ -217,35 +80,20 @@ onRedirect: OnRedirectHandler;
 // @public
-export function onSubmitLogin({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateLoginFlowBody>): Promise<void>;
+export function OryCard({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
 
 // @public
-export function onSubmitRecovery({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateRecoveryFlowBody>): Promise<void>;
+export type OryCardAuthMethodListItemProps = {
+    onClick: () => void;
+    group: string;
+};
 
 // @public
-export function onSubmitRegistration({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateRegistrationFlowBody>): Promise<void>;
+export function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
 
 // @public
-export function onSubmitSettings({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateSettingsFlowBody>): Promise<void>;
+export type OryCardContentProps = PropsWithChildren;
 
 // @public
-export function onSubmitVerification({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateVerificationFlowBody>): Promise<void>;
+export type OryCardDividerProps = Record<string, never>;
 
 // @public (undocumented)
-export function OryCard({ children }: OryCardProps): react_jsx_runtime.JSX.Element;
-
-// @public
-export type OryCardComponents = {
-    Card: ComponentType<OryCardProps>;
-    CardFooter: ComponentType<OryCardFooterProps>;
-    CardHeader: ComponentType<OryCardProps>;
-    CardContent: ComponentType<OryCardContentProps>;
-    CardLogo: ComponentType;
-};
-
-// @public (undocumented)
-export function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type OryCardContentProps = PropsWithChildren;
-
-// @public (undocumented)
 export function OryCardFooter(): react_jsx_runtime.JSX.Element;
@@ -263,6 +111,9 @@
 // @public (undocumented)
+export type OryCardLogoProps = Record<string, never>;
+
+// @public (undocumented)
 export type OryCardProps = PropsWithChildren;
 
 // @public (undocumented)
-export function OryCardValidationMessages({ ...props }: HeadlessMessagesProps): react_jsx_runtime.JSX.Element | null;
+export function OryCardValidationMessages({ ...props }: OryMessageRootProps): react_jsx_runtime.JSX.Element | null;
 
@@ -288,47 +139,84 @@ // @public (undocumented)
     };
+    intl?: IntlConfig;
 };
 
-// Warning: (ae-forgotten-export) The symbol "ComponentProviderProps" needs to be exported by the entry point index.d.ts
+// @public (undocumented)
+export type OryCurrentIdentifierProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+    onClick?: () => void;
+    href?: string;
+} & Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick">;
+
+// Warning: (ae-forgotten-export) The symbol "DeepPartialTwoLevels" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export function OryComponentProvider({ children, components, nodeSorter, }: PropsWithChildren<ComponentProviderProps>): react_jsx_runtime.JSX.Element;
+export type OryFlowComponentOverrides = DeepPartialTwoLevels<OryFlowComponents>;
 
+// @public
+export type OryFlowComponents = {
+    Node: {
+        Button: ComponentType<OryNodeButtonProps>;
+        OidcButton: ComponentType<OryNodeOidcButtonProps>;
+        CurrentIdentifierButton: ComponentType<OryCurrentIdentifierProps>;
+        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>;
+    };
+    Form: {
+        Root: ComponentType<OryFormRootProps>;
+        OidcRoot: ComponentType<OryFormOidcRootProps>;
+        Group: ComponentType<OryFormGroupProps>;
+    };
+    Message: {
+        Root: ComponentType<OryMessageRootProps>;
+        Content: ComponentType<OryMessageContentProps>;
+    };
+};
+
+// @public
+export type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
+
 // @public (undocumented)
-export type OryFlowComponents = OryFormComponents & OryCardComponents;
+export function OryForm({ children }: OryFormProps): string | react_jsx_runtime.JSX.Element;
 
+// @public
+export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
+
 // @public (undocumented)
-export function OryFlowProvider({ children, ...container }: OryFlowProviderProps): react_jsx_runtime.JSX.Element;
+export type OryFormGroupProps = PropsWithChildren;
 
 // @public (undocumented)
-export type OryFlowProviderProps = PropsWithChildren<FlowContainer>;
+export function OryFormGroups({ children, groups }: OryFormGroupsProps): react_jsx_runtime.JSX.Element;
 
 // @public (undocumented)
-export function OryForm({ children }: OryFormProps): string | react_jsx_runtime.JSX.Element;
+export type OryFormGroupsProps = PropsWithChildren<{
+    groups: UiNodeGroupEnum[];
+}>;
 
 // @public (undocumented)
-export 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<HeadlessCurrentIdentifierProps>;
-};
+export function OryFormOidcButtons({ children, hideDivider, }: OryFormOidcButtonsProps): react_jsx_runtime.JSX.Element | null;
 
 // @public (undocumented)
-export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
+export type OryFormOidcButtonsProps = PropsWithChildren<{
+    hideDivider?: boolean;
+}>;
 
 // @public (undocumented)
-export function OryFormGroups({ children, groups }: HeadlessGroupProps): react_jsx_runtime.JSX.Element;
+export type OryFormOidcRootProps = PropsWithChildren<{
+    nodes: UiNode[];
+}>;
 
@@ -339,3 +227,5 @@ // @public (undocumented)
 // @public (undocumented)
-export function OryFormSocialButtons({ children, hideDivider, }: HeadlessSocialButtonsProps): react_jsx_runtime.JSX.Element | null;
+export type OryFormRootProps = ComponentPropsWithoutRef<"form"> & {
+    onSubmit: FormEventHandler<HTMLFormElement>;
+};
 
@@ -345,39 +235,80 @@ // @public (undocumented)
 
+// Warning: (ae-forgotten-export) The symbol "LocaleMap" needs to be exported by the entry point index.d.ts
+//
 // @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 const OryLocales: LocaleMap;
 
 // @public (undocumented)
-export function OryProvider<T extends SupportedTranslations>({ children, components: Components, ...props }: ProviderProps<T>): react_jsx_runtime.JSX.Element;
+export type OryMessageContentProps = {
+    message: UiText;
+};
 
 // @public (undocumented)
-export function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
+export type OryMessageRootProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 
 // @public (undocumented)
-export type ProviderProps<T> = {
-    components: OryFlowComponents;
-} & IntlProviderProps<T> & FlowContainer & ComponentPropsWithoutRef<"div"> & PropsWithChildren;
+export type OryNodeAnchorProps = {
+    attributes: UiNodeAnchorAttributes;
+    node: UiNode;
+} & Omit<ComponentPropsWithoutRef<"a">, "children">;
 
 // @public (undocumented)
-export type RecoveryFlowContainer = BaseFlow<FlowType.Recovery, RecoveryFlow>;
+export type OryNodeButtonProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+} & Omit<ComponentPropsWithoutRef<"button">, "children">;
 
 // @public (undocumented)
-export type RegistrationFlowContainer = BaseFlow<FlowType.Registration, RegistrationFlow>;
+export type OryNodeImageProps = {
+    attributes: UiNodeImageAttributes;
+    node: UiNode;
+};
 
 // @public (undocumented)
-export type SettingsFlowContainer = BaseFlow<FlowType.Settings, SettingsFlow>;
+export type OryNodeInputProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+    onClick?: MouseEventHandler;
+};
 
 // @public (undocumented)
-export type SupportedTranslations = {
-    locale?: Locale;
-    defaultLocale?: string;
+export type OryNodeLabelProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+} & ComponentPropsWithoutRef<"label">;
+
+// @public (undocumented)
+export type OryNodeOidcButtonProps = {
+    node: UiNode;
+    attributes: UiNodeInputAttributes;
+    onClick?: () => void;
 };
 
 // @public (undocumented)
-export type TranslationFile = {
-    [K in keyof typeof en]: string;
+export type OryNodeTextProps = {
+    attributes: UiNodeTextAttributes;
+    node: UiNode;
 };
 
+// @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 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;
@@ -396,7 +327,14 @@
 
-// @public (undocumented)
-export type VerificationFlowContainer = BaseFlow<FlowType.Verification, VerificationFlow>;
+// @public
+export const useSession: () => {
+    session: Session | undefined;
+    error: string | undefined;
+    isLoading: boolean;
+};
 
+// @public
+export type VerificationFlowContainer = OryFlow<FlowType.Verification, VerificationFlow>;
+
 // (No @packageDocumentation comment for this package)
 
 ```

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

@@ -24,2 +24,3 @@ ## API Report File for "@ory/elements-react"
 import { RegistrationFlow } from '@ory/client-fetch';
+import { Session } from '@ory/client-fetch';
 import { SettingsFlow } from '@ory/client-fetch';
@@ -56,4 +57,6 @@ import { UiNode } from '@ory/client-fetch';
 
+// Warning: (ae-forgotten-export) The symbol "IntlContextProps" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
-export type Locale = keyof typeof OryLocales;
+export type IntlConfig = IntlContextProps;
 
@@ -133,2 +136,3 @@ // @public
     };
+    intl?: IntlConfig;
 };
@@ -227,13 +231,8 @@
 
-// Warning: (ae-forgotten-export) The symbol "CustomTranslations" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "LocaleMap" needs to be exported by the entry point index.d.ts
 //
 // @public (undocumented)
-export type OryIntlProviderProps<Translation> = Translation extends CustomTranslations ? CustomTranslations : SupportedTranslations;
+export const OryLocales: LocaleMap;
 
 // @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 };
-}
-
-// @public (undocumented)
 export type OryMessageContentProps = {
@@ -291,8 +290,8 @@ message: UiText;
 // @public (undocumented)
-export function OryProvider<Translation extends SupportedTranslations>({ children, components: Components, ...props }: OryProviderProps<Translation>): react_jsx_runtime.JSX.Element;
+export function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
 
 // @public (undocumented)
-export type OryProviderProps<T> = {
+export type OryProviderProps = {
     components: OryFlowComponents;
-} & OryIntlProviderProps<T> & OryFlowContainer & PropsWithChildren;
+} & OryFlowContainer & PropsWithChildren;
 
@@ -311,8 +310,2 @@ // @public (undocumented)
 
-// @public (undocumented)
-export type SupportedTranslations = {
-    locale?: Locale;
-    defaultLocale?: string;
-};
-
 // @public
@@ -333,2 +326,9 @@ export const uiTextToFormattedMessage: ({ id, context, text }: Omit<UiText, "type">, intl: IntlShape) => string;
 // @public
+export const useSession: () => {
+    session: Session | undefined;
+    error: string | undefined;
+    isLoading: boolean;
+};
+
+// @public
 export type VerificationFlowContainer = OryFlow<FlowType.Verification, VerificationFlow>;
@@ -335,0 +335,0 @@

CHANGELOG.md

@@ -0,1 +1,16 @@
+## 1.0.0-next.11 (2024-10-22)
+
+Breaking Changes: This update includes breaking changes to the naming of some variables and functions. Please refer to [Advisory: ory elements‐react upgrade guide to v1.0.0‐next.11](https://github.com/ory/elements/wiki/Advisory:-ory-elements%E2%80%90react-upgrade-guide-to-v1.0.0%E2%80%90next.11) for more information.
+
+
+### 🚀 Features
+
+- add elements v1 packages
+
+- add useSession hook
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
 ## 1.0.0-next.10 (2024-10-14)
@@ -2,0 +17,0 @@

dist/theme/default/index.d.ts

 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { OryCardContentProps, OryCardProps, HeadlessFormProps, HeadlessMessageProps, OryFlowComponents, OryClientConfiguration } from '@ory/elements-react';
+import { OryCardContentProps, OryCardProps, OryFormRootProps, OryMessageContentProps, OryFlowComponents, OryFlowComponentOverrides, OryClientConfiguration } from '@ory/elements-react';
 import * as react from 'react';
@@ -17,5 +17,5 @@ import { PropsWithChildren } from 'react';
 
-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;
 
@@ -26,3 +26,3 @@ declare const OryDefaultComponents: OryFlowComponents;
     error: FlowError;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -34,3 +34,3 @@ };
     flow: LoginFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -42,3 +42,3 @@ };
     flow: RecoveryFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -50,3 +50,3 @@ };
     flow: RegistrationFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -58,3 +58,3 @@ };
     flow: SettingsFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -66,3 +66,3 @@ };
     flow: VerificationFlow;
-    components?: Partial<OryFlowComponents>;
+    components?: OryFlowComponentOverrides;
     config: OryClientConfiguration;
@@ -69,0 +69,0 @@ };

package.json

 {
   "name": "@ory/elements-react",
-  "version": "1.0.0-next.10",
+  "version": "1.0.0-next.11",
   "exports": {
@@ -34,5 +34,7 @@ ".": {
     "input-otp": "1.2.4",
+    "lodash.merge": "4.6.2",
     "react-hook-form": "7.53.0",
     "react-intl": "6.7.0",
-    "tailwind-merge": "2.5.2"
+    "tailwind-merge": "2.5.2",
+    "zustand": "5.0.0"
   },
@@ -46,2 +48,3 @@ "peerDependencies": {
     "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash.merge": "4.6.9",
     "esbuild-plugin-svgr": "^2.1.0",
@@ -48,0 +51,0 @@ "eslint-plugin-react": "7.37.0",

New alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3618603

increased by91.31%

Lines of code

26369

increased by41.9%

Worsened metrics

Dependency count

10

increased by25%

Dev dependency count

7

increased by16.67%

Number of medium supply chain risk alerts

2

increased byInfinity%

Dependency changes

• + Addedlodash.merge@4.6.2

• + Addedzustand@5.0.0

• + Addedlodash.merge@4.6.2(transitive)

• + Addedzustand@5.0.0(transitive)