diff --git a/packages/elements-react/src/client/frontendClient.ts b/packages/elements-react/src/client/frontendClient.ts index 1b2d80229..b05e1cf8e 100644 --- a/packages/elements-react/src/client/frontendClient.ts +++ b/packages/elements-react/src/client/frontendClient.ts @@ -3,7 +3,7 @@ "use client" import { Configuration, - ConfigurationParameters, + type ConfigurationParameters, FrontendApi, OAuth2Api, } from "@ory/client-fetch" diff --git a/packages/elements-react/src/client/session-provider.tsx b/packages/elements-react/src/client/session-provider.tsx index de0840ec9..8a18c129d 100644 --- a/packages/elements-react/src/client/session-provider.tsx +++ b/packages/elements-react/src/client/session-provider.tsx @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 "use client" -import { Session } from "@ory/client-fetch" +import type { Session } from "@ory/client-fetch" import { createContext, useCallback, useEffect, useRef, useState } from "react" import { frontendClient } from "./frontendClient" diff --git a/packages/elements-react/src/client/useSession.spec.tsx b/packages/elements-react/src/client/useSession.spec.tsx index 5d9415e63..71684d3e1 100644 --- a/packages/elements-react/src/client/useSession.spec.tsx +++ b/packages/elements-react/src/client/useSession.spec.tsx @@ -3,12 +3,12 @@ // useSession.test.tsx -import { Session } from "@ory/client-fetch" +import type { Session } from "@ory/client-fetch" import { act, render, screen, waitFor } from "@testing-library/react" import { useSession } from "./useSession" import { frontendClient } from "./frontendClient" import { SessionProvider } from "./session-provider" -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" jest.mock("./frontendClient", () => ({ frontendClient: jest.fn(() => ({ diff --git a/packages/elements-react/src/components/card/card.tsx b/packages/elements-react/src/components/card/card.tsx index 262878839..8a2dd57de 100644 --- a/packages/elements-react/src/components/card/card.tsx +++ b/packages/elements-react/src/components/card/card.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" import { useComponents } from "../../context" import { OryFormProvider } from "../form/form-provider" diff --git a/packages/elements-react/src/components/card/content.tsx b/packages/elements-react/src/components/card/content.tsx index ac05a04d7..d81e43316 100644 --- a/packages/elements-react/src/components/card/content.tsx +++ b/packages/elements-react/src/components/card/content.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" import { useComponents } from "../../context" /** diff --git a/packages/elements-react/src/components/card/index.tsx b/packages/elements-react/src/components/card/index.tsx index d43829a36..b1080d63d 100644 --- a/packages/elements-react/src/components/card/index.tsx +++ b/packages/elements-react/src/components/card/index.tsx @@ -1,10 +1,10 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OryCardHeader, OryCardHeaderProps } from "./header" -import { OryCard, OryCardRootProps } from "./card" -import { OryCardFooter, OryCardFooterProps } from "./footer" -import { OryCardContent, OryCardContentProps } from "./content" +import { OryCardHeader, type OryCardHeaderProps } from "./header" +import { OryCard, type OryCardRootProps } from "./card" +import { OryCardFooter, type OryCardFooterProps } from "./footer" +import { OryCardContent, type OryCardContentProps } from "./content" import { OrySelfServiceFlowCard } from "./card-two-step" import { OryConsentCard } from "./card-consent" diff --git a/packages/elements-react/src/components/card/two-step/__tests__/card-two-step.spec.ts b/packages/elements-react/src/components/card/two-step/__tests__/card-two-step.spec.ts index d73313b87..d5da3887e 100644 --- a/packages/elements-react/src/components/card/two-step/__tests__/card-two-step.spec.ts +++ b/packages/elements-react/src/components/card/two-step/__tests__/card-two-step.spec.ts @@ -4,11 +4,11 @@ import { AuthenticatorAssuranceLevel, FlowType, - UiNode, - UiNodeAttributes, + type UiNode, + type UiNodeAttributes, UiNodeGroupEnum, } from "@ory/client-fetch" -import { +import type { LoginFlowContainer, RegistrationFlowContainer, } from "@ory/elements-react" diff --git a/packages/elements-react/src/components/card/two-step/state-method-active.tsx b/packages/elements-react/src/components/card/two-step/state-method-active.tsx index 5aa53e0bb..ee4bea35b 100644 --- a/packages/elements-react/src/components/card/two-step/state-method-active.tsx +++ b/packages/elements-react/src/components/card/two-step/state-method-active.tsx @@ -3,11 +3,11 @@ import { isUiNodeScriptAttributes, - UiNode, + type UiNode, UiNodeGroupEnum, } from "@ory/client-fetch" import { useComponents, useNodeSorter, useOryFlow } from "../../../context" -import { FormStateMethodActive } from "../../../context/form-state" +import type { FormStateMethodActive } from "../../../context/form-state" import { useNodeGroupsWithVisibleNodes } from "../../../util/ui" import { OryForm } from "../../form/form" import { OryCardValidationMessages } from "../../form/messages" diff --git a/packages/elements-react/src/components/card/two-step/state-provide-identifier.tsx b/packages/elements-react/src/components/card/two-step/state-provide-identifier.tsx index 70f57e4c7..089cdc405 100644 --- a/packages/elements-react/src/components/card/two-step/state-provide-identifier.tsx +++ b/packages/elements-react/src/components/card/two-step/state-provide-identifier.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode, UiNodeGroupEnum } from "@ory/client-fetch" +import { type UiNode, UiNodeGroupEnum } from "@ory/client-fetch" import { useComponents, useNodeSorter, useOryFlow } from "../../../context" import { isNodeVisible, withoutSingleSignOnNodes } from "../../../util/ui" import { OryForm } from "../../form/form" diff --git a/packages/elements-react/src/components/card/two-step/state-select-method.tsx b/packages/elements-react/src/components/card/two-step/state-select-method.tsx index 9c3151abf..99686f330 100644 --- a/packages/elements-react/src/components/card/two-step/state-select-method.tsx +++ b/packages/elements-react/src/components/card/two-step/state-select-method.tsx @@ -3,15 +3,15 @@ import { isUiNodeScriptAttributes, - UiNode, + type UiNode, UiNodeGroupEnum, - UiText, + type UiText, } from "@ory/client-fetch" import { useIntl } from "react-intl" import { useComponents, useNodeSorter, useOryFlow } from "../../../context" import { kratosMessages } from "../../../util/i18n/generated/kratosMessages" import { - GroupedNodes, + type GroupedNodes, hasSingleSignOnNodes, useFunctionalNodes, useNodeGroupsWithVisibleNodes, diff --git a/packages/elements-react/src/components/card/two-step/utils.ts b/packages/elements-react/src/components/card/two-step/utils.ts index 7c5aa344b..83170ea6f 100644 --- a/packages/elements-react/src/components/card/two-step/utils.ts +++ b/packages/elements-react/src/components/card/two-step/utils.ts @@ -1,15 +1,15 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, UiNode, UiNodeGroupEnum } from "@ory/client-fetch" -import { +import { FlowType, type UiNode, UiNodeGroupEnum } from "@ory/client-fetch" +import type { LoginFlowContainer, RegistrationFlowContainer, } from "../../../util/flowContainer" import { isGroupImmediateSubmit } from "../../../theme/default/utils/form" -import { GroupedNodes, isUiNodeGroupEnum } from "../../../util/ui" -import { Dispatch } from "react" -import { FormStateAction } from "@ory/elements-react" +import { type GroupedNodes, isUiNodeGroupEnum } from "../../../util/ui" +import type { Dispatch } from "react" +import type { FormStateAction } from "@ory/elements-react" function isScreenSelectionNode(node: UiNode) { if ( diff --git a/packages/elements-react/src/components/form/form-helpers.ts b/packages/elements-react/src/components/form/form-helpers.ts index 94b68221f..20b097aa6 100644 --- a/packages/elements-react/src/components/form/form-helpers.ts +++ b/packages/elements-react/src/components/form/form-helpers.ts @@ -1,8 +1,8 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { isUiNodeInputAttributes, UiNode } from "@ory/client-fetch" -import { FormValues } from "../../types" +import { isUiNodeInputAttributes, type UiNode } from "@ory/client-fetch" +import type { FormValues } from "../../types" export function computeDefaultValues(flow: { active?: string diff --git a/packages/elements-react/src/components/form/form-provider.tsx b/packages/elements-react/src/components/form/form-provider.tsx index 34b86698e..46bbd2e70 100644 --- a/packages/elements-react/src/components/form/form-provider.tsx +++ b/packages/elements-react/src/components/form/form-provider.tsx @@ -1,8 +1,8 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, UiNode, UiNodeGroupEnum } from "@ory/client-fetch" -import { PropsWithChildren, useEffect, useRef } from "react" +import { FlowType, type UiNode, UiNodeGroupEnum } from "@ory/client-fetch" +import { type PropsWithChildren, useEffect, useRef } from "react" import { FormProvider, useForm } from "react-hook-form" import { useOryFlow } from "../../context" import { computeDefaultValues } from "./form-helpers" diff --git a/packages/elements-react/src/components/form/form-resolver.test.tsx b/packages/elements-react/src/components/form/form-resolver.test.tsx index 1399670aa..020b96d97 100644 --- a/packages/elements-react/src/components/form/form-resolver.test.tsx +++ b/packages/elements-react/src/components/form/form-resolver.test.tsx @@ -1,11 +1,11 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, LoginFlow } from "@ory/client-fetch" +import { FlowType, type LoginFlow } from "@ory/client-fetch" import { renderHook } from "@testing-library/react" -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" import { OryFlowProvider } from "../../context/flow-context" -import { FormValues } from "../../types" +import type { FormValues } from "../../types" import { useOryFormResolver } from "./form-resolver" const testCases = [ diff --git a/packages/elements-react/src/components/form/form-resolver.ts b/packages/elements-react/src/components/form/form-resolver.ts index b83ba716e..51732c502 100644 --- a/packages/elements-react/src/components/form/form-resolver.ts +++ b/packages/elements-react/src/components/form/form-resolver.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { useOryFlow } from "../../context" -import { FormValues } from "../../types" +import type { FormValues } from "../../types" import { isUiNodeInputAttributes } from "@ory/client-fetch" function isCodeResendRequest(data: FormValues) { diff --git a/packages/elements-react/src/components/form/form.tsx b/packages/elements-react/src/components/form/form.tsx index 94b3132c7..18bb91c87 100644 --- a/packages/elements-react/src/components/form/form.tsx +++ b/packages/elements-react/src/components/form/form.tsx @@ -7,13 +7,13 @@ import { isUiNodeImageAttributes, isUiNodeInputAttributes, isUiNodeScriptAttributes, - UiText, + type UiText, } from "@ory/client-fetch" -import { ComponentType, PropsWithChildren } from "react" +import type { ComponentType, PropsWithChildren } from "react" import { useFormContext } from "react-hook-form" import { useIntl } from "react-intl" import { useComponents, useOryFlow } from "../../context" -import { +import type { OryCardAuthMethodListItemProps, OryCardLogoProps, OryFormGroupProps, @@ -32,21 +32,21 @@ import { OryNodeSsoButtonProps, OryNodeTextProps, } from "../../types" -import { OryCardFooterProps } from "../card" -import { OryCardRootProps } from "../card/card" -import { OryCardContentProps } from "../card/content" -import { OryPageHeaderProps } from "../generic" -import { OryCardDividerProps } from "../generic/divider" -import { +import type { OryCardFooterProps } from "../card" +import type { OryCardRootProps } from "../card/card" +import type { OryCardContentProps } from "../card/content" +import type { OryPageHeaderProps } from "../generic" +import type { OryCardDividerProps } from "../generic/divider" +import type { OrySettingsSsoProps, OrySettingsPasskeyProps, OrySettingsRecoveryCodesProps, OrySettingsTotpProps, OrySettingsWebauthnProps, } from "../settings" -import { OryMessageContentProps, OryMessageRootProps } from "./messages" -import { OryCardSettingsSectionProps } from "./settings-section" -import { OryFormSsoRootProps } from "./social" +import type { OryMessageContentProps, OryMessageRootProps } from "./messages" +import type { OryCardSettingsSectionProps } from "./settings-section" +import type { OryFormSsoRootProps } from "./social" import { useOryFormSubmit } from "./useOryFormSubmit" import { kratosMessages } from "../../util/i18n/generated/kratosMessages" diff --git a/packages/elements-react/src/components/form/messages.tsx b/packages/elements-react/src/components/form/messages.tsx index 5c3bb7169..20970d286 100644 --- a/packages/elements-react/src/components/form/messages.tsx +++ b/packages/elements-react/src/components/form/messages.tsx @@ -1,9 +1,9 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiText } from "@ory/client-fetch" +import type { UiText } from "@ory/client-fetch" import { useComponents, useOryFlow } from "../../context" -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" /** * Props for the OryMessageContent component. diff --git a/packages/elements-react/src/components/form/nodes/hooks/useInputProps.tsx b/packages/elements-react/src/components/form/nodes/hooks/useInputProps.tsx index 8a2242303..3da884415 100644 --- a/packages/elements-react/src/components/form/nodes/hooks/useInputProps.tsx +++ b/packages/elements-react/src/components/form/nodes/hooks/useInputProps.tsx @@ -1,11 +1,11 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNodeInputAttributes } from "@ory/client-fetch" -import { MouseEventHandler } from "react" +import type { UiNodeInputAttributes } from "@ory/client-fetch" +import type { MouseEventHandler } from "react" import { useController } from "react-hook-form" import { triggerToWindowCall } from "../../../../util/ui" -import { OryNodeInputInputProps } from "../../../../types" +import type { OryNodeInputInputProps } from "../../../../types" import { useOryFlow } from "../../../../context" export function useInputProps( diff --git a/packages/elements-react/src/components/form/nodes/input.tsx b/packages/elements-react/src/components/form/nodes/input.tsx index f821edace..d6a56412c 100644 --- a/packages/elements-react/src/components/form/nodes/input.tsx +++ b/packages/elements-react/src/components/form/nodes/input.tsx @@ -3,14 +3,14 @@ import { UiNodeGroupEnum, - UiNodeInputAttributes, + type UiNodeInputAttributes, UiNodeInputAttributesTypeEnum, } from "@ory/client-fetch" -import { ReactNode, useEffect, useRef } from "react" +import { type ReactNode, useEffect, useRef } from "react" import { useFormContext } from "react-hook-form" import { useComponents } from "../../../context" import { triggerToWindowCall } from "../../../util/ui" -import { UiNodeInput } from "../../../util/utilFixSDKTypesHelper" +import type { UiNodeInput } from "../../../util/utilFixSDKTypesHelper" import { NodeButton } from "./node-button" import { CheckboxRenderer } from "./renderer/checkbox-renderer" import { ConsentCheckboxRenderer } from "./renderer/consent-checkbox-renderer" diff --git a/packages/elements-react/src/components/form/nodes/node-button.tsx b/packages/elements-react/src/components/form/nodes/node-button.tsx index e7a1c8e44..65c85f721 100644 --- a/packages/elements-react/src/components/form/nodes/node-button.tsx +++ b/packages/elements-react/src/components/form/nodes/node-button.tsx @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { UiNodeGroupEnum } from "@ory/client-fetch" -import { UiNodeInput } from "../../../util/utilFixSDKTypesHelper" +import type { UiNodeInput } from "../../../util/utilFixSDKTypesHelper" import { NodeRenderer } from "./renderer" type NodeButtonProps = { diff --git a/packages/elements-react/src/components/form/nodes/node.tsx b/packages/elements-react/src/components/form/nodes/node.tsx index d98bc59cf..abcba9ab7 100644 --- a/packages/elements-react/src/components/form/nodes/node.tsx +++ b/packages/elements-react/src/components/form/nodes/node.tsx @@ -1,8 +1,8 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode, UiNodeGroupEnum } from "@ory/client-fetch" -import { ReactNode } from "react" +import { type UiNode, UiNodeGroupEnum } from "@ory/client-fetch" +import type { ReactNode } from "react" import { useComponents } from "../../../context" import { isUiNodeAnchor, diff --git a/packages/elements-react/src/components/form/nodes/renderer/button-renderer.tsx b/packages/elements-react/src/components/form/nodes/renderer/button-renderer.tsx index d16b47126..b9c671a24 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/button-renderer.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/button-renderer.tsx @@ -5,9 +5,9 @@ import { useCallback, useEffect } from "react" import { useFormContext } from "react-hook-form" import { useDebounceValue } from "usehooks-ts" import { useComponents, useOryFlow } from "../../../../context" -import { OryNodeButtonButtonProps } from "../../../../types" +import type { OryNodeButtonButtonProps } from "../../../../types" import { triggerToWindowCall } from "../../../../util/ui" -import { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" +import type { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" type ButtonRendererProps = { node: UiNodeInput diff --git a/packages/elements-react/src/components/form/nodes/renderer/checkbox-renderer.tsx b/packages/elements-react/src/components/form/nodes/renderer/checkbox-renderer.tsx index dfaa8e88e..ab1e6da8e 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/checkbox-renderer.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/checkbox-renderer.tsx @@ -3,8 +3,8 @@ import { useController } from "react-hook-form" import { useComponents } from "../../../../context" -import { OryNodeCheckboxInputProps } from "../../../../types" -import { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" +import type { OryNodeCheckboxInputProps } from "../../../../types" +import type { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" type CheckboxRendererProps = { node: UiNodeInput diff --git a/packages/elements-react/src/components/form/nodes/renderer/consent-checkbox-renderer.tsx b/packages/elements-react/src/components/form/nodes/renderer/consent-checkbox-renderer.tsx index 25ab0dd8a..cc8e4f037 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/consent-checkbox-renderer.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/consent-checkbox-renderer.tsx @@ -4,8 +4,8 @@ import { useMemo } from "react" import { useFormContext } from "react-hook-form" import { useComponents } from "../../../../context" -import { OryNodeConsentScopeCheckboxProps } from "../../../../types" -import { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" +import type { OryNodeConsentScopeCheckboxProps } from "../../../../types" +import type { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" export function ConsentCheckboxRenderer({ node }: { node: UiNodeInput }) { const attributes = node.attributes diff --git a/packages/elements-react/src/components/form/nodes/renderer/hidden-input-renderer.tsx b/packages/elements-react/src/components/form/nodes/renderer/hidden-input-renderer.tsx index b007cd427..16e082438 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/hidden-input-renderer.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/hidden-input-renderer.tsx @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { useComponents } from "../../../../context" -import { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" +import type { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" import { useInputProps } from "../hooks/useInputProps" type HiddenInputRendererProps = { diff --git a/packages/elements-react/src/components/form/nodes/renderer/image-renderer.tsx b/packages/elements-react/src/components/form/nodes/renderer/image-renderer.tsx index 62539c373..133d53a0f 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/image-renderer.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/image-renderer.tsx @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { useComponents } from "../../../../context" -import { UiNodeImage } from "../../../../util/utilFixSDKTypesHelper" +import type { UiNodeImage } from "../../../../util/utilFixSDKTypesHelper" type ImageRendererProps = { node: UiNodeImage diff --git a/packages/elements-react/src/components/form/nodes/renderer/input-renderer.tsx b/packages/elements-react/src/components/form/nodes/renderer/input-renderer.tsx index b5829662c..c2c912ed2 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/input-renderer.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/input-renderer.tsx @@ -3,7 +3,7 @@ import { getNodeLabel } from "@ory/client-fetch" import { useComponents } from "../../../../context" -import { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" +import type { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" import { useIntl } from "react-intl" import { useFormState } from "react-hook-form" import { resolvePlaceholder } from "../../../../util" diff --git a/packages/elements-react/src/components/form/nodes/renderer/select-renderer.test.tsx b/packages/elements-react/src/components/form/nodes/renderer/select-renderer.test.tsx index 162d01b20..9f8b2a5d6 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/select-renderer.test.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/select-renderer.test.tsx @@ -3,7 +3,7 @@ import { fireEvent, screen } from "@testing-library/react" import { IntlProvider } from "../../../../context/intl-context" -import { LocaleMap } from "../../../../locales" +import type { LocaleMap } from "../../../../locales" import { renderWithOryElements } from "../../../../tests/jest/test-utils" import { Node } from "../node" diff --git a/packages/elements-react/src/components/form/nodes/renderer/select-renderer.tsx b/packages/elements-react/src/components/form/nodes/renderer/select-renderer.tsx index 21d4e5a70..1453436eb 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/select-renderer.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/select-renderer.tsx @@ -6,7 +6,7 @@ import { useFormState } from "react-hook-form" import { useIntl } from "react-intl" import { useComponents } from "../../../../context" import { resolvePlaceholder } from "../../../../util" -import { +import type { UiNodeInput, UiNodeInputAttributesOption, } from "../../../../util/utilFixSDKTypesHelper" diff --git a/packages/elements-react/src/components/form/nodes/renderer/sso-button-renderer.tsx b/packages/elements-react/src/components/form/nodes/renderer/sso-button-renderer.tsx index 08b331aa4..4b7f19ee8 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/sso-button-renderer.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/sso-button-renderer.tsx @@ -5,8 +5,8 @@ import { useCallback, useEffect } from "react" import { useFormContext } from "react-hook-form" import { useDebounceValue } from "usehooks-ts" import { useComponents, useOryFlow } from "../../../../context" -import { OryNodeButtonButtonProps } from "../../../../types" -import { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" +import type { OryNodeButtonButtonProps } from "../../../../types" +import type { UiNodeInput } from "../../../../util/utilFixSDKTypesHelper" type SsoButtonProps = { node: UiNodeInput diff --git a/packages/elements-react/src/components/form/nodes/renderer/text-renderer.tsx b/packages/elements-react/src/components/form/nodes/renderer/text-renderer.tsx index 64044bcb0..96eca06fb 100644 --- a/packages/elements-react/src/components/form/nodes/renderer/text-renderer.tsx +++ b/packages/elements-react/src/components/form/nodes/renderer/text-renderer.tsx @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { useComponents } from "../../../../context" -import { UiNodeText } from "../../../../util/utilFixSDKTypesHelper" +import type { UiNodeText } from "../../../../util/utilFixSDKTypesHelper" type TextRendererProps = { node: UiNodeText diff --git a/packages/elements-react/src/components/form/settings-section.tsx b/packages/elements-react/src/components/form/settings-section.tsx index ccf3c9ade..8dd1b113a 100644 --- a/packages/elements-react/src/components/form/settings-section.tsx +++ b/packages/elements-react/src/components/form/settings-section.tsx @@ -1,8 +1,8 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode } from "@ory/client-fetch" -import { +import type { UiNode } from "@ory/client-fetch" +import type { ComponentPropsWithoutRef, FormEventHandler, PropsWithChildren, diff --git a/packages/elements-react/src/components/form/social.test.tsx b/packages/elements-react/src/components/form/social.test.tsx index c2ef9ca01..01f55b780 100644 --- a/packages/elements-react/src/components/form/social.test.tsx +++ b/packages/elements-react/src/components/form/social.test.tsx @@ -1,10 +1,10 @@ // Copyright © 2026 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, LoginFlow, UiNode } from "@ory/client-fetch" +import { FlowType, type LoginFlow, type UiNode } from "@ory/client-fetch" import { IntlProvider } from "../../context/intl-context" import { renderWithOryElements } from "../../tests/jest/test-utils" -import { OryFlowContainer } from "../../util" +import type { OryFlowContainer } from "../../util" import { OryFormSsoButtons } from "./social" const oidcNode = (provider: string): UiNode => ({ diff --git a/packages/elements-react/src/components/form/social.tsx b/packages/elements-react/src/components/form/social.tsx index 9e1fb1ff2..ff80ec187 100644 --- a/packages/elements-react/src/components/form/social.tsx +++ b/packages/elements-react/src/components/form/social.tsx @@ -1,9 +1,9 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode, UiNodeGroupEnum } from "@ory/client-fetch" +import { type UiNode, UiNodeGroupEnum } from "@ory/client-fetch" import { getNodeId } from "../../util/sdk-helpers/ui" -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" import { useComponents, useOryFlow } from "../../context" import { OryForm } from "./form" import { OryFormProvider } from "./form-provider" diff --git a/packages/elements-react/src/components/form/useOryFormSubmit.ts b/packages/elements-react/src/components/form/useOryFormSubmit.ts index 79005341f..73de1afe0 100644 --- a/packages/elements-react/src/components/form/useOryFormSubmit.ts +++ b/packages/elements-react/src/components/form/useOryFormSubmit.ts @@ -3,18 +3,18 @@ import { FlowType, - OnRedirectHandler, + type OnRedirectHandler, UiNodeGroupEnum, - UpdateLoginFlowBody, - UpdateRecoveryFlowBody, - UpdateRegistrationFlowBody, - UpdateSettingsFlowBody, - UpdateVerificationFlowBody, + type UpdateLoginFlowBody, + type UpdateRecoveryFlowBody, + type UpdateRegistrationFlowBody, + type UpdateSettingsFlowBody, + type UpdateVerificationFlowBody, } from "@ory/client-fetch" -import { SubmitHandler, useFormContext } from "react-hook-form" +import { type SubmitHandler, useFormContext } from "react-hook-form" import { useOryConfiguration, useOryFlow } from "../../context" -import { FormValues } from "../../types" -import { OryFlowContainer } from "../../util" +import type { FormValues } from "../../types" +import type { OryFlowContainer } from "../../util" import { onSubmitLogin } from "../../util/onSubmitLogin" import { onSubmitRecovery } from "../../util/onSubmitRecovery" import { onSubmitRegistration } from "../../util/onSubmitRegistration" diff --git a/packages/elements-react/src/components/form/useResendCode.ts b/packages/elements-react/src/components/form/useResendCode.ts index e10f8f69c..d83637b28 100644 --- a/packages/elements-react/src/components/form/useResendCode.ts +++ b/packages/elements-react/src/components/form/useResendCode.ts @@ -1,11 +1,11 @@ // Copyright © 2026 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode } from "@ory/client-fetch" +import type { UiNode } from "@ory/client-fetch" import { useOryFlow } from "../../context" import { useOryFormSubmit } from "./useOryFormSubmit" import { computeDefaultValues } from "./form-helpers" -import { FormValues } from "../../types" +import type { FormValues } from "../../types" import { useCallback, useEffect, useState } from "react" import { useFormContext } from "react-hook-form" diff --git a/packages/elements-react/src/components/settings/index.tsx b/packages/elements-react/src/components/settings/index.tsx index d8b5a2997..16e0c5d3d 100644 --- a/packages/elements-react/src/components/settings/index.tsx +++ b/packages/elements-react/src/components/settings/index.tsx @@ -1,8 +1,8 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OryNodeButtonButtonProps } from "../../types" -import { +import type { OryNodeButtonButtonProps } from "../../types" +import type { UiNodeImage, UiNodeInput, UiNodeText, diff --git a/packages/elements-react/src/components/settings/oidc-settings.tsx b/packages/elements-react/src/components/settings/oidc-settings.tsx index 9d2201f28..9dcf9b6f7 100644 --- a/packages/elements-react/src/components/settings/oidc-settings.tsx +++ b/packages/elements-react/src/components/settings/oidc-settings.tsx @@ -1,16 +1,19 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode } from "@ory/client-fetch" +import type { UiNode } from "@ory/client-fetch" import { useFormContext } from "react-hook-form" import { useIntl } from "react-intl" -import { OryNodeSettingsButton } from "." +import type { OryNodeSettingsButton } from "." import { useComponents } from "../../context" import { settingsCardDescriptions, settingsCardTitles, } from "../../util/i18n/settingsCardMessages" -import { isUiNodeInput, UiNodeInput } from "../../util/utilFixSDKTypesHelper" +import { + isUiNodeInput, + type UiNodeInput, +} from "../../util/utilFixSDKTypesHelper" const getLinkButtons = (nodes: UiNode[]): UiNodeInput[] => nodes diff --git a/packages/elements-react/src/components/settings/passkey-settings.tsx b/packages/elements-react/src/components/settings/passkey-settings.tsx index 2105730d5..c42247a07 100644 --- a/packages/elements-react/src/components/settings/passkey-settings.tsx +++ b/packages/elements-react/src/components/settings/passkey-settings.tsx @@ -1,12 +1,15 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode, UiNodeInputAttributes } from "@ory/client-fetch" +import type { UiNode, UiNodeInputAttributes } from "@ory/client-fetch" import { useFormContext } from "react-hook-form" import { useIntl } from "react-intl" import { useComponents } from "../../context" import { triggerToWindowCall } from "../../util/ui" -import { isUiNodeInput, UiNodeInput } from "../../util/utilFixSDKTypesHelper" +import { + isUiNodeInput, + type UiNodeInput, +} from "../../util/utilFixSDKTypesHelper" import { Node } from "../form/nodes/node" import { settingsCardDescriptions, diff --git a/packages/elements-react/src/components/settings/recovery-codes-settings.tsx b/packages/elements-react/src/components/settings/recovery-codes-settings.tsx index 7d19eea5c..dc949cdca 100644 --- a/packages/elements-react/src/components/settings/recovery-codes-settings.tsx +++ b/packages/elements-react/src/components/settings/recovery-codes-settings.tsx @@ -1,15 +1,15 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode } from "@ory/client-fetch" +import type { UiNode } from "@ory/client-fetch" import { useFormContext } from "react-hook-form" import { useIntl } from "react-intl" import { useComponents } from "../../context" import { isUiNodeInput, isUiNodeText, - UiNodeInput, - UiNodeText, + type UiNodeInput, + type UiNodeText, } from "../../util/utilFixSDKTypesHelper" import { Node } from "../form/nodes/node" import { diff --git a/packages/elements-react/src/components/settings/settings-card.tsx b/packages/elements-react/src/components/settings/settings-card.tsx index c98a0762b..797e6f6e3 100644 --- a/packages/elements-react/src/components/settings/settings-card.tsx +++ b/packages/elements-react/src/components/settings/settings-card.tsx @@ -3,7 +3,7 @@ import { isUiNodeScriptAttributes, - UiNode, + type UiNode, UiNodeGroupEnum, } from "@ory/client-fetch" import { getNodeId } from "../../util/sdk-helpers/ui" diff --git a/packages/elements-react/src/components/settings/totp-settings.tsx b/packages/elements-react/src/components/settings/totp-settings.tsx index 2cbe0a864..5f6c4f191 100644 --- a/packages/elements-react/src/components/settings/totp-settings.tsx +++ b/packages/elements-react/src/components/settings/totp-settings.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode } from "@ory/client-fetch" +import type { UiNode } from "@ory/client-fetch" import { useFormContext } from "react-hook-form" import { useIntl } from "react-intl" import { useComponents } from "../../context" @@ -9,9 +9,9 @@ import { isUiNodeImage, isUiNodeInput, isUiNodeText, - UiNodeImage, - UiNodeInput, - UiNodeText, + type UiNodeImage, + type UiNodeInput, + type UiNodeText, } from "../../util/utilFixSDKTypesHelper" import { Node } from "../form/nodes/node" import { diff --git a/packages/elements-react/src/components/settings/webauthn-settings.tsx b/packages/elements-react/src/components/settings/webauthn-settings.tsx index 31f26016d..851398961 100644 --- a/packages/elements-react/src/components/settings/webauthn-settings.tsx +++ b/packages/elements-react/src/components/settings/webauthn-settings.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode, UiNodeInputAttributes } from "@ory/client-fetch" +import type { UiNode, UiNodeInputAttributes } from "@ory/client-fetch" import { useFormContext } from "react-hook-form" import { useIntl } from "react-intl" import { useComponents } from "../../context" @@ -10,7 +10,7 @@ import { settingsCardTitles, } from "../../util/i18n/settingsCardMessages" import { triggerToWindowCall } from "../../util/ui" -import { UiNodeInput } from "../../util/utilFixSDKTypesHelper" +import type { UiNodeInput } from "../../util/utilFixSDKTypesHelper" import { Node } from "../form/nodes/node" const getInputNode = (nodes: UiNode[]): UiNodeInput | undefined => diff --git a/packages/elements-react/src/context/component.tsx b/packages/elements-react/src/context/component.tsx index 93e16d1ee..394ea408b 100644 --- a/packages/elements-react/src/context/component.tsx +++ b/packages/elements-react/src/context/component.tsx @@ -1,9 +1,9 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode, UiNodeGroupEnum } from "@ory/client-fetch" -import { createContext, PropsWithChildren, useContext } from "react" -import { OryFlowComponents } from "../components" +import { type UiNode, UiNodeGroupEnum } from "@ory/client-fetch" +import { createContext, type PropsWithChildren, useContext } from "react" +import type { OryFlowComponents } from "../components" import { defaultNodeSorter } from "./defaultNodeSorter" type ComponentContextValue = { diff --git a/packages/elements-react/src/context/config.tsx b/packages/elements-react/src/context/config.tsx index 029f53d7a..0a142583b 100644 --- a/packages/elements-react/src/context/config.tsx +++ b/packages/elements-react/src/context/config.tsx @@ -1,10 +1,15 @@ // Copyright © 2025 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { ConfigurationParameters, FrontendApi } from "@ory/client-fetch" -import { createContext, PropsWithChildren, useContext, useRef } from "react" +import type { ConfigurationParameters, FrontendApi } from "@ory/client-fetch" +import { + createContext, + type PropsWithChildren, + useContext, + useRef, +} from "react" import { isProduction } from "../client/config" -import { OryClientConfiguration, ProjectConfiguration } from "../util" +import type { OryClientConfiguration, ProjectConfiguration } from "../util" import { frontendClient } from "../util/client" /** diff --git a/packages/elements-react/src/context/defaultNodeSorter.test.ts b/packages/elements-react/src/context/defaultNodeSorter.test.ts index abd9189b0..97489a885 100644 --- a/packages/elements-react/src/context/defaultNodeSorter.test.ts +++ b/packages/elements-react/src/context/defaultNodeSorter.test.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { defaultNodeSorter } from "./defaultNodeSorter" -import { UiNode, UiNodeInputAttributesTypeEnum } from "@ory/client-fetch" +import { type UiNode, UiNodeInputAttributesTypeEnum } from "@ory/client-fetch" // Helper function to create mock UiNode objects for testing const createMockNode = ( diff --git a/packages/elements-react/src/context/defaultNodeSorter.ts b/packages/elements-react/src/context/defaultNodeSorter.ts index 2f7d1d8d4..5a3fd3a30 100644 --- a/packages/elements-react/src/context/defaultNodeSorter.ts +++ b/packages/elements-react/src/context/defaultNodeSorter.ts @@ -1,7 +1,7 @@ // Copyright © 2026 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { isUiNodeInputAttributes, UiNode } from "@ory/client-fetch" +import { isUiNodeInputAttributes, type UiNode } from "@ory/client-fetch" const defaultNodeOrder = [ "oidc", diff --git a/packages/elements-react/src/context/flow-context.tsx b/packages/elements-react/src/context/flow-context.tsx index 30a05b90c..603d721e0 100644 --- a/packages/elements-react/src/context/flow-context.tsx +++ b/packages/elements-react/src/context/flow-context.tsx @@ -2,20 +2,24 @@ // SPDX-License-Identifier: Apache-2.0 import { - Dispatch, - PropsWithChildren, + type Dispatch, + type PropsWithChildren, createContext, useContext, useState, } from "react" -import { OryFlowContainer } from "../util/flowContainer" -import { +import type { OryFlowContainer } from "../util/flowContainer" +import type { OryErrorHandler, OrySuccessHandler, OryValidationErrorHandler, } from "../util/events" -import { OryTransientPayload } from "../util/transientPayload" -import { FormState, FormStateAction, useFormStateReducer } from "./form-state" +import type { OryTransientPayload } from "../util/transientPayload" +import { + type FormState, + type FormStateAction, + useFormStateReducer, +} from "./form-state" /** * Returns an object that contains the current flow and the flow type, as well as the configuration. diff --git a/packages/elements-react/src/context/form-state.test.ts b/packages/elements-react/src/context/form-state.test.ts index 2952896fa..049933234 100644 --- a/packages/elements-react/src/context/form-state.test.ts +++ b/packages/elements-react/src/context/form-state.test.ts @@ -1,9 +1,9 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, UiNodeGroupEnum, UiText } from "@ory/client-fetch" +import { FlowType, UiNodeGroupEnum, type UiText } from "@ory/client-fetch" import { act, renderHook } from "@testing-library/react" -import { OryFlowContainer } from "../util" +import type { OryFlowContainer } from "../util" import { useFormStateReducer } from "./form-state" // Adjust path as needed const init = { diff --git a/packages/elements-react/src/context/form-state.ts b/packages/elements-react/src/context/form-state.ts index 0b73bd6fb..ad85f26bf 100644 --- a/packages/elements-react/src/context/form-state.ts +++ b/packages/elements-react/src/context/form-state.ts @@ -1,10 +1,10 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, UiNode, UiNodeGroupEnum } from "@ory/client-fetch" +import { FlowType, type UiNode, UiNodeGroupEnum } from "@ory/client-fetch" import { useReducer, useState } from "react" import { isChoosingMethod } from "../components/card/two-step/utils" -import { OryFlowContainer } from "../util" +import type { OryFlowContainer } from "../util" import { nodesToAuthMethodGroups } from "../util/ui" /** diff --git a/packages/elements-react/src/context/intl-context.tsx b/packages/elements-react/src/context/intl-context.tsx index 2220bfb27..e607b34b4 100644 --- a/packages/elements-react/src/context/intl-context.tsx +++ b/packages/elements-react/src/context/intl-context.tsx @@ -1,17 +1,17 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { PropsWithChildren, useContext } from "react" +import { type PropsWithChildren, useContext } from "react" import { RawIntlProvider, IntlContext, - IntlShape, + type IntlShape, createIntl, - IntlCache, + type IntlCache, createIntlCache, } from "react-intl" import { OryLocales } from ".." -import { LocaleMap } from "../locales" +import type { LocaleMap } from "../locales" // ISO 639-1 language codes // https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes diff --git a/packages/elements-react/src/context/provider.tsx b/packages/elements-react/src/context/provider.tsx index 2939602cf..1cf51d548 100644 --- a/packages/elements-react/src/context/provider.tsx +++ b/packages/elements-react/src/context/provider.tsx @@ -2,17 +2,17 @@ // SPDX-License-Identifier: Apache-2.0 "use client" -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" -import { OryFlowComponents } from "../components" -import { OryClientConfiguration } from "../util" -import { +import type { OryFlowComponents } from "../components" +import type { OryClientConfiguration } from "../util" +import type { OryErrorHandler, OrySuccessHandler, OryValidationErrorHandler, } from "../util/events" -import { OryFlowContainer } from "../util/flowContainer" -import { OryTransientPayload } from "../util/transientPayload" +import type { OryFlowContainer } from "../util/flowContainer" +import type { OryTransientPayload } from "../util/transientPayload" import { OryComponentProvider } from "./component" import { OryConfigurationProvider } from "./config" import { OryFlowProvider } from "./flow-context" diff --git a/packages/elements-react/src/tests/jest/test-utils.tsx b/packages/elements-react/src/tests/jest/test-utils.tsx index 13f5983fa..7c94bee61 100644 --- a/packages/elements-react/src/tests/jest/test-utils.tsx +++ b/packages/elements-react/src/tests/jest/test-utils.tsx @@ -2,14 +2,14 @@ // SPDX-License-Identifier: Apache-2.0 import { FlowType, LoginFlowFromJSON } from "@ory/client-fetch" -import { render, RenderOptions } from "@testing-library/react" -import { PropsWithChildren, ReactElement } from "react" +import { render, type RenderOptions } from "@testing-library/react" +import type { PropsWithChildren, ReactElement } from "react" import dummyFlow from "../../../.stub-responses/login/1fa/none/initial-form.json" -import { OryFlowComponentOverrides } from "../../components" +import type { OryFlowComponentOverrides } from "../../components" import { OryComponentProvider } from "../../context/component" import { OryFlowProvider } from "../../context/flow-context" import { getOryComponents } from "../../theme/default" -import { OryClientConfiguration, OryFlowContainer } from "../../util" +import type { OryClientConfiguration, OryFlowContainer } from "../../util" import { OryConfigurationProvider } from "../../context" import { OryFormProvider } from "../../components/form/form-provider" diff --git a/packages/elements-react/src/theme/default/components/card/auth-method-list-container.tsx b/packages/elements-react/src/theme/default/components/card/auth-method-list-container.tsx index f21b2fc50..146cd3e48 100644 --- a/packages/elements-react/src/theme/default/components/card/auth-method-list-container.tsx +++ b/packages/elements-react/src/theme/default/components/card/auth-method-list-container.tsx @@ -1,7 +1,7 @@ // Copyright © 2025 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" export function DefaultAuthMethodListContainer({ children, diff --git a/packages/elements-react/src/theme/default/components/card/auth-method-list-item.tsx b/packages/elements-react/src/theme/default/components/card/auth-method-list-item.tsx index fc7791fbe..15fa458c0 100644 --- a/packages/elements-react/src/theme/default/components/card/auth-method-list-item.tsx +++ b/packages/elements-react/src/theme/default/components/card/auth-method-list-item.tsx @@ -2,12 +2,15 @@ // SPDX-License-Identifier: Apache-2.0 import { - UiContainer, - UiNode, + type UiContainer, + type UiNode, UiNodeGroupEnum, - UiNodeInputAttributes, + type UiNodeInputAttributes, } from "@ory/client-fetch" -import { OryCardAuthMethodListItemProps, useOryFlow } from "@ory/elements-react" +import { + type OryCardAuthMethodListItemProps, + useOryFlow, +} from "@ory/elements-react" import { useEffect, useState } from "react" import { defineMessages, useIntl } from "react-intl" import { useEventListener, useTimeout } from "usehooks-ts" diff --git a/packages/elements-react/src/theme/default/components/card/content.tsx b/packages/elements-react/src/theme/default/components/card/content.tsx index 3f61de197..c97c82ddb 100644 --- a/packages/elements-react/src/theme/default/components/card/content.tsx +++ b/packages/elements-react/src/theme/default/components/card/content.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OryCardContentProps } from "@ory/elements-react" +import type { OryCardContentProps } from "@ory/elements-react" /** * Simply renders the children passed to it. diff --git a/packages/elements-react/src/theme/default/components/card/current-identifier-button.test.ts b/packages/elements-react/src/theme/default/components/card/current-identifier-button.test.ts index 34815162e..8d20c8499 100644 --- a/packages/elements-react/src/theme/default/components/card/current-identifier-button.test.ts +++ b/packages/elements-react/src/theme/default/components/card/current-identifier-button.test.ts @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, UiNode, UiNodeTypeEnum } from "@ory/client-fetch" +import { FlowType, type UiNode, UiNodeTypeEnum } from "@ory/client-fetch" import { getBackButtonNodeAttributes, guessRegistrationBackButton, diff --git a/packages/elements-react/src/theme/default/components/card/current-identifier-button.tsx b/packages/elements-react/src/theme/default/components/card/current-identifier-button.tsx index b72a972b4..453fe6a72 100644 --- a/packages/elements-react/src/theme/default/components/card/current-identifier-button.tsx +++ b/packages/elements-react/src/theme/default/components/card/current-identifier-button.tsx @@ -4,9 +4,9 @@ import { FlowType, isUiNodeInputAttributes, - Session, - UiNode, - UiNodeInputAttributes, + type Session, + type UiNode, + type UiNodeInputAttributes, } from "@ory/client-fetch" import { useOryConfiguration, useOryFlow } from "@ory/elements-react" import { useSession } from "@ory/elements-react/client" diff --git a/packages/elements-react/src/theme/default/components/card/footer.test.tsx b/packages/elements-react/src/theme/default/components/card/footer.test.tsx index 8c6b725a3..c7d29756f 100644 --- a/packages/elements-react/src/theme/default/components/card/footer.test.tsx +++ b/packages/elements-react/src/theme/default/components/card/footer.test.tsx @@ -4,13 +4,13 @@ import { AuthenticatorAssuranceLevel, FlowType, - LoginFlow, - LogoutFlow, - UiContainer, + type LoginFlow, + type LogoutFlow, + type UiContainer, UiNodeGroupEnum, } from "@ory/client-fetch" import * as oryFlow from "@ory/elements-react" -import { +import type { FlowContextValue, FormState, FormStateProvideIdentifier, diff --git a/packages/elements-react/src/theme/default/components/card/footer.tsx b/packages/elements-react/src/theme/default/components/card/footer.tsx index 6d85a061a..87a7d7400 100644 --- a/packages/elements-react/src/theme/default/components/card/footer.tsx +++ b/packages/elements-react/src/theme/default/components/card/footer.tsx @@ -1,10 +1,10 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, LoginFlow } from "@ory/client-fetch" +import { FlowType, type LoginFlow } from "@ory/client-fetch" import { - ConsentFlow, - FormState, + type ConsentFlow, + type FormState, Node, useOryConfiguration, useOryFlow, @@ -19,7 +19,7 @@ import { } from "../../../../util/ui" import { isUiNodeInput, - UiNodeInput, + type UiNodeInput, } from "../../../../util/utilFixSDKTypesHelper" import { useClientLogout } from "../../utils/logout" import { initFlowUrl, restartFlowUrl } from "../../utils/url" diff --git a/packages/elements-react/src/theme/default/components/card/index.tsx b/packages/elements-react/src/theme/default/components/card/index.tsx index 370ff288f..a03f8c9b8 100644 --- a/packages/elements-react/src/theme/default/components/card/index.tsx +++ b/packages/elements-react/src/theme/default/components/card/index.tsx @@ -1,14 +1,14 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OryCardProps, useOryConfiguration } from "@ory/elements-react" +import { type OryCardProps, useOryConfiguration } from "@ory/elements-react" import { Badge } from "./badge" import { DefaultCardContent } from "./content" import { DefaultCardFooter } from "./footer" import { DefaultCardHeader } from "./header" import { DefaultCardLogo } from "./logo" import { DefaultCurrentIdentifierButton } from "./current-identifier-button" -import { ComponentPropsWithoutRef } from "react" +import { type ComponentPropsWithoutRef } from "react" import { cn } from "../../utils/cn" /** diff --git a/packages/elements-react/src/theme/default/components/card/list-item.tsx b/packages/elements-react/src/theme/default/components/card/list-item.tsx index 682f774d7..41ab515cc 100644 --- a/packages/elements-react/src/theme/default/components/card/list-item.tsx +++ b/packages/elements-react/src/theme/default/components/card/list-item.tsx @@ -1,8 +1,8 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { PropsWithChildren } from "react" -import { SVGIcon } from "../../assets/types" +import type { PropsWithChildren } from "react" +import type { SVGIcon } from "../../assets/types" import { cn } from "../../utils/cn" type ListItemProps = { diff --git a/packages/elements-react/src/theme/default/components/default-components.tsx b/packages/elements-react/src/theme/default/components/default-components.tsx index df7eb755d..4c23a3cca 100644 --- a/packages/elements-react/src/theme/default/components/default-components.tsx +++ b/packages/elements-react/src/theme/default/components/default-components.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { +import type { OryFlowComponentOverrides, OryFlowComponents, } from "@ory/elements-react" diff --git a/packages/elements-react/src/theme/default/components/form/button.tsx b/packages/elements-react/src/theme/default/components/form/button.tsx index 196819834..aa7675779 100644 --- a/packages/elements-react/src/theme/default/components/form/button.tsx +++ b/packages/elements-react/src/theme/default/components/form/button.tsx @@ -3,7 +3,7 @@ import { getNodeLabel } from "@ory/client-fetch" import { - OryNodeButtonProps, + type OryNodeButtonProps, uiTextToFormattedMessage, } from "@ory/elements-react" import { cva } from "class-variance-authority" diff --git a/packages/elements-react/src/theme/default/components/form/captcha.tsx b/packages/elements-react/src/theme/default/components/form/captcha.tsx index f7b8337b3..441c633a1 100644 --- a/packages/elements-react/src/theme/default/components/form/captcha.tsx +++ b/packages/elements-react/src/theme/default/components/form/captcha.tsx @@ -1,10 +1,10 @@ // Copyright © 2025 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { Turnstile, TurnstileInstance } from "@marsidev/react-turnstile" -import { isUiNodeInputAttributes, UiText } from "@ory/client-fetch" +import { Turnstile, type TurnstileInstance } from "@marsidev/react-turnstile" +import { isUiNodeInputAttributes, type UiText } from "@ory/client-fetch" import { - OryNodeCaptchaProps, + type OryNodeCaptchaProps, useComponents, useOryFlow, } from "@ory/elements-react" diff --git a/packages/elements-react/src/theme/default/components/form/checkbox.tsx b/packages/elements-react/src/theme/default/components/form/checkbox.tsx index e436fa9ee..6b9d09ef6 100644 --- a/packages/elements-react/src/theme/default/components/form/checkbox.tsx +++ b/packages/elements-react/src/theme/default/components/form/checkbox.tsx @@ -5,7 +5,7 @@ import { getNodeLabel } from "@ory/client-fetch" import { messageTestId, - OryNodeCheckboxProps, + type OryNodeCheckboxProps, uiTextToFormattedMessage, } from "@ory/elements-react" import { useIntl } from "react-intl" diff --git a/packages/elements-react/src/theme/default/components/form/consent-scope-checkbox.tsx b/packages/elements-react/src/theme/default/components/form/consent-scope-checkbox.tsx index 573b73c9e..4e712688e 100644 --- a/packages/elements-react/src/theme/default/components/form/consent-scope-checkbox.tsx +++ b/packages/elements-react/src/theme/default/components/form/consent-scope-checkbox.tsx @@ -1,7 +1,7 @@ // Copyright © 2025 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OryNodeConsentScopeCheckboxProps } from "@ory/elements-react" +import type { OryNodeConsentScopeCheckboxProps } from "@ory/elements-react" import * as Switch from "@radix-ui/react-switch" import { defineMessages, useIntl } from "react-intl" import IconMessage from "../../assets/icons/message.svg" diff --git a/packages/elements-react/src/theme/default/components/form/group-container.tsx b/packages/elements-react/src/theme/default/components/form/group-container.tsx index 22106af1c..4df4f5aa7 100644 --- a/packages/elements-react/src/theme/default/components/form/group-container.tsx +++ b/packages/elements-react/src/theme/default/components/form/group-container.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OryFormGroupProps, useOryFlow } from "@ory/elements-react" +import { type OryFormGroupProps, useOryFlow } from "@ory/elements-react" import { cn } from "../../utils/cn" import { FlowType } from "@ory/client-fetch" import { countRenderableChildren } from "../../../../util/childCounter" diff --git a/packages/elements-react/src/theme/default/components/form/image.tsx b/packages/elements-react/src/theme/default/components/form/image.tsx index 627c71282..e86f51a4d 100644 --- a/packages/elements-react/src/theme/default/components/form/image.tsx +++ b/packages/elements-react/src/theme/default/components/form/image.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OryNodeImageProps } from "@ory/elements-react" +import type { OryNodeImageProps } from "@ory/elements-react" import { omitInputAttributes } from "../../../../util/omitAttributes" export function DefaultImage({ node }: OryNodeImageProps) { diff --git a/packages/elements-react/src/theme/default/components/form/index.tsx b/packages/elements-react/src/theme/default/components/form/index.tsx index fd30b122e..11ae245b9 100644 --- a/packages/elements-react/src/theme/default/components/form/index.tsx +++ b/packages/elements-react/src/theme/default/components/form/index.tsx @@ -1,16 +1,16 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" import { cn } from "../../utils/cn" import { useIntl } from "react-intl" import { messageTestId, - OryFormRootProps, + type OryFormRootProps, uiTextToFormattedMessage, useOryFlow, } from "@ory/elements-react" -import { OryMessageContentProps } from "@ory/elements-react" +import type { OryMessageContentProps } from "@ory/elements-react" import { FlowType } from "@ory/client-fetch" /** diff --git a/packages/elements-react/src/theme/default/components/form/input.tsx b/packages/elements-react/src/theme/default/components/form/input.tsx index 09d2e9954..49cf984ca 100644 --- a/packages/elements-react/src/theme/default/components/form/input.tsx +++ b/packages/elements-react/src/theme/default/components/form/input.tsx @@ -2,9 +2,13 @@ // SPDX-License-Identifier: Apache-2.0 import { FlowType } from "@ory/client-fetch" -import { OryNodeInputProps, useOryFlow } from "@ory/elements-react" +import { type OryNodeInputProps, useOryFlow } from "@ory/elements-react" import * as PasswordToggleField from "@radix-ui/react-password-toggle-field" -import { ComponentProps, ComponentPropsWithRef, forwardRef } from "react" +import { + type ComponentProps, + type ComponentPropsWithRef, + forwardRef, +} from "react" import EyeOff from "../../assets/icons/eye-off.svg" import Eye from "../../assets/icons/eye.svg" import { cn } from "../../utils/cn" diff --git a/packages/elements-react/src/theme/default/components/form/label.tsx b/packages/elements-react/src/theme/default/components/form/label.tsx index b956d779c..b376b4602 100644 --- a/packages/elements-react/src/theme/default/components/form/label.tsx +++ b/packages/elements-react/src/theme/default/components/form/label.tsx @@ -5,11 +5,11 @@ import { FlowType, getNodeLabel, instanceOfUiText, - UiNodeInputAttributes, + type UiNodeInputAttributes, } from "@ory/client-fetch" import { messageTestId, - OryNodeLabelProps, + type OryNodeLabelProps, useComponents, useOryConfiguration, useOryFlow, diff --git a/packages/elements-react/src/theme/default/components/form/link-button.tsx b/packages/elements-react/src/theme/default/components/form/link-button.tsx index 2046e6d76..1829a0388 100644 --- a/packages/elements-react/src/theme/default/components/form/link-button.tsx +++ b/packages/elements-react/src/theme/default/components/form/link-button.tsx @@ -3,7 +3,7 @@ import { getNodeLabel } from "@ory/client-fetch" import { - OryNodeAnchorProps, + type OryNodeAnchorProps, uiTextToFormattedMessage, } from "@ory/elements-react" import { forwardRef } from "react" diff --git a/packages/elements-react/src/theme/default/components/form/pin-code-input.tsx b/packages/elements-react/src/theme/default/components/form/pin-code-input.tsx index 69c56546a..a7572a85f 100644 --- a/packages/elements-react/src/theme/default/components/form/pin-code-input.tsx +++ b/packages/elements-react/src/theme/default/components/form/pin-code-input.tsx @@ -3,7 +3,7 @@ "use client" import { FlowType } from "@ory/client-fetch" -import { OryNodeInputProps, useOryFlow } from "@ory/elements-react" +import { type OryNodeInputProps, useOryFlow } from "@ory/elements-react" import { cn } from "../../utils/cn" import { InputOTP, InputOTPGroup, InputOTPSlot } from "./shadcn/otp-input" diff --git a/packages/elements-react/src/theme/default/components/form/section.tsx b/packages/elements-react/src/theme/default/components/form/section.tsx index 0c77b1738..ef956a793 100644 --- a/packages/elements-react/src/theme/default/components/form/section.tsx +++ b/packages/elements-react/src/theme/default/components/form/section.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { +import type { OryFormSectionContentProps, OryFormSectionFooterProps, OryFormSectionProps, diff --git a/packages/elements-react/src/theme/default/components/form/select.tsx b/packages/elements-react/src/theme/default/components/form/select.tsx index cda1b12ec..ad6b2666f 100644 --- a/packages/elements-react/src/theme/default/components/form/select.tsx +++ b/packages/elements-react/src/theme/default/components/form/select.tsx @@ -2,8 +2,8 @@ // SPDX-License-Identifier: Apache-2.0 import { FlowType } from "@ory/client-fetch" -import { OryNodeSelectProps, useOryFlow } from "@ory/elements-react" -import { ComponentPropsWithRef, forwardRef } from "react" +import { type OryNodeSelectProps, useOryFlow } from "@ory/elements-react" +import { type ComponentPropsWithRef, forwardRef } from "react" import { useIntl } from "react-intl" import { resolveOptionLabel } from "../../../../util/nodes" import { cn } from "../../utils/cn" diff --git a/packages/elements-react/src/theme/default/components/form/sso.tsx b/packages/elements-react/src/theme/default/components/form/sso.tsx index c460f8718..c029babd4 100644 --- a/packages/elements-react/src/theme/default/components/form/sso.tsx +++ b/packages/elements-react/src/theme/default/components/form/sso.tsx @@ -3,12 +3,12 @@ import { FlowType, UiNodeGroupEnum } from "@ory/client-fetch" import { - OryFormSsoRootProps, - OryNodeSsoButtonProps, + type OryFormSsoRootProps, + type OryNodeSsoButtonProps, uiTextToFormattedMessage, useOryFlow, } from "@ory/elements-react" -import { ElementType } from "react" +import type { ElementType } from "react" import { useIntl } from "react-intl" import defaultLogos from "../../provider-logos" import { cn } from "../../utils/cn" diff --git a/packages/elements-react/src/theme/default/components/form/text.tsx b/packages/elements-react/src/theme/default/components/form/text.tsx index 682890c81..cf92a7ba9 100644 --- a/packages/elements-react/src/theme/default/components/form/text.tsx +++ b/packages/elements-react/src/theme/default/components/form/text.tsx @@ -2,14 +2,14 @@ // SPDX-License-Identifier: Apache-2.0 import { - OryNodeTextProps, - UiNodeInput, + type OryNodeTextProps, + type UiNodeInput, uiTextToFormattedMessage, } from "@ory/elements-react" import { useIntl } from "react-intl" import { DefaultLabel } from "./label" import { DefaultInput } from "./input" -import { UiNodeInputAttributes } from "@ory/client-fetch" +import type { UiNodeInputAttributes } from "@ory/client-fetch" export function DefaultText({ node }: OryNodeTextProps) { const intl = useIntl() diff --git a/packages/elements-react/src/theme/default/components/generic/page-header.tsx b/packages/elements-react/src/theme/default/components/generic/page-header.tsx index 4edb47651..fc9889a7c 100644 --- a/packages/elements-react/src/theme/default/components/generic/page-header.tsx +++ b/packages/elements-react/src/theme/default/components/generic/page-header.tsx @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { - OryPageHeaderProps, + type OryPageHeaderProps, useComponents, useOryConfiguration, useOryFlow, diff --git a/packages/elements-react/src/theme/default/components/generic/toast.tsx b/packages/elements-react/src/theme/default/components/generic/toast.tsx index f5ec55c45..2140233da 100644 --- a/packages/elements-react/src/theme/default/components/generic/toast.tsx +++ b/packages/elements-react/src/theme/default/components/generic/toast.tsx @@ -3,7 +3,7 @@ import { messageTestId, - OryToastProps, + type OryToastProps, uiTextToFormattedMessage, } from "@ory/elements-react" import { toast as sonnerToast } from "sonner" diff --git a/packages/elements-react/src/theme/default/components/settings/settings-oidc.tsx b/packages/elements-react/src/theme/default/components/settings/settings-oidc.tsx index 18237960a..a5e4aa6a9 100644 --- a/packages/elements-react/src/theme/default/components/settings/settings-oidc.tsx +++ b/packages/elements-react/src/theme/default/components/settings/settings-oidc.tsx @@ -2,8 +2,8 @@ // SPDX-License-Identifier: Apache-2.0 import { - OrySettingsSsoProps, - UiNodeInput, + type OrySettingsSsoProps, + type UiNodeInput, useComponents, } from "@ory/elements-react" import { useEffect } from "react" diff --git a/packages/elements-react/src/theme/default/components/settings/settings-passkey.tsx b/packages/elements-react/src/theme/default/components/settings/settings-passkey.tsx index d118e4004..a80c8f810 100644 --- a/packages/elements-react/src/theme/default/components/settings/settings-passkey.tsx +++ b/packages/elements-react/src/theme/default/components/settings/settings-passkey.tsx @@ -1,6 +1,9 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OrySettingsPasskeyProps, useComponents } from "@ory/elements-react" +import { + type OrySettingsPasskeyProps, + useComponents, +} from "@ory/elements-react" import Passkey from "../../assets/icons/passkey.svg" import Trash from "../../assets/icons/trash.svg" import { DefaultHorizontalDivider } from "../form/horizontal-divider" diff --git a/packages/elements-react/src/theme/default/components/settings/settings-recovery-codes.tsx b/packages/elements-react/src/theme/default/components/settings/settings-recovery-codes.tsx index cee037b77..1777f4ed4 100644 --- a/packages/elements-react/src/theme/default/components/settings/settings-recovery-codes.tsx +++ b/packages/elements-react/src/theme/default/components/settings/settings-recovery-codes.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OrySettingsRecoveryCodesProps } from "@ory/elements-react" +import type { OrySettingsRecoveryCodesProps } from "@ory/elements-react" import { omitInputAttributes } from "../../../../util/omitAttributes" import Download from "../../assets/icons/download.svg" import Eye from "../../assets/icons/eye.svg" diff --git a/packages/elements-react/src/theme/default/components/settings/settings-totp.tsx b/packages/elements-react/src/theme/default/components/settings/settings-totp.tsx index 82bd12d3e..4d05bdc46 100644 --- a/packages/elements-react/src/theme/default/components/settings/settings-totp.tsx +++ b/packages/elements-react/src/theme/default/components/settings/settings-totp.tsx @@ -1,9 +1,13 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNodeInputAttributes } from "@ory/client-fetch" -import { Node, OrySettingsTotpProps, useComponents } from "@ory/elements-react" +import type { UiNodeInputAttributes } from "@ory/client-fetch" import { + Node, + type OrySettingsTotpProps, + useComponents, +} from "@ory/elements-react" +import type { UiNodeImage, UiNodeInput, UiNodeText, diff --git a/packages/elements-react/src/theme/default/components/settings/settings-webauthn.tsx b/packages/elements-react/src/theme/default/components/settings/settings-webauthn.tsx index a33f17ed4..e2b42734c 100644 --- a/packages/elements-react/src/theme/default/components/settings/settings-webauthn.tsx +++ b/packages/elements-react/src/theme/default/components/settings/settings-webauthn.tsx @@ -3,7 +3,7 @@ import { Node, - OrySettingsWebauthnProps, + type OrySettingsWebauthnProps, useComponents, } from "@ory/elements-react" import { omitInputAttributes } from "../../../../util/omitAttributes" diff --git a/packages/elements-react/src/theme/default/components/ui/checkbox-label.spec.tsx b/packages/elements-react/src/theme/default/components/ui/checkbox-label.spec.tsx index 104c0e266..02cb83b53 100644 --- a/packages/elements-react/src/theme/default/components/ui/checkbox-label.spec.tsx +++ b/packages/elements-react/src/theme/default/components/ui/checkbox-label.spec.tsx @@ -4,7 +4,7 @@ import { render } from "@testing-library/react" import { CheckboxLabel } from "./checkbox-label" import { IntlProvider } from "react-intl" -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" const wrapper = ({ children }: PropsWithChildren) => ( {children} diff --git a/packages/elements-react/src/theme/default/components/ui/checkbox-label.tsx b/packages/elements-react/src/theme/default/components/ui/checkbox-label.tsx index cc4346399..22cffed09 100644 --- a/packages/elements-react/src/theme/default/components/ui/checkbox-label.tsx +++ b/packages/elements-react/src/theme/default/components/ui/checkbox-label.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiText } from "@ory/client-fetch" +import type { UiText } from "@ory/client-fetch" import { useIntl } from "react-intl" import { resolveLabel } from "../../../../util/nodes" diff --git a/packages/elements-react/src/theme/default/components/ui/dropdown-menu.tsx b/packages/elements-react/src/theme/default/components/ui/dropdown-menu.tsx index 596ba4b91..9dd5c7db3 100644 --- a/packages/elements-react/src/theme/default/components/ui/dropdown-menu.tsx +++ b/packages/elements-react/src/theme/default/components/ui/dropdown-menu.tsx @@ -3,7 +3,11 @@ "use client" -import { ComponentPropsWithoutRef, ElementRef, forwardRef } from "react" +import { + type ComponentPropsWithoutRef, + type ElementRef, + forwardRef, +} from "react" import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu" import { cn } from "../../utils/cn" diff --git a/packages/elements-react/src/theme/default/components/ui/user-avater.tsx b/packages/elements-react/src/theme/default/components/ui/user-avater.tsx index 6f3da42b7..546d004eb 100644 --- a/packages/elements-react/src/theme/default/components/ui/user-avater.tsx +++ b/packages/elements-react/src/theme/default/components/ui/user-avater.tsx @@ -1,8 +1,8 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { ComponentPropsWithoutRef, forwardRef } from "react" -import { UserInitials } from "../../utils/user" +import { type ComponentPropsWithoutRef, forwardRef } from "react" +import type { UserInitials } from "../../utils/user" import IconUser from "../../assets/icons/user.svg" type UserAvatarProps = { diff --git a/packages/elements-react/src/theme/default/components/ui/user-menu.tsx b/packages/elements-react/src/theme/default/components/ui/user-menu.tsx index a3eebac0b..84b5b968f 100644 --- a/packages/elements-react/src/theme/default/components/ui/user-menu.tsx +++ b/packages/elements-react/src/theme/default/components/ui/user-menu.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { LogoutFlow, Session } from "@ory/client-fetch" +import type { LogoutFlow, Session } from "@ory/client-fetch" import { useOryConfiguration } from "@ory/elements-react" import IconLogout from "../../assets/icons/logout.svg" import IconSettings from "../../assets/icons/settings.svg" diff --git a/packages/elements-react/src/theme/default/flows/consent.tsx b/packages/elements-react/src/theme/default/flows/consent.tsx index e08bb1fbd..865af1732 100644 --- a/packages/elements-react/src/theme/default/flows/consent.tsx +++ b/packages/elements-react/src/theme/default/flows/consent.tsx @@ -1,14 +1,18 @@ // Copyright © 2025 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, OAuth2ConsentRequest, Session } from "@ory/client-fetch" import { - OryClientConfiguration, + FlowType, + type OAuth2ConsentRequest, + type Session, +} from "@ory/client-fetch" +import { + type OryClientConfiguration, OryConsentCard, - OryErrorHandler, - OryFlowComponentOverrides, + type OryErrorHandler, + type OryFlowComponentOverrides, OryProvider, - OrySuccessHandler, + type OrySuccessHandler, } from "@ory/elements-react" import { getOryComponents } from "../components" import { translateConsentChallengeToUiNodes } from "../utils/oauth2" diff --git a/packages/elements-react/src/theme/default/flows/error.tsx b/packages/elements-react/src/theme/default/flows/error.tsx index 786ef0a45..f8c0f2ad2 100644 --- a/packages/elements-react/src/theme/default/flows/error.tsx +++ b/packages/elements-react/src/theme/default/flows/error.tsx @@ -3,16 +3,16 @@ "use client" import { - FlowError, - GenericError, + type FlowError, + type GenericError, instanceOfFlowError, instanceOfGenericError, - Session, + type Session, } from "@ory/client-fetch" import { - OryClientConfiguration, + type OryClientConfiguration, OryConfigurationProvider, - OryFlowComponentOverrides, + type OryFlowComponentOverrides, useOryConfiguration, } from "@ory/elements-react" import { useMemo } from "react" diff --git a/packages/elements-react/src/theme/default/flows/login.tsx b/packages/elements-react/src/theme/default/flows/login.tsx index 63c6bc18c..30ed33687 100644 --- a/packages/elements-react/src/theme/default/flows/login.tsx +++ b/packages/elements-react/src/theme/default/flows/login.tsx @@ -2,16 +2,16 @@ // SPDX-License-Identifier: Apache-2.0 "use client" -import { FlowType, LoginFlow } from "@ory/client-fetch" +import { FlowType, type LoginFlow } from "@ory/client-fetch" import { - OryClientConfiguration, - OryErrorHandler, - OryFlowComponentOverrides, + type OryClientConfiguration, + type OryErrorHandler, + type OryFlowComponentOverrides, OryProvider, OrySelfServiceFlowCard, - OrySuccessHandler, - OryTransientPayload, - OryValidationErrorHandler, + type OrySuccessHandler, + type OryTransientPayload, + type OryValidationErrorHandler, } from "@ory/elements-react" import { getOryComponents } from "../components" diff --git a/packages/elements-react/src/theme/default/flows/recovery.tsx b/packages/elements-react/src/theme/default/flows/recovery.tsx index e0487c52d..0fe1baeb9 100644 --- a/packages/elements-react/src/theme/default/flows/recovery.tsx +++ b/packages/elements-react/src/theme/default/flows/recovery.tsx @@ -2,16 +2,16 @@ // SPDX-License-Identifier: Apache-2.0 "use client" -import { FlowType, RecoveryFlow } from "@ory/client-fetch" +import { FlowType, type RecoveryFlow } from "@ory/client-fetch" import { - OryClientConfiguration, - OryErrorHandler, - OryFlowComponentOverrides, + type OryClientConfiguration, + type OryErrorHandler, + type OryFlowComponentOverrides, OryProvider, OrySelfServiceFlowCard, - OrySuccessHandler, - OryTransientPayload, - OryValidationErrorHandler, + type OrySuccessHandler, + type OryTransientPayload, + type OryValidationErrorHandler, } from "@ory/elements-react" import { getOryComponents } from "../components" diff --git a/packages/elements-react/src/theme/default/flows/registration.tsx b/packages/elements-react/src/theme/default/flows/registration.tsx index fd50177df..1ffcd744e 100644 --- a/packages/elements-react/src/theme/default/flows/registration.tsx +++ b/packages/elements-react/src/theme/default/flows/registration.tsx @@ -2,16 +2,16 @@ // SPDX-License-Identifier: Apache-2.0 "use client" -import { FlowType, RegistrationFlow } from "@ory/client-fetch" +import { FlowType, type RegistrationFlow } from "@ory/client-fetch" import { - OryClientConfiguration, - OryErrorHandler, - OryFlowComponentOverrides, + type OryClientConfiguration, + type OryErrorHandler, + type OryFlowComponentOverrides, OryProvider, OrySelfServiceFlowCard, - OrySuccessHandler, - OryTransientPayload, - OryValidationErrorHandler, + type OrySuccessHandler, + type OryTransientPayload, + type OryValidationErrorHandler, } from "@ory/elements-react" import { getOryComponents } from "../components" diff --git a/packages/elements-react/src/theme/default/flows/settings.tsx b/packages/elements-react/src/theme/default/flows/settings.tsx index 5248a8cf6..8bc2e281c 100644 --- a/packages/elements-react/src/theme/default/flows/settings.tsx +++ b/packages/elements-react/src/theme/default/flows/settings.tsx @@ -2,19 +2,19 @@ // SPDX-License-Identifier: Apache-2.0 "use client" -import { FlowType, SettingsFlow } from "@ory/client-fetch" +import { FlowType, type SettingsFlow } from "@ory/client-fetch" import { - OryClientConfiguration, - OryErrorHandler, - OryFlowComponentOverrides, + type OryClientConfiguration, + type OryErrorHandler, + type OryFlowComponentOverrides, OryPageHeader, OryProvider, OrySettingsCard, - OrySuccessHandler, - OryTransientPayload, - OryValidationErrorHandler, + type OrySuccessHandler, + type OryTransientPayload, + type OryValidationErrorHandler, } from "@ory/elements-react" -import { ComponentPropsWithoutRef } from "react" +import type { ComponentPropsWithoutRef } from "react" import { getOryComponents } from "../components" import { cn } from "../utils/cn" diff --git a/packages/elements-react/src/theme/default/flows/verification.tsx b/packages/elements-react/src/theme/default/flows/verification.tsx index a35c82bf8..7d7925b6b 100644 --- a/packages/elements-react/src/theme/default/flows/verification.tsx +++ b/packages/elements-react/src/theme/default/flows/verification.tsx @@ -2,16 +2,16 @@ // SPDX-License-Identifier: Apache-2.0 "use client" -import { FlowType, VerificationFlow } from "@ory/client-fetch" +import { FlowType, type VerificationFlow } from "@ory/client-fetch" import { - OryClientConfiguration, - OryErrorHandler, - OryFlowComponentOverrides, + type OryClientConfiguration, + type OryErrorHandler, + type OryFlowComponentOverrides, OryProvider, OrySelfServiceFlowCard, - OrySuccessHandler, - OryTransientPayload, - OryValidationErrorHandler, + type OrySuccessHandler, + type OryTransientPayload, + type OryValidationErrorHandler, } from "@ory/elements-react" import { getOryComponents } from "../components" diff --git a/packages/elements-react/src/theme/default/utils/__tests__/constructCardHeader.spec.tsx b/packages/elements-react/src/theme/default/utils/__tests__/constructCardHeader.spec.tsx index b45c653c3..6d12cbfeb 100644 --- a/packages/elements-react/src/theme/default/utils/__tests__/constructCardHeader.spec.tsx +++ b/packages/elements-react/src/theme/default/utils/__tests__/constructCardHeader.spec.tsx @@ -3,16 +3,16 @@ import { FlowType, - UiNode, + type UiNode, UiNodeGroupEnum, UiTextTypeEnum, } from "@ory/client-fetch" import { - CardHeaderTextOptions, + type CardHeaderTextOptions, useCardHeaderText, } from "../constructCardHeader" import { renderHook } from "@testing-library/react" -import { PropsWithChildren } from "react" +import type { PropsWithChildren } from "react" import { IntlProvider } from "../../../../context/intl-context" import { OryLocales } from "../../../../locales" diff --git a/packages/elements-react/src/theme/default/utils/__tests__/user.spec.ts b/packages/elements-react/src/theme/default/utils/__tests__/user.spec.ts index 8be63ef68..6a66df152 100644 --- a/packages/elements-react/src/theme/default/utils/__tests__/user.spec.ts +++ b/packages/elements-react/src/theme/default/utils/__tests__/user.spec.ts @@ -1,8 +1,8 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { getUserInitials, UserInitials } from "../user" -import { Identity, Session } from "@ory/client-fetch" +import { getUserInitials, type UserInitials } from "../user" +import type { Identity, Session } from "@ory/client-fetch" const identityBase: Identity = { id: "", diff --git a/packages/elements-react/src/theme/default/utils/constructCardHeader.ts b/packages/elements-react/src/theme/default/utils/constructCardHeader.ts index e26533474..a261637fd 100644 --- a/packages/elements-react/src/theme/default/utils/constructCardHeader.ts +++ b/packages/elements-react/src/theme/default/utils/constructCardHeader.ts @@ -2,16 +2,16 @@ // SPDX-License-Identifier: Apache-2.0 import { - AuthenticatorAssuranceLevel, + type AuthenticatorAssuranceLevel, FlowType, isUiNodeInputAttributes, - OAuth2ConsentRequest, - Session, - UiContainer, + type OAuth2ConsentRequest, + type Session, + type UiContainer, UiNodeGroupEnum, } from "@ory/client-fetch" import { defineMessages, useIntl } from "react-intl" -import { FormState } from "../../../context" +import type { FormState } from "../../../context" import { uiTextToFormattedMessage } from "../../../util" import { kratosMessages } from "../../../util/i18n/generated/kratosMessages" import { resolveLabel } from "../../../util/nodes" diff --git a/packages/elements-react/src/theme/default/utils/logout.ts b/packages/elements-react/src/theme/default/utils/logout.ts index 37cee8ce4..9da110239 100644 --- a/packages/elements-react/src/theme/default/utils/logout.ts +++ b/packages/elements-react/src/theme/default/utils/logout.ts @@ -1,7 +1,7 @@ // Copyright © 2025 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { LogoutFlow } from "@ory/client-fetch" +import type { LogoutFlow } from "@ory/client-fetch" import { useCallback, useEffect, useState } from "react" import { frontendClient } from "../../../util/client" export function useClientLogout(config: { sdk: { url: string } }) { diff --git a/packages/elements-react/src/theme/default/utils/oauth2.ts b/packages/elements-react/src/theme/default/utils/oauth2.ts index 4a1012ddd..32aee338c 100644 --- a/packages/elements-react/src/theme/default/utils/oauth2.ts +++ b/packages/elements-react/src/theme/default/utils/oauth2.ts @@ -2,13 +2,13 @@ // SPDX-License-Identifier: Apache-2.0 import { - OAuth2ConsentRequest, - Session, - UiContainer, - UiNode, + type OAuth2ConsentRequest, + type Session, + type UiContainer, + type UiNode, UiTextTypeEnum, } from "@ory/client-fetch" -import { ConsentFlow } from "../../../util" +import type { ConsentFlow } from "../../../util" const rememberCheckbox: UiNode = { type: "input", diff --git a/packages/elements-react/src/theme/default/utils/user.ts b/packages/elements-react/src/theme/default/utils/user.ts index 4aec50a7a..56f40de4c 100644 --- a/packages/elements-react/src/theme/default/utils/user.ts +++ b/packages/elements-react/src/theme/default/utils/user.ts @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { Session } from "@ory/client-fetch" +import type { Session } from "@ory/client-fetch" export type UserInitials = { primary: string diff --git a/packages/elements-react/src/types.ts b/packages/elements-react/src/types.ts index e7e7f6dde..7fb56276f 100644 --- a/packages/elements-react/src/types.ts +++ b/packages/elements-react/src/types.ts @@ -1,20 +1,20 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { +import type { UiNode, UiNodeAnchorAttributes, UiNodeImageAttributes, UiNodeInputAttributes, UiNodeTextAttributes, } from "@ory/client-fetch" -import { +import type { ComponentPropsWithoutRef, FormEventHandler, MouseEventHandler, PropsWithChildren, } from "react" -import { +import type { UiNodeImage, UiNodeInput, UiNodeInputAttributesOption, diff --git a/packages/elements-react/src/util/childCounter.ts b/packages/elements-react/src/util/childCounter.ts index c7b687169..db66e12f1 100644 --- a/packages/elements-react/src/util/childCounter.ts +++ b/packages/elements-react/src/util/childCounter.ts @@ -1,7 +1,7 @@ // Copyright © 2025 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { Children, ReactNode, isValidElement } from "react" +import { Children, type ReactNode, isValidElement } from "react" export function countRenderableChildren(children: ReactNode | ReactNode[]) { return Children.toArray(children).filter((c) => { diff --git a/packages/elements-react/src/util/client.ts b/packages/elements-react/src/util/client.ts index bd58e7dbc..b5b9a2466 100644 --- a/packages/elements-react/src/util/client.ts +++ b/packages/elements-react/src/util/client.ts @@ -3,7 +3,7 @@ import { Configuration, - ConfigurationParameters, + type ConfigurationParameters, FrontendApi, } from "@ory/client-fetch" diff --git a/packages/elements-react/src/util/clientConfiguration.ts b/packages/elements-react/src/util/clientConfiguration.ts index a09e291a0..d77bd641e 100644 --- a/packages/elements-react/src/util/clientConfiguration.ts +++ b/packages/elements-react/src/util/clientConfiguration.ts @@ -1,9 +1,9 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { ConfigurationParameters } from "@ory/client-fetch" -import { Locale } from "../context/intl-context" -import { LocaleMap } from "../locales" +import type { ConfigurationParameters } from "@ory/client-fetch" +import type { Locale } from "../context/intl-context" +import type { LocaleMap } from "../locales" /** * The configuration for internationalization (i18n) in Ory Elements. diff --git a/packages/elements-react/src/util/events.ts b/packages/elements-react/src/util/events.ts index b256fdbc7..7950daceb 100644 --- a/packages/elements-react/src/util/events.ts +++ b/packages/elements-react/src/util/events.ts @@ -2,18 +2,18 @@ // SPDX-License-Identifier: Apache-2.0 import { - ErrorFlowReplaced, + type ErrorFlowReplaced, FlowType, - GenericError, - Identity, - LoginFlow, - OAuth2ConsentRequest, - RecoveryFlow, - RegistrationFlow, - SelfServiceFlowExpiredError, - Session, - SettingsFlow, - VerificationFlow, + type GenericError, + type Identity, + type LoginFlow, + type OAuth2ConsentRequest, + type RecoveryFlow, + type RegistrationFlow, + type SelfServiceFlowExpiredError, + type Session, + type SettingsFlow, + type VerificationFlow, } from "@ory/client-fetch" // --------------------------------------------------------------------------- diff --git a/packages/elements-react/src/util/flowContainer.ts b/packages/elements-react/src/util/flowContainer.ts index 79396cf68..c7f879feb 100644 --- a/packages/elements-react/src/util/flowContainer.ts +++ b/packages/elements-react/src/util/flowContainer.ts @@ -2,16 +2,16 @@ // SPDX-License-Identifier: Apache-2.0 import { - FlowError, + type FlowError, FlowType, - LoginFlow, - OAuth2ConsentRequest, - RecoveryFlow, - RegistrationFlow, - Session, - SettingsFlow, - UiContainer, - VerificationFlow, + type LoginFlow, + type OAuth2ConsentRequest, + type RecoveryFlow, + type RegistrationFlow, + type Session, + type SettingsFlow, + type UiContainer, + type VerificationFlow, } from "@ory/client-fetch" /** diff --git a/packages/elements-react/src/util/flowHasErrors.ts b/packages/elements-react/src/util/flowHasErrors.ts index d1e6177a4..a2a05771f 100644 --- a/packages/elements-react/src/util/flowHasErrors.ts +++ b/packages/elements-react/src/util/flowHasErrors.ts @@ -5,7 +5,7 @@ // Helpers // --------------------------------------------------------------------------- -import { UiContainer } from "@ory/client-fetch" +import type { UiContainer } from "@ory/client-fetch" /** * Returns true if the flow UI contains any error-type messages, either at the diff --git a/packages/elements-react/src/util/i18n/__tests__/index.spec.tsx b/packages/elements-react/src/util/i18n/__tests__/index.spec.tsx index 3c1987c85..e20901efe 100644 --- a/packages/elements-react/src/util/i18n/__tests__/index.spec.tsx +++ b/packages/elements-react/src/util/i18n/__tests__/index.spec.tsx @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { IntlProvider } from "../../../context/intl-context" -import { UiText } from "@ory/client-fetch" +import type { UiText } from "@ory/client-fetch" import { Inner } from "./test-components" import { renderWithOryElements } from "../../../tests/jest/test-utils" import { screen } from "@testing-library/dom" diff --git a/packages/elements-react/src/util/i18n/__tests__/test-components.tsx b/packages/elements-react/src/util/i18n/__tests__/test-components.tsx index 980bcd209..f429f187a 100644 --- a/packages/elements-react/src/util/i18n/__tests__/test-components.tsx +++ b/packages/elements-react/src/util/i18n/__tests__/test-components.tsx @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiText } from "@ory/client-fetch" +import type { UiText } from "@ory/client-fetch" import { useIntl } from "react-intl" import { uiTextToFormattedMessage } from "../index" diff --git a/packages/elements-react/src/util/i18n/index.ts b/packages/elements-react/src/util/i18n/index.ts index f5d2394ee..30b416869 100644 --- a/packages/elements-react/src/util/i18n/index.ts +++ b/packages/elements-react/src/util/i18n/index.ts @@ -1,8 +1,8 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiText } from "@ory/client-fetch" -import { defineMessages, IntlShape, useIntl } from "react-intl" +import type { UiText } from "@ory/client-fetch" +import { defineMessages, type IntlShape, type useIntl } from "react-intl" import { isDynamicText } from "../nodes" import { isKratosMessageId, kratosMessages } from "./generated/kratosMessages" diff --git a/packages/elements-react/src/util/nodes.ts b/packages/elements-react/src/util/nodes.ts index 809de40f8..0ebcc2aba 100644 --- a/packages/elements-react/src/util/nodes.ts +++ b/packages/elements-react/src/util/nodes.ts @@ -1,7 +1,7 @@ // Copyright © 2025 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNode, UiNodeInputAttributes, UiText } from "@ory/client-fetch" +import type { UiNode, UiNodeInputAttributes, UiText } from "@ory/client-fetch" import { uiTextToFormattedMessage } from "./i18n" import { useIntl } from "react-intl" diff --git a/packages/elements-react/src/util/omitAttributes.ts b/packages/elements-react/src/util/omitAttributes.ts index 391f854dd..c638177ea 100644 --- a/packages/elements-react/src/util/omitAttributes.ts +++ b/packages/elements-react/src/util/omitAttributes.ts @@ -1,7 +1,7 @@ // Copyright © 2025 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { UiNodeInputAttributes } from "@ory/client-fetch" +import type { UiNodeInputAttributes } from "@ory/client-fetch" import { omit } from "../theme/default/utils/attributes" export function omitInputAttributes({ diff --git a/packages/elements-react/src/util/onSubmitLogin.test.ts b/packages/elements-react/src/util/onSubmitLogin.test.ts index ab53cefef..77ef8bac5 100644 --- a/packages/elements-react/src/util/onSubmitLogin.test.ts +++ b/packages/elements-react/src/util/onSubmitLogin.test.ts @@ -1,11 +1,11 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, LoginFlow } from "@ory/client-fetch" -import { OryElementsConfiguration } from "../context" +import { FlowType, type LoginFlow } from "@ory/client-fetch" +import { type OryElementsConfiguration } from "../context" import { onSubmitLogin } from "./onSubmitLogin" -import { OrySuccessEvent, OryValidationErrorEvent } from "./events" -import { LoginFlowContainer } from "./flowContainer" +import type { OrySuccessEvent, OryValidationErrorEvent } from "./events" +import type { LoginFlowContainer } from "./flowContainer" beforeEach(() => { jest.clearAllMocks() diff --git a/packages/elements-react/src/util/onSubmitLogin.ts b/packages/elements-react/src/util/onSubmitLogin.ts index c2172f32b..c758965cb 100644 --- a/packages/elements-react/src/util/onSubmitLogin.ts +++ b/packages/elements-react/src/util/onSubmitLogin.ts @@ -4,15 +4,15 @@ import { FlowType, handleContinueWith, - LoginFlow, + type LoginFlow, loginUrl, - UpdateLoginFlowBody, + type UpdateLoginFlowBody, } from "@ory/client-fetch" -import { OnSubmitHandlerProps } from "./submitHandler" -import { LoginFlowContainer } from "./flowContainer" +import type { OnSubmitHandlerProps } from "./submitHandler" +import type { LoginFlowContainer } from "./flowContainer" import { frontendClient } from "./client" import { replaceWindowFlowId } from "./internal" -import { OryElementsConfiguration } from "../context" +import type { OryElementsConfiguration } from "../context" import { handleFlowError } from "./sdk-helpers" import { flowHasErrors } from "./flowHasErrors" diff --git a/packages/elements-react/src/util/onSubmitRecovery.test.ts b/packages/elements-react/src/util/onSubmitRecovery.test.ts index 0ffb63836..193f4edf9 100644 --- a/packages/elements-react/src/util/onSubmitRecovery.test.ts +++ b/packages/elements-react/src/util/onSubmitRecovery.test.ts @@ -1,11 +1,11 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, RecoveryFlow } from "@ory/client-fetch" -import { OryElementsConfiguration } from "../context" +import { FlowType, type RecoveryFlow } from "@ory/client-fetch" +import type { OryElementsConfiguration } from "../context" import { onSubmitRecovery } from "./onSubmitRecovery" -import { OrySuccessEvent, OryValidationErrorEvent } from "./events" -import { OryFlowContainer } from "./flowContainer" +import type { OrySuccessEvent, OryValidationErrorEvent } from "./events" +import type { OryFlowContainer } from "./flowContainer" beforeEach(() => { jest.clearAllMocks() diff --git a/packages/elements-react/src/util/onSubmitRecovery.ts b/packages/elements-react/src/util/onSubmitRecovery.ts index 88414be39..8e40c69be 100644 --- a/packages/elements-react/src/util/onSubmitRecovery.ts +++ b/packages/elements-react/src/util/onSubmitRecovery.ts @@ -2,20 +2,20 @@ // SPDX-License-Identifier: Apache-2.0 import { - ContinueWith, + type ContinueWith, FlowType, - GenericError, + type GenericError, handleContinueWith, instanceOfContinueWithRecoveryUi, - OnRedirectHandler, - RecoveryFlow, + type OnRedirectHandler, + type RecoveryFlow, recoveryUrl, - UpdateRecoveryFlowBody, + type UpdateRecoveryFlowBody, } from "@ory/client-fetch" -import { OryElementsConfiguration } from "../context" -import { OryFlowContainer } from "./flowContainer" +import type { OryElementsConfiguration } from "../context" +import type { OryFlowContainer } from "./flowContainer" import { replaceWindowFlowId } from "./internal" -import { OnSubmitHandlerProps } from "./submitHandler" +import type { OnSubmitHandlerProps } from "./submitHandler" import { handleFlowError } from "./sdk-helpers" import { flowHasErrors } from "./flowHasErrors" diff --git a/packages/elements-react/src/util/onSubmitRegistration.test.ts b/packages/elements-react/src/util/onSubmitRegistration.test.ts index 8d280090f..abf6949ef 100644 --- a/packages/elements-react/src/util/onSubmitRegistration.test.ts +++ b/packages/elements-react/src/util/onSubmitRegistration.test.ts @@ -1,11 +1,11 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, RegistrationFlow } from "@ory/client-fetch" -import { OryElementsConfiguration } from "../context" +import { FlowType, type RegistrationFlow } from "@ory/client-fetch" +import type { OryElementsConfiguration } from "../context" import { onSubmitRegistration } from "./onSubmitRegistration" -import { OrySuccessEvent, OryValidationErrorEvent } from "./events" -import { OryFlowContainer } from "./flowContainer" +import type { OrySuccessEvent, OryValidationErrorEvent } from "./events" +import type { OryFlowContainer } from "./flowContainer" beforeEach(() => { jest.clearAllMocks() diff --git a/packages/elements-react/src/util/onSubmitRegistration.ts b/packages/elements-react/src/util/onSubmitRegistration.ts index abb556176..f37e8463a 100644 --- a/packages/elements-react/src/util/onSubmitRegistration.ts +++ b/packages/elements-react/src/util/onSubmitRegistration.ts @@ -4,14 +4,14 @@ import { FlowType, handleContinueWith, - RegistrationFlow, + type RegistrationFlow, registrationUrl, - UpdateRegistrationFlowBody, + type UpdateRegistrationFlowBody, } from "@ory/client-fetch" -import { OryElementsConfiguration } from "../context" -import { RegistrationFlowContainer } from "./flowContainer" +import type { OryElementsConfiguration } from "../context" +import type { RegistrationFlowContainer } from "./flowContainer" import { replaceWindowFlowId } from "./internal" -import { OnSubmitHandlerProps } from "./submitHandler" +import type { OnSubmitHandlerProps } from "./submitHandler" import { handleFlowError } from "./sdk-helpers" import { flowHasErrors } from "./flowHasErrors" diff --git a/packages/elements-react/src/util/onSubmitSettings.test.ts b/packages/elements-react/src/util/onSubmitSettings.test.ts index ded44015e..84e219190 100644 --- a/packages/elements-react/src/util/onSubmitSettings.test.ts +++ b/packages/elements-react/src/util/onSubmitSettings.test.ts @@ -1,11 +1,11 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, SettingsFlow } from "@ory/client-fetch" -import { OryElementsConfiguration } from "../context" +import { FlowType, type SettingsFlow } from "@ory/client-fetch" +import type { OryElementsConfiguration } from "../context" import { onSubmitSettings } from "./onSubmitSettings" -import { OrySuccessEvent, OryValidationErrorEvent } from "./events" -import { OryFlowContainer } from "./flowContainer" +import type { OrySuccessEvent, OryValidationErrorEvent } from "./events" +import type { OryFlowContainer } from "./flowContainer" beforeEach(() => { jest.clearAllMocks() diff --git a/packages/elements-react/src/util/onSubmitSettings.ts b/packages/elements-react/src/util/onSubmitSettings.ts index 8b8251332..15f0a1781 100644 --- a/packages/elements-react/src/util/onSubmitSettings.ts +++ b/packages/elements-react/src/util/onSubmitSettings.ts @@ -6,14 +6,14 @@ import { handleContinueWith, isResponseError, loginUrl, - SettingsFlow, + type SettingsFlow, settingsUrl, - UpdateSettingsFlowBody, + type UpdateSettingsFlowBody, } from "@ory/client-fetch" -import { OryElementsConfiguration } from "../context" -import { OryFlowContainer } from "./flowContainer" +import type { OryElementsConfiguration } from "../context" +import type { OryFlowContainer } from "./flowContainer" import { replaceWindowFlowId } from "./internal" -import { OnSubmitHandlerProps } from "./submitHandler" +import type { OnSubmitHandlerProps } from "./submitHandler" import { handleFlowError } from "./sdk-helpers" import { flowHasErrors } from "./flowHasErrors" diff --git a/packages/elements-react/src/util/onSubmitVerification.test.ts b/packages/elements-react/src/util/onSubmitVerification.test.ts index 482c417e1..103027087 100644 --- a/packages/elements-react/src/util/onSubmitVerification.test.ts +++ b/packages/elements-react/src/util/onSubmitVerification.test.ts @@ -1,11 +1,11 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FlowType, VerificationFlow } from "@ory/client-fetch" -import { OryElementsConfiguration } from "../context" +import { FlowType, type VerificationFlow } from "@ory/client-fetch" +import type { OryElementsConfiguration } from "../context" import { onSubmitVerification } from "./onSubmitVerification" -import { OrySuccessEvent, OryValidationErrorEvent } from "./events" -import { OryFlowContainer } from "./flowContainer" +import type { OrySuccessEvent, OryValidationErrorEvent } from "./events" +import type { OryFlowContainer } from "./flowContainer" beforeEach(() => { jest.clearAllMocks() diff --git a/packages/elements-react/src/util/onSubmitVerification.ts b/packages/elements-react/src/util/onSubmitVerification.ts index d9618705f..f485847e0 100644 --- a/packages/elements-react/src/util/onSubmitVerification.ts +++ b/packages/elements-react/src/util/onSubmitVerification.ts @@ -3,14 +3,14 @@ import { FlowType, - UpdateVerificationFlowBody, - VerificationFlow, + type UpdateVerificationFlowBody, + type VerificationFlow, verificationUrl, } from "@ory/client-fetch" -import { OryElementsConfiguration } from "../context" -import { OryFlowContainer } from "./flowContainer" +import type { OryElementsConfiguration } from "../context" +import type { OryFlowContainer } from "./flowContainer" import { replaceWindowFlowId } from "./internal" -import { OnSubmitHandlerProps } from "./submitHandler" +import type { OnSubmitHandlerProps } from "./submitHandler" import { handleFlowError } from "./sdk-helpers" import { flowHasErrors } from "./flowHasErrors" diff --git a/packages/elements-react/src/util/sdk-helpers/__test__/continueWith.spec.ts b/packages/elements-react/src/util/sdk-helpers/__test__/continueWith.spec.ts index 9f1429a6e..959a74878 100644 --- a/packages/elements-react/src/util/sdk-helpers/__test__/continueWith.spec.ts +++ b/packages/elements-react/src/util/sdk-helpers/__test__/continueWith.spec.ts @@ -4,7 +4,7 @@ // continueWith.test.ts import { handleContinueWith } from "../continueWith" import { - ContinueWith, + type ContinueWith, ContinueWithRecoveryUiActionEnum, ContinueWithSetOrySessionTokenActionEnum, ContinueWithSettingsUiActionEnum, diff --git a/packages/elements-react/src/util/sdk-helpers/__test__/ui.spec.ts b/packages/elements-react/src/util/sdk-helpers/__test__/ui.spec.ts index 48edeadc1..8e4d82b0b 100644 --- a/packages/elements-react/src/util/sdk-helpers/__test__/ui.spec.ts +++ b/packages/elements-react/src/util/sdk-helpers/__test__/ui.spec.ts @@ -13,7 +13,7 @@ import { getNodeId, getNodeInputType, } from "../ui" -import { UiNode } from "@ory/client-fetch" +import type { UiNode } from "@ory/client-fetch" describe("getNodeLabel", () => { it("should return label from anchor attributes", () => { diff --git a/packages/elements-react/src/util/sdk-helpers/__test__/utils.spec.ts b/packages/elements-react/src/util/sdk-helpers/__test__/utils.spec.ts index ca7b7fde9..0ecfea22d 100644 --- a/packages/elements-react/src/util/sdk-helpers/__test__/utils.spec.ts +++ b/packages/elements-react/src/util/sdk-helpers/__test__/utils.spec.ts @@ -4,7 +4,7 @@ // utils.test.ts import { handleFlowError, toBody } from "../utils" import { FetchError, FlowType, ResponseError } from "@ory/client-fetch" -import { OryErrorEvent } from "../../events" +import type { OryErrorEvent } from "../../events" // Define the props type since it's not exported interface FlowErrorHandlerProps { diff --git a/packages/elements-react/src/util/sdk-helpers/continueWith.ts b/packages/elements-react/src/util/sdk-helpers/continueWith.ts index a1145876e..4c6c8fc36 100644 --- a/packages/elements-react/src/util/sdk-helpers/continueWith.ts +++ b/packages/elements-react/src/util/sdk-helpers/continueWith.ts @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { +import type { ContinueWith, ContinueWithRecoveryUi, ContinueWithSetOrySessionToken, diff --git a/packages/elements-react/src/util/sdk-helpers/error.ts b/packages/elements-react/src/util/sdk-helpers/error.ts index 9e5397024..0343c67d0 100644 --- a/packages/elements-react/src/util/sdk-helpers/error.ts +++ b/packages/elements-react/src/util/sdk-helpers/error.ts @@ -2,15 +2,15 @@ // SPDX-License-Identifier: Apache-2.0 import { - ErrorBrowserLocationChangeRequired, - ErrorFlowReplaced, - GenericError, - NeedsPrivilegedSessionError, + type ErrorBrowserLocationChangeRequired, + type ErrorFlowReplaced, + type GenericError, + type NeedsPrivilegedSessionError, ResponseError, - SelfServiceFlowExpiredError, + type SelfServiceFlowExpiredError, FetchError, - ErrorGeneric, - ContinueWith, + type ErrorGeneric, + type ContinueWith, } from "@ory/client-fetch" import type { GenericErrorContent } from "@ory/client-fetch/src/models/GenericErrorContent" diff --git a/packages/elements-react/src/util/sdk-helpers/ui.ts b/packages/elements-react/src/util/sdk-helpers/ui.ts index 68d679c0d..d74cf2c65 100644 --- a/packages/elements-react/src/util/sdk-helpers/ui.ts +++ b/packages/elements-react/src/util/sdk-helpers/ui.ts @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { +import type { UiNode, UiNodeAnchorAttributes, UiNodeImageAttributes, diff --git a/packages/elements-react/src/util/sdk-helpers/utils.ts b/packages/elements-react/src/util/sdk-helpers/utils.ts index 17dbfcbeb..e15faf411 100644 --- a/packages/elements-react/src/util/sdk-helpers/utils.ts +++ b/packages/elements-react/src/util/sdk-helpers/utils.ts @@ -4,11 +4,11 @@ import { FetchError, FlowType, - GenericError, + type GenericError, ResponseError, } from "@ory/client-fetch" -import { OryErrorHandler } from "../events" -import { OnRedirectHandler } from "./continueWith" +import type { OryErrorHandler } from "../events" +import type { OnRedirectHandler } from "./continueWith" import { isAddressNotVerified, isBrowserLocationChangeRequired, diff --git a/packages/elements-react/src/util/showToast.tsx b/packages/elements-react/src/util/showToast.tsx index 21ec5c095..cea6b05bd 100644 --- a/packages/elements-react/src/util/showToast.tsx +++ b/packages/elements-react/src/util/showToast.tsx @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { toast as sonnerToast } from "sonner" -import { OryToastProps } from "../components" +import type { OryToastProps } from "../components" export function showToast( toast: Omit, diff --git a/packages/elements-react/src/util/submitHandler.ts b/packages/elements-react/src/util/submitHandler.ts index bd763b35a..57f8d2568 100644 --- a/packages/elements-react/src/util/submitHandler.ts +++ b/packages/elements-react/src/util/submitHandler.ts @@ -1,7 +1,7 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { +import type { OnRedirectHandler, UpdateLoginFlowBody, UpdateRecoveryFlowBody, @@ -9,8 +9,8 @@ import { UpdateSettingsFlowBody, UpdateVerificationFlowBody, } from "@ory/client-fetch" -import { OryFlowContainer } from "./flowContainer" -import { +import type { OryFlowContainer } from "./flowContainer" +import type { OryErrorHandler, OrySuccessHandler, OryValidationErrorHandler, diff --git a/packages/elements-react/src/util/transientPayload.test.ts b/packages/elements-react/src/util/transientPayload.test.ts index cfe94dc83..81c736e0b 100644 --- a/packages/elements-react/src/util/transientPayload.test.ts +++ b/packages/elements-react/src/util/transientPayload.test.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { resolveTransientPayload } from "./transientPayload" -import { FormValues } from "../types" +import type { FormValues } from "../types" test("should return empty object when transientPayload is undefined", () => { const result = resolveTransientPayload(undefined, {}) diff --git a/packages/elements-react/src/util/transientPayload.ts b/packages/elements-react/src/util/transientPayload.ts index d3dfca6f2..a1734785e 100644 --- a/packages/elements-react/src/util/transientPayload.ts +++ b/packages/elements-react/src/util/transientPayload.ts @@ -1,7 +1,7 @@ // Copyright © 2026 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { FormValues } from "../types" +import type { FormValues } from "../types" /** * A transient payload value or factory function. diff --git a/packages/elements-react/src/util/ui/__test__/ui.spec.ts b/packages/elements-react/src/util/ui/__test__/ui.spec.ts index 6bbe932ca..a9b4d6c0c 100644 --- a/packages/elements-react/src/util/ui/__test__/ui.spec.ts +++ b/packages/elements-react/src/util/ui/__test__/ui.spec.ts @@ -5,7 +5,7 @@ import allMethodsInitialForm from "./.fixtures/initial-form.json" import omitHiddenInput from "./.fixtures/omit-hidden-input.json" import { useNodesGroups } from ".." -import { UiNode, UiNodeTypeEnum } from "@ory/client-fetch" +import { type UiNode, UiNodeTypeEnum } from "@ory/client-fetch" import { renderHook } from "@testing-library/react" import { UiNodeGroupEnum } from "@ory/client-fetch" diff --git a/packages/elements-react/src/util/ui/index.ts b/packages/elements-react/src/util/ui/index.ts index c66a2c78a..ea27d9ba1 100644 --- a/packages/elements-react/src/util/ui/index.ts +++ b/packages/elements-react/src/util/ui/index.ts @@ -4,7 +4,7 @@ import { isUiNodeInputAttributes, isUiNodeScriptAttributes, - UiNode, + type UiNode, } from "@ory/client-fetch" import type { @@ -15,7 +15,7 @@ import type { import { UiNodeGroupEnum } from "@ory/client-fetch" import { useMemo } from "react" import { useGroupSorter } from "../../context/component" -import { UiNodeInput } from "../utilFixSDKTypesHelper" +import type { UiNodeInput } from "../utilFixSDKTypesHelper" export function triggerToWindowCall( trigger: diff --git a/packages/elements-react/src/util/utilFixSDKTypesHelper.ts b/packages/elements-react/src/util/utilFixSDKTypesHelper.ts index 8acb76da9..daaf4ac58 100644 --- a/packages/elements-react/src/util/utilFixSDKTypesHelper.ts +++ b/packages/elements-react/src/util/utilFixSDKTypesHelper.ts @@ -1,7 +1,7 @@ // Copyright © 2026 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { +import type { UiNode, UiNodeAnchorAttributes, UiNodeDivisionAttributes, diff --git a/packages/elements-react/stories/components/error/error.stories.tsx b/packages/elements-react/stories/components/error/error.stories.tsx index 42255cef1..dd2390991 100644 --- a/packages/elements-react/stories/components/error/error.stories.tsx +++ b/packages/elements-react/stories/components/error/error.stories.tsx @@ -3,7 +3,7 @@ import { FlowErrorFromJSON } from "@ory/client-fetch" import type { Meta, StoryObj } from "@storybook/react" -import { Error, OryError } from "../../../src/theme/default" +import { Error, type OryError } from "../../../src/theme/default" import { config } from "../../utils" const errors: Record = { diff --git a/packages/elements-react/stories/components/settings/all-2fa.stories.ts b/packages/elements-react/stories/components/settings/all-2fa.stories.ts index 4a818d7f8..680fe3416 100644 --- a/packages/elements-react/stories/components/settings/all-2fa.stories.ts +++ b/packages/elements-react/stories/components/settings/all-2fa.stories.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { SettingsFlowFromJSON } from "@ory/client-fetch" -import { Meta, StoryObj } from "@storybook/react" +import type { Meta, StoryObj } from "@storybook/react" import { config } from "../../utils" import { Settings } from "../../../src/theme/default" diff --git a/packages/elements-react/stories/components/settings/all.stories.tsx b/packages/elements-react/stories/components/settings/all.stories.tsx index c399f1321..050b73df8 100644 --- a/packages/elements-react/stories/components/settings/all.stories.tsx +++ b/packages/elements-react/stories/components/settings/all.stories.tsx @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { SettingsFlowFromJSON } from "@ory/client-fetch" -import { Meta, StoryObj } from "@storybook/react" +import type { Meta, StoryObj } from "@storybook/react" import { config } from "../../utils" import { Settings } from "../../../src/theme/default" diff --git a/packages/elements-react/stories/components/settings/lookup_secrets.stories.ts b/packages/elements-react/stories/components/settings/lookup_secrets.stories.ts index 8496916f0..bd8f8964e 100644 --- a/packages/elements-react/stories/components/settings/lookup_secrets.stories.ts +++ b/packages/elements-react/stories/components/settings/lookup_secrets.stories.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { SettingsFlowFromJSON } from "@ory/client-fetch" -import { Meta, StoryObj } from "@storybook/react" +import type { Meta, StoryObj } from "@storybook/react" import { config } from "../../utils" import { Settings } from "../../../src/theme/default" diff --git a/packages/elements-react/stories/components/settings/oidc.stories.ts b/packages/elements-react/stories/components/settings/oidc.stories.ts index e2c105db3..2433e2c90 100644 --- a/packages/elements-react/stories/components/settings/oidc.stories.ts +++ b/packages/elements-react/stories/components/settings/oidc.stories.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { SettingsFlowFromJSON } from "@ory/client-fetch" -import { Meta, StoryObj } from "@storybook/react" +import type { Meta, StoryObj } from "@storybook/react" import { config } from "../../utils" import { Settings } from "../../../src/theme/default" diff --git a/packages/elements-react/stories/components/settings/passkey.stories.ts b/packages/elements-react/stories/components/settings/passkey.stories.ts index 88dd69549..a0c7d7e8e 100644 --- a/packages/elements-react/stories/components/settings/passkey.stories.ts +++ b/packages/elements-react/stories/components/settings/passkey.stories.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { SettingsFlowFromJSON } from "@ory/client-fetch" -import { Meta, StoryObj } from "@storybook/react" +import type { Meta, StoryObj } from "@storybook/react" import { config } from "../../utils" import { Settings } from "../../../src/theme/default" diff --git a/packages/elements-react/stories/components/settings/saml.stories.ts b/packages/elements-react/stories/components/settings/saml.stories.ts index 7a3a61405..77ade6bed 100644 --- a/packages/elements-react/stories/components/settings/saml.stories.ts +++ b/packages/elements-react/stories/components/settings/saml.stories.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { SettingsFlowFromJSON } from "@ory/client-fetch" -import { Meta, StoryObj } from "@storybook/react" +import type { Meta, StoryObj } from "@storybook/react" import { config } from "../../utils" import { Settings } from "../../../src/theme/default" diff --git a/packages/elements-react/stories/components/settings/totp.stories.ts b/packages/elements-react/stories/components/settings/totp.stories.ts index 512fc852e..b2f83fc85 100644 --- a/packages/elements-react/stories/components/settings/totp.stories.ts +++ b/packages/elements-react/stories/components/settings/totp.stories.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { SettingsFlowFromJSON } from "@ory/client-fetch" -import { Meta, StoryObj } from "@storybook/react" +import type { Meta, StoryObj } from "@storybook/react" import { config } from "../../utils" import { Settings } from "../../../src/theme/default" diff --git a/packages/elements-react/stories/components/settings/webauthn.stories.ts b/packages/elements-react/stories/components/settings/webauthn.stories.ts index 6697f7f2a..c9f91d5ce 100644 --- a/packages/elements-react/stories/components/settings/webauthn.stories.ts +++ b/packages/elements-react/stories/components/settings/webauthn.stories.ts @@ -2,7 +2,7 @@ // SPDX-License-Identifier: Apache-2.0 import { SettingsFlowFromJSON } from "@ory/client-fetch" -import { Meta, StoryObj } from "@storybook/react" +import type { Meta, StoryObj } from "@storybook/react" import { config } from "../../utils" import { Settings } from "../../../src/theme/default" diff --git a/packages/elements-react/stories/utils.ts b/packages/elements-react/stories/utils.ts index 48bafa085..2a4399568 100644 --- a/packages/elements-react/stories/utils.ts +++ b/packages/elements-react/stories/utils.ts @@ -1,12 +1,12 @@ // Copyright © 2024 Ory Corp // SPDX-License-Identifier: Apache-2.0 -import { OryClientConfiguration } from "@ory/elements-react" +import type { OryClientConfiguration } from "@ory/elements-react" import { - LoginFlow, + type LoginFlow, LoginFlowFromJSON, - RegistrationFlow, - SettingsFlow, + type RegistrationFlow, + type SettingsFlow, UiNodeGroupEnum, } from "@ory/client-fetch" import { LoginFlowActiveEnum } from "@ory/client-fetch/src/models/LoginFlow" diff --git a/packages/elements-react/tsconfig.json b/packages/elements-react/tsconfig.json index f4c6b6bff..973245c4e 100644 --- a/packages/elements-react/tsconfig.json +++ b/packages/elements-react/tsconfig.json @@ -4,6 +4,7 @@ "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "isolatedModules": true, + "verbatimModuleSyntax": true, "moduleResolution": "Bundler", "module": "ESNext", "preserveWatchOutput": true,