\n \n {text}\n \n
\n \n {title}\n
\n\n {config.project.name}\n
\n )\n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { OryCardProps } from \"@ory/elements-react\"\nimport { Badge } from \"./badge\"\nimport { DefaultCardContent } from \"./content\"\nimport { DefaultCardFooter } from \"./footer\"\nimport { DefaultCardHeader } from \"./header\"\nimport { DefaultCardLogo } from \"./logo\"\nimport { DefaultCurrentIdentifierButton } from \"./current-identifier-button\"\nimport { ComponentPropsWithoutRef } from \"react\"\nimport { cn } from \"../../utils/cn\"\n\n/**\n * The DefaultCard component is a styled container that serves as the main card layout for Ory Elements.\n *\n * @param props - The properties for the DefaultCard component.\n * @returns\n * @group Components\n * @category Default Components\n */\nexport function DefaultCard({\n children,\n className,\n ...rest\n}: OryCardProps & ComponentPropsWithoutRef<\"div\">) {\n return (\n\n
\n )\n}\n\nexport {\n DefaultCardContent,\n DefaultCardFooter,\n DefaultCardHeader,\n DefaultCardLogo,\n DefaultCurrentIdentifierButton,\n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { PropsWithChildren } from \"react\"\nimport { cn } from \"../../utils/cn\"\nimport { useIntl } from \"react-intl\"\nimport {\n messageTestId,\n OryFormRootProps,\n uiTextToFormattedMessage,\n useOryFlow,\n} from \"@ory/elements-react\"\nimport { OryMessageContentProps } from \"@ory/elements-react\"\nimport { FlowType } from \"@ory/client-fetch\"\n\n/**\n * The default form container for Ory Elements.\n *\n * @param props - The properties for the DefaultFormContainer component.\n * @returns\n * @group Components\n * @category Default Components\n */\nexport function DefaultFormContainer({\n children,\n onSubmit,\n action,\n method,\n}: PropsWithChildren\n
\n \n {children}\n
\n \n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { OryNodeImageProps } from \"@ory/elements-react\"\nimport { omitInputAttributes } from \"../../../../util/omitAttributes\"\n\nexport function DefaultImage({ attributes, node }: OryNodeImageProps) {\n return (\n
\n {label && (\n \n \n {uiTextToFormattedMessage(label, intl)}\n \n \n {intl.formatMessage({ id: \"identities.messages.1070008\" })}\n \n )}\n \n )}\n {children}\n {node.messages.map((message) => (\n
\n )\n}\n\ntype LabelActionProps = {\n attributes: UiNodeInputAttributes\n}\n\nfunction LabelAction({ attributes }: LabelActionProps) {\n const intl = useIntl()\n const { flowType, flow, formState } = useOryFlow()\n const config = useOryConfiguration()\n\n const action = useMemo(() => {\n if (flowType === FlowType.Login && config.project.recovery_enabled) {\n if (formState.current === \"provide_identifier\" && !flow.refresh) {\n if (attributes.name === \"identifier\") {\n return {\n message: intl.formatMessage({\n id: \"forms.label.recover-account\",\n defaultMessage: \"Recover Account\",\n }),\n href: initFlowUrl(config.sdk.url, \"recovery\", flow),\n }\n }\n } else if (attributes.type === \"password\") {\n return {\n message: intl.formatMessage({\n id: \"forms.label.forgot-password\",\n defaultMessage: \"Forgot password?\",\n }),\n href: initFlowUrl(config.sdk.url, \"recovery\", flow),\n }\n }\n }\n }, [\n attributes,\n config.project.recovery_enabled,\n flow,\n flowType,\n intl,\n config.sdk.url,\n formState,\n ])\n\n return action ? (\n \n \n
\n )}\n \n )\n})\nInputOTPSlot.displayName = \"InputOTPSlot\"\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot }\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n OryFormSectionContentProps,\n OryFormSectionFooterProps,\n OryFormSectionProps,\n} from \"@ory/elements-react\"\nimport { cn } from \"../../utils/cn\"\n\nconst DefaultFormSection = ({\n children,\n nodes: _nodes,\n ...rest\n}: OryFormSectionProps) => {\n return (\n \n
\n )\n}\n\nconst DefaultFormSectionFooter = ({\n children,\n text,\n}: OryFormSectionFooterProps) => {\n return (\n \n
\n {children}\n \n {title}\n
\n \n {description}\n \n\n {node.meta.label\n ? uiTextToFormattedMessage(node.meta.label, intl)\n : \"\"}\n
\n {lookup.map((text: UiText, index) => (\n{text ? uiTextToFormattedMessage(text, intl) : \"\"}\n \n ))}\n \n )\n }\n\n return (\n <>\n \n
\n )\n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LogoutFlow, Session } from \"@ory/client-fetch\"\nimport { useOryConfiguration } from \"@ory/elements-react\"\nimport { DropdownMenuLabel } from \"@radix-ui/react-dropdown-menu\"\nimport IconLogout from \"../../assets/icons/logout.svg\"\nimport IconSettings from \"../../assets/icons/settings.svg\"\nimport { useClientLogout } from \"../../utils/logout\"\nimport { getUserInitials } from \"../../utils/user\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"./dropdown-menu\"\nimport { UserAvatar } from \"./user-avater\"\n\ntype UserMenuProps = {\n session: Session | null\n logoutFlow?: LogoutFlow\n}\n\nexport const UserMenu = ({ session }: UserMenuProps) => {\n const config = useOryConfiguration()\n const initials = getUserInitials(session)\n const { logoutFlow } = useClientLogout(config)\n\n return (\n \n
\n \n
\n\n {returnUrl && (\n \n
\n \n \n
\n )}\n \n
\n \n {initials.primary}\n
\n {initials.secondary && (\n \n {initials.secondary}\n
\n )}\n \n {initials.avatar ? (\n
\n \n )\n },\n)\nUserAvatar.displayName = \"UserAvatar\"\n","import * as React from \"react\";\nconst SvgUser = props => ;\nexport default SvgUser;","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { UiNode, UiNodeInputAttributes } from \"@ory/client-fetch\"\nimport { OrySettingsSsoProps } from \"@ory/elements-react\"\nimport { useEffect } from \"react\"\nimport { useFormContext } from \"react-hook-form\"\nimport { useDebounceValue } from \"usehooks-ts\"\nimport Trash from \"../../assets/icons/trash.svg\"\nimport logos from \"../../provider-logos\"\nimport { DefaultHorizontalDivider } from \"../form/horizontal-divider\"\nimport { DefaultButtonSocial, extractProvider, GenericLogo } from \"../form/sso\"\nimport { Spinner } from \"../form/spinner\"\nimport { omitInputAttributes } from \"../../../../util/omitAttributes\"\n\nexport function DefaultSettingsOidc({\n linkButtons,\n unlinkButtons,\n}: OrySettingsSsoProps) {\n const hasLinkButtons = linkButtons.length > 0\n const hasUnlinkButtons = unlinkButtons.length > 0\n\n return (\n \n {hasLinkButtons && (\n
\n )\n}\n\ntype UnlinkRowProps = {\n button: UiNode & { onClick: () => void }\n}\n\nfunction UnlinkRow({ button }: UnlinkRowProps) {\n // Safari cancels form submission events, if we do a state update in the same tick\n // so we delay the state update by 100ms\n const [clicked, setClicked] = useDebounceValue(false, 100)\n const {\n formState: { isSubmitting },\n } = useFormContext()\n const attrs = button.attributes as UiNodeInputAttributes\n const provider = extractProvider(button.meta.label?.context) ?? \"\"\n const Logo = logos[(attrs.value as string).split(\"-\")[0]]\n\n const localOnClick = () => {\n button.onClick()\n setClicked(true)\n }\n\n useEffect(() => {\n if (!isSubmitting) {\n setClicked(false)\n }\n }, [isSubmitting, setClicked])\n\n return (\n \n {linkButtons.map((button) => {\n const attrs = button.attributes as UiNodeInputAttributes\n\n return (\n
\n )}\n {hasUnlinkButtons && hasLinkButtons ? \n \n {clicked ? (\n
\n )\n}\n","import * as React from \"react\";\nconst SvgTrash = props => ;\nexport default SvgTrash;","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { UiNodeInputAttributes } from \"@ory/client-fetch\"\nimport { OrySettingsPasskeyProps, useComponents } from \"@ory/elements-react\"\nimport Passkey from \"../../assets/icons/passkey.svg\"\nimport Trash from \"../../assets/icons/trash.svg\"\nimport { DefaultHorizontalDivider } from \"../form/horizontal-divider\"\nimport { useFormContext } from \"react-hook-form\"\nimport { Spinner } from \"../form/spinner\"\n\nexport function DefaultSettingsPasskey({\n triggerButton,\n removeButtons,\n}: OrySettingsPasskeyProps) {\n const {\n formState: { isSubmitting },\n } = useFormContext()\n const { Node } = useComponents()\n\n const hasRemoveButtons = removeButtons.length > 0\n\n return (\n \n {Logo ? (\n
\n \n {provider}\n
\n\n
\n ) : null}\n \n )\n}\n","import * as React from \"react\";\nconst SvgDownload = props => ;\nexport default SvgDownload;","import * as React from \"react\";\nconst SvgRefresh = props => ;\nexport default SvgRefresh;","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { UiNodeInputAttributes } from \"@ory/client-fetch\"\nimport { OrySettingsRecoveryCodesProps } from \"@ory/elements-react\"\nimport Download from \"../../assets/icons/download.svg\"\nimport Eye from \"../../assets/icons/eye.svg\"\nimport Refresh from \"../../assets/icons/refresh.svg\"\nimport { DefaultHorizontalDivider } from \"../form/horizontal-divider\"\nimport { useFormContext } from \"react-hook-form\"\n\nexport function DefaultSettingsRecoveryCodes({\n codes,\n regnerateButton,\n revealButton,\n onRegenerate,\n onReveal,\n}: OrySettingsRecoveryCodesProps) {\n const {\n formState: { isSubmitting },\n } = useFormContext()\n const onDownload = () => {\n const element = document.createElement(\"a\")\n const file = new Blob([codes.join(\"\\n\")], {\n type: \"text/plain\",\n })\n element.href = URL.createObjectURL(file)\n element.download = \"recovery-codes.txt\"\n document.body.appendChild(element)\n element.click()\n }\n\n const hasCodes = codes.length >= 1\n\n return (\n \n {triggerButton && (\n
\n {hasRemoveButtons ? (\n \n
\n \n {removeButtons.map((node, i) => {\n const context = node.meta.label?.context ?? {}\n const addedAt =\n \"added_at\" in context ? (context.added_at as string) : null\n const displayName =\n \"display_name\" in context\n ? (context.display_name as string)\n : null\n const keyId =\n \"value\" in node.attributes ? node.attributes.value : null\n\n return (\n \n \n {isSubmitting ? (\n
\n )\n })}\n \n
\n \n
\n \n
\n {addedAt && (\n \n {displayName}\n
\n \n {keyId}\n \n\n {new Intl.DateTimeFormat(undefined, {\n dateStyle: \"long\",\n }).format(new Date(addedAt))}\n
\n )}\n\n {codes.length > 0 &&
\n ) : null}\n \n )\n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n UiNodeImageAttributes,\n UiNodeInputAttributes,\n UiNodeTextAttributes,\n} from \"@ory/client-fetch\"\nimport { OrySettingsTotpProps, useComponents } from \"@ory/elements-react\"\nimport QrCode from \"../../assets/icons/qrcode.svg\"\nimport Trash from \"../../assets/icons/trash.svg\"\nimport { DefaultHorizontalDivider } from \"../form/horizontal-divider\"\nimport { useFormContext } from \"react-hook-form\"\nimport { Spinner } from \"../form/spinner\"\nimport { defaultInputClassName } from \"../form/input\"\n\nexport function DefaultSettingsTotp({\n totpImage,\n totpInput,\n totpSecret,\n totpUnlink,\n onUnlink,\n}: OrySettingsTotpProps) {\n const { Node, Card } = useComponents()\n const {\n formState: { isSubmitting },\n } = useFormContext()\n if (totpUnlink) {\n const {\n type,\n autocomplete: _ignoredAutocomplete,\n label: _ignoredLabel,\n node_type: _ignoredNodeType,\n ...buttonAttrs\n } = totpUnlink.attributes as UiNodeInputAttributes\n\n return (\n \n \n {revealButton && \"Reveal recovery codes\"}\n \n
\n {hasCodes ? (\n \n {regnerateButton && codes.length > 0 && (\n \n \n \n
\n \n \n {codes.map((code) => (\n
\n {code}
\n ))}\n\n
\n )\n }\n\n if (totpImage && totpSecret && totpInput) {\n return (\n \n
\n \n \n {isSubmitting ? (\n
\n \n
\n \n
\n \n Authenticator app\n
\n\n
\n )\n }\n}\n","import * as React from \"react\";\nconst SvgQrcode = props => ;\nexport default SvgQrcode;","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { UiNodeInputAttributes } from \"@ory/client-fetch\"\nimport { OrySettingsWebauthnProps, useComponents } from \"@ory/elements-react\"\nimport Key from \"../../assets/icons/key.svg\"\nimport Trash from \"../../assets/icons/trash.svg\"\nimport { useFormContext } from \"react-hook-form\"\nimport { Spinner } from \"../form/spinner\"\n\nexport function DefaultSettingsWebauthn({\n nameInput,\n triggerButton,\n removeButtons,\n}: OrySettingsWebauthnProps) {\n const {\n formState: { isSubmitting },\n } = useFormContext()\n const { Node, Card } = useComponents()\n const hasRemoveButtons = removeButtons.length > 0\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n
\n ) : null}\n \n )\n}\n","import * as React from \"react\";\nconst SvgKey = props => ;\nexport default SvgKey;","// Copyright © 2025 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { PropsWithChildren } from \"react\"\n\nexport function DefaultAuthMethodListContainer({\n children,\n}: PropsWithChildren) {\n return \n
\n {hasRemoveButtons ? (\n \n \n
\n {triggerButton ? (\n \n
\n \n {removeButtons.map((node, i) => {\n const context = node.meta.label?.context ?? {}\n const addedAt =\n \"added_at\" in context ? (context.added_at as string) : null\n const displayName =\n \"display_name\" in context\n ? (context.display_name as string)\n : null\n const keyId =\n \"value\" in node.attributes ? node.attributes.value : null\n\n return (\n \n \n {isSubmitting ? (\n
\n )\n })}\n \n
\n \n
\n \n
\n {addedAt && (\n \n {displayName}\n
\n \n {keyId}\n \n\n {new Intl.DateTimeFormat(undefined, {\n dateStyle: \"long\",\n }).format(new Date(addedAt))}\n
\n )}\n{children}
\n}\n","// Copyright © 2025 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport { isUiNodeInputAttributes } from \"@ory/client-fetch\"\nimport { Turnstile, TurnstileInstance } from \"@marsidev/react-turnstile\"\nimport { useEffect, useRef } from \"react\"\nimport { useFormContext } from \"react-hook-form\"\nimport { DefaultInput } from \"./input\"\nimport { OryNodeCaptchaProps } from \"@ory/elements-react\"\n\ntype Config = {\n sitekey: string\n action: string\n theme: \"auto\" | \"light\" | \"dark\"\n response_field_name: string\n}\n\nexport const DefaultCaptcha = ({ node }: OryNodeCaptchaProps) => {\n const { setValue, formState } = useFormContext()\n const ref = useRef\n {messageText}\n
\n \n )\n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n OryFlowComponentOverrides,\n OryFlowComponents,\n} from \"@ory/elements-react\"\nimport {\n DefaultCard,\n DefaultCardContent,\n DefaultCardFooter,\n DefaultCardHeader,\n DefaultCardLogo,\n} from \"./card\"\nimport { DefaultAuthMethodListItem } from \"./card/auth-method-list-item\"\nimport {\n DefaultFormContainer,\n DefaultMessage,\n DefaultMessageContainer,\n} from \"./form\"\nimport { DefaultButton } from \"./form/button\"\nimport { DefaultCheckbox } from \"./form/checkbox\"\nimport { DefaultGroupContainer } from \"./form/group-container\"\nimport { DefaultHorizontalDivider } from \"./form/horizontal-divider\"\nimport { DefaultImage } from \"./form/image\"\nimport { DefaultInput } from \"./form/input\"\nimport { DefaultLabel } from \"./form/label\"\nimport { DefaultLinkButton } from \"./form/link-button\"\nimport { DefaultPinCodeInput } from \"./form/pin-code-input\"\nimport {\n DefaultFormSection,\n DefaultFormSectionContent,\n DefaultFormSectionFooter,\n} from \"./form/section\"\nimport { DefaultButtonSocial, DefaultSocialButtonContainer } from \"./form/sso\"\nimport { DefaultText } from \"./form/text\"\nimport { DefaultPageHeader } from \"./generic/page-header\"\nimport { DefaultSettingsOidc } from \"./settings/settings-oidc\"\nimport { DefaultSettingsPasskey } from \"./settings/settings-passkey\"\nimport { DefaultSettingsRecoveryCodes } from \"./settings/settings-recovery-codes\"\nimport { DefaultSettingsTotp } from \"./settings/settings-totp\"\nimport { DefaultSettingsWebauthn } from \"./settings/settings-webauthn\"\nimport { DefaultAuthMethodListContainer } from \"./card/auth-method-list-container\"\nimport { DefaultCaptcha } from \"./form/captcha\"\nimport { DefaultConsentScopeCheckbox } from \"./form/consent-scope-checkbox\"\nimport { DefaultToast } from \"./generic/toast\"\n\n/**\n * Merges the default Ory components with any provided overrides.\n *\n * The output of this function is a complete set of components that can be used in Ory flows.\n *\n * @param overrides - Optional overrides for the default components.\n * @returns\n *\n * @category Utilities\n */\nexport function getOryComponents(\n overrides?: OryFlowComponentOverrides,\n): OryFlowComponents {\n // Yes, this could probably be easier by using lodash or a custom merge function.\n // But, this makes it very explicit what can be overridden, and does not introduce issues with merging nested fields.\n return {\n Card: {\n Root: overrides?.Card?.Root ?? DefaultCard,\n Footer: overrides?.Card?.Footer ?? DefaultCardFooter,\n Header: overrides?.Card?.Header ?? DefaultCardHeader,\n Content: overrides?.Card?.Content ?? DefaultCardContent,\n Logo: overrides?.Card?.Logo ?? DefaultCardLogo,\n Divider: overrides?.Card?.Divider ?? DefaultHorizontalDivider,\n AuthMethodListContainer:\n overrides?.Card?.AuthMethodListContainer ??\n DefaultAuthMethodListContainer,\n AuthMethodListItem:\n overrides?.Card?.AuthMethodListItem ?? DefaultAuthMethodListItem,\n SettingsSection: overrides?.Card?.SettingsSection ?? DefaultFormSection,\n SettingsSectionContent:\n overrides?.Card?.SettingsSectionContent ?? DefaultFormSectionContent,\n SettingsSectionFooter:\n overrides?.Card?.SettingsSectionFooter ?? DefaultFormSectionFooter,\n },\n Node: {\n Button: overrides?.Node?.Button ?? DefaultButton,\n SsoButton: overrides?.Node?.SsoButton ?? DefaultButtonSocial,\n Input: overrides?.Node?.Input ?? DefaultInput,\n CodeInput: overrides?.Node?.CodeInput ?? DefaultPinCodeInput,\n Image: overrides?.Node?.Image ?? DefaultImage,\n Label: overrides?.Node?.Label ?? DefaultLabel,\n Checkbox: overrides?.Node?.Checkbox ?? DefaultCheckbox,\n Text: overrides?.Node?.Text ?? DefaultText,\n Anchor: overrides?.Node?.Anchor ?? DefaultLinkButton,\n Captcha: overrides?.Node?.Captcha ?? DefaultCaptcha,\n ConsentScopeCheckbox:\n overrides?.Node?.ConsentScopeCheckbox ?? DefaultConsentScopeCheckbox,\n },\n Form: {\n Root: overrides?.Form?.Root ?? DefaultFormContainer,\n Group: overrides?.Form?.Group ?? DefaultGroupContainer,\n SsoRoot: overrides?.Form?.SsoRoot ?? DefaultSocialButtonContainer,\n RecoveryCodesSettings:\n overrides?.Form?.RecoveryCodesSettings ?? DefaultSettingsRecoveryCodes,\n TotpSettings: overrides?.Form?.TotpSettings ?? DefaultSettingsTotp,\n SsoSettings: overrides?.Form?.SsoSettings ?? DefaultSettingsOidc,\n WebauthnSettings:\n overrides?.Form?.WebauthnSettings ?? DefaultSettingsWebauthn,\n PasskeySettings:\n overrides?.Form?.PasskeySettings ?? DefaultSettingsPasskey,\n },\n Message: {\n Root: overrides?.Message?.Root ?? DefaultMessageContainer,\n Content: overrides?.Message?.Content ?? DefaultMessage,\n Toast: overrides?.Message?.Toast ?? DefaultToast,\n },\n Page: {\n Header: overrides?.Page?.Header ?? DefaultPageHeader,\n },\n }\n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\n\"use client\"\nimport {\n FlowError,\n GenericError,\n instanceOfFlowError,\n instanceOfGenericError,\n Session,\n} from \"@ory/client-fetch\"\nimport {\n OryClientConfiguration,\n OryConfigurationProvider,\n OryFlowComponentOverrides,\n useOryConfiguration,\n} from \"@ory/elements-react\"\nimport { useMemo } from \"react\"\nimport { FormattedMessage } from \"react-intl\"\nimport { IntlProvider } from \"../../../context/intl-context\"\nimport { DefaultCard } from \"../components\"\nimport { DefaultHorizontalDivider } from \"../components/form/horizontal-divider\"\nimport { useClientLogout } from \"../utils/logout\"\n\n/**\n * A union type of all possible errors that can be returned by the Ory SDK.\n * @hidden\n * @inline\n */\nexport type OryError = FlowError | OAuth2Error | { error: GenericError }\n\n/**\n * An OAuth2 error response.\n * @hidden\n * @inline\n */\nexport type OAuth2Error = {\n error: string\n error_description: string\n}\n\nfunction isOAuth2Error(error: unknown): error is OAuth2Error {\n return (\n !!error &&\n typeof error === \"object\" &&\n \"error\" in error &&\n \"error_description\" in error\n )\n}\n\n/**\n * Props for the Error component.\n *\n * @inline\n * @hidden\n */\nexport type ErrorFlowContextProps = {\n /**\n * The error object returned by the Ory SDK.\n * This can be a FlowError, OAuth2Error, or a GenericError.\n */\n error: OryError\n /**\n * The components to override the default ones.\n * This allows you to customize the appearance and behavior of the error flow.\n */\n components?: OryFlowComponentOverrides\n /**\n * The Ory client configuration object.\n * This object contains the configuration for the Ory client, such as the base URL and project information.\n */\n config: OryClientConfiguration\n /**\n * The session object, if available.\n * This is used to determine if the user is logged in and to provide appropriate actions.\n */\n session?: Session\n}\n\nconst errorDescriptions: Record\n
\n \n \n
\n
\n \n
\n \n {parsed.message ?? description}\n
\n {parsed.reason && (\n\n {parsed.reason}\n
\n )}\n\n \n
\n
\n\n \n
\n \n
{session ?
\n \n \n
\n \n \n ID: {parsed.id}\n
\n Time: {parsed.timestamp?.toUTCString()}\n
\n Message: {parsed.reason}\n
\n {\n const text = `${parsed.id ? `ID: ${parsed.id}` : \"\"}\nTime: ${parsed.timestamp?.toUTCString()}\n${parsed.reason ? `Message: ${parsed.reason}` : \"\"}\n`\n void navigator.clipboard.writeText(text)\n }}\n >\n
\n \n {project.name}\n
\n )\n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\n\"use client\"\nimport { FlowType, LoginFlow } from \"@ory/client-fetch\"\nimport {\n OryClientConfiguration,\n OryFlowComponentOverrides,\n OryProvider,\n OrySelfServiceFlowCard,\n} from \"@ory/elements-react\"\nimport { getOryComponents } from \"../components\"\n\n/**\n * Props for the Login component.\n *\n * @inline\n * @hidden\n */\nexport type LoginFlowContextProps = {\n /**\n * The login flow object containing the state and data for the login process.\n */\n flow: LoginFlow\n /**\n * Optional components to override the default ones.\n *\n * This allows you to customize the appearance and behavior of the login flow.\n */\n components?: OryFlowComponentOverrides\n /**\n * The Ory client configuration object.\n *\n * This object contains the configuration for the Ory client, such as the base URL and other settings.\n */\n config: OryClientConfiguration\n\n /**\n * Optional children to render\n *\n * If not provided, the default OrySelfServiceFlowCard will be rendered.\n */\n children?: React.ReactNode\n}\n\n/**\n * The `Login` component is used to render the login flow in Ory Elements.\n *\n * It provides the necessary context and components for the login flow, allowing you to customize the appearance and behavior of the login form.\n *\n * @param props - The props for the Login component.\n * @group Components\n * @category Flows\n */\nexport function Login({\n flow,\n config,\n children,\n components: flowOverrideComponents,\n}: LoginFlowContextProps) {\n const components = getOryComponents(flowOverrideComponents)\n return (\n\n
\n )}\n \n )\n}\n","// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\n\"use client\"\nimport { FlowType, VerificationFlow } from \"@ory/client-fetch\"\nimport {\n OryClientConfiguration,\n OryFlowComponentOverrides,\n OryProvider,\n OrySelfServiceFlowCard,\n} from \"@ory/elements-react\"\nimport { getOryComponents } from \"../components\"\n\n/**\n * Props for the Verification component.\n *\n * @inline\n * @hidden\n */\nexport type VerificationFlowContextProps = {\n /**\n * The verification flow object containing the state and data for the verification process.\n */\n flow: VerificationFlow\n /**\n * Optional components to override the default ones.\n *\n * This allows you to customize the appearance and behavior of the verification flow.\n */\n components?: OryFlowComponentOverrides\n /**\n * The Ory client configuration object.\n *\n * This object contains the configuration for the Ory client, such as the base URL and other settings.\n */\n config: OryClientConfiguration\n /**\n * Optional children to render\n *\n * If not provided, the default OrySelfServiceFlowCard will be rendered.\n */\n children?: React.ReactNode\n}\n\n/**\n * The `Verification` component is used to render the verification flow in Ory Elements.\n *\n * It provides the necessary context and components for the verification flow, allowing you to customize the appearance and behavior of the verification form.\n *\n * @param props - The props for the Verification component.\n * @group Components\n * @category Flows\n */\nexport function Verification({\n flow,\n config,\n children,\n components: flowOverrideComponents,\n}: VerificationFlowContextProps) {\n const components = getOryComponents(flowOverrideComponents)\n return (\n \n
\n