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

package/.eslintrc.js

@@ -13,6 +13,7 @@ module.exports = {
     "eslint:recommended",
     "plugin:react/recommended",
     "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
   ],
   ignorePatterns: ["playwright/", "playwright-ct.config.ts", ".eslintrc.js"],
   parserOptions: {
@@ -27,6 +28,17 @@ module.exports = {
     "no-undef": "off",
     // TODO(jonas): define if we want to use this rule and if we want types or interfaces
     "@typescript-eslint/consistent-type-definitions": "off",
+    "react/prop-types": "off",
+    "@typescript-eslint/no-unsafe-assignment": "off",
+    "@typescript-eslint/no-unsafe-member-access": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        argsIgnorePattern: "^_",
+        varsIgnorePattern: "^_",
+        caughtErrorsIgnorePattern: "^_",
+      },
+    ],
   },
   env: {
     jest: true,

package/dist/index.d.mts

@@ -1,17 +1,17 @@
 import { UiNodeGroupEnum, UiText, UiNode, UiNodeInputAttributes, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
 import * as React from 'react';
-import React__default, { PropsWithChildren, ComponentType, DetailedHTMLProps, HTMLAttributes, ComponentPropsWithoutRef, Dispatch, FormEvent, MouseEventHandler } from 'react';
+import React__default, { PropsWithChildren, ComponentType, DetailedHTMLProps, HTMLAttributes, ComponentPropsWithoutRef, Dispatch, FormEventHandler, MouseEventHandler } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IntlShape } from 'react-intl';
 
-type OryCardHeaderProps = {};
+type OryCardHeaderProps = Record<string, never>;
 declare function OryCardHeader(): react_jsx_runtime.JSX.Element;
 
-type OryCardContentProps = PropsWithChildren<{}>;
+type OryCardContentProps = PropsWithChildren;
 declare function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
-type OryCardFooterProps = {};
-declare function OryCardFooter({}: OryCardFooterProps): react_jsx_runtime.JSX.Element;
-type OryCardProps = PropsWithChildren<{}>;
+type OryCardFooterProps = Record<string, never>;
+declare function OryCardFooter(): react_jsx_runtime.JSX.Element;
+type OryCardProps = PropsWithChildren;
 declare function OryCard({ children }: OryCardProps): react_jsx_runtime.JSX.Element;
 /**
  * Card components are used to show login, registration, recovery, and verification flows.
@@ -36,10 +36,10 @@ type OryCardComponents = {
     /**
      * The card logo is the logo of the card container.
      */
-    CardLogo: ComponentType<{}>;
+    CardLogo: ComponentType;
 };
 
-type HorizontalDividerProps = {};
+type HorizontalDividerProps = Record<string, never>;
 declare function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
 
 type HeadlessGroupProps = PropsWithChildren<{
@@ -116,7 +116,7 @@ type HeadlessImageProps = {
 };
 type FormValues = Record<string, string | boolean | number | undefined>;
 type HeadlessFormProps = ComponentPropsWithoutRef<"form"> & {
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void | Promise<void>;
+    onSubmit: FormEventHandler<HTMLFormElement>;
 };
 type HeadlessInputProps = {
     attributes: UiNodeInputAttributes;
@@ -153,9 +153,13 @@ type OryClientConfiguration = {
         options?: Partial<ConfigurationParameters>;
     };
     project: {
-        registrationEnabled: boolean;
-        verificationEnabled: boolean;
-        recoveryEnabled: boolean;
+        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;
     };
 };
 

package/dist/index.d.ts

@@ -1,17 +1,17 @@
 import { UiNodeGroupEnum, UiText, UiNode, UiNodeInputAttributes, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
 import * as React from 'react';
-import React__default, { PropsWithChildren, ComponentType, DetailedHTMLProps, HTMLAttributes, ComponentPropsWithoutRef, Dispatch, FormEvent, MouseEventHandler } from 'react';
+import React__default, { PropsWithChildren, ComponentType, DetailedHTMLProps, HTMLAttributes, ComponentPropsWithoutRef, Dispatch, FormEventHandler, MouseEventHandler } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IntlShape } from 'react-intl';
 
-type OryCardHeaderProps = {};
+type OryCardHeaderProps = Record<string, never>;
 declare function OryCardHeader(): react_jsx_runtime.JSX.Element;
 
-type OryCardContentProps = PropsWithChildren<{}>;
+type OryCardContentProps = PropsWithChildren;
 declare function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
-type OryCardFooterProps = {};
-declare function OryCardFooter({}: OryCardFooterProps): react_jsx_runtime.JSX.Element;
-type OryCardProps = PropsWithChildren<{}>;
+type OryCardFooterProps = Record<string, never>;
+declare function OryCardFooter(): react_jsx_runtime.JSX.Element;
+type OryCardProps = PropsWithChildren;
 declare function OryCard({ children }: OryCardProps): react_jsx_runtime.JSX.Element;
 /**
  * Card components are used to show login, registration, recovery, and verification flows.
@@ -36,10 +36,10 @@ type OryCardComponents = {
     /**
      * The card logo is the logo of the card container.
      */
-    CardLogo: ComponentType<{}>;
+    CardLogo: ComponentType;
 };
 
-type HorizontalDividerProps = {};
+type HorizontalDividerProps = Record<string, never>;
 declare function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
 
 type HeadlessGroupProps = PropsWithChildren<{
@@ -116,7 +116,7 @@ type HeadlessImageProps = {
 };
 type FormValues = Record<string, string | boolean | number | undefined>;
 type HeadlessFormProps = ComponentPropsWithoutRef<"form"> & {
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void | Promise<void>;
+    onSubmit: FormEventHandler<HTMLFormElement>;
 };
 type HeadlessInputProps = {
     attributes: UiNodeInputAttributes;
@@ -153,9 +153,13 @@ type OryClientConfiguration = {
         options?: Partial<ConfigurationParameters>;
     };
     project: {
-        registrationEnabled: boolean;
-        verificationEnabled: boolean;
-        recoveryEnabled: boolean;
+        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;
     };
 };