@clerk/elements 0.23.58 → 0.23.59

package/dist/react/common/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/react/common/index.ts","../../../src/react/common/form/field.tsx","../../../src/internals/machines/form/form.context.ts","../../../src/internals/machines/form/form.machine.ts","../../../src/internals/errors/index.ts","../../../src/internals/utils/inspector/index.ts","../../../src/react/common/form/hooks/use-field-feedback.ts","../../../src/react/common/form/hooks/use-field.ts","../../../src/react/common/form/hooks/use-field-context.ts","../../../src/react/common/form/types.ts","../../../src/react/common/form/hooks/use-field-state.ts","../../../src/react/common/form/hooks/use-global-errors.ts","../../../src/react/common/form/hooks/use-input.tsx","../../../src/react/hooks/use-password.hook.ts","../../../src/react/utils/generate-password-error-text.ts","../../../src/react/common/form/otp.tsx","../../../src/react/common/form/utils/enrich-field-state.ts","../../../src/react/common/form/utils/determine-input-type-from-name.ts","../../../src/react/common/form/hooks/use-previous.ts","../../../src/react/common/form/hooks/use-validity-state-context.ts","../../../src/react/common/form/field-error.tsx","../../../src/react/utils/is-react-fragment.ts","../../../src/react/common/form/field-state.tsx","../../../src/react/common/form/global-error.tsx","../../../src/react/common/form/input.tsx","../../../src/react/utils/create-context-from-actor-ref.ts","../../../src/react/sign-in/context/router.context.ts","../../../src/react/common/form/label.tsx","../../../src/react/common/form/submit.tsx","../../../src/react/common/connections.tsx","../../../src/react/hooks/use-third-party-provider.hook.ts","../../../src/utils/third-party-strategies.ts","../../../src/utils/clerk-js.ts","../../../src/react/sign-up/context/router.context.ts","../../../src/react/common/loading.tsx","../../../src/react/hooks/use-loading.hook.ts","../../../src/react/sign-in/step.tsx","../../../src/react/sign-up/step.tsx","../../../src/react/utils/map-scope-to-strategy.ts","../../../src/react/common/link.tsx"],"sourcesContent":["// Mark as a client-only package. This will error if you try to import it in a React Server Component.\nimport 'client-only';\n\nexport { Field, FieldError, FieldState, GlobalError, Input, Label, Submit } from '~/react/common/form';\nexport { Connection, Icon } from '~/react/common/connections';\nexport { Loading } from '~/react/common/loading';\nexport { Link } from '~/react/common/link';\n\nexport type {\n  FormFieldErrorProps,\n  FormErrorProps,\n  FormErrorRenderProps,\n  FormFieldProps,\n  FormGlobalErrorProps,\n  FormInputProps,\n  FormProps,\n  FormSubmitProps,\n} from '~/react/common/form';\nexport type { ConnectionProps, IconProps } from '~/react/common/connections';\nexport type { OTPInputSegmentStatus } from '~/react/common/form/otp';\n","import type { Autocomplete } from '@clerk/types';\nimport type { FormFieldProps as RadixFormFieldProps } from '@radix-ui/react-form';\nimport { Field as RadixField, ValidityState as RadixValidityState } from '@radix-ui/react-form';\nimport * as React from 'react';\n\nimport { useFormStore } from '~/internals/machines/form/form.context';\n\nimport { FieldContext, useField, useFieldState, ValidityStateContext } from './hooks';\nimport type { ClerkFieldId, FieldStates } from './types';\nimport { enrichFieldState } from './utils';\n\nconst DISPLAY_NAME = 'ClerkElementsField';\nconst DISPLAY_NAME_INNER = 'ClerkElementsFieldInner';\n\ntype FormFieldElement = React.ElementRef<typeof RadixField>;\nexport type FormFieldProps = Omit<RadixFormFieldProps, 'children'> & {\n  name: Autocomplete<ClerkFieldId>;\n  alwaysShow?: boolean;\n  children: React.ReactNode | ((state: FieldStates) => React.ReactNode);\n};\n\n/**\n * Field is used to associate its child elements with a specific input. It automatically handles unique ID generation and associating the contained label and input elements.\n *\n * @param name - Give your `<Field>` a unique name inside the current form. If you choose one of the following names Clerk Elements will automatically set the correct type on the `<input />` element: `emailAddress`, `password`, `phoneNumber`, and `code`.\n * @param alwaysShow - Optional. When `true`, the field will always be renydered, regardless of its state. By default, a field is hidden if it's optional or if it's a filled-out required field.\n * @param {Function} children - A function that receives `state` as an argument. `state` is a union of `\"success\" | \"error\" | \"idle\" | \"warning\" | \"info\"`.\n *\n * @example\n * <Clerk.Field name=\"emailAddress\">\n *   <Clerk.Label>Email</Clerk.Label>\n *   <Clerk.Input />\n * </Clerk.Field>\n *\n * @example\n * <Clerk.Field name=\"emailAddress\">\n *  {(fieldState) => (\n *    <Clerk.Label>Email</Clerk.Label>\n *    <Clerk.Input className={`text-${fieldState}`} />\n *  )}\n * </Clerk.Field>\n */\nexport const Field = React.forwardRef<FormFieldElement, FormFieldProps>(({ alwaysShow, ...rest }, forwardedRef) => {\n  const formRef = useFormStore();\n  const formCtx = formRef.getSnapshot().context;\n  // A field is marked as hidden if it's optional OR if it's a filled-out required field\n  const isHiddenField = formCtx.progressive && Boolean(formCtx.hidden?.has(rest.name));\n\n  // Only alwaysShow={true} should force behavior to render the field, on `undefined` or alwaysShow={false} the isHiddenField logic should take over\n  const shouldHide = alwaysShow ? false : isHiddenField;\n\n  return shouldHide ? null : (\n    <FieldContext.Provider value={{ name: rest.name }}>\n      <FieldInner\n        {...rest}\n        ref={forwardedRef}\n      />\n    </FieldContext.Provider>\n  );\n});\n\nField.displayName = DISPLAY_NAME;\n\nconst FieldInner = React.forwardRef<FormFieldElement, FormFieldProps>((props, forwardedRef) => {\n  const { children, ...rest } = props;\n  const field = useField({ name: rest.name });\n  const { state: fieldState } = useFieldState({ name: rest.name });\n\n  return (\n    <RadixField\n      {...field.props}\n      {...rest}\n      ref={forwardedRef}\n    >\n      <RadixValidityState>\n        {validity => {\n          const enrichedFieldState = enrichFieldState(validity, fieldState);\n\n          return (\n            <ValidityStateContext.Provider value={validity}>\n              {typeof children === 'function' ? children(enrichedFieldState) : children}\n            </ValidityStateContext.Provider>\n          );\n        }}\n      </RadixValidityState>\n    </RadixField>\n  );\n});\n\nFieldInner.displayName = DISPLAY_NAME_INNER;\n","import { createActorContext } from '@xstate/react';\nimport type { SnapshotFrom } from 'xstate';\n\nimport { FormMachine } from '~/internals/machines/form';\nimport { inspect } from '~/internals/utils/inspector';\n\nexport type SnapshotState = SnapshotFrom<typeof FormMachine>;\n\nconst FormMachineContext = createActorContext(FormMachine, { inspect });\n\nexport const FormStoreProvider = FormMachineContext.Provider;\nexport const useFormStore = FormMachineContext.useActorRef;\nexport const useFormSelector = FormMachineContext.useSelector;\n\n/**\n * Selects a global error, if it exists\n */\nexport const globalErrorsSelector = (state: SnapshotState) => state.context.errors;\n\n/**\n * Selects if a specific field has a value\n */\nexport const fieldValueSelector = (name: string | undefined) => (state: SnapshotState) =>\n  name ? state.context.fields.get(name)?.value : '';\n\n/**\n * Selects if a specific field has a value\n */\nexport const fieldHasValueSelector = (name: string | undefined) => (state: SnapshotState) =>\n  Boolean(fieldValueSelector(name)(state));\n\ntype MapValue<A> = A extends Map<any, infer V> ? V : never;\n\n/**\n * Selects field-specific feedback, if they exist\n *\n * We declare an explicit return type here because TypeScript's inference results in the subtype reduction of the\n * union used for feedback. Explicitly declaring the return type allows for all members of the union to be\n * included in the return type.\n */\nexport const fieldFeedbackSelector =\n  (name: string | undefined) =>\n  (state: SnapshotState): MapValue<SnapshotState['context']['fields']>['feedback'] | undefined =>\n    name ? state.context.fields.get(name)?.feedback : undefined;\n","import { isClerkAPIResponseError, isKnownError, isMetamaskError } from '@clerk/shared/error';\nimport { snakeToCamel } from '@clerk/shared/underscore';\nimport type { ClerkAPIError } from '@clerk/types';\nimport type { MachineContext } from 'xstate';\nimport { assign, enqueueActions, setup } from 'xstate';\n\nimport { ClerkElementsError, ClerkElementsFieldError } from '~/internals/errors';\n\nimport type { FieldDetails, FormDefaultValues, FormFields } from './form.types';\n\nexport interface FormMachineContext extends MachineContext {\n  defaultValues: FormDefaultValues;\n  errors: ClerkElementsError[];\n  fields: FormFields;\n  hidden?: Set<string>;\n  missing?: Set<string>;\n  optional?: Set<string>;\n  progressive: boolean;\n  required?: Set<string>;\n}\n\nexport type FormMachineEvents =\n  | { type: 'FIELD.ADD'; field: Pick<FieldDetails, 'name' | 'type' | 'value' | 'checked' | 'disabled'> }\n  | { type: 'FIELD.REMOVE'; field: Pick<FieldDetails, 'name'> }\n  | { type: 'FIELD.ENABLE'; field: Pick<FieldDetails, 'name'> }\n  | { type: 'FIELD.DISABLE'; field: Pick<FieldDetails, 'name'> }\n  | {\n      type: 'MARK_AS_PROGRESSIVE';\n      defaultValues: FormDefaultValues;\n      missing: string[];\n      optional: string[];\n      required: string[];\n    }\n  | {\n      type: 'PREFILL_DEFAULT_VALUES';\n      defaultValues: FormDefaultValues;\n    }\n  | { type: 'UNMARK_AS_PROGRESSIVE' }\n  | {\n      type: 'FIELD.UPDATE';\n      field: Pick<FieldDetails, 'name' | 'value' | 'checked' | 'disabled'>;\n    }\n  | { type: 'ERRORS.SET'; error: any }\n  | { type: 'ERRORS.CLEAR' }\n  | {\n      type: 'FIELD.FEEDBACK.SET';\n      field: Pick<FieldDetails, 'name' | 'feedback'>;\n    }\n  | {\n      type: 'FIELD.FEEDBACK.CLEAR';\n      field: Pick<FieldDetails, 'name'>;\n    }\n  | { type: 'FIELD.FEEDBACK.CLEAR.ALL' };\n\ntype FormMachineTypes = {\n  events: FormMachineEvents;\n  context: FormMachineContext;\n};\n\nexport type TFormMachine = typeof FormMachine;\n\n/**\n * A machine for managing form state.\n * This machine is used alongside our other, flow-specific machines and a reference to a spawned FormMachine actor is used in the flows to interact with the form state.\n */\nexport const FormMachine = setup({\n  actions: {\n    setGlobalErrors: assign({\n      errors: (_, params: { errors: ClerkElementsError[] }) => [...params.errors],\n    }),\n    setFieldFeedback: assign({\n      fields: ({ context }, params: Pick<FieldDetails, 'name' | 'feedback'>) => {\n        if (!params.name) {\n          throw new Error('Field name is required');\n        }\n\n        const fieldName = params.name;\n        if (context.fields.has(fieldName)) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          context.fields.get(fieldName)!.feedback = params.feedback;\n        }\n\n        return context.fields;\n      },\n    }),\n  },\n  types: {} as FormMachineTypes,\n}).createMachine({\n  id: 'Form',\n  context: () => ({\n    defaultValues: new Map(),\n    errors: [],\n    fields: new Map(),\n    progressive: false,\n  }),\n  on: {\n    'ERRORS.SET': {\n      actions: enqueueActions(({ enqueue, event }) => {\n        const isClerkAPIError = (err: any): err is ClerkAPIError => 'meta' in err;\n\n        if (isKnownError(event.error)) {\n          const fields: Record<string, ClerkElementsFieldError[]> = {};\n          const globalErrors: ClerkElementsError[] = [];\n          const errors = isClerkAPIResponseError(event.error) ? event.error?.errors : [event.error];\n\n          for (const error of errors) {\n            const name = isClerkAPIError(error) ? snakeToCamel(error.meta?.paramName) : null;\n\n            if (!name || isMetamaskError(error)) {\n              globalErrors.push(ClerkElementsError.fromAPIError(error));\n              continue;\n            }\n\n            if (!fields[name]) {\n              fields[name] = [];\n            }\n\n            fields[name]?.push(ClerkElementsFieldError.fromAPIError(error));\n          }\n\n          enqueue({\n            type: 'setGlobalErrors',\n            params: {\n              errors: globalErrors,\n            },\n          });\n\n          for (const field in fields) {\n            enqueue({\n              type: 'setFieldFeedback',\n              params: {\n                name: field,\n                feedback: {\n                  type: 'error',\n                  message: fields[field][0],\n                },\n              },\n            });\n          }\n        }\n      }),\n    },\n    'ERRORS.CLEAR': {\n      actions: assign({\n        errors: () => [],\n      }),\n    },\n    'FIELD.ADD': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          event.field.value = event.field.value || context.defaultValues.get(event.field.name) || undefined;\n\n          context.fields.set(event.field.name, event.field);\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.UPDATE': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          const field = context.fields.get(event.field.name);\n\n          if (field) {\n            field.checked = event.field.checked;\n            field.disabled = event.field.disabled ?? field.disabled;\n            field.value = event.field.value;\n\n            context.fields.set(event.field.name, field);\n          }\n\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.DISABLE': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          const field = context.fields.get(event.field.name);\n\n          if (field) {\n            field.disabled = true;\n            context.fields.set(event.field.name, field);\n          }\n\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.ENABLE': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          const field = context.fields.get(event.field.name);\n\n          if (field) {\n            field.disabled = false;\n            context.fields.set(event.field.name, field);\n          }\n\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.REMOVE': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          context.fields.delete(event.field.name);\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.FEEDBACK.SET': {\n      actions: [\n        {\n          type: 'setFieldFeedback',\n          params: ({ event }) => event.field,\n        },\n      ],\n    },\n    'FIELD.FEEDBACK.CLEAR': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n          if (context.fields.has(event.field.name)) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            context.fields.get(event.field.name)!.feedback = undefined;\n          }\n\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.FEEDBACK.CLEAR.ALL': {\n      actions: assign({\n        fields: ({ context }) => {\n          context.fields.forEach(field => {\n            field.feedback = undefined;\n          });\n\n          return context.fields;\n        },\n      }),\n    },\n    MARK_AS_PROGRESSIVE: {\n      actions: assign(({ event }) => {\n        const missing = new Set(event.missing);\n\n        return {\n          defaultValues: event.defaultValues,\n          hidden: new Set([...event.required.filter(f => !missing.has(f)), ...event.optional]),\n          missing,\n          optional: new Set(event.optional),\n          progressive: true,\n          required: new Set(event.required),\n        };\n      }),\n    },\n    UNMARK_AS_PROGRESSIVE: {\n      actions: assign({\n        defaultValues: new Map(),\n        hidden: undefined,\n        missing: undefined,\n        optional: undefined,\n        progressive: false,\n        required: undefined,\n      }),\n    },\n    PREFILL_DEFAULT_VALUES: {\n      actions: assign(({ event }) => {\n        return {\n          defaultValues: event.defaultValues,\n        };\n      }),\n    },\n  },\n});\n","// eslint-disable-next-line no-restricted-imports\nimport type { MetamaskError } from '@clerk/shared';\nimport type { ClerkAPIError } from '@clerk/types';\n\nexport abstract class ClerkElementsErrorBase extends Error {\n  clerkError = true;\n  clerkElementsError = true;\n  rawMessage: string;\n\n  constructor(\n    readonly code: string,\n    message: string,\n  ) {\n    super(message);\n\n    this.name = 'ClerkElementsError';\n    this.rawMessage = message;\n  }\n\n  toString() {\n    return `[${this.name}]\\nCode: ${this.code}\\nMessage: ${this.message}`;\n  }\n}\n\nexport class ClerkElementsError extends ClerkElementsErrorBase {\n  static fromAPIError(error: ClerkAPIError | MetamaskError) {\n    return new ClerkElementsError(\n      error.code.toString(),\n      // @ts-expect-error - Expected that longMessage isn't a property of MetamaskError\n      error.longMessage || error.message,\n    );\n  }\n\n  constructor(code: string, message: string) {\n    super(code, message);\n    this.name = 'ClerkElementsError';\n  }\n}\n\nexport class ClerkElementsRuntimeError extends ClerkElementsErrorBase {\n  constructor(message: string) {\n    super('elements_runtime_error', message);\n    this.name = 'ClerkElementsRuntimeError';\n  }\n}\n\nexport class ClerkElementsFieldError extends ClerkElementsErrorBase {\n  static fromAPIError(error: ClerkAPIError) {\n    return new ClerkElementsFieldError(error.code, error.longMessage || error.message);\n  }\n\n  constructor(code: string, message: string) {\n    super(code, message);\n    this.name = 'ClerkElementsFieldError';\n  }\n\n  get validityState() {\n    return this.code;\n  }\n\n  get forceMatch() {\n    return true;\n  }\n\n  matchFn = () => true;\n}\n","import type { InspectionEvent, Observer } from 'xstate';\n\nimport { getInspector as getBrowserInspector } from './browser';\nimport { getInspector as getConsoleInspector } from './console';\n\nexport let inspect: Observer<InspectionEvent> | undefined;\n\nif (__DEV__) {\n  inspect = getBrowserInspector() ?? getConsoleInspector();\n}\n\nconst inspector = {\n  inspect,\n};\n\nexport default inspector;\n","import { type FieldDetails, fieldFeedbackSelector, useFormSelector } from '~/internals/machines/form';\n\nexport function useFieldFeedback({ name }: Partial<Pick<FieldDetails, 'name'>>) {\n  const feedback = useFormSelector(fieldFeedbackSelector(name));\n\n  return {\n    feedback,\n  };\n}\n","import { type FieldDetails, fieldHasValueSelector, useFormSelector } from '~/internals/machines/form';\n\nimport { useFieldFeedback } from './use-field-feedback';\n\nexport function useField({ name }: Partial<Pick<FieldDetails, 'name'>>) {\n  const hasValue = useFormSelector(fieldHasValueSelector(name));\n  const { feedback } = useFieldFeedback({ name });\n\n  const shouldBeHidden = false; // TODO: Implement clerk-js utils\n  const hasError = feedback ? feedback.type === 'error' : false;\n\n  return {\n    hasValue,\n    props: {\n      'data-hidden': shouldBeHidden ? true : undefined,\n      serverInvalid: hasError,\n    },\n  };\n}\n","import * as React from 'react';\n\nimport type { FieldDetails } from '~/internals/machines/form';\n\nexport const FieldContext = React.createContext<Pick<FieldDetails, 'name'> | null>(null);\nexport const useFieldContext = () => React.useContext(FieldContext);\n","import type { HTMLInputTypeAttribute } from 'react';\n\nimport type { ClerkElementsError } from '~/internals/errors';\n\n/** Extracted relevant fields from @clerk/types  */\nexport type ClerkFieldId =\n  | 'code'\n  | 'confirmPassword'\n  | 'currentPassword'\n  | 'backup_code' // special case of `code`\n  | 'emailAddress'\n  | 'firstName'\n  | 'identifier'\n  | 'lastName'\n  | 'name'\n  | 'newPassword'\n  | 'password'\n  | 'phoneNumber'\n  | 'username'\n  | 'legalAccepted';\n\n/**\n * Possible types for the Clerk input element, several 'special' input types are included.\n */\nexport type ClerkInputType = HTMLInputTypeAttribute | 'otp';\n\nexport const FIELD_STATES = {\n  success: 'success',\n  error: 'error',\n  idle: 'idle',\n  warning: 'warning',\n  info: 'info',\n} as const;\n\nexport type FieldStates = (typeof FIELD_STATES)[keyof typeof FIELD_STATES];\n\nexport const FIELD_VALIDITY = {\n  valid: 'valid',\n  invalid: 'invalid',\n} as const;\n\nexport type FieldValidity = (typeof FIELD_VALIDITY)[keyof typeof FIELD_VALIDITY];\n\nexport type FormErrorRenderProps = Pick<ClerkElementsError, 'code' | 'message'>;\n\ntype FormErrorPropsAsChild = {\n  asChild?: true | never;\n  children?: React.ReactElement | ((error: FormErrorRenderProps) => React.ReactNode);\n  code?: string;\n};\n\ntype FormErrorPropsStd = {\n  asChild?: false;\n  children: React.ReactNode;\n  code: string;\n};\n\nexport type FormErrorProps<T> = Omit<T, 'asChild' | 'children'> & (FormErrorPropsStd | FormErrorPropsAsChild);\n","import { type FieldDetails, fieldHasValueSelector, useFormSelector } from '~/internals/machines/form';\n\nimport { FIELD_STATES, type FieldStates } from '../types';\nimport { useFieldFeedback } from './use-field-feedback';\n\n/**\n * Given a field name, determine the current state of the field\n */\nexport function useFieldState({ name }: Partial<Pick<FieldDetails, 'name'>>) {\n  const { feedback } = useFieldFeedback({ name });\n  const hasValue = useFormSelector(fieldHasValueSelector(name));\n\n  /**\n   * If hasValue is false, the state should be idle\n   * The rest depends on the feedback type\n   */\n  let state: FieldStates = FIELD_STATES.idle;\n\n  if (!hasValue) {\n    state = FIELD_STATES.idle;\n  }\n\n  switch (feedback?.type) {\n    case 'error':\n      state = FIELD_STATES.error;\n      break;\n    case 'warning':\n      state = FIELD_STATES.warning;\n      break;\n    case 'info':\n      state = FIELD_STATES.info;\n      break;\n    case 'success':\n      state = FIELD_STATES.success;\n      break;\n    default:\n      break;\n  }\n\n  return {\n    state,\n  };\n}\n","import { globalErrorsSelector, useFormSelector } from '~/internals/machines/form';\n\nexport function useGlobalErrors() {\n  const errors = useFormSelector(globalErrorsSelector);\n\n  return {\n    errors,\n  };\n}\n","import { Control as RadixControl, type FormControlProps } from '@radix-ui/react-form';\nimport * as React from 'react';\n\nimport { ClerkElementsFieldError } from '~/internals/errors';\nimport { fieldValueSelector, useFormSelector, useFormStore } from '~/internals/machines/form';\nimport { usePassword } from '~/react/hooks/use-password.hook';\n\nimport type { FormInputProps } from '../index';\nimport { OTP_LENGTH_DEFAULT, OTPInput, type OTPInputProps } from '../otp';\nimport { determineInputTypeFromName, enrichFieldState } from '../utils';\nimport { useFieldContext } from './use-field-context';\nimport { useFieldState } from './use-field-state';\nimport { usePrevious } from './use-previous';\nimport { useValidityStateContext } from './use-validity-state-context';\n\n// TODO: DRY\ntype PasswordInputProps = Exclude<FormControlProps, 'type'> & {\n  validatePassword?: boolean;\n};\n\nexport function useInput({\n  name: inputName,\n  value: providedValue,\n  checked: providedChecked,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  onFocus: onFocusProp,\n  type: inputType,\n  ...passthroughProps\n}: FormInputProps) {\n  // Inputs can be used outside a <Field> wrapper if desired, so safely destructure here\n  const fieldContext = useFieldContext();\n  const rawName = inputName || fieldContext?.name;\n  const name = rawName === 'backup_code' ? 'code' : rawName; // `backup_code` is a special case of `code`\n  const { state: fieldState } = useFieldState({ name });\n  const validity = useValidityStateContext();\n\n  if (!rawName || !name) {\n    throw new Error('Clerk: <Input /> must be wrapped in a <Field> component or have a name prop.');\n  }\n\n  const ref = useFormStore();\n  const [hasPassedValiation, setHasPassedValidation] = React.useState(false);\n\n  const { validatePassword } = usePassword({\n    onValidationComplexity: hasPassed => setHasPassedValidation(hasPassed),\n    onValidationSuccess: () => {\n      ref.send({\n        type: 'FIELD.FEEDBACK.SET',\n        field: { name, feedback: { type: 'success', message: 'Your password meets all the necessary requirements.' } },\n      });\n    },\n    onValidationError: (error, codes) => {\n      if (error) {\n        ref.send({\n          type: 'FIELD.FEEDBACK.SET',\n          field: {\n            name,\n            feedback: {\n              type: 'error',\n              message: new ClerkElementsFieldError('password-validation-error', error),\n              codes,\n            },\n          },\n        });\n      }\n    },\n    onValidationWarning: (warning, codes) =>\n      ref.send({\n        type: 'FIELD.FEEDBACK.SET',\n        field: { name, feedback: { type: 'warning', message: warning, codes } },\n      }),\n    onValidationInfo: (info, codes) => {\n      // TODO: If input is not focused, make this info an error\n      ref.send({\n        type: 'FIELD.FEEDBACK.SET',\n        field: {\n          name,\n          feedback: {\n            type: 'info',\n            message: info,\n            codes,\n          },\n        },\n      });\n    },\n  });\n\n  const value = useFormSelector(fieldValueSelector(name));\n  const prevValue = usePrevious(value);\n  const hasValue = Boolean(value);\n  const type = inputType ?? determineInputTypeFromName(rawName);\n  let nativeFieldType = type;\n  let shouldValidatePassword = false;\n\n  if (type === 'password' || type === 'text') {\n    shouldValidatePassword = Boolean((passthroughProps as PasswordInputProps).validatePassword);\n  }\n\n  if (nativeFieldType === 'otp' || nativeFieldType === 'backup_code') {\n    nativeFieldType = 'text';\n  }\n\n  // Register the field in the machine context\n  React.useEffect(() => {\n    if (!name) {\n      return;\n    }\n\n    ref.send({\n      type: 'FIELD.ADD',\n      field: { name, type: nativeFieldType, value: providedValue, checked: providedChecked },\n    });\n\n    return () => ref.send({ type: 'FIELD.REMOVE', field: { name } });\n  }, [ref]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    if (!name) {\n      return;\n    }\n\n    if (\n      (type === 'checkbox' && providedChecked !== undefined) ||\n      (type !== 'checkbox' && providedValue !== undefined)\n    ) {\n      ref.send({\n        type: 'FIELD.UPDATE',\n        field: { name, value: providedValue, checked: providedChecked },\n      });\n    }\n  }, [name, type, ref, providedValue, providedChecked]);\n\n  // Register the onChange handler for field updates to persist to the machine context\n  const onChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onChangeProp?.(event);\n      if (!name) {\n        return;\n      }\n      ref.send({ type: 'FIELD.UPDATE', field: { name, value: event.target.value, checked: event.target.checked } });\n      if (shouldValidatePassword) {\n        validatePassword(event.target.value);\n      }\n    },\n    [ref, name, onChangeProp, shouldValidatePassword, validatePassword],\n  );\n\n  const onBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      onBlurProp?.(event);\n      if (shouldValidatePassword && event.target.value !== prevValue) {\n        validatePassword(event.target.value);\n      }\n    },\n    [onBlurProp, shouldValidatePassword, validatePassword, prevValue],\n  );\n\n  const onFocus = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      onFocusProp?.(event);\n      if (shouldValidatePassword && event.target.value !== prevValue) {\n        validatePassword(event.target.value);\n      }\n    },\n    [onFocusProp, shouldValidatePassword, validatePassword, prevValue],\n  );\n\n  // TODO: Implement clerk-js utils\n  const shouldBeHidden = false;\n\n  const Element = type === 'otp' ? OTPInput : RadixControl;\n\n  let props = {};\n  if (type === 'otp') {\n    const p = passthroughProps as Omit<OTPInputProps, 'name' | 'value' | 'type'>;\n    const length = p.length || OTP_LENGTH_DEFAULT;\n\n    props = {\n      'data-otp-input': true,\n      autoComplete: 'one-time-code',\n      inputMode: 'numeric',\n      pattern: `[0-9]{${length}}`,\n      minLength: length,\n      maxLength: length,\n      // Enhanced naming for better password manager detection\n      name: 'otp',\n      id: 'otp-input',\n      // Additional attributes for password manager compatibility\n      'data-testid': 'otp-input',\n      role: 'textbox',\n      'aria-label': 'Enter verification code',\n      onChange: (event: React.ChangeEvent<HTMLInputElement>) => {\n        // Only accept numbers\n        event.currentTarget.value = event.currentTarget.value.replace(/\\D+/g, '');\n        onChange(event);\n      },\n      type: 'text',\n      spellCheck: false,\n    };\n  } else if (type === 'backup_code') {\n    props = {\n      autoComplete: 'off',\n      type: 'text',\n      spellCheck: false,\n    };\n  } else if (type === 'password' && shouldValidatePassword) {\n    props = {\n      'data-has-passed-validation': hasPassedValiation ? true : undefined,\n    };\n  }\n\n  // Filter out invalid props that should not be passed through\n  // @ts-expect-error - Doesn't know about type narrowing by type here\n  const { validatePassword: _1, ...rest } = passthroughProps;\n\n  return {\n    Element,\n    props: {\n      type,\n      value: value ?? '',\n      onChange,\n      onBlur,\n      onFocus,\n      'data-hidden': shouldBeHidden ? true : undefined,\n      'data-has-value': hasValue ? true : undefined,\n      'data-state': enrichFieldState(validity, fieldState),\n      ...props,\n      ...rest,\n    },\n  };\n}\n","import { useClerk } from '@clerk/shared/react';\nimport { noop } from '@clerk/shared/utils';\nimport type { PasswordSettingsData, PasswordValidation } from '@clerk/types';\nimport * as React from 'react';\n\nimport type { ErrorCodeOrTuple } from '../utils/generate-password-error-text';\nimport { generatePasswordErrorText } from '../utils/generate-password-error-text';\n\n// This hook should mimic the already existing usePassword hook in the clerk-js package\n// @see packages/clerk-js/src/ui/hooks/usePassword.ts\n\nexport type PasswordConfig = Omit<PasswordSettingsData, 'disable_hibp' | 'min_zxcvbn_strength' | 'show_zxcvbn'>;\n\ntype UsePasswordCallbacks = {\n  onValidationError?: (error: string | undefined, codes: ErrorCodeOrTuple[]) => void;\n  onValidationSuccess?: () => void;\n  onValidationWarning?: (warning: string, codes: ErrorCodeOrTuple[]) => void;\n  onValidationInfo?: (info: string, codes: ErrorCodeOrTuple[]) => void;\n  onValidationComplexity?: (b: boolean) => void;\n};\n\nexport const usePassword = (callbacks?: UsePasswordCallbacks) => {\n  const clerk = useClerk();\n  const passwordSettings = clerk.__unstable__environment?.userSettings.passwordSettings as PasswordSettingsData;\n  const { disable_hibp, min_zxcvbn_strength, show_zxcvbn, ...config } = passwordSettings || {};\n\n  const {\n    onValidationError = noop,\n    onValidationSuccess = noop,\n    onValidationWarning = noop,\n    onValidationInfo = noop,\n    onValidationComplexity,\n  } = callbacks || {};\n\n  const onValidate = React.useCallback(\n    (res: PasswordValidation) => {\n      /**\n       * Failed complexity rules always have priority\n       */\n      if (res.complexity) {\n        if (Object.values(res?.complexity).length > 0) {\n          const { message, codes } = generatePasswordErrorText({\n            config,\n            failedValidations: res.complexity,\n          });\n\n          if (res.complexity?.min_length) {\n            return onValidationInfo(message, codes);\n          }\n          return onValidationError(message, codes);\n        }\n      }\n\n      /**\n       * Failed strength\n       */\n      if (res?.strength?.state === 'fail') {\n        const keys = res.strength.keys;\n        const error = JSON.stringify(keys);\n        return onValidationError(error, keys);\n      }\n\n      /**\n       * Password meets all criteria but could be stronger\n       */\n      if (res?.strength?.state === 'pass') {\n        const keys = res.strength.keys;\n        const error = JSON.stringify(keys);\n        return onValidationWarning(error, keys);\n      }\n\n      /**\n       * Password meets all criteria and is strong\n       */\n      return onValidationSuccess();\n    },\n    [callbacks, config],\n  );\n\n  const validatePassword = React.useMemo(() => {\n    return (password: string) => {\n      return clerk.client.signUp.validatePassword(password, {\n        onValidation: onValidate,\n        onValidationComplexity,\n      });\n    };\n  }, [onValidate]);\n\n  return {\n    validatePassword,\n  };\n};\n","import type { Autocomplete, PasswordSettingsData } from '@clerk/types';\n\n// Copied from packages/clerk-js/src/ui/hooks/usePasswordComplexity.ts\n\ntype ComplexityErrors = {\n  [key in keyof Partial<Omit<PasswordSettingsData, 'disable_hibp' | 'min_zxcvbn_strength' | 'show_zxcvbn'>>]?: boolean;\n};\n\nexport type ComplexityConfig = Omit<PasswordSettingsData, 'disable_hibp' | 'min_zxcvbn_strength' | 'show_zxcvbn'>;\n\nconst errorMessages: Record<keyof Omit<ComplexityErrors, 'allowed_special_characters'>, [string, string] | string> = {\n  max_length: ['less than %length% characters', 'length'],\n  min_length: ['%length% or more characters', 'length'],\n  require_numbers: 'a number',\n  require_lowercase: 'a lowercase letter',\n  require_uppercase: 'an uppercase letter',\n  require_special_char: 'a special character',\n};\n\nexport type ErrorMessagesKey = Autocomplete<keyof typeof errorMessages>;\nexport type ErrorCodeOrTuple = ErrorMessagesKey | [ErrorMessagesKey, Record<string, string | number>];\n\nconst createListFormat = (message: string[]) => {\n  let messageWithPrefix: string;\n  if ('ListFormat' in Intl) {\n    const formatter = new Intl.ListFormat('en', { style: 'long', type: 'conjunction' });\n    messageWithPrefix = formatter.format(message);\n  } else {\n    messageWithPrefix = message.join(', ');\n  }\n\n  return messageWithPrefix;\n};\n\ntype GeneratePasswordErrorTextProps = {\n  config: ComplexityConfig;\n  failedValidations: ComplexityErrors | undefined;\n};\n\n/**\n * This function builds a single entry in the error array returned from generatePasswordErrorText. It returns either a\n * string or a tuple containing the error code and relevant entries from the instance's password complexity conrfig.\n * @param key The string respresentation of a possible error during password validation\n * @param config The instance's password complexity configuration\n * @returns The error code or a tuple containing the error code and relevant entries from the config\n */\nfunction buildErrorTuple(key: ErrorMessagesKey, config: ComplexityConfig): ErrorCodeOrTuple {\n  switch (key) {\n    case 'max_length':\n      return [key, { max_length: config.max_length }];\n    case 'min_length':\n      return [key, { min_length: config.min_length }];\n    case 'require_special_char':\n      return [key, { allowed_special_characters: config.allowed_special_characters }];\n    default:\n      return key;\n  }\n}\n\nexport const generatePasswordErrorText = ({ config, failedValidations }: GeneratePasswordErrorTextProps) => {\n  const codes: ErrorCodeOrTuple[] = [];\n\n  if (!failedValidations || Object.keys(failedValidations).length === 0) {\n    return {\n      codes,\n      message: '',\n    };\n  }\n\n  // show min length error first by itself\n  const hasMinLengthError = failedValidations?.min_length || false;\n\n  const messages = Object.entries(failedValidations)\n    .filter(k => (hasMinLengthError ? k[0] === 'min_length' : true))\n    .filter(([, v]) => !!v)\n    .map(([k]) => {\n      const entry = k as keyof typeof errorMessages;\n      const errorTuple = buildErrorTuple(entry, config);\n      codes.push(errorTuple);\n      const errorKey = errorMessages[entry];\n\n      if (Array.isArray(errorKey)) {\n        const [msg, replaceValue] = errorKey;\n        return msg.replace(`%${replaceValue}%`, config[k as keyof ComplexityConfig] as string);\n      }\n      return errorKey;\n    });\n\n  const messageWithPrefix = createListFormat(messages);\n\n  return {\n    codes,\n    message: `Your password must contain ${messageWithPrefix}.`,\n  };\n};\n","import { Control as RadixControl } from '@radix-ui/react-form';\nimport * as React from 'react';\n\nimport type { FormControlProps } from '~/react/common/form';\n\nexport type OTPInputProps = Exclude<\n  FormControlProps,\n  'type' | 'autoComplete' | 'minLength' | 'maxLength' | 'inputMode' | 'pattern' | 'spellCheck'\n> & {\n  render?: (props: { value: string; status: OTPInputSegmentStatus; index: number }) => React.ReactNode;\n  length?: number;\n  autoSubmit?: boolean;\n  passwordManagerOffset?: number;\n};\n\ntype SelectionRange = readonly [start: number | null, end: number | null];\nconst ZERO: SelectionRange = [0, 0];\nconst OUTSIDE: SelectionRange = [-1, -1];\n\nexport const OTP_LENGTH_DEFAULT = 6;\nconst PASSWORD_MANAGER_OFFSET_DEFAULT = 40;\n\n/**\n * The status of a single segment element in the OTP input\n */\nexport type OTPInputSegmentStatus = 'none' | 'cursor' | 'selected' | 'hovered';\n\n/**\n * If the render prop is provided, a custom segmented input will be rendered. Otherwise a standard input will be rendered.\n */\nexport const OTPInput = React.forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(props, ref) {\n  const { render, length, autoSubmit, ...rest } = props;\n  const hasRenderProp = typeof render !== 'undefined';\n\n  if (hasRenderProp) {\n    return (\n      <OTPInputSegmented\n        {...rest}\n        ref={ref}\n        render={render}\n        length={length}\n        autoSubmit={autoSubmit}\n      />\n    );\n  }\n\n  return (\n    <OTPInputStandard\n      {...rest}\n      ref={ref}\n      length={length}\n      autoSubmit={autoSubmit}\n    />\n  );\n});\n\n/**\n * Standard `<input />` element that receives the same props as the OTPInput component except for the render prop.\n */\nconst OTPInputStandard = React.forwardRef<HTMLInputElement, Omit<OTPInputProps, 'render'>>(\n  function OTPInput(props, ref) {\n    const { length = OTP_LENGTH_DEFAULT, autoSubmit = false, ...rest } = props;\n\n    const innerRef = React.useRef<HTMLInputElement>(null);\n    // This ensures we can access innerRef internally while still exposing it via the ref prop\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement, []);\n\n    // Fire the requestSubmit callback when the input has the required length and autoSubmit is enabled\n    React.useEffect(() => {\n      if (String(props.value).length === length && autoSubmit) {\n        innerRef.current?.form?.requestSubmit();\n      }\n    }, [props.value, length, autoSubmit]);\n\n    return (\n      <RadixControl\n        ref={innerRef}\n        {...rest}\n        data-otp-input-standard\n      />\n    );\n  },\n);\n\n/**\n * A custom input component to handle accepting OTP codes. An invisible input element is used to capture input and handle native input\n * interactions, while the provided render prop is used to visually render the input's contents.\n */\nconst OTPInputSegmented = React.forwardRef<HTMLInputElement, Required<Pick<OTPInputProps, 'render'>> & OTPInputProps>(\n  function OTPInput(props, ref) {\n    const {\n      className: userProvidedClassName,\n      render,\n      length = OTP_LENGTH_DEFAULT,\n      autoSubmit = false,\n      passwordManagerOffset = PASSWORD_MANAGER_OFFSET_DEFAULT,\n      ...rest\n    } = props;\n\n    const innerRef = React.useRef<HTMLInputElement>(null);\n    const [selectionRange, setSelectionRange] = React.useState<SelectionRange>(props.autoFocus ? ZERO : OUTSIDE);\n    const [isHovering, setIsHovering] = React.useState(false);\n\n    const isFocused = () => document.activeElement === innerRef.current;\n\n    // This ensures we can access innerRef internally while still exposing it via the ref prop\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement, []);\n\n    /**\n     * A layout effect is used here to avoid any perceived visual lag when changing the selection\n     * This effect ensures that when deleting characters from the input the selection is updated\n     */\n    React.useLayoutEffect(() => {\n      if (document.activeElement !== innerRef.current) {\n        return;\n      }\n      setSelectionRange(cur => selectionRangeUpdater(cur, innerRef));\n    }, [props.value]);\n\n    /**\n     * Attach a selectionchange handler on the document during the capture phase to the selection range is updated\n     * immediately.\n     *\n     * One concrete example, if using onSelect on the input, the handler wouldn't fire when pressing cmd + left/right arrow.\n     */\n    React.useEffect(() => {\n      function onSelectionChange() {\n        if (!isFocused()) {\n          return;\n        }\n        setSelectionRange(cur => selectionRangeUpdater(cur, innerRef));\n      }\n\n      document.addEventListener('selectionchange', onSelectionChange, { capture: true });\n      return () => document.removeEventListener('selectionchange', onSelectionChange);\n    }, []);\n\n    // Fire the requestSubmit callback when the input has the required length and autoSubmit is enabled\n    React.useEffect(() => {\n      if (String(props.value).length === length && autoSubmit) {\n        innerRef.current?.form?.requestSubmit();\n      }\n    }, [props.value, length, autoSubmit]);\n\n    return (\n      <div\n        data-otp-input-wrapper\n        style={wrapperStyle}\n      >\n        {/* We can't target pseudo-elements with the style prop, so we inject a tag here */}\n        <style>{`\n      input[data-otp-input-segmented]::selection {\n        color: transparent;\n        background-color: transparent;\n      }\n      `}</style>\n        <RadixControl\n          data-otp-input-segmented\n          ref={innerRef}\n          {...rest}\n          onFocus={event => {\n            // Place the caret at the end of the current value\n            if (innerRef.current) {\n              const start = Math.min(innerRef.current.value.length, length - 1);\n              const end = innerRef.current.value.length;\n              innerRef.current.setSelectionRange(start, end);\n              setSelectionRange([start, end]);\n            }\n            rest?.onFocus?.(event);\n          }}\n          onBlur={event => {\n            setSelectionRange([-1, -1]);\n            rest?.onBlur?.(event);\n          }}\n          onMouseOver={event => {\n            if (!isFocused()) {\n              setIsHovering(true);\n            }\n            props.onMouseOver?.(event);\n          }}\n          onMouseLeave={event => {\n            setIsHovering(false);\n            props.onMouseLeave?.(event);\n          }}\n          style={{\n            ...inputStyle,\n            clipPath: `inset(0 calc(1ch + ${passwordManagerOffset}px) 0 0)`,\n            width: `calc(100% + 1ch + ${passwordManagerOffset}px)`,\n          }}\n        />\n        <div\n          className={userProvidedClassName}\n          aria-hidden\n          style={segmentWrapperStyle}\n        >\n          {Array.from({ length }).map((_, i) => {\n            const isHovered = isHovering && !isFocused();\n            const isCursor = selectionRange[0] === selectionRange[1] && selectionRange[0] === i;\n            const isSelected = (selectionRange[0] ?? -1) <= i && (selectionRange[1] ?? -1) > i;\n\n            return (\n              <React.Fragment key={`otp-segment-${i}`}>\n                {render({\n                  value: String(props.value)[i] || '',\n                  status: isHovered ? 'hovered' : isCursor ? 'cursor' : isSelected ? 'selected' : 'none',\n                  index: i,\n                })}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\n\n/**\n * Handle updating the input selection range to ensure a single character is selected when moving the cursor, or if the input value changes.\n */\nfunction selectionRangeUpdater(cur: SelectionRange, inputRef: React.RefObject<HTMLInputElement>) {\n  let updated: [number, number, HTMLInputElement['selectionDirection']] = [\n    inputRef.current?.selectionStart ?? 0,\n    inputRef.current?.selectionEnd ?? 0,\n    inputRef.current?.selectionDirection ?? null,\n  ];\n\n  // Abort unnecessary updates\n  if (cur[0] === updated[0] && cur[1] === updated[1]) {\n    return cur;\n  }\n\n  // ensures that forward selection works properly when landing on the first character\n  if (updated[0] === 0 && updated[1] === 1) {\n    updated[2] = 'forward';\n  }\n\n  // When moving the selection, we want to select either the previous or next character instead of only moving the cursor.\n  // If the start and end indices are the same, it means only the cursor has moved and we need to make a decision on which character to select.\n  if (updated[0] === updated[1]) {\n    if (updated[0] > 0 && cur[0] === updated[0] && cur[1] === updated[0] + 1) {\n      updated = [updated[0] - 1, updated[1], 'backward'];\n    } else if (typeof inputRef.current?.value[updated[0]] !== 'undefined') {\n      updated = [updated[0], updated[1] + 1, 'backward'];\n    } else if (updated[0] >= OTP_LENGTH_DEFAULT) {\n      updated = [updated[0] - 1, updated[1], 'backward'];\n    }\n  }\n\n  inputRef.current?.setSelectionRange(updated[0], updated[1], updated[2] ?? undefined);\n\n  return [updated[0], updated[1]] satisfies SelectionRange;\n}\n\nconst wrapperStyle = {\n  position: 'relative',\n  userSelect: 'none',\n} satisfies React.CSSProperties;\n\nconst inputStyle = {\n  display: 'block',\n  background: 'transparent',\n  opacity: 0,\n  outline: 'transparent solid 0px',\n  appearance: 'none',\n  color: 'transparent',\n  position: 'absolute',\n  inset: 0,\n  caretColor: 'transparent',\n  border: '0px solid transparent',\n  // width is handled inline\n  height: '100%',\n  letterSpacing: '-1rem',\n} satisfies React.CSSProperties;\n\nconst segmentWrapperStyle = {\n  zIndex: 1,\n  pointerEvents: 'none',\n} satisfies React.CSSProperties;\n","import { FIELD_STATES, type FieldStates } from '../types';\n\n/**\n * Radix can return the ValidityState object, which contains the validity of the field. We need to merge this with our existing fieldState.\n * When the ValidityState is valid: false, the fieldState should be overriden. Otherwise, it shouldn't change at all.\n * @see https://www.radix-ui.com/primitives/docs/components/form#validitystate\n * @see https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n */\nexport function enrichFieldState(validity: ValidityState | undefined, fieldState: FieldStates) {\n  return validity?.valid === false ? FIELD_STATES.error : fieldState;\n}\n","import type { Autocomplete } from '@clerk/types';\nimport type { FormFieldProps as RadixFormFieldProps } from '@radix-ui/react-form';\n\nimport type { ClerkFieldId, FieldStates } from '../types';\n\n// TODO: Move this to a shared location\ntype FormFieldProps = Omit<RadixFormFieldProps, 'children'> & {\n  name: Autocomplete<ClerkFieldId>;\n  alwaysShow?: boolean;\n  children: React.ReactNode | ((state: FieldStates) => React.ReactNode);\n};\n\nexport function determineInputTypeFromName(name: FormFieldProps['name']) {\n  if (name === 'password' || name === 'confirmPassword' || name === 'currentPassword' || name === 'newPassword') {\n    return 'password' as const;\n  }\n  if (name === 'emailAddress') {\n    return 'email' as const;\n  }\n  if (name === 'phoneNumber') {\n    return 'tel' as const;\n  }\n  if (name === 'code') {\n    return 'otp' as const;\n  }\n  if (name === 'backup_code') {\n    return 'backup_code' as const;\n  }\n\n  return 'text' as const;\n}\n","import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n","import * as React from 'react';\n\nexport const ValidityStateContext = React.createContext<ValidityState | undefined>(undefined);\nexport const useValidityStateContext = () => React.useContext(ValidityStateContext);\n","import type { FormMessageProps as RadixFormMessageProps } from '@radix-ui/react-form';\nimport { FormMessage as RadixFormMessage } from '@radix-ui/react-form';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\nimport { isReactFragment } from '~/react/utils/is-react-fragment';\n\nimport { useFieldContext, useFieldFeedback } from './hooks';\nimport type { FormErrorProps } from './types';\n\nconst DISPLAY_NAME = 'ClerkElementsFieldError';\n\nexport type FormFieldErrorProps = FormErrorProps<RadixFormMessageProps & { name?: string }>;\ntype FormFieldErrorElement = React.ElementRef<typeof RadixFormMessage>;\n\n/**\n * FieldError renders error messages associated with a specific field. By default, the error's message will be rendered in an unstyled `<span>`. Optionally, the `children` prop accepts a function to completely customize rendering.\n *\n * @param {string} [name] - Used to target a specific field by name when rendering outside of a `<Field>` component.\n * @param {Function} [children] - A function that receives `message` and `code` as arguments.\n *\n * @example\n * <Clerk.Field name=\"email\">\n *   <Clerk.FieldError />\n * </Clerk.Field>\n *\n * @example\n * <Clerk.Field name=\"email\">\n *   <Clerk.FieldError>\n *     {({ message, code }) => (\n *       <span data-error-code={code}>{message}</span>\n *     )}\n *   </Clerk.FieldError>\n * </Clerk.Field>\n */\nexport const FieldError = React.forwardRef<FormFieldErrorElement, FormFieldErrorProps>(\n  ({ asChild = false, children, code, name, ...rest }, forwardedRef) => {\n    const fieldContext = useFieldContext();\n    const rawFieldName = fieldContext?.name || name;\n    const fieldName = rawFieldName === 'backup_code' ? 'code' : rawFieldName;\n    const { feedback } = useFieldFeedback({ name: fieldName });\n\n    if (!(feedback?.type === 'error')) {\n      return null;\n    }\n\n    const error = feedback.message;\n\n    if (!error) {\n      return null;\n    }\n\n    const Comp = asChild ? Slot : 'span';\n    const child = typeof children === 'function' ? children(error) : children;\n\n    // const forceMatch = code ? error.code === code : undefined; // TODO: Re-add when Radix Form is updated\n\n    if (isReactFragment(child)) {\n      throw new ClerkElementsRuntimeError('<FieldError /> cannot render a Fragment as a child.');\n    }\n\n    return (\n      <RadixFormMessage\n        data-error-code={error.code}\n        // forceMatch={forceMatch}\n        {...rest}\n        ref={forwardedRef}\n        asChild\n      >\n        <Comp>{child || error.message}</Comp>\n      </RadixFormMessage>\n    );\n  },\n);\n\nFieldError.displayName = DISPLAY_NAME;\n","import * as React from 'react';\n\nexport function isReactFragment(node: React.ReactNode) {\n  return React.isValidElement(node) && node.type === React.Fragment;\n}\n","import { ClerkElementsFieldError } from '~/internals/errors';\nimport type { ErrorCodeOrTuple } from '~/react/utils/generate-password-error-text';\n\nimport { useFieldContext, useFieldFeedback, useFieldState, useValidityStateContext } from './hooks';\nimport type { FieldStates } from './types';\nimport { enrichFieldState } from './utils';\n\ntype FieldStateRenderFn = {\n  children: (state: {\n    state: FieldStates;\n    message: string | undefined;\n    codes: ErrorCodeOrTuple[] | undefined;\n  }) => React.ReactNode;\n};\n\nconst DISPLAY_NAME = 'ClerkElementsFieldState';\n\n/**\n * Programmatically access the state of the wrapping `<Field>`. Useful for implementing animations when direct access to the state value is necessary.\n *\n * @param {Function} children - A function that receives `state`, `message`, and `codes` as an argument. `state` will is a union of `\"success\" | \"error\" | \"idle\" | \"warning\" | \"info\"`. `message` will be the corresponding message, e.g. error message. `codes` will be an array of keys that were used to generate the password validation messages. This prop is only available when the field is of type `password` and has `validatePassword` set to `true`.\n *\n * @example\n * <Clerk.Field name=\"email\">\n *  <Clerk.Label>Email</Clerk.Label>\n *  <Clerk.FieldState>\n *    {({ state }) => (\n *      <Clerk.Input className={`text-${state}`} />\n *    )}\n *  </Clerk.FieldState>\n * </Clerk.Field>\n *\n * @example\n * <Clerk.Field name=\"password\">\n *  <Clerk.Label>Password</Clerk.Label>\n *  <Clerk.Input validatePassword />\n *  <Clerk.FieldState>\n *    {({ state, message, codes }) => (\n *      <pre>Field state: {state}</pre>\n *      <pre>Field msg: {message}</pre>\n *      <pre>Pwd keys: {codes.join(', ')}</pre>\n *    )}\n *  </Clerk.FieldState>\n * </Clerk.Field>\n */\nexport function FieldState({ children }: FieldStateRenderFn) {\n  const field = useFieldContext();\n  const { feedback } = useFieldFeedback({ name: field?.name });\n  const { state } = useFieldState({ name: field?.name });\n  const validity = useValidityStateContext();\n\n  const message = feedback?.message instanceof ClerkElementsFieldError ? feedback.message.message : feedback?.message;\n  const codes = feedback?.codes;\n\n  const fieldState = { state: enrichFieldState(validity, state), message, codes };\n\n  return children(fieldState);\n}\n\nFieldState.displayName = DISPLAY_NAME;\n","import { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\nimport { isReactFragment } from '~/react/utils/is-react-fragment';\n\nimport { useGlobalErrors } from './hooks';\nimport type { FormErrorProps } from './types';\n\nconst DISPLAY_NAME = 'ClerkElementsGlobalError';\n\ntype FormGlobalErrorElement = React.ElementRef<'div'>;\nexport type FormGlobalErrorProps = FormErrorProps<React.ComponentPropsWithoutRef<'div'>>;\n\n/**\n * Used to render errors that are returned from Clerk's API, but that are not associated with a specific form field. By default, will render the error's message wrapped in a `<div>`. Optionally, the `children` prop accepts a function to completely customize rendering. Must be placed **inside** components like `<SignIn>`/`<SignUp>` to have access to the underlying form state.\n *\n * @param {string} [code] - Forces the message with the matching code to be shown. This is useful when using server-side validation.\n * @param {Function} [children] - A function that receives `message` and `code` as arguments.\n * @param {boolean} [asChild] - If `true`, `<GlobalError>` will render as its child element, passing along any necessary props.\n *\n * @example\n * <SignIn.Root>\n *   <Clerk.GlobalError />\n * </SignIn.Root>\n *\n * @example\n * <SignIn.Root>\n *   <Clerk.GlobalError code=\"user_locked\">Your custom error message.</Clerk.GlobalError>\n * </SignIn.Root>\n *\n * @example\n * <SignIn.Root>\n *   <Clerk.GlobalError>\n *     {({ message, code }) => (\n *       <span data-error-code={code}>{message}</span>\n *     )}\n *   </Clerk.GlobalError>\n * </SignIn.Root>\n */\nexport const GlobalError = React.forwardRef<FormGlobalErrorElement, FormGlobalErrorProps>(\n  ({ asChild = false, children, code, ...rest }, forwardedRef) => {\n    const { errors } = useGlobalErrors();\n\n    const error = errors?.[0];\n\n    if (!error || (code && error.code !== code)) {\n      return null;\n    }\n\n    const Comp = asChild ? Slot : 'div';\n    const child = typeof children === 'function' ? children(error) : children;\n\n    if (isReactFragment(child)) {\n      throw new ClerkElementsRuntimeError('<GlobalError /> cannot render a Fragment as a child.');\n    }\n\n    return (\n      <Comp\n        role='alert'\n        {...rest}\n        ref={forwardedRef}\n      >\n        {child || error.message}\n      </Comp>\n    );\n  },\n);\n\nGlobalError.displayName = DISPLAY_NAME;\n","import { logger } from '@clerk/shared/logger';\nimport { useClerk } from '@clerk/shared/react';\nimport { eventComponentMounted } from '@clerk/shared/telemetry';\nimport type {\n  Control as RadixControl,\n  FormControlProps,\n  FormControlProps as RadixFormControlProps,\n} from '@radix-ui/react-form';\nimport * as React from 'react';\n\nimport { SignInRouterCtx } from '~/react/sign-in/context';\nimport { useSignInPasskeyAutofill } from '~/react/sign-in/context/router.context';\n\nimport { useInput } from './hooks';\nimport type { OTPInputProps } from './otp';\n\nconst DISPLAY_NAME = 'ClerkElementsInput';\nconst DISPLAY_NAME_PASSKEYS_AUTOFILL = 'ClerkElementsInputWithPasskeyAutofill';\n\ntype PasswordInputProps = Exclude<FormControlProps, 'type'> & {\n  validatePassword?: boolean;\n};\n\nexport type FormInputProps =\n  | RadixFormControlProps\n  | ({ type: 'otp'; render: OTPInputProps['render'] } & Omit<OTPInputProps, 'asChild'>)\n  | ({ type: 'otp'; render?: undefined } & OTPInputProps)\n  // Usecase: Toggle the visibility of the password input, therefore 'password' and 'text' are allowed\n  | ({ type: 'password' | 'text' } & PasswordInputProps);\n\n/**\n * Handles rendering of `<input>` elements within Clerk's flows. Supports special `type` prop values to render input types that are unique to authentication and user management flows. Additional props will be passed through to the `<input>` element.\n *\n * @param {boolean} [asChild] - If true, `<Input />` will render as its child element, passing along any necessary props.\n * @param {string} [name] - Used to target a specific field by name when rendering outside of a `<Field>` component.\n *\n * @example\n * <Clerk.Field name=\"identifier\">\n *   <Clerk.Label>Email</Clerk.Label>\n *   <Clerk.Input type=\"email\" autoComplete=\"email\" className=\"emailInput\" />\n * </Clerk.Field>\n *\n * @param {Number} [length] - The length of the OTP input. Defaults to 6.\n * @param {Number} [passwordManagerOffset] - Password managers place their icon inside an `<input />`. This default behaviour is not desirable when you use the render prop to display N distinct element. With this prop you can increase the width of the `<input />` so that the icon is rendered outside the OTP inputs.\n * @param {string} [type] - Type of control to render. Supports a special `'otp'` type for one-time password inputs. If the wrapping `<Field>` component has `name='code'`, the type will default to `'otp'`. With the `'otp'` type, the input will have a pattern and length set to 6 by default and render a single `<input />` element.\n *\n * @example\n * <Clerk.Field name=\"code\">\n *   <Clerk.Label>Email code</Clerk.Label>\n *   <Clerk.Input type=\"otp\" />\n * </Clerk.Field>\n *\n * @param {Function} [render] - Optionally, you can use a render prop that controls how each individual character is rendered. If no `render` prop is provided, a single text `<input />` will be rendered.\n *\n * @example\n * <Clerk.Field name=\"code\">\n *   <Clerk.Label>Email code</Clerk.Label>\n *   <Clerk.Input\n *     type=\"otp\"\n *     render={({ value, status }) => <span data-status={status}>{value}</span>}\n *   />\n * </Clerk.Field>\n */\nexport const Input = React.forwardRef<React.ElementRef<typeof RadixControl>, FormInputProps>(\n  (props: FormInputProps, forwardedRef) => {\n    const clerk = useClerk();\n    const field = useInput(props);\n\n    const hasPasskeyAutofillProp = Boolean(field.props.autoComplete?.includes('webauthn'));\n    const allowedTypeForPasskey = (['text', 'email', 'tel'] as FormInputProps['type'][]).includes(field.props.type);\n    const signInRouterRef = SignInRouterCtx.useActorRef(true);\n\n    clerk.telemetry?.record(\n      eventComponentMounted('Elements_Input', {\n        type: props.type ?? false,\n        // @ts-expect-error - Depending on type the props can be different\n        render: Boolean(props?.render),\n        // @ts-expect-error - Depending on type the props can be different\n        asChild: Boolean(props?.asChild),\n        // @ts-expect-error - Depending on type the props can be different\n        validatePassword: Boolean(props?.validatePassword),\n      }),\n    );\n\n    if (signInRouterRef && hasPasskeyAutofillProp && allowedTypeForPasskey) {\n      return (\n        <InputWithPasskeyAutofill\n          ref={forwardedRef}\n          {...props}\n        />\n      );\n    }\n\n    if (hasPasskeyAutofillProp && !allowedTypeForPasskey) {\n      logger.warnOnce(\n        `<Input autoComplete=\"webauthn\"> can only be used with <Input type=\"text\"> or <Input type=\"email\">`,\n      );\n    } else if (hasPasskeyAutofillProp) {\n      logger.warnOnce(\n        `<Input autoComplete=\"webauthn\"> can only be used inside <SignIn> in order to trigger a sign-in attempt, otherwise it will be ignored.`,\n      );\n    }\n\n    return (\n      <field.Element\n        ref={forwardedRef}\n        {...field.props}\n      />\n    );\n  },\n);\n\nInput.displayName = DISPLAY_NAME;\n\nconst InputWithPasskeyAutofill = React.forwardRef<React.ElementRef<typeof RadixControl>, FormInputProps>(\n  (props: FormInputProps, forwardedRef) => {\n    const signInRouterRef = SignInRouterCtx.useActorRef(true);\n    const passkeyAutofillSupported = useSignInPasskeyAutofill();\n\n    React.useEffect(() => {\n      if (passkeyAutofillSupported) {\n        signInRouterRef?.send({ type: 'AUTHENTICATE.PASSKEY.AUTOFILL' });\n      }\n    }, [passkeyAutofillSupported, signInRouterRef]);\n\n    const field = useInput(props);\n    return (\n      <field.Element\n        ref={forwardedRef}\n        {...field.props}\n      />\n    );\n  },\n);\n\nInputWithPasskeyAutofill.displayName = DISPLAY_NAME_PASSKEYS_AUTOFILL;\n","import { useSelector as useSelectorUnbound } from '@xstate/react';\nimport * as React from 'react';\nimport type { ActorRefFrom, AnyActorRef, AnyStateMachine, SnapshotFrom } from 'xstate';\n\n/**\n * Creates a context and hooks for a given actor ref.\n\n * @example\n * const SignInRouterCtx = createContextFromActorRef<typeof SignInRouterMachine>('SignInRouterCtx')\n *\n * const Parent = () => {\n *   const ref = useActorRef(SignInRouterMachine, { input: { basePath: '/sign-in' } });\n *\n *   return (\n *     <SignInRouterCtx.Provider ref={ref}>\n *       <Child />\n *     </SignInRouterCtx>\n *   )\n * }\n *\n * const Child = () => {\n *   const ref = SignInRouterCtx.useActorRef();\n *   const status = SignInRouterCtx.useSelector(state => state.context.clerk);\n\n *   const handleClick = useCallback(() => ref.send({ type: 'NEXT' }), [ref]);\n *\n *   return <button onClick={handleClick}>;\n * }\n */\n\nexport function createContextFromActorRef<TMachine extends AnyStateMachine, TRef = ActorRefFrom<TMachine>>(\n  displayName: string,\n) {\n  const ReactContext = React.createContext<TRef | null>(null);\n  const OriginalProvider = ReactContext.Provider;\n\n  function Provider({ children, actorRef }: { children: React.ReactNode; actorRef: TRef }) {\n    return React.createElement(\n      OriginalProvider,\n      {\n        value: actorRef,\n      },\n      children,\n    );\n  }\n\n  Provider.displayName = displayName;\n\n  function useContext(allowMissingActor?: false | undefined): TRef;\n  function useContext(allowMissingActor: true): TRef | null;\n  function useContext(allowMissingActor: boolean = false): TRef | null {\n    const actorRef = React.useContext(ReactContext);\n\n    if (!allowMissingActor && !actorRef) {\n      throw new Error(\n        `You used a hook from \"${Provider.displayName}\" but it's not inside a <${Provider.displayName}.Provider> component.`,\n      );\n    }\n\n    return actorRef;\n  }\n\n  function useSelector<T>(selector: (snapshot: SnapshotFrom<TRef>) => T, compare?: (a: T, b: T) => boolean): T {\n    const actor = useContext();\n    return useSelectorUnbound(actor as AnyActorRef, selector, compare);\n  }\n\n  return {\n    Provider,\n    useActorRef: useContext,\n    useSelector,\n  };\n}\n","import type { ActorRefFrom, AnyActorRef, AnyStateMachine, SnapshotFrom } from 'xstate';\n\nimport type {\n  TSignInFirstFactorMachine,\n  TSignInResetPasswordMachine,\n  TSignInRouterMachine,\n  TSignInSecondFactorMachine,\n  TSignInStartMachine,\n} from '~/internals/machines/sign-in';\nimport { createContextFromActorRef } from '~/react/utils/create-context-from-actor-ref';\n\nexport type SnapshotState = SnapshotFrom<TSignInRouterMachine>;\n\nexport const SignInRouterCtx: ReturnType<typeof createContextFromActorRef<TSignInRouterMachine>> =\n  createContextFromActorRef<TSignInRouterMachine>('SignInRouterCtx');\n\nfunction useSignInStep<M extends AnyStateMachine, T = ActorRefFrom<M>>(name: string) {\n  return SignInRouterCtx.useSelector(state => state.children[name] as AnyActorRef) as T;\n}\n\nexport const useSignInStartStep = () => useSignInStep<TSignInStartMachine>('start');\nexport const useSignInFirstFactorStep = () => useSignInStep<TSignInFirstFactorMachine>('firstFactor');\nexport const useSignInSecondFactorStep = () => useSignInStep<TSignInSecondFactorMachine>('secondFactor');\nexport const useSignInResetPasswordStep = () => useSignInStep<TSignInResetPasswordMachine>('resetPassword');\n\nexport const useSignInPasskeyAutofill = () =>\n  SignInRouterCtx.useSelector(state => state.context.webAuthnAutofillSupport);\n","import { Label as RadixLabel } from '@radix-ui/react-form';\n\nconst DISPLAY_NAME = 'ClerkElementsLabel';\n\n/**\n * Renders a `<label>` element that is automatically associated with its sibling `<Input />` inside of a `<Field>`. Additional props will be passed through to the `<label>` element.\n *\n * @param {boolean} [asChild] - If true, `<Label />` will render as its child element, passing along any necessary props.\n *\n * @example\n * <Clerk.Field name=\"email\">\n *   <Clerk.Label>Email</Clerk.Label>\n *   <Clerk.Input />\n * </Clerk.Field>\n */\nexport const Label = RadixLabel;\n\nLabel.displayName = DISPLAY_NAME;\n","import type { FormSubmitProps as RadixFormSubmitProps } from '@radix-ui/react-form';\nimport { Submit as RadixSubmit } from '@radix-ui/react-form';\nimport type { SetRequired } from 'type-fest';\n\nconst DISPLAY_NAME = 'ClerkElementsSubmit';\n\nexport type FormSubmitProps = SetRequired<RadixFormSubmitProps, 'children'>;\ntype FormSubmitComponent = React.ForwardRefExoticComponent<FormSubmitProps & React.RefAttributes<HTMLButtonElement>>;\n\n/**\n * A `<button type=\"submit\">` element.\n *\n * @param {boolean} [asChild] - When `true`, the component will render its child and passes all props to it.\n */\nexport const Submit = RadixSubmit as FormSubmitComponent;\n\nSubmit.displayName = DISPLAY_NAME;\n","import type { EnterpriseSSOStrategy, OAuthProvider, SamlStrategy, Web3Provider } from '@clerk/types';\nimport { Slot } from '@radix-ui/react-slot';\nimport { createContext, useContext } from 'react';\n\nimport type { ThirdPartyProvider } from '~/utils/third-party-strategies';\n\nimport { useThirdPartyProvider } from '../hooks';\nimport { SignInRouterCtx } from '../sign-in/context';\nimport { SignUpRouterCtx } from '../sign-up/context';\n\nexport type UseThirdPartyProviderReturn =\n  | (ThirdPartyProvider & {\n      events: {\n        authenticate: (event: React.MouseEvent<Element>) => void;\n      };\n    })\n  | null;\n\nexport const ConnectionContext = createContext<ThirdPartyProvider | null>(null);\nexport const useConnectionContext = () => {\n  const ctx = useContext(ConnectionContext);\n\n  if (!ctx) {\n    throw new Error('useConnectionContext must be used within <Clerk.Connection>');\n  }\n\n  return ctx;\n};\n\nexport interface ConnectionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n  name: OAuthProvider | Web3Provider | SamlStrategy | EnterpriseSSOStrategy;\n}\n\n/**\n * Renders a social connection button based on the provided name. If your instance does not have the social connection enabled, this component will throw an error in development.\n *\n * **Tip:** You can use the `<Icon />` component to render the social connection icon.\n *\n * @param {boolean} [asChild] - If true, `<Connection />` will render as its child element, passing along any necessary props.\n * @param {OAuthProvider | Web3Provider} name - The name of the social connection to render.\n *\n * @example\n * <SignIn.Root>\n *  <SignIn.Step name=\"start\">\n *    <Clerk.Connection name=\"google\">\n *      Sign in with Google\n *    </Clerk.Connection>\n *  </SignIn.Step>\n * </SignIn.Root>\n */\nexport function Connection({ asChild, name, ...rest }: ConnectionProps) {\n  const signInRef = SignInRouterCtx.useActorRef(true);\n  const signUpRef = SignUpRouterCtx.useActorRef(true);\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const provider = useThirdPartyProvider((signInRef || signUpRef)!, name);\n\n  if (!provider) {\n    return null;\n  }\n\n  const Comp = asChild ? Slot : 'button';\n  const defaultProps = asChild ? {} : { type: 'button' as const };\n\n  return (\n    <ConnectionContext.Provider value={provider}>\n      <Comp\n        onClick={provider.events.authenticate}\n        {...defaultProps}\n        {...rest}\n      />\n    </ConnectionContext.Provider>\n  );\n}\n\nexport interface IconProps extends Omit<React.HTMLAttributes<HTMLImageElement>, 'src'> {\n  asChild?: boolean;\n}\n\n/**\n * `<Icon>` **must** be used inside `<Connection>`. By default, `<Icon>` will render as an `<img>` element with the `src` pointing to the logo of the currently used `<Connection>`.\n *\n * @param {boolean} [asChild] - If true, `<Icon />` will render as its child element, passing along any necessary props.\n *\n * @example\n * <SignIn.Root>\n *  <SignIn.Step name=\"start\">\n *    <Clerk.Connection name=\"google\">\n *      <Clerk.Icon />\n *      Sign in with Google\n *    </Clerk.Connection>\n *  </SignIn.Step>\n * </SignIn.Root>\n */\nexport function Icon({ asChild, ...rest }: IconProps) {\n  const { iconUrl, name } = useConnectionContext();\n\n  const Comp = asChild ? Slot : 'img';\n  return (\n    <Comp\n      alt={`${name} logo`}\n      src={iconUrl}\n      {...rest}\n    />\n  );\n}\n","import { useClerk } from '@clerk/shared/react';\nimport type { EnterpriseSSOStrategy, OAuthProvider, SamlStrategy, Web3Provider } from '@clerk/types';\nimport type React from 'react';\nimport { useCallback } from 'react';\nimport type { ActorRef } from 'xstate';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\nimport type { SignInRouterEvents } from '~/internals/machines/sign-in';\nimport type { SignUpRouterEvents } from '~/internals/machines/sign-up';\nimport type { UseThirdPartyProviderReturn } from '~/react/common/connections';\nimport {\n  getEnabledThirdPartyProviders,\n  isAuthenticatableOauthStrategy,\n  isEnterpriseSSOStrategy,\n  isSamlStrategy,\n  isWeb3Strategy,\n  providerToDisplayData,\n} from '~/utils/third-party-strategies';\n\nconst useIsProviderEnabled = (\n  provider: OAuthProvider | Web3Provider | SamlStrategy | EnterpriseSSOStrategy,\n): boolean | null => {\n  const clerk = useClerk();\n\n  // null indicates we don't know for sure\n  if (!clerk.loaded) {\n    return null;\n  }\n\n  if (provider === 'saml' || provider === 'enterprise_sso') {\n    return (\n      clerk.__unstable__environment?.userSettings.saml.enabled ??\n      clerk.__unstable__environment?.userSettings.enterpriseSSO.enabled ??\n      false\n    );\n  }\n\n  const data = getEnabledThirdPartyProviders(clerk.__unstable__environment);\n\n  return (\n    isAuthenticatableOauthStrategy(provider, data.authenticatableOauthStrategies) ||\n    isWeb3Strategy(provider, data.web3Strategies)\n  );\n};\n\nexport const useThirdPartyProvider = <\n  TActor extends ActorRef<any, SignInRouterEvents> | ActorRef<any, SignUpRouterEvents>,\n>(\n  ref: TActor,\n  provider: OAuthProvider | Web3Provider | SamlStrategy | EnterpriseSSOStrategy,\n): UseThirdPartyProviderReturn => {\n  const isProviderEnabled = useIsProviderEnabled(provider);\n  const isSaml = isSamlStrategy(provider);\n  const isEnterpriseSSO = isEnterpriseSSOStrategy(provider);\n  const details =\n    isEnterpriseSSO || isSaml\n      ? {\n          name: 'SSO',\n          strategy: provider,\n        }\n      : providerToDisplayData[provider];\n\n  const authenticate = useCallback(\n    (event: React.MouseEvent<Element>) => {\n      if (!isProviderEnabled) {\n        return;\n      }\n\n      event.preventDefault();\n\n      if (isSaml) {\n        return ref.send({ type: 'AUTHENTICATE.SAML' });\n      }\n\n      if (isEnterpriseSSO) {\n        return ref.send({ type: 'AUTHENTICATE.ENTERPRISE_SSO' });\n      }\n\n      if (provider === 'metamask') {\n        return ref.send({ type: 'AUTHENTICATE.WEB3', strategy: 'web3_metamask_signature' });\n      }\n\n      if (provider === 'coinbase_wallet') {\n        return ref.send({ type: 'AUTHENTICATE.WEB3', strategy: 'web3_coinbase_wallet_signature' });\n      }\n\n      if (provider === 'okx_wallet') {\n        return ref.send({ type: 'AUTHENTICATE.WEB3', strategy: 'web3_okx_wallet_signature' });\n      }\n\n      return ref.send({ type: 'AUTHENTICATE.OAUTH', strategy: `oauth_${provider}` });\n    },\n    [provider, isProviderEnabled, isSaml, isEnterpriseSSO, ref],\n  );\n\n  if (isProviderEnabled === false) {\n    const dashboardPath = `https://dashboard.clerk.com/last-active?path=/user-authentication/${provider === 'metamask' ? 'web3' : 'social-connections'}`;\n\n    throw new ClerkElementsRuntimeError(\n      `You have used <Connection name=\"${provider}\"> which isn't enabled for your project. Enable ${details.name} in your Clerk dashboard: ${dashboardPath}`,\n    );\n  }\n\n  return {\n    events: {\n      authenticate,\n    },\n    ...details,\n  };\n};\n","// c.f. vendor/clerk-js/src/ui/hooks/useEnabledThirdPartyProviders.tsx [Modified]\n\nimport { iconImageUrl } from '@clerk/shared/constants';\nimport { OAUTH_PROVIDERS } from '@clerk/shared/oauth';\nimport { WEB3_PROVIDERS } from '@clerk/shared/web3';\nimport type {\n  EnterpriseSSOStrategy,\n  EnvironmentResource,\n  OAuthProvider,\n  OAuthStrategy,\n  SamlStrategy,\n  Web3Provider,\n  Web3Strategy,\n} from '@clerk/types';\n\nimport { fromEntries } from './clerk-js';\n\nexport type ThirdPartyStrategy =\n  | {\n      id: Web3Strategy | OAuthStrategy;\n      iconUrl: string;\n      name: string;\n    }\n  | {\n      strategy: SamlStrategy | EnterpriseSSOStrategy;\n      iconUrl?: never;\n      name: string;\n    };\n\nexport type ThirdPartyProvider =\n  | {\n      strategy: Web3Strategy | OAuthStrategy;\n      iconUrl: string;\n      name: string;\n    }\n  | {\n      strategy: SamlStrategy | EnterpriseSSOStrategy;\n      iconUrl?: never;\n      name: string;\n    };\n\ntype ThirdPartyStrategyToDataMap = {\n  [k in Web3Strategy | OAuthStrategy]: ThirdPartyStrategy;\n};\n\ntype ThirdPartyProviderToDataMap = {\n  [k in Web3Provider | OAuthProvider]: ThirdPartyProvider;\n};\n\nexport interface EnabledThirdPartyProviders {\n  authenticatableOauthStrategies: OAuthStrategy[];\n  providerToDisplayData: ThirdPartyProviderToDataMap;\n  strategies: (Web3Strategy | OAuthStrategy)[];\n  strategyToDisplayData: ThirdPartyStrategyToDataMap;\n  web3Strategies: Web3Strategy[];\n}\n\nconst oauthStrategies = OAUTH_PROVIDERS.map(p => p.strategy);\n\nexport const providerToDisplayData: ThirdPartyProviderToDataMap = fromEntries(\n  [...OAUTH_PROVIDERS, ...WEB3_PROVIDERS].map(p => {\n    return [p.provider, { iconUrl: iconImageUrl(p.provider), name: p.name, strategy: p.strategy }];\n  }),\n) as ThirdPartyProviderToDataMap;\n\nconst strategyToDisplayData: ThirdPartyStrategyToDataMap = fromEntries(\n  [...OAUTH_PROVIDERS, ...WEB3_PROVIDERS].map(p => {\n    return [p.strategy, { iconUrl: iconImageUrl(p.provider), id: p.provider, name: p.name }];\n  }),\n) as ThirdPartyStrategyToDataMap;\n\nexport function isSamlStrategy(strategy: any): strategy is SamlStrategy {\n  return strategy === 'saml';\n}\n\nexport function isEnterpriseSSOStrategy(strategy: any): strategy is EnterpriseSSOStrategy {\n  return strategy === 'enterprise_sso';\n}\n\nexport function isWeb3Strategy(\n  strategy: any,\n  available: EnabledThirdPartyProviders['web3Strategies'],\n): strategy is Web3Strategy {\n  return available.includes(strategy.startsWith('web3_') ? strategy : `web3_${strategy}_signature`);\n}\n\nexport function isAuthenticatableOauthStrategy(\n  strategy: any,\n  available: EnabledThirdPartyProviders['authenticatableOauthStrategies'],\n): strategy is OAuthStrategy {\n  return available.includes(strategy.startsWith('oauth_') ? strategy : `oauth_${strategy}`);\n}\n\nconst emptyThirdPartyProviders: EnabledThirdPartyProviders = {\n  authenticatableOauthStrategies: [],\n  providerToDisplayData: {} as any,\n  strategies: [],\n  strategyToDisplayData: {} as any,\n  web3Strategies: [],\n};\n\nexport const getEnabledThirdPartyProviders = (\n  environment: EnvironmentResource | undefined | null,\n): EnabledThirdPartyProviders => {\n  if (!environment?.userSettings) {\n    return emptyThirdPartyProviders;\n  }\n\n  const { socialProviderStrategies, web3FirstFactors, authenticatableSocialStrategies } = environment.userSettings;\n\n  // Filter out any OAuth strategies that are not yet known, they are not included in our types.\n  const knownSocialProviderStrategies = socialProviderStrategies.filter(s => oauthStrategies.includes(s));\n  const knownAuthenticatableSocialStrategies = authenticatableSocialStrategies.filter(s => oauthStrategies.includes(s));\n\n  return {\n    authenticatableOauthStrategies: [...knownAuthenticatableSocialStrategies],\n    providerToDisplayData: providerToDisplayData,\n    strategies: [...knownSocialProviderStrategies, ...web3FirstFactors],\n    strategyToDisplayData: strategyToDisplayData,\n    web3Strategies: web3FirstFactors,\n  };\n};\n","// Pulled from `clerk-js/src/ui/utils/fromEntries.ts\nexport const fromEntries = (iterable: Iterable<any>) => {\n  return [...iterable].reduce((obj, [key, val]) => {\n    obj[key] = val;\n    return obj;\n  }, {});\n};\n","import type { ActorRefFrom, AnyActorRef, AnyStateMachine, SnapshotFrom } from 'xstate';\n\nimport {\n  type TSignUpContinueMachine,\n  type TSignUpRouterMachine,\n  type TSignUpStartMachine,\n  type TSignUpVerificationMachine,\n} from '~/internals/machines/sign-up';\nimport { createContextFromActorRef } from '~/react/utils/create-context-from-actor-ref';\n\nexport type SnapshotState = SnapshotFrom<TSignUpRouterMachine>;\n\nexport const SignUpRouterCtx: ReturnType<typeof createContextFromActorRef<TSignUpRouterMachine>> =\n  createContextFromActorRef<TSignUpRouterMachine>('SignUpRouterCtx');\n\nfunction useSignUpStep<M extends AnyStateMachine, T = ActorRefFrom<M>>(name: string) {\n  return SignUpRouterCtx.useSelector(state => state.children[name] as AnyActorRef) as T;\n}\n\nexport const useSignUpStartStep = () => useSignUpStep<TSignUpStartMachine>('start');\nexport const useSignUpContinueStep = () => useSignUpStep<TSignUpContinueMachine>('continue');\nexport const useSignUpVerificationStep = () => useSignUpStep<TSignUpVerificationMachine>('verification');\n","import { useClerk } from '@clerk/shared/react';\nimport { eventComponentMounted } from '@clerk/shared/telemetry';\nimport type { EnterpriseSSOStrategy, OAuthProvider, SamlStrategy, Web3Provider } from '@clerk/types';\nimport { useSelector } from '@xstate/react';\nimport * as React from 'react';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\nimport type { ActorSignIn, ActorSignUp } from '~/react/hooks/use-loading.hook';\nimport { useLoading } from '~/react/hooks/use-loading.hook';\nimport { SignInRouterCtx } from '~/react/sign-in/context';\nimport type { TSignInStep } from '~/react/sign-in/step';\nimport { SIGN_IN_STEPS } from '~/react/sign-in/step';\nimport { SignUpRouterCtx } from '~/react/sign-up/context';\nimport type { TSignUpStep } from '~/react/sign-up/step';\nimport { SIGN_UP_STEPS } from '~/react/sign-up/step';\nimport { isProviderStrategyScope, mapScopeToStrategy } from '~/react/utils/map-scope-to-strategy';\n\ntype Strategy = OAuthProvider | SamlStrategy | EnterpriseSSOStrategy | Web3Provider;\ntype LoadingScope<T extends TSignInStep | TSignUpStep> =\n  | 'global'\n  | `step:${T}`\n  | `provider:${Strategy}`\n  | 'submit'\n  | 'passkey'\n  | undefined;\n\ntype LoadingProps = {\n  scope?: LoadingScope<TSignInStep | TSignUpStep>;\n  children: (isLoading: boolean) => React.ReactNode;\n};\n\nfunction isSignInScope(scope: LoadingScope<TSignInStep | TSignUpStep>): scope is LoadingScope<TSignInStep> {\n  if (!scope) {\n    return true;\n  }\n\n  if (scope.startsWith('step:')) {\n    return Object.prototype.hasOwnProperty.call(SIGN_IN_STEPS, scope.replace('step:', ''));\n  }\n\n  return true;\n}\n\nfunction isSignUpScope(scope: LoadingScope<TSignInStep | TSignUpStep>): scope is LoadingScope<TSignUpStep> {\n  if (!scope) {\n    return true;\n  }\n\n  if (scope.startsWith('step:')) {\n    return Object.prototype.hasOwnProperty.call(SIGN_UP_STEPS, scope.replace('step:', ''));\n  }\n\n  return true;\n}\n\n/**\n * Access the loading state of a chosen scope. Scope can refer to a step, a provider, or the global loading state. The global loading state is `true` when any of the other scopes are loading.\n *\n * @param scope - Optional. Specify which loading state to access. Can be a step, a provider, or the global loading state. If `<Loading>` is used outside a `<Step>`, the scope will default to \"global\". If used inside a `<Step>` the scope will default to the current step. For external authentication providers, the scope needs to be manually defined in the format of `provider:<provider name>`\n * @param {Function} children - A function that receives `isLoading` as an argument. `isLoading` is a boolean that indicates if the current scope is loading or not.\n *\n * @example\n * <SignIn.Root>\n *   <Clerk.Loading>\n *     {(isLoading) => isLoading && \"Global loading...\"}\n *   </Clerk.Loading>\n * </SignIn.Root>\n *\n * @example\n * <SignIn.Step name=\"start\">\n *  <Clerk.Action submit>\n *    <Clerk.Loading>\n *      {(isLoading) => isLoading ? \"Start is loading...\" : \"Submit\"}\n *    </Clerk.Loading>\n *  </Clerk.Action>\n * </SignIn.Step>\n *\n * @example\n * <SignIn.Step name=\"start\">\n *   <Clerk.Loading scope=\"provider:google\">\n *     {(isLoading) => (\n *       <Clerk.Connection name=\"google\" disabled={isLoading}>\n *         {isLoading ? \"Loading...\" : \"Continue with Google\"}\n *       </Clerk.Connection>\n *     )}\n *   </Clerk.Loading>\n * </SignIn.Step>\n */\nexport function Loading({ children, scope }: LoadingProps) {\n  const clerk = useClerk();\n\n  clerk.telemetry?.record(eventComponentMounted('Elements_Loading', { scope: scope ?? false }));\n\n  const signInRouterRef = SignInRouterCtx.useActorRef(true);\n  const signUpRouterRef = SignUpRouterCtx.useActorRef(true);\n\n  // One of the two routers must be defined. Otherwise, the component is used outside of a <SignIn> or <SignUp> component.\n  // An error is thrown in this case. Depending on which router is defined, the following flow will be either for sign-in or sign-up.\n  if (!signInRouterRef && !signUpRouterRef) {\n    throw new ClerkElementsRuntimeError(`<Loading> must be used within a <SignIn> or <SignUp> component.`);\n  }\n\n  if (signInRouterRef) {\n    if (isSignInScope(scope)) {\n      return (\n        <SignInLoading\n          scope={scope}\n          routerRef={signInRouterRef}\n        >\n          {children}\n        </SignInLoading>\n      );\n    } else {\n      throw new ClerkElementsRuntimeError(`Invalid scope \"${scope}\" used for <Loading> inside <SignIn>.`);\n    }\n  }\n\n  if (signUpRouterRef) {\n    if (isSignUpScope(scope)) {\n      return (\n        <SignUpLoading\n          scope={scope}\n          routerRef={signUpRouterRef}\n        >\n          {children}\n        </SignUpLoading>\n      );\n    } else {\n      throw new ClerkElementsRuntimeError(`Invalid scope \"${scope}\" used for <Loading> inside <SignUp>.`);\n    }\n  }\n\n  throw new ClerkElementsRuntimeError('Invalid state for <Loading>. Please open an issue.');\n}\n\ntype SignInLoadingProps = {\n  scope?: LoadingScope<TSignInStep>;\n  children: (isLoading: boolean) => React.ReactNode;\n  routerRef: ActorSignIn;\n};\n\nfunction SignInLoading({ children, scope, routerRef }: SignInLoadingProps) {\n  const [isLoading, { step: loadingStep, strategy, action }] = useLoading(routerRef);\n  const tags = useSelector(routerRef, s => s.tags);\n\n  const isStepLoading = (step: TSignInStep) => isLoading && loadingStep === step;\n  const isInferredStepLoading = (step: TSignInStep) => tags.has(`step:${step}`) && isStepLoading(step);\n\n  let loadingResult = false;\n\n  if (scope === 'global') {\n    // Global Loading Scope\n    loadingResult = isLoading;\n  } else if (scope && isProviderStrategyScope(scope)) {\n    // Provider-Specific Loading Scope\n    loadingResult = isLoading && loadingStep === undefined && strategy === mapScopeToStrategy(scope);\n  } else if (scope) {\n    // Specified Loading Scope\n    loadingResult = isStepLoading(scope.replace('step:', '') as TSignInStep) || scope === action;\n  } else {\n    // Inferred Loading Scope\n    loadingResult =\n      isInferredStepLoading('start') ||\n      isInferredStepLoading('verifications') ||\n      isInferredStepLoading('choose-strategy') ||\n      isInferredStepLoading('forgot-password') ||\n      isInferredStepLoading('reset-password');\n  }\n\n  return children(loadingResult);\n}\n\ntype SignUpLoadingProps = {\n  scope?: LoadingScope<TSignUpStep>;\n  children: (isLoading: boolean) => React.ReactNode;\n  routerRef: ActorSignUp;\n};\n\nfunction SignUpLoading({ children, scope, routerRef }: SignUpLoadingProps) {\n  const [isLoading, { step: loadingStep, strategy, action }] = useLoading(routerRef);\n  const tags = useSelector(routerRef, s => s.tags);\n\n  const isStepLoading = (step: TSignUpStep) => isLoading && loadingStep === step;\n  const isInferredStepLoading = (step: TSignUpStep) => tags.has(`step:${step}`) && isStepLoading(step);\n\n  let loadingResult = false;\n\n  if (scope === 'global') {\n    // Global Loading Scope\n    loadingResult = isLoading;\n  } else if (scope && isProviderStrategyScope(scope)) {\n    // Provider-Specific Loading Scope\n    loadingResult = isLoading && loadingStep === undefined && strategy === mapScopeToStrategy(scope);\n  } else if (scope) {\n    loadingResult = isStepLoading(scope.replace('step:', '') as TSignUpStep) || scope === action;\n  } else {\n    // Inferred Loading Scope\n    loadingResult =\n      isInferredStepLoading('start') || isInferredStepLoading('continue') || isInferredStepLoading('verifications');\n  }\n\n  return children(loadingResult);\n}\n","import { useSelector } from '@xstate/react';\nimport type { ActorRefFrom, SnapshotFrom } from 'xstate';\n\nimport type { SignInRouterLoadingContext, TSignInRouterMachine } from '~/internals/machines/sign-in';\nimport type { SignUpRouterLoadingContext, TSignUpRouterMachine } from '~/internals/machines/sign-up';\n\nexport type ActorSignIn = ActorRefFrom<TSignInRouterMachine>;\nexport type ActorSignUp = ActorRefFrom<TSignUpRouterMachine>;\n\ntype LoadingContext<T> = T extends ActorSignIn ? SignInRouterLoadingContext : SignUpRouterLoadingContext;\ntype UseLoadingReturn<T> = [\n  isLoading: boolean,\n  { step: LoadingContext<T>['step']; strategy: LoadingContext<T>['strategy']; action: LoadingContext<T>['action'] },\n];\n\nconst selectLoading = <T extends SnapshotFrom<TSignInRouterMachine> | SnapshotFrom<TSignUpRouterMachine>>(\n  snapshot: T,\n) => snapshot?.context?.loading;\nconst compareLoadingValue = <T extends SignInRouterLoadingContext | SignUpRouterLoadingContext>(prev: T, next: T) =>\n  prev?.isLoading === next?.isLoading;\n\n/**\n * Generic hook to check the loading state inside the context of a machine. Should only be used with `SignInRouterCtx` or `SignUpRouterCtx`.\n *\n * @param actor - The actor reference of the machine\n *\n * @example\n * const ref = SignInRouterCtx.useActorRef();\n *\n * useLoading(ref);\n */\nexport function useLoading<TActor extends ActorSignIn | ActorSignUp>(actor: TActor): UseLoadingReturn<TActor> {\n  const loadingCtx = useSelector(actor, selectLoading, compareLoadingValue) as LoadingContext<TActor>;\n\n  if (!loadingCtx) {\n    return [false, { step: undefined, strategy: undefined, action: undefined }];\n  }\n\n  return [loadingCtx.isLoading, { step: loadingCtx.step, strategy: loadingCtx.strategy, action: loadingCtx.action }];\n}\n","import { useClerk } from '@clerk/shared/react';\nimport { eventComponentMounted } from '@clerk/shared/telemetry';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\n\nimport { SignInChooseSession, type SignInChooseSessionProps } from './choose-session';\nimport { SignInChooseStrategy, type SignInChooseStrategyProps, SignInForgotPassword } from './choose-strategy';\nimport { SignInResetPassword, type SignInResetPasswordProps } from './reset-password';\nimport type { SignInSSOCallbackProps } from './sso-callback';\nimport { SignInSSOCallback } from './sso-callback';\nimport { SignInStart, type SignInStartProps } from './start';\nimport { SignInVerifications, type SignInVerificationsProps } from './verifications';\n\nexport const SIGN_IN_STEPS = {\n  start: 'start',\n  verifications: 'verifications',\n  'choose-strategy': 'choose-strategy',\n  'choose-session': 'choose-session',\n  'forgot-password': 'forgot-password',\n  'reset-password': 'reset-password',\n  'sso-callback': 'sso-callback',\n} as const;\n\nexport type TSignInStep = (typeof SIGN_IN_STEPS)[keyof typeof SIGN_IN_STEPS];\ntype StepWithProps<N extends TSignInStep, T> = { name: N } & T;\n\nexport type SignInStepProps =\n  | StepWithProps<'start', SignInStartProps>\n  | StepWithProps<'verifications', SignInVerificationsProps>\n  | StepWithProps<'choose-strategy' | 'forgot-password', SignInChooseStrategyProps>\n  | StepWithProps<'reset-password', SignInResetPasswordProps>\n  | StepWithProps<'choose-session', SignInChooseSessionProps>\n  | StepWithProps<'sso-callback', SignInSSOCallbackProps>;\n\n/**\n * Render different steps of the sign-in flow. Initially the `'start'` step is rendered. Once a sign-in attempt has been created, `'verifications'` will be displayed. If during that verification step the user decides to choose a different method of signing in or verifying, the `'choose-strategy'` step will be displayed.\n *\n * You typically want to place fields like username, password, or social providers in the `'start'` step. The `'verifications'` step is used to verify the user's credentials like password or MFA. Once the user has been verified, the sign-in attempt will be completed.\n *\n * @param {string} name - Step name. Use `'start'`, `'verifications'`, `'choose-strategy'`, `'reset-password'`, or `'forgot-password'`.\n *\n * @example\n * <SignIn.Root>\n *  <SignIn.Step name='start' />\n *  <SignIn.Step name='verifications' />\n *  <SignIn.Step name='choose-strategy' />\n *  <SignIn.Step name='forgot-password' />\n *  <SignIn.Step name='reset-password' />\n *  <SignIn.Step name='choose-session' />\n * </SignIn.Root>\n */\nexport function SignInStep(props: SignInStepProps) {\n  const clerk = useClerk();\n\n  clerk.telemetry?.record(eventComponentMounted('Elements_SignInStep', { name: props.name }));\n\n  switch (props.name) {\n    case SIGN_IN_STEPS.start:\n      return <SignInStart {...props} />;\n    case SIGN_IN_STEPS.verifications:\n      return <SignInVerifications {...props} />;\n    case SIGN_IN_STEPS['choose-strategy']:\n      return <SignInChooseStrategy {...props} />;\n    case SIGN_IN_STEPS['forgot-password']:\n      return <SignInForgotPassword {...props} />;\n    case SIGN_IN_STEPS['reset-password']:\n      return <SignInResetPassword {...props} />;\n    case SIGN_IN_STEPS['choose-session']:\n      return <SignInChooseSession {...props} />;\n    case SIGN_IN_STEPS['sso-callback']:\n      return <SignInSSOCallback {...props} />;\n    default:\n      throw new ClerkElementsRuntimeError(`Invalid step name. Use: ${Object.keys(SIGN_IN_STEPS).join(',')}.`);\n  }\n}\n","import { useClerk } from '@clerk/shared/react';\nimport { eventComponentMounted } from '@clerk/shared/telemetry';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\n\nimport type { SignUpContinueProps } from './continue';\nimport { SignUpContinue } from './continue';\nimport type { SignUpRestrictedProps } from './restricted';\nimport { SignUpRestricted } from './restricted';\nimport type { SignUpStartProps } from './start';\nimport { SignUpStart } from './start';\nimport type { SignUpVerificationsProps } from './verifications';\nimport { SignUpVerifications } from './verifications';\n\nexport const SIGN_UP_STEPS = {\n  start: 'start',\n  continue: 'continue',\n  verifications: 'verifications',\n  restricted: 'restricted',\n} as const;\n\nexport type TSignUpStep = (typeof SIGN_UP_STEPS)[keyof typeof SIGN_UP_STEPS];\ntype StepWithProps<N extends TSignUpStep, T> = { name: N } & T;\n\nexport type SignUpStepProps =\n  | StepWithProps<'start', SignUpStartProps>\n  | StepWithProps<'continue', SignUpContinueProps>\n  | StepWithProps<'verifications', SignUpVerificationsProps>\n  | StepWithProps<'restricted', SignUpRestrictedProps>;\n\n/**\n * Render different steps of the sign-up flow. Initially the `'start'` step is rendered. Optionally, you can render additional fields in the `'continue'` step. Once a sign-up attempt has been created, `'verifications'` will be displayed.\n *\n * You typically want to place fields like username, password, or social providers in the `'start'` step. The `'continue'` step can hold inputs for username, first name/last name or other metadata. The `'verifications'` step is used to verify the user's information like an email verification. Once the user has been verified, the sign-up attempt will be completed.\n *\n * @param {string} name - Step name. Use `'start'`, `'continue'`, or `'verifications'`.\n *\n * @example\n * <SignUp.Root>\n *  <SignUp.Step name='start' />\n *  <SignUp.Step name='continue' />\n *  <SignUp.Step name='verifications' />\n * </SignUp.Root>\n */\nexport function SignUpStep(props: SignUpStepProps) {\n  const clerk = useClerk();\n\n  clerk.telemetry?.record(eventComponentMounted('Elements_SignUpStep', { name: props.name }));\n\n  switch (props.name) {\n    case SIGN_UP_STEPS.start:\n      return <SignUpStart {...props} />;\n    case SIGN_UP_STEPS.continue:\n      return <SignUpContinue {...props} />;\n    case SIGN_UP_STEPS.verifications:\n      return <SignUpVerifications {...props} />;\n    case SIGN_UP_STEPS.restricted:\n      return <SignUpRestricted {...props} />;\n    default:\n      throw new ClerkElementsRuntimeError(\n        `Invalid step name. Use 'start', 'continue', 'verifications', or 'restricted'.`,\n      );\n  }\n}\n","import type { EnterpriseSSOStrategy, OAuthProvider, SamlStrategy, SignInStrategy, Web3Provider } from '@clerk/types';\n\ntype Strategy = OAuthProvider | SamlStrategy | EnterpriseSSOStrategy | Web3Provider;\n\nexport function isProviderStrategyScope(value: string): value is Strategy {\n  return value.startsWith('provider:');\n}\n\nexport function mapScopeToStrategy<T extends `provider:${Strategy}`>(scope: T): SignInStrategy {\n  if (scope === 'provider:metamask') {\n    return 'web3_metamask_signature';\n  }\n  if (scope === 'provider:coinbase_wallet') {\n    return 'web3_coinbase_wallet_signature';\n  }\n  if (scope === 'provider:okx_wallet') {\n    return 'web3_okx_wallet_signature';\n  }\n\n  if (scope === 'provider:saml') {\n    return 'saml';\n  }\n\n  if (scope === 'provider:enterprise_sso') {\n    return 'enterprise_sso';\n  }\n\n  const scopeWithoutPrefix = scope.replace('provider:', '') as OAuthProvider;\n\n  return `oauth_${scopeWithoutPrefix}`;\n}\n","import { useClerk } from '@clerk/shared/react';\nimport { useClerkRouter } from '@clerk/shared/router';\nimport type { ClerkOptions } from '@clerk/types';\nimport React from 'react';\n\ntype Destination = 'sign-in' | 'sign-up';\nexport interface LinkProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'children'> {\n  navigate: Destination;\n  children: React.ReactNode | ((props: { url: string }) => React.ReactNode);\n}\n\nconst paths: Record<Destination, keyof Pick<ClerkOptions, 'signInUrl' | 'signUpUrl'>> = {\n  'sign-in': 'signInUrl',\n  'sign-up': 'signUpUrl',\n};\n\n/**\n * The `<Link>` component is used to navigate between sign-in and sign-up flows.\n *\n * @param {Destination} navigate - The destination to navigate to.\n *\n * @example\n * ```tsx\n * <Link navigate=\"sign-in\">Sign in</Link>\n * ```\n * @example\n * ```tsx\n * <Link navigate=\"sign-in\">\n *  {({ url }) => (\n *    <NextLink href={url}>Sign in</NextLink>\n *  )}\n * </Link>\n */\n\nexport function Link({ navigate, children, ...rest }: LinkProps) {\n  const router = useClerkRouter();\n  const clerk = useClerk();\n  const destinationUrl = router.makeDestinationUrlWithPreservedQueryParameters(\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    clerk.__internal_getOption(paths[navigate])!,\n  );\n\n  if (typeof children === 'function') {\n    return children({ url: destinationUrl });\n  }\n\n  return (\n    <a\n      onClick={e => {\n        if (router) {\n          e.preventDefault();\n          router.push(destinationUrl);\n        }\n      }}\n      href={destinationUrl}\n      {...rest}\n    >\n      {children}\n    </a>\n  );\n}\n"],"mappings":"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","names":["import_react_form","React","import_react_form","React","import_react","React","_a","React","OTPInput","RadixControl","React","React","RadixControl","import_jsx_runtime","RadixField","RadixValidityState","import_react_form","React","React","import_jsx_runtime","DISPLAY_NAME","RadixFormMessage","DISPLAY_NAME","import_react_slot","React","import_jsx_runtime","DISPLAY_NAME","import_react","React","import_react","React","useContext","useSelector","useSelectorUnbound","import_jsx_runtime","DISPLAY_NAME","import_react_form","DISPLAY_NAME","RadixLabel","import_react_form","DISPLAY_NAME","RadixSubmit","import_react_slot","import_react","import_react","import_jsx_runtime","import_react","import_telemetry","import_react","import_react","import_telemetry","import_jsx_runtime","import_react","import_telemetry","import_jsx_runtime","import_jsx_runtime","import_react","import_router","import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/react/common/index.ts","../../../src/react/common/form/field.tsx","../../../src/internals/machines/form/form.context.ts","../../../src/internals/machines/form/form.machine.ts","../../../src/internals/errors/index.ts","../../../src/internals/utils/inspector/index.ts","../../../src/react/common/form/hooks/use-field-feedback.ts","../../../src/react/common/form/hooks/use-field.ts","../../../src/react/common/form/hooks/use-field-context.ts","../../../src/react/common/form/types.ts","../../../src/react/common/form/hooks/use-field-state.ts","../../../src/react/common/form/hooks/use-global-errors.ts","../../../src/react/common/form/hooks/use-input.tsx","../../../src/react/hooks/use-password.hook.ts","../../../src/react/utils/generate-password-error-text.ts","../../../src/react/common/form/otp.tsx","../../../src/react/common/form/utils/enrich-field-state.ts","../../../src/react/common/form/utils/determine-input-type-from-name.ts","../../../src/react/common/form/hooks/use-previous.ts","../../../src/react/common/form/hooks/use-validity-state-context.ts","../../../src/react/common/form/field-error.tsx","../../../src/react/utils/is-react-fragment.ts","../../../src/react/common/form/field-state.tsx","../../../src/react/common/form/global-error.tsx","../../../src/react/common/form/input.tsx","../../../src/react/utils/create-context-from-actor-ref.ts","../../../src/react/sign-in/context/router.context.ts","../../../src/react/common/form/label.tsx","../../../src/react/common/form/submit.tsx","../../../src/react/common/connections.tsx","../../../src/react/hooks/use-third-party-provider.hook.ts","../../../src/utils/third-party-strategies.ts","../../../src/utils/clerk-js.ts","../../../src/react/sign-up/context/router.context.ts","../../../src/react/common/loading.tsx","../../../src/react/hooks/use-loading.hook.ts","../../../src/react/sign-in/step.tsx","../../../src/react/sign-up/step.tsx","../../../src/react/utils/map-scope-to-strategy.ts","../../../src/react/common/link.tsx"],"sourcesContent":["// Mark as a client-only package. This will error if you try to import it in a React Server Component.\nimport 'client-only';\n\nexport { Field, FieldError, FieldState, GlobalError, Input, Label, Submit } from '~/react/common/form';\nexport { Connection, Icon } from '~/react/common/connections';\nexport { Loading } from '~/react/common/loading';\nexport { Link } from '~/react/common/link';\n\nexport type {\n  FormFieldErrorProps,\n  FormErrorProps,\n  FormErrorRenderProps,\n  FormFieldProps,\n  FormGlobalErrorProps,\n  FormInputProps,\n  FormProps,\n  FormSubmitProps,\n} from '~/react/common/form';\nexport type { ConnectionProps, IconProps } from '~/react/common/connections';\nexport type { OTPInputSegmentStatus } from '~/react/common/form/otp';\n","import type { Autocomplete } from '@clerk/types';\nimport type { FormFieldProps as RadixFormFieldProps } from '@radix-ui/react-form';\nimport { Field as RadixField, ValidityState as RadixValidityState } from '@radix-ui/react-form';\nimport * as React from 'react';\n\nimport { useFormStore } from '~/internals/machines/form/form.context';\n\nimport { FieldContext, useField, useFieldState, ValidityStateContext } from './hooks';\nimport type { ClerkFieldId, FieldStates } from './types';\nimport { enrichFieldState } from './utils';\n\nconst DISPLAY_NAME = 'ClerkElementsField';\nconst DISPLAY_NAME_INNER = 'ClerkElementsFieldInner';\n\ntype FormFieldElement = React.ElementRef<typeof RadixField>;\nexport type FormFieldProps = Omit<RadixFormFieldProps, 'children'> & {\n  name: Autocomplete<ClerkFieldId>;\n  alwaysShow?: boolean;\n  children: React.ReactNode | ((state: FieldStates) => React.ReactNode);\n};\n\n/**\n * Field is used to associate its child elements with a specific input. It automatically handles unique ID generation and associating the contained label and input elements.\n *\n * @param name - Give your `<Field>` a unique name inside the current form. If you choose one of the following names Clerk Elements will automatically set the correct type on the `<input />` element: `emailAddress`, `password`, `phoneNumber`, and `code`.\n * @param alwaysShow - Optional. When `true`, the field will always be renydered, regardless of its state. By default, a field is hidden if it's optional or if it's a filled-out required field.\n * @param {Function} children - A function that receives `state` as an argument. `state` is a union of `\"success\" | \"error\" | \"idle\" | \"warning\" | \"info\"`.\n *\n * @example\n * <Clerk.Field name=\"emailAddress\">\n *   <Clerk.Label>Email</Clerk.Label>\n *   <Clerk.Input />\n * </Clerk.Field>\n *\n * @example\n * <Clerk.Field name=\"emailAddress\">\n *  {(fieldState) => (\n *    <Clerk.Label>Email</Clerk.Label>\n *    <Clerk.Input className={`text-${fieldState}`} />\n *  )}\n * </Clerk.Field>\n */\nexport const Field = React.forwardRef<FormFieldElement, FormFieldProps>(({ alwaysShow, ...rest }, forwardedRef) => {\n  const formRef = useFormStore();\n  const formCtx = formRef.getSnapshot().context;\n  // A field is marked as hidden if it's optional OR if it's a filled-out required field\n  const isHiddenField = formCtx.progressive && Boolean(formCtx.hidden?.has(rest.name));\n\n  // Only alwaysShow={true} should force behavior to render the field, on `undefined` or alwaysShow={false} the isHiddenField logic should take over\n  const shouldHide = alwaysShow ? false : isHiddenField;\n\n  return shouldHide ? null : (\n    <FieldContext.Provider value={{ name: rest.name }}>\n      <FieldInner\n        {...rest}\n        ref={forwardedRef}\n      />\n    </FieldContext.Provider>\n  );\n});\n\nField.displayName = DISPLAY_NAME;\n\nconst FieldInner = React.forwardRef<FormFieldElement, FormFieldProps>((props, forwardedRef) => {\n  const { children, ...rest } = props;\n  const field = useField({ name: rest.name });\n  const { state: fieldState } = useFieldState({ name: rest.name });\n\n  return (\n    <RadixField\n      {...field.props}\n      {...rest}\n      ref={forwardedRef}\n    >\n      <RadixValidityState>\n        {validity => {\n          const enrichedFieldState = enrichFieldState(validity, fieldState);\n\n          return (\n            <ValidityStateContext.Provider value={validity}>\n              {typeof children === 'function' ? children(enrichedFieldState) : children}\n            </ValidityStateContext.Provider>\n          );\n        }}\n      </RadixValidityState>\n    </RadixField>\n  );\n});\n\nFieldInner.displayName = DISPLAY_NAME_INNER;\n","import { createActorContext } from '@xstate/react';\nimport type { SnapshotFrom } from 'xstate';\n\nimport { FormMachine } from '~/internals/machines/form';\nimport { inspect } from '~/internals/utils/inspector';\n\nexport type SnapshotState = SnapshotFrom<typeof FormMachine>;\n\nconst FormMachineContext = createActorContext(FormMachine, { inspect });\n\nexport const FormStoreProvider = FormMachineContext.Provider;\nexport const useFormStore = FormMachineContext.useActorRef;\nexport const useFormSelector = FormMachineContext.useSelector;\n\n/**\n * Selects a global error, if it exists\n */\nexport const globalErrorsSelector = (state: SnapshotState) => state.context.errors;\n\n/**\n * Selects if a specific field has a value\n */\nexport const fieldValueSelector = (name: string | undefined) => (state: SnapshotState) =>\n  name ? state.context.fields.get(name)?.value : '';\n\n/**\n * Selects if a specific field has a value\n */\nexport const fieldHasValueSelector = (name: string | undefined) => (state: SnapshotState) =>\n  Boolean(fieldValueSelector(name)(state));\n\ntype MapValue<A> = A extends Map<any, infer V> ? V : never;\n\n/**\n * Selects field-specific feedback, if they exist\n *\n * We declare an explicit return type here because TypeScript's inference results in the subtype reduction of the\n * union used for feedback. Explicitly declaring the return type allows for all members of the union to be\n * included in the return type.\n */\nexport const fieldFeedbackSelector =\n  (name: string | undefined) =>\n  (state: SnapshotState): MapValue<SnapshotState['context']['fields']>['feedback'] | undefined =>\n    name ? state.context.fields.get(name)?.feedback : undefined;\n","import { isClerkAPIResponseError, isKnownError, isMetamaskError } from '@clerk/shared/error';\nimport { snakeToCamel } from '@clerk/shared/underscore';\nimport type { ClerkAPIError } from '@clerk/types';\nimport type { MachineContext } from 'xstate';\nimport { assign, enqueueActions, setup } from 'xstate';\n\nimport { ClerkElementsError, ClerkElementsFieldError } from '~/internals/errors';\n\nimport type { FieldDetails, FormDefaultValues, FormFields } from './form.types';\n\nexport interface FormMachineContext extends MachineContext {\n  defaultValues: FormDefaultValues;\n  errors: ClerkElementsError[];\n  fields: FormFields;\n  hidden?: Set<string>;\n  missing?: Set<string>;\n  optional?: Set<string>;\n  progressive: boolean;\n  required?: Set<string>;\n}\n\nexport type FormMachineEvents =\n  | { type: 'FIELD.ADD'; field: Pick<FieldDetails, 'name' | 'type' | 'value' | 'checked' | 'disabled'> }\n  | { type: 'FIELD.REMOVE'; field: Pick<FieldDetails, 'name'> }\n  | { type: 'FIELD.ENABLE'; field: Pick<FieldDetails, 'name'> }\n  | { type: 'FIELD.DISABLE'; field: Pick<FieldDetails, 'name'> }\n  | {\n      type: 'MARK_AS_PROGRESSIVE';\n      defaultValues: FormDefaultValues;\n      missing: string[];\n      optional: string[];\n      required: string[];\n    }\n  | {\n      type: 'PREFILL_DEFAULT_VALUES';\n      defaultValues: FormDefaultValues;\n    }\n  | { type: 'UNMARK_AS_PROGRESSIVE' }\n  | {\n      type: 'FIELD.UPDATE';\n      field: Pick<FieldDetails, 'name' | 'value' | 'checked' | 'disabled'>;\n    }\n  | { type: 'ERRORS.SET'; error: any }\n  | { type: 'ERRORS.CLEAR' }\n  | {\n      type: 'FIELD.FEEDBACK.SET';\n      field: Pick<FieldDetails, 'name' | 'feedback'>;\n    }\n  | {\n      type: 'FIELD.FEEDBACK.CLEAR';\n      field: Pick<FieldDetails, 'name'>;\n    }\n  | { type: 'FIELD.FEEDBACK.CLEAR.ALL' };\n\ntype FormMachineTypes = {\n  events: FormMachineEvents;\n  context: FormMachineContext;\n};\n\nexport type TFormMachine = typeof FormMachine;\n\n/**\n * A machine for managing form state.\n * This machine is used alongside our other, flow-specific machines and a reference to a spawned FormMachine actor is used in the flows to interact with the form state.\n */\nexport const FormMachine = setup({\n  actions: {\n    setGlobalErrors: assign({\n      errors: (_, params: { errors: ClerkElementsError[] }) => [...params.errors],\n    }),\n    setFieldFeedback: assign({\n      fields: ({ context }, params: Pick<FieldDetails, 'name' | 'feedback'>) => {\n        if (!params.name) {\n          throw new Error('Field name is required');\n        }\n\n        const fieldName = params.name;\n        if (context.fields.has(fieldName)) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          context.fields.get(fieldName)!.feedback = params.feedback;\n        }\n\n        return context.fields;\n      },\n    }),\n  },\n  types: {} as FormMachineTypes,\n}).createMachine({\n  id: 'Form',\n  context: () => ({\n    defaultValues: new Map(),\n    errors: [],\n    fields: new Map(),\n    progressive: false,\n  }),\n  on: {\n    'ERRORS.SET': {\n      actions: enqueueActions(({ enqueue, event }) => {\n        const isClerkAPIError = (err: any): err is ClerkAPIError => 'meta' in err;\n\n        if (isKnownError(event.error)) {\n          const fields: Record<string, ClerkElementsFieldError[]> = {};\n          const globalErrors: ClerkElementsError[] = [];\n          const errors = isClerkAPIResponseError(event.error) ? event.error?.errors : [event.error];\n\n          for (const error of errors) {\n            const name = isClerkAPIError(error) ? snakeToCamel(error.meta?.paramName) : null;\n\n            if (!name || isMetamaskError(error)) {\n              globalErrors.push(ClerkElementsError.fromAPIError(error));\n              continue;\n            }\n\n            if (!fields[name]) {\n              fields[name] = [];\n            }\n\n            fields[name]?.push(ClerkElementsFieldError.fromAPIError(error));\n          }\n\n          enqueue({\n            type: 'setGlobalErrors',\n            params: {\n              errors: globalErrors,\n            },\n          });\n\n          for (const field in fields) {\n            enqueue({\n              type: 'setFieldFeedback',\n              params: {\n                name: field,\n                feedback: {\n                  type: 'error',\n                  message: fields[field][0],\n                },\n              },\n            });\n          }\n        }\n      }),\n    },\n    'ERRORS.CLEAR': {\n      actions: assign({\n        errors: () => [],\n      }),\n    },\n    'FIELD.ADD': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          event.field.value = event.field.value || context.defaultValues.get(event.field.name) || undefined;\n\n          context.fields.set(event.field.name, event.field);\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.UPDATE': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          const field = context.fields.get(event.field.name);\n\n          if (field) {\n            field.checked = event.field.checked;\n            field.disabled = event.field.disabled ?? field.disabled;\n            field.value = event.field.value;\n\n            context.fields.set(event.field.name, field);\n          }\n\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.DISABLE': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          const field = context.fields.get(event.field.name);\n\n          if (field) {\n            field.disabled = true;\n            context.fields.set(event.field.name, field);\n          }\n\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.ENABLE': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          const field = context.fields.get(event.field.name);\n\n          if (field) {\n            field.disabled = false;\n            context.fields.set(event.field.name, field);\n          }\n\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.REMOVE': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n\n          context.fields.delete(event.field.name);\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.FEEDBACK.SET': {\n      actions: [\n        {\n          type: 'setFieldFeedback',\n          params: ({ event }) => event.field,\n        },\n      ],\n    },\n    'FIELD.FEEDBACK.CLEAR': {\n      actions: assign({\n        fields: ({ context, event }) => {\n          if (!event.field.name) {\n            throw new Error('Field name is required');\n          }\n          if (context.fields.has(event.field.name)) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            context.fields.get(event.field.name)!.feedback = undefined;\n          }\n\n          return context.fields;\n        },\n      }),\n    },\n    'FIELD.FEEDBACK.CLEAR.ALL': {\n      actions: assign({\n        fields: ({ context }) => {\n          context.fields.forEach(field => {\n            field.feedback = undefined;\n          });\n\n          return context.fields;\n        },\n      }),\n    },\n    MARK_AS_PROGRESSIVE: {\n      actions: assign(({ event }) => {\n        const missing = new Set(event.missing);\n\n        return {\n          defaultValues: event.defaultValues,\n          hidden: new Set([...event.required.filter(f => !missing.has(f)), ...event.optional]),\n          missing,\n          optional: new Set(event.optional),\n          progressive: true,\n          required: new Set(event.required),\n        };\n      }),\n    },\n    UNMARK_AS_PROGRESSIVE: {\n      actions: assign({\n        defaultValues: new Map(),\n        hidden: undefined,\n        missing: undefined,\n        optional: undefined,\n        progressive: false,\n        required: undefined,\n      }),\n    },\n    PREFILL_DEFAULT_VALUES: {\n      actions: assign(({ event }) => {\n        return {\n          defaultValues: event.defaultValues,\n        };\n      }),\n    },\n  },\n});\n","// eslint-disable-next-line no-restricted-imports\nimport type { MetamaskError } from '@clerk/shared';\nimport type { ClerkAPIError } from '@clerk/types';\n\nexport abstract class ClerkElementsErrorBase extends Error {\n  clerkError = true;\n  clerkElementsError = true;\n  rawMessage: string;\n\n  constructor(\n    readonly code: string,\n    message: string,\n  ) {\n    super(message);\n\n    this.name = 'ClerkElementsError';\n    this.rawMessage = message;\n  }\n\n  toString() {\n    return `[${this.name}]\\nCode: ${this.code}\\nMessage: ${this.message}`;\n  }\n}\n\nexport class ClerkElementsError extends ClerkElementsErrorBase {\n  static fromAPIError(error: ClerkAPIError | MetamaskError) {\n    return new ClerkElementsError(\n      error.code.toString(),\n      // @ts-expect-error - Expected that longMessage isn't a property of MetamaskError\n      error.longMessage || error.message,\n    );\n  }\n\n  constructor(code: string, message: string) {\n    super(code, message);\n    this.name = 'ClerkElementsError';\n  }\n}\n\nexport class ClerkElementsRuntimeError extends ClerkElementsErrorBase {\n  constructor(message: string) {\n    super('elements_runtime_error', message);\n    this.name = 'ClerkElementsRuntimeError';\n  }\n}\n\nexport class ClerkElementsFieldError extends ClerkElementsErrorBase {\n  static fromAPIError(error: ClerkAPIError) {\n    return new ClerkElementsFieldError(error.code, error.longMessage || error.message);\n  }\n\n  constructor(code: string, message: string) {\n    super(code, message);\n    this.name = 'ClerkElementsFieldError';\n  }\n\n  get validityState() {\n    return this.code;\n  }\n\n  get forceMatch() {\n    return true;\n  }\n\n  matchFn = () => true;\n}\n","import type { InspectionEvent, Observer } from 'xstate';\n\nimport { getInspector as getBrowserInspector } from './browser';\nimport { getInspector as getConsoleInspector } from './console';\n\nexport let inspect: Observer<InspectionEvent> | undefined;\n\nif (__DEV__) {\n  inspect = getBrowserInspector() ?? getConsoleInspector();\n}\n\nconst inspector = {\n  inspect,\n};\n\nexport default inspector;\n","import { type FieldDetails, fieldFeedbackSelector, useFormSelector } from '~/internals/machines/form';\n\nexport function useFieldFeedback({ name }: Partial<Pick<FieldDetails, 'name'>>) {\n  const feedback = useFormSelector(fieldFeedbackSelector(name));\n\n  return {\n    feedback,\n  };\n}\n","import { type FieldDetails, fieldHasValueSelector, useFormSelector } from '~/internals/machines/form';\n\nimport { useFieldFeedback } from './use-field-feedback';\n\nexport function useField({ name }: Partial<Pick<FieldDetails, 'name'>>) {\n  const hasValue = useFormSelector(fieldHasValueSelector(name));\n  const { feedback } = useFieldFeedback({ name });\n\n  const shouldBeHidden = false; // TODO: Implement clerk-js utils\n  const hasError = feedback ? feedback.type === 'error' : false;\n\n  return {\n    hasValue,\n    props: {\n      'data-hidden': shouldBeHidden ? true : undefined,\n      serverInvalid: hasError,\n    },\n  };\n}\n","import * as React from 'react';\n\nimport type { FieldDetails } from '~/internals/machines/form';\n\nexport const FieldContext = React.createContext<Pick<FieldDetails, 'name'> | null>(null);\nexport const useFieldContext = () => React.useContext(FieldContext);\n","import type { HTMLInputTypeAttribute } from 'react';\n\nimport type { ClerkElementsError } from '~/internals/errors';\n\n/** Extracted relevant fields from @clerk/types  */\nexport type ClerkFieldId =\n  | 'code'\n  | 'confirmPassword'\n  | 'currentPassword'\n  | 'backup_code' // special case of `code`\n  | 'emailAddress'\n  | 'firstName'\n  | 'identifier'\n  | 'lastName'\n  | 'name'\n  | 'newPassword'\n  | 'password'\n  | 'phoneNumber'\n  | 'username'\n  | 'legalAccepted';\n\n/**\n * Possible types for the Clerk input element, several 'special' input types are included.\n */\nexport type ClerkInputType = HTMLInputTypeAttribute | 'otp';\n\nexport const FIELD_STATES = {\n  success: 'success',\n  error: 'error',\n  idle: 'idle',\n  warning: 'warning',\n  info: 'info',\n} as const;\n\nexport type FieldStates = (typeof FIELD_STATES)[keyof typeof FIELD_STATES];\n\nexport const FIELD_VALIDITY = {\n  valid: 'valid',\n  invalid: 'invalid',\n} as const;\n\nexport type FieldValidity = (typeof FIELD_VALIDITY)[keyof typeof FIELD_VALIDITY];\n\nexport type FormErrorRenderProps = Pick<ClerkElementsError, 'code' | 'message'>;\n\ntype FormErrorPropsAsChild = {\n  asChild?: true | never;\n  children?: React.ReactElement | ((error: FormErrorRenderProps) => React.ReactNode);\n  code?: string;\n};\n\ntype FormErrorPropsStd = {\n  asChild?: false;\n  children: React.ReactNode;\n  code: string;\n};\n\nexport type FormErrorProps<T> = Omit<T, 'asChild' | 'children'> & (FormErrorPropsStd | FormErrorPropsAsChild);\n","import { type FieldDetails, fieldHasValueSelector, useFormSelector } from '~/internals/machines/form';\n\nimport { FIELD_STATES, type FieldStates } from '../types';\nimport { useFieldFeedback } from './use-field-feedback';\n\n/**\n * Given a field name, determine the current state of the field\n */\nexport function useFieldState({ name }: Partial<Pick<FieldDetails, 'name'>>) {\n  const { feedback } = useFieldFeedback({ name });\n  const hasValue = useFormSelector(fieldHasValueSelector(name));\n\n  /**\n   * If hasValue is false, the state should be idle\n   * The rest depends on the feedback type\n   */\n  let state: FieldStates = FIELD_STATES.idle;\n\n  if (!hasValue) {\n    state = FIELD_STATES.idle;\n  }\n\n  switch (feedback?.type) {\n    case 'error':\n      state = FIELD_STATES.error;\n      break;\n    case 'warning':\n      state = FIELD_STATES.warning;\n      break;\n    case 'info':\n      state = FIELD_STATES.info;\n      break;\n    case 'success':\n      state = FIELD_STATES.success;\n      break;\n    default:\n      break;\n  }\n\n  return {\n    state,\n  };\n}\n","import { globalErrorsSelector, useFormSelector } from '~/internals/machines/form';\n\nexport function useGlobalErrors() {\n  const errors = useFormSelector(globalErrorsSelector);\n\n  return {\n    errors,\n  };\n}\n","import { Control as RadixControl, type FormControlProps } from '@radix-ui/react-form';\nimport * as React from 'react';\n\nimport { ClerkElementsFieldError } from '~/internals/errors';\nimport { fieldValueSelector, useFormSelector, useFormStore } from '~/internals/machines/form';\nimport { usePassword } from '~/react/hooks/use-password.hook';\n\nimport type { FormInputProps } from '../index';\nimport { OTP_LENGTH_DEFAULT, OTPInput, type OTPInputProps } from '../otp';\nimport { determineInputTypeFromName, enrichFieldState } from '../utils';\nimport { useFieldContext } from './use-field-context';\nimport { useFieldState } from './use-field-state';\nimport { usePrevious } from './use-previous';\nimport { useValidityStateContext } from './use-validity-state-context';\n\n// TODO: DRY\ntype PasswordInputProps = Exclude<FormControlProps, 'type'> & {\n  validatePassword?: boolean;\n};\n\nexport function useInput({\n  name: inputName,\n  value: providedValue,\n  checked: providedChecked,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  onFocus: onFocusProp,\n  type: inputType,\n  ...passthroughProps\n}: FormInputProps) {\n  // Inputs can be used outside a <Field> wrapper if desired, so safely destructure here\n  const fieldContext = useFieldContext();\n  const rawName = inputName || fieldContext?.name;\n  const name = rawName === 'backup_code' ? 'code' : rawName; // `backup_code` is a special case of `code`\n  const { state: fieldState } = useFieldState({ name });\n  const validity = useValidityStateContext();\n\n  if (!rawName || !name) {\n    throw new Error('Clerk: <Input /> must be wrapped in a <Field> component or have a name prop.');\n  }\n\n  const ref = useFormStore();\n  const [hasPassedValiation, setHasPassedValidation] = React.useState(false);\n\n  const { validatePassword } = usePassword({\n    onValidationComplexity: hasPassed => setHasPassedValidation(hasPassed),\n    onValidationSuccess: () => {\n      ref.send({\n        type: 'FIELD.FEEDBACK.SET',\n        field: { name, feedback: { type: 'success', message: 'Your password meets all the necessary requirements.' } },\n      });\n    },\n    onValidationError: (error, codes) => {\n      if (error) {\n        ref.send({\n          type: 'FIELD.FEEDBACK.SET',\n          field: {\n            name,\n            feedback: {\n              type: 'error',\n              message: new ClerkElementsFieldError('password-validation-error', error),\n              codes,\n            },\n          },\n        });\n      }\n    },\n    onValidationWarning: (warning, codes) =>\n      ref.send({\n        type: 'FIELD.FEEDBACK.SET',\n        field: { name, feedback: { type: 'warning', message: warning, codes } },\n      }),\n    onValidationInfo: (info, codes) => {\n      // TODO: If input is not focused, make this info an error\n      ref.send({\n        type: 'FIELD.FEEDBACK.SET',\n        field: {\n          name,\n          feedback: {\n            type: 'info',\n            message: info,\n            codes,\n          },\n        },\n      });\n    },\n  });\n\n  const value = useFormSelector(fieldValueSelector(name));\n  const prevValue = usePrevious(value);\n  const hasValue = Boolean(value);\n  const type = inputType ?? determineInputTypeFromName(rawName);\n  let nativeFieldType = type;\n  let shouldValidatePassword = false;\n\n  if (type === 'password' || type === 'text') {\n    shouldValidatePassword = Boolean((passthroughProps as PasswordInputProps).validatePassword);\n  }\n\n  if (nativeFieldType === 'otp' || nativeFieldType === 'backup_code') {\n    nativeFieldType = 'text';\n  }\n\n  // Register the field in the machine context\n  React.useEffect(() => {\n    if (!name) {\n      return;\n    }\n\n    ref.send({\n      type: 'FIELD.ADD',\n      field: { name, type: nativeFieldType, value: providedValue, checked: providedChecked },\n    });\n\n    return () => ref.send({ type: 'FIELD.REMOVE', field: { name } });\n  }, [ref]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    if (!name) {\n      return;\n    }\n\n    if (\n      (type === 'checkbox' && providedChecked !== undefined) ||\n      (type !== 'checkbox' && providedValue !== undefined)\n    ) {\n      ref.send({\n        type: 'FIELD.UPDATE',\n        field: { name, value: providedValue, checked: providedChecked },\n      });\n    }\n  }, [name, type, ref, providedValue, providedChecked]);\n\n  // Register the onChange handler for field updates to persist to the machine context\n  const onChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onChangeProp?.(event);\n      if (!name) {\n        return;\n      }\n      ref.send({ type: 'FIELD.UPDATE', field: { name, value: event.target.value, checked: event.target.checked } });\n      if (shouldValidatePassword) {\n        validatePassword(event.target.value);\n      }\n    },\n    [ref, name, onChangeProp, shouldValidatePassword, validatePassword],\n  );\n\n  const onBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      onBlurProp?.(event);\n      if (shouldValidatePassword && event.target.value !== prevValue) {\n        validatePassword(event.target.value);\n      }\n    },\n    [onBlurProp, shouldValidatePassword, validatePassword, prevValue],\n  );\n\n  const onFocus = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      onFocusProp?.(event);\n      if (shouldValidatePassword && event.target.value !== prevValue) {\n        validatePassword(event.target.value);\n      }\n    },\n    [onFocusProp, shouldValidatePassword, validatePassword, prevValue],\n  );\n\n  // TODO: Implement clerk-js utils\n  const shouldBeHidden = false;\n\n  const Element = type === 'otp' ? OTPInput : RadixControl;\n\n  let props = {};\n  if (type === 'otp') {\n    const p = passthroughProps as Omit<OTPInputProps, 'name' | 'value' | 'type'>;\n    const length = p.length || OTP_LENGTH_DEFAULT;\n\n    props = {\n      'data-otp-input': true,\n      autoComplete: 'one-time-code',\n      inputMode: 'numeric',\n      pattern: `[0-9]{${length}}`,\n      minLength: length,\n      maxLength: length,\n      // Enhanced naming for better password manager detection\n      name: 'otp',\n      id: 'otp-input',\n      // Additional attributes for password manager compatibility\n      'data-testid': 'otp-input',\n      role: 'textbox',\n      'aria-label': 'Enter verification code',\n      onChange: (event: React.ChangeEvent<HTMLInputElement>) => {\n        // Only accept numbers\n        event.currentTarget.value = event.currentTarget.value.replace(/\\D+/g, '');\n        onChange(event);\n      },\n      type: 'text',\n      spellCheck: false,\n    };\n  } else if (type === 'backup_code') {\n    props = {\n      autoComplete: 'off',\n      type: 'text',\n      spellCheck: false,\n    };\n  } else if (type === 'password' && shouldValidatePassword) {\n    props = {\n      'data-has-passed-validation': hasPassedValiation ? true : undefined,\n    };\n  }\n\n  // Filter out invalid props that should not be passed through\n  // @ts-expect-error - Doesn't know about type narrowing by type here\n  const { validatePassword: _1, ...rest } = passthroughProps;\n\n  return {\n    Element,\n    props: {\n      type,\n      value: value ?? '',\n      onChange,\n      onBlur,\n      onFocus,\n      'data-hidden': shouldBeHidden ? true : undefined,\n      'data-has-value': hasValue ? true : undefined,\n      'data-state': enrichFieldState(validity, fieldState),\n      ...props,\n      ...rest,\n    },\n  };\n}\n","import { useClerk } from '@clerk/shared/react';\nimport { noop } from '@clerk/shared/utils';\nimport type { PasswordSettingsData, PasswordValidation } from '@clerk/types';\nimport * as React from 'react';\n\nimport type { ErrorCodeOrTuple } from '../utils/generate-password-error-text';\nimport { generatePasswordErrorText } from '../utils/generate-password-error-text';\n\n// This hook should mimic the already existing usePassword hook in the clerk-js package\n// @see packages/clerk-js/src/ui/hooks/usePassword.ts\n\nexport type PasswordConfig = Omit<PasswordSettingsData, 'disable_hibp' | 'min_zxcvbn_strength' | 'show_zxcvbn'>;\n\ntype UsePasswordCallbacks = {\n  onValidationError?: (error: string | undefined, codes: ErrorCodeOrTuple[]) => void;\n  onValidationSuccess?: () => void;\n  onValidationWarning?: (warning: string, codes: ErrorCodeOrTuple[]) => void;\n  onValidationInfo?: (info: string, codes: ErrorCodeOrTuple[]) => void;\n  onValidationComplexity?: (b: boolean) => void;\n};\n\nexport const usePassword = (callbacks?: UsePasswordCallbacks) => {\n  const clerk = useClerk();\n  const passwordSettings = clerk.__unstable__environment?.userSettings.passwordSettings as PasswordSettingsData;\n  const { disable_hibp, min_zxcvbn_strength, show_zxcvbn, ...config } = passwordSettings || {};\n\n  const {\n    onValidationError = noop,\n    onValidationSuccess = noop,\n    onValidationWarning = noop,\n    onValidationInfo = noop,\n    onValidationComplexity,\n  } = callbacks || {};\n\n  const onValidate = React.useCallback(\n    (res: PasswordValidation) => {\n      /**\n       * Failed complexity rules always have priority\n       */\n      if (res.complexity) {\n        if (Object.values(res?.complexity).length > 0) {\n          const { message, codes } = generatePasswordErrorText({\n            config,\n            failedValidations: res.complexity,\n          });\n\n          if (res.complexity?.min_length) {\n            return onValidationInfo(message, codes);\n          }\n          return onValidationError(message, codes);\n        }\n      }\n\n      /**\n       * Failed strength\n       */\n      if (res?.strength?.state === 'fail') {\n        const keys = res.strength.keys;\n        const error = JSON.stringify(keys);\n        return onValidationError(error, keys);\n      }\n\n      /**\n       * Password meets all criteria but could be stronger\n       */\n      if (res?.strength?.state === 'pass') {\n        const keys = res.strength.keys;\n        const error = JSON.stringify(keys);\n        return onValidationWarning(error, keys);\n      }\n\n      /**\n       * Password meets all criteria and is strong\n       */\n      return onValidationSuccess();\n    },\n    [callbacks, config],\n  );\n\n  const validatePassword = React.useMemo(() => {\n    return (password: string) => {\n      return clerk.client.signUp.validatePassword(password, {\n        onValidation: onValidate,\n        onValidationComplexity,\n      });\n    };\n  }, [onValidate]);\n\n  return {\n    validatePassword,\n  };\n};\n","import type { Autocomplete, PasswordSettingsData } from '@clerk/types';\n\n// Copied from packages/clerk-js/src/ui/hooks/usePasswordComplexity.ts\n\ntype ComplexityErrors = {\n  [key in keyof Partial<Omit<PasswordSettingsData, 'disable_hibp' | 'min_zxcvbn_strength' | 'show_zxcvbn'>>]?: boolean;\n};\n\nexport type ComplexityConfig = Omit<PasswordSettingsData, 'disable_hibp' | 'min_zxcvbn_strength' | 'show_zxcvbn'>;\n\nconst errorMessages: Record<keyof Omit<ComplexityErrors, 'allowed_special_characters'>, [string, string] | string> = {\n  max_length: ['less than %length% characters', 'length'],\n  min_length: ['%length% or more characters', 'length'],\n  require_numbers: 'a number',\n  require_lowercase: 'a lowercase letter',\n  require_uppercase: 'an uppercase letter',\n  require_special_char: 'a special character',\n};\n\nexport type ErrorMessagesKey = Autocomplete<keyof typeof errorMessages>;\nexport type ErrorCodeOrTuple = ErrorMessagesKey | [ErrorMessagesKey, Record<string, string | number>];\n\nconst createListFormat = (message: string[]) => {\n  let messageWithPrefix: string;\n  if ('ListFormat' in Intl) {\n    const formatter = new Intl.ListFormat('en', { style: 'long', type: 'conjunction' });\n    messageWithPrefix = formatter.format(message);\n  } else {\n    messageWithPrefix = message.join(', ');\n  }\n\n  return messageWithPrefix;\n};\n\ntype GeneratePasswordErrorTextProps = {\n  config: ComplexityConfig;\n  failedValidations: ComplexityErrors | undefined;\n};\n\n/**\n * This function builds a single entry in the error array returned from generatePasswordErrorText. It returns either a\n * string or a tuple containing the error code and relevant entries from the instance's password complexity conrfig.\n * @param key The string respresentation of a possible error during password validation\n * @param config The instance's password complexity configuration\n * @returns The error code or a tuple containing the error code and relevant entries from the config\n */\nfunction buildErrorTuple(key: ErrorMessagesKey, config: ComplexityConfig): ErrorCodeOrTuple {\n  switch (key) {\n    case 'max_length':\n      return [key, { max_length: config.max_length }];\n    case 'min_length':\n      return [key, { min_length: config.min_length }];\n    case 'require_special_char':\n      return [key, { allowed_special_characters: config.allowed_special_characters }];\n    default:\n      return key;\n  }\n}\n\nexport const generatePasswordErrorText = ({ config, failedValidations }: GeneratePasswordErrorTextProps) => {\n  const codes: ErrorCodeOrTuple[] = [];\n\n  if (!failedValidations || Object.keys(failedValidations).length === 0) {\n    return {\n      codes,\n      message: '',\n    };\n  }\n\n  // show min length error first by itself\n  const hasMinLengthError = failedValidations?.min_length || false;\n\n  const messages = Object.entries(failedValidations)\n    .filter(k => (hasMinLengthError ? k[0] === 'min_length' : true))\n    .filter(([, v]) => !!v)\n    .map(([k]) => {\n      const entry = k as keyof typeof errorMessages;\n      const errorTuple = buildErrorTuple(entry, config);\n      codes.push(errorTuple);\n      const errorKey = errorMessages[entry];\n\n      if (Array.isArray(errorKey)) {\n        const [msg, replaceValue] = errorKey;\n        return msg.replace(`%${replaceValue}%`, config[k as keyof ComplexityConfig] as string);\n      }\n      return errorKey;\n    });\n\n  const messageWithPrefix = createListFormat(messages);\n\n  return {\n    codes,\n    message: `Your password must contain ${messageWithPrefix}.`,\n  };\n};\n","import { Control as RadixControl } from '@radix-ui/react-form';\nimport * as React from 'react';\n\nimport type { FormControlProps } from '~/react/common/form';\n\nexport type OTPInputProps = Exclude<\n  FormControlProps,\n  'type' | 'autoComplete' | 'minLength' | 'maxLength' | 'inputMode' | 'pattern' | 'spellCheck'\n> & {\n  render?: (props: { value: string; status: OTPInputSegmentStatus; index: number }) => React.ReactNode;\n  length?: number;\n  autoSubmit?: boolean;\n  passwordManagerOffset?: number;\n};\n\ntype SelectionRange = readonly [start: number | null, end: number | null];\nconst ZERO: SelectionRange = [0, 0];\nconst OUTSIDE: SelectionRange = [-1, -1];\n\nexport const OTP_LENGTH_DEFAULT = 6;\nconst PASSWORD_MANAGER_OFFSET_DEFAULT = 40;\n\n/**\n * The status of a single segment element in the OTP input\n */\nexport type OTPInputSegmentStatus = 'none' | 'cursor' | 'selected' | 'hovered';\n\n/**\n * If the render prop is provided, a custom segmented input will be rendered. Otherwise a standard input will be rendered.\n */\nexport const OTPInput = React.forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(props, ref) {\n  const { render, length, autoSubmit, ...rest } = props;\n  const hasRenderProp = typeof render !== 'undefined';\n\n  if (hasRenderProp) {\n    return (\n      <OTPInputSegmented\n        {...rest}\n        ref={ref}\n        render={render}\n        length={length}\n        autoSubmit={autoSubmit}\n      />\n    );\n  }\n\n  return (\n    <OTPInputStandard\n      {...rest}\n      ref={ref}\n      length={length}\n      autoSubmit={autoSubmit}\n    />\n  );\n});\n\n/**\n * Standard `<input />` element that receives the same props as the OTPInput component except for the render prop.\n */\nconst OTPInputStandard = React.forwardRef<HTMLInputElement, Omit<OTPInputProps, 'render'>>(\n  function OTPInput(props, ref) {\n    const { length = OTP_LENGTH_DEFAULT, autoSubmit = false, ...rest } = props;\n\n    const innerRef = React.useRef<HTMLInputElement>(null);\n    // This ensures we can access innerRef internally while still exposing it via the ref prop\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement, []);\n\n    // Fire the requestSubmit callback when the input has the required length and autoSubmit is enabled\n    React.useEffect(() => {\n      if (String(props.value).length === length && autoSubmit) {\n        innerRef.current?.form?.requestSubmit();\n      }\n    }, [props.value, length, autoSubmit]);\n\n    return (\n      <RadixControl\n        ref={innerRef}\n        {...rest}\n        data-otp-input-standard\n      />\n    );\n  },\n);\n\n/**\n * A custom input component to handle accepting OTP codes. An invisible input element is used to capture input and handle native input\n * interactions, while the provided render prop is used to visually render the input's contents.\n */\nconst OTPInputSegmented = React.forwardRef<HTMLInputElement, Required<Pick<OTPInputProps, 'render'>> & OTPInputProps>(\n  function OTPInput(props, ref) {\n    const {\n      className: userProvidedClassName,\n      render,\n      length = OTP_LENGTH_DEFAULT,\n      autoSubmit = false,\n      passwordManagerOffset = PASSWORD_MANAGER_OFFSET_DEFAULT,\n      ...rest\n    } = props;\n\n    const innerRef = React.useRef<HTMLInputElement>(null);\n    const [selectionRange, setSelectionRange] = React.useState<SelectionRange>(props.autoFocus ? ZERO : OUTSIDE);\n    const [isHovering, setIsHovering] = React.useState(false);\n\n    const isFocused = () => document.activeElement === innerRef.current;\n\n    // This ensures we can access innerRef internally while still exposing it via the ref prop\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement, []);\n\n    /**\n     * A layout effect is used here to avoid any perceived visual lag when changing the selection\n     * This effect ensures that when deleting characters from the input the selection is updated\n     */\n    React.useLayoutEffect(() => {\n      if (document.activeElement !== innerRef.current) {\n        return;\n      }\n      setSelectionRange(cur => selectionRangeUpdater(cur, innerRef));\n    }, [props.value]);\n\n    /**\n     * Attach a selectionchange handler on the document during the capture phase to the selection range is updated\n     * immediately.\n     *\n     * One concrete example, if using onSelect on the input, the handler wouldn't fire when pressing cmd + left/right arrow.\n     */\n    React.useEffect(() => {\n      function onSelectionChange() {\n        if (!isFocused()) {\n          return;\n        }\n        setSelectionRange(cur => selectionRangeUpdater(cur, innerRef));\n      }\n\n      document.addEventListener('selectionchange', onSelectionChange, { capture: true });\n      return () => document.removeEventListener('selectionchange', onSelectionChange);\n    }, []);\n\n    // Fire the requestSubmit callback when the input has the required length and autoSubmit is enabled\n    React.useEffect(() => {\n      if (String(props.value).length === length && autoSubmit) {\n        innerRef.current?.form?.requestSubmit();\n      }\n    }, [props.value, length, autoSubmit]);\n\n    return (\n      <div\n        data-otp-input-wrapper\n        style={wrapperStyle}\n      >\n        {/* We can't target pseudo-elements with the style prop, so we inject a tag here */}\n        <style>{`\n      input[data-otp-input-segmented]::selection {\n        color: transparent;\n        background-color: transparent;\n      }\n      `}</style>\n        <RadixControl\n          data-otp-input-segmented\n          ref={innerRef}\n          {...rest}\n          onFocus={event => {\n            // Place the caret at the end of the current value\n            if (innerRef.current) {\n              const start = Math.min(innerRef.current.value.length, length - 1);\n              const end = innerRef.current.value.length;\n              innerRef.current.setSelectionRange(start, end);\n              setSelectionRange([start, end]);\n            }\n            rest?.onFocus?.(event);\n          }}\n          onBlur={event => {\n            setSelectionRange([-1, -1]);\n            rest?.onBlur?.(event);\n          }}\n          onMouseOver={event => {\n            if (!isFocused()) {\n              setIsHovering(true);\n            }\n            props.onMouseOver?.(event);\n          }}\n          onMouseLeave={event => {\n            setIsHovering(false);\n            props.onMouseLeave?.(event);\n          }}\n          style={{\n            ...inputStyle,\n            clipPath: `inset(0 calc(1ch + ${passwordManagerOffset}px) 0 0)`,\n            width: `calc(100% + 1ch + ${passwordManagerOffset}px)`,\n          }}\n        />\n        <div\n          className={userProvidedClassName}\n          aria-hidden\n          style={segmentWrapperStyle}\n        >\n          {Array.from({ length }).map((_, i) => {\n            const isHovered = isHovering && !isFocused();\n            const isCursor = selectionRange[0] === selectionRange[1] && selectionRange[0] === i;\n            const isSelected = (selectionRange[0] ?? -1) <= i && (selectionRange[1] ?? -1) > i;\n\n            return (\n              <React.Fragment key={`otp-segment-${i}`}>\n                {render({\n                  value: String(props.value)[i] || '',\n                  status: isHovered ? 'hovered' : isCursor ? 'cursor' : isSelected ? 'selected' : 'none',\n                  index: i,\n                })}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\n\n/**\n * Handle updating the input selection range to ensure a single character is selected when moving the cursor, or if the input value changes.\n */\nfunction selectionRangeUpdater(cur: SelectionRange, inputRef: React.RefObject<HTMLInputElement>) {\n  let updated: [number, number, HTMLInputElement['selectionDirection']] = [\n    inputRef.current?.selectionStart ?? 0,\n    inputRef.current?.selectionEnd ?? 0,\n    inputRef.current?.selectionDirection ?? null,\n  ];\n\n  // Abort unnecessary updates\n  if (cur[0] === updated[0] && cur[1] === updated[1]) {\n    return cur;\n  }\n\n  // ensures that forward selection works properly when landing on the first character\n  if (updated[0] === 0 && updated[1] === 1) {\n    updated[2] = 'forward';\n  }\n\n  // When moving the selection, we want to select either the previous or next character instead of only moving the cursor.\n  // If the start and end indices are the same, it means only the cursor has moved and we need to make a decision on which character to select.\n  if (updated[0] === updated[1]) {\n    if (updated[0] > 0 && cur[0] === updated[0] && cur[1] === updated[0] + 1) {\n      updated = [updated[0] - 1, updated[1], 'backward'];\n    } else if (typeof inputRef.current?.value[updated[0]] !== 'undefined') {\n      updated = [updated[0], updated[1] + 1, 'backward'];\n    } else if (updated[0] >= OTP_LENGTH_DEFAULT) {\n      updated = [updated[0] - 1, updated[1], 'backward'];\n    }\n  }\n\n  inputRef.current?.setSelectionRange(updated[0], updated[1], updated[2] ?? undefined);\n\n  return [updated[0], updated[1]] satisfies SelectionRange;\n}\n\nconst wrapperStyle = {\n  position: 'relative',\n  userSelect: 'none',\n} satisfies React.CSSProperties;\n\nconst inputStyle = {\n  display: 'block',\n  background: 'transparent',\n  opacity: 0,\n  outline: 'transparent solid 0px',\n  appearance: 'none',\n  color: 'transparent',\n  position: 'absolute',\n  inset: 0,\n  caretColor: 'transparent',\n  border: '0px solid transparent',\n  // width is handled inline\n  height: '100%',\n  letterSpacing: '-1rem',\n} satisfies React.CSSProperties;\n\nconst segmentWrapperStyle = {\n  zIndex: 1,\n  pointerEvents: 'none',\n} satisfies React.CSSProperties;\n","import { FIELD_STATES, type FieldStates } from '../types';\n\n/**\n * Radix can return the ValidityState object, which contains the validity of the field. We need to merge this with our existing fieldState.\n * When the ValidityState is valid: false, the fieldState should be overriden. Otherwise, it shouldn't change at all.\n * @see https://www.radix-ui.com/primitives/docs/components/form#validitystate\n * @see https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n */\nexport function enrichFieldState(validity: ValidityState | undefined, fieldState: FieldStates) {\n  return validity?.valid === false ? FIELD_STATES.error : fieldState;\n}\n","import type { Autocomplete } from '@clerk/types';\nimport type { FormFieldProps as RadixFormFieldProps } from '@radix-ui/react-form';\n\nimport type { ClerkFieldId, FieldStates } from '../types';\n\n// TODO: Move this to a shared location\ntype FormFieldProps = Omit<RadixFormFieldProps, 'children'> & {\n  name: Autocomplete<ClerkFieldId>;\n  alwaysShow?: boolean;\n  children: React.ReactNode | ((state: FieldStates) => React.ReactNode);\n};\n\nexport function determineInputTypeFromName(name: FormFieldProps['name']) {\n  if (name === 'password' || name === 'confirmPassword' || name === 'currentPassword' || name === 'newPassword') {\n    return 'password' as const;\n  }\n  if (name === 'emailAddress') {\n    return 'email' as const;\n  }\n  if (name === 'phoneNumber') {\n    return 'tel' as const;\n  }\n  if (name === 'code') {\n    return 'otp' as const;\n  }\n  if (name === 'backup_code') {\n    return 'backup_code' as const;\n  }\n\n  return 'text' as const;\n}\n","import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n","import * as React from 'react';\n\nexport const ValidityStateContext = React.createContext<ValidityState | undefined>(undefined);\nexport const useValidityStateContext = () => React.useContext(ValidityStateContext);\n","import type { FormMessageProps as RadixFormMessageProps } from '@radix-ui/react-form';\nimport { FormMessage as RadixFormMessage } from '@radix-ui/react-form';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\nimport { isReactFragment } from '~/react/utils/is-react-fragment';\n\nimport { useFieldContext, useFieldFeedback } from './hooks';\nimport type { FormErrorProps } from './types';\n\nconst DISPLAY_NAME = 'ClerkElementsFieldError';\n\nexport type FormFieldErrorProps = FormErrorProps<RadixFormMessageProps & { name?: string }>;\ntype FormFieldErrorElement = React.ElementRef<typeof RadixFormMessage>;\n\n/**\n * FieldError renders error messages associated with a specific field. By default, the error's message will be rendered in an unstyled `<span>`. Optionally, the `children` prop accepts a function to completely customize rendering.\n *\n * @param {string} [name] - Used to target a specific field by name when rendering outside of a `<Field>` component.\n * @param {Function} [children] - A function that receives `message` and `code` as arguments.\n *\n * @example\n * <Clerk.Field name=\"email\">\n *   <Clerk.FieldError />\n * </Clerk.Field>\n *\n * @example\n * <Clerk.Field name=\"email\">\n *   <Clerk.FieldError>\n *     {({ message, code }) => (\n *       <span data-error-code={code}>{message}</span>\n *     )}\n *   </Clerk.FieldError>\n * </Clerk.Field>\n */\nexport const FieldError = React.forwardRef<FormFieldErrorElement, FormFieldErrorProps>(\n  ({ asChild = false, children, code, name, ...rest }, forwardedRef) => {\n    const fieldContext = useFieldContext();\n    const rawFieldName = fieldContext?.name || name;\n    const fieldName = rawFieldName === 'backup_code' ? 'code' : rawFieldName;\n    const { feedback } = useFieldFeedback({ name: fieldName });\n\n    if (!(feedback?.type === 'error')) {\n      return null;\n    }\n\n    const error = feedback.message;\n\n    if (!error) {\n      return null;\n    }\n\n    const Comp = asChild ? Slot : 'span';\n    const child = typeof children === 'function' ? children(error) : children;\n\n    // const forceMatch = code ? error.code === code : undefined; // TODO: Re-add when Radix Form is updated\n\n    if (isReactFragment(child)) {\n      throw new ClerkElementsRuntimeError('<FieldError /> cannot render a Fragment as a child.');\n    }\n\n    return (\n      <RadixFormMessage\n        data-error-code={error.code}\n        // forceMatch={forceMatch}\n        {...rest}\n        ref={forwardedRef}\n        asChild\n      >\n        <Comp>{child || error.message}</Comp>\n      </RadixFormMessage>\n    );\n  },\n);\n\nFieldError.displayName = DISPLAY_NAME;\n","import * as React from 'react';\n\nexport function isReactFragment(node: React.ReactNode) {\n  return React.isValidElement(node) && node.type === React.Fragment;\n}\n","import { ClerkElementsFieldError } from '~/internals/errors';\nimport type { ErrorCodeOrTuple } from '~/react/utils/generate-password-error-text';\n\nimport { useFieldContext, useFieldFeedback, useFieldState, useValidityStateContext } from './hooks';\nimport type { FieldStates } from './types';\nimport { enrichFieldState } from './utils';\n\ntype FieldStateRenderFn = {\n  children: (state: {\n    state: FieldStates;\n    message: string | undefined;\n    codes: ErrorCodeOrTuple[] | undefined;\n  }) => React.ReactNode;\n};\n\nconst DISPLAY_NAME = 'ClerkElementsFieldState';\n\n/**\n * Programmatically access the state of the wrapping `<Field>`. Useful for implementing animations when direct access to the state value is necessary.\n *\n * @param {Function} children - A function that receives `state`, `message`, and `codes` as an argument. `state` will is a union of `\"success\" | \"error\" | \"idle\" | \"warning\" | \"info\"`. `message` will be the corresponding message, e.g. error message. `codes` will be an array of keys that were used to generate the password validation messages. This prop is only available when the field is of type `password` and has `validatePassword` set to `true`.\n *\n * @example\n * <Clerk.Field name=\"email\">\n *  <Clerk.Label>Email</Clerk.Label>\n *  <Clerk.FieldState>\n *    {({ state }) => (\n *      <Clerk.Input className={`text-${state}`} />\n *    )}\n *  </Clerk.FieldState>\n * </Clerk.Field>\n *\n * @example\n * <Clerk.Field name=\"password\">\n *  <Clerk.Label>Password</Clerk.Label>\n *  <Clerk.Input validatePassword />\n *  <Clerk.FieldState>\n *    {({ state, message, codes }) => (\n *      <pre>Field state: {state}</pre>\n *      <pre>Field msg: {message}</pre>\n *      <pre>Pwd keys: {codes.join(', ')}</pre>\n *    )}\n *  </Clerk.FieldState>\n * </Clerk.Field>\n */\nexport function FieldState({ children }: FieldStateRenderFn) {\n  const field = useFieldContext();\n  const { feedback } = useFieldFeedback({ name: field?.name });\n  const { state } = useFieldState({ name: field?.name });\n  const validity = useValidityStateContext();\n\n  const message = feedback?.message instanceof ClerkElementsFieldError ? feedback.message.message : feedback?.message;\n  const codes = feedback?.codes;\n\n  const fieldState = { state: enrichFieldState(validity, state), message, codes };\n\n  return children(fieldState);\n}\n\nFieldState.displayName = DISPLAY_NAME;\n","import { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\nimport { isReactFragment } from '~/react/utils/is-react-fragment';\n\nimport { useGlobalErrors } from './hooks';\nimport type { FormErrorProps } from './types';\n\nconst DISPLAY_NAME = 'ClerkElementsGlobalError';\n\ntype FormGlobalErrorElement = React.ElementRef<'div'>;\nexport type FormGlobalErrorProps = FormErrorProps<React.ComponentPropsWithoutRef<'div'>>;\n\n/**\n * Used to render errors that are returned from Clerk's API, but that are not associated with a specific form field. By default, will render the error's message wrapped in a `<div>`. Optionally, the `children` prop accepts a function to completely customize rendering. Must be placed **inside** components like `<SignIn>`/`<SignUp>` to have access to the underlying form state.\n *\n * @param {string} [code] - Forces the message with the matching code to be shown. This is useful when using server-side validation.\n * @param {Function} [children] - A function that receives `message` and `code` as arguments.\n * @param {boolean} [asChild] - If `true`, `<GlobalError>` will render as its child element, passing along any necessary props.\n *\n * @example\n * <SignIn.Root>\n *   <Clerk.GlobalError />\n * </SignIn.Root>\n *\n * @example\n * <SignIn.Root>\n *   <Clerk.GlobalError code=\"user_locked\">Your custom error message.</Clerk.GlobalError>\n * </SignIn.Root>\n *\n * @example\n * <SignIn.Root>\n *   <Clerk.GlobalError>\n *     {({ message, code }) => (\n *       <span data-error-code={code}>{message}</span>\n *     )}\n *   </Clerk.GlobalError>\n * </SignIn.Root>\n */\nexport const GlobalError = React.forwardRef<FormGlobalErrorElement, FormGlobalErrorProps>(\n  ({ asChild = false, children, code, ...rest }, forwardedRef) => {\n    const { errors } = useGlobalErrors();\n\n    const error = errors?.[0];\n\n    if (!error || (code && error.code !== code)) {\n      return null;\n    }\n\n    const Comp = asChild ? Slot : 'div';\n    const child = typeof children === 'function' ? children(error) : children;\n\n    if (isReactFragment(child)) {\n      throw new ClerkElementsRuntimeError('<GlobalError /> cannot render a Fragment as a child.');\n    }\n\n    return (\n      <Comp\n        role='alert'\n        {...rest}\n        ref={forwardedRef}\n      >\n        {child || error.message}\n      </Comp>\n    );\n  },\n);\n\nGlobalError.displayName = DISPLAY_NAME;\n","import { logger } from '@clerk/shared/logger';\nimport { useClerk } from '@clerk/shared/react';\nimport { eventComponentMounted } from '@clerk/shared/telemetry';\nimport type {\n  Control as RadixControl,\n  FormControlProps,\n  FormControlProps as RadixFormControlProps,\n} from '@radix-ui/react-form';\nimport * as React from 'react';\n\nimport { SignInRouterCtx } from '~/react/sign-in/context';\nimport { useSignInPasskeyAutofill } from '~/react/sign-in/context/router.context';\n\nimport { useInput } from './hooks';\nimport type { OTPInputProps } from './otp';\n\nconst DISPLAY_NAME = 'ClerkElementsInput';\nconst DISPLAY_NAME_PASSKEYS_AUTOFILL = 'ClerkElementsInputWithPasskeyAutofill';\n\ntype PasswordInputProps = Exclude<FormControlProps, 'type'> & {\n  validatePassword?: boolean;\n};\n\nexport type FormInputProps =\n  | RadixFormControlProps\n  | ({ type: 'otp'; render: OTPInputProps['render'] } & Omit<OTPInputProps, 'asChild'>)\n  | ({ type: 'otp'; render?: undefined } & OTPInputProps)\n  // Usecase: Toggle the visibility of the password input, therefore 'password' and 'text' are allowed\n  | ({ type: 'password' | 'text' } & PasswordInputProps);\n\n/**\n * Handles rendering of `<input>` elements within Clerk's flows. Supports special `type` prop values to render input types that are unique to authentication and user management flows. Additional props will be passed through to the `<input>` element.\n *\n * @param {boolean} [asChild] - If true, `<Input />` will render as its child element, passing along any necessary props.\n * @param {string} [name] - Used to target a specific field by name when rendering outside of a `<Field>` component.\n *\n * @example\n * <Clerk.Field name=\"identifier\">\n *   <Clerk.Label>Email</Clerk.Label>\n *   <Clerk.Input type=\"email\" autoComplete=\"email\" className=\"emailInput\" />\n * </Clerk.Field>\n *\n * @param {Number} [length] - The length of the OTP input. Defaults to 6.\n * @param {Number} [passwordManagerOffset] - Password managers place their icon inside an `<input />`. This default behaviour is not desirable when you use the render prop to display N distinct element. With this prop you can increase the width of the `<input />` so that the icon is rendered outside the OTP inputs.\n * @param {string} [type] - Type of control to render. Supports a special `'otp'` type for one-time password inputs. If the wrapping `<Field>` component has `name='code'`, the type will default to `'otp'`. With the `'otp'` type, the input will have a pattern and length set to 6 by default and render a single `<input />` element.\n *\n * @example\n * <Clerk.Field name=\"code\">\n *   <Clerk.Label>Email code</Clerk.Label>\n *   <Clerk.Input type=\"otp\" />\n * </Clerk.Field>\n *\n * @param {Function} [render] - Optionally, you can use a render prop that controls how each individual character is rendered. If no `render` prop is provided, a single text `<input />` will be rendered.\n *\n * @example\n * <Clerk.Field name=\"code\">\n *   <Clerk.Label>Email code</Clerk.Label>\n *   <Clerk.Input\n *     type=\"otp\"\n *     render={({ value, status }) => <span data-status={status}>{value}</span>}\n *   />\n * </Clerk.Field>\n */\nexport const Input = React.forwardRef<React.ElementRef<typeof RadixControl>, FormInputProps>(\n  (props: FormInputProps, forwardedRef) => {\n    const clerk = useClerk();\n    const field = useInput(props);\n\n    const hasPasskeyAutofillProp = Boolean(field.props.autoComplete?.includes('webauthn'));\n    const allowedTypeForPasskey = (['text', 'email', 'tel'] as FormInputProps['type'][]).includes(field.props.type);\n    const signInRouterRef = SignInRouterCtx.useActorRef(true);\n\n    clerk.telemetry?.record(\n      eventComponentMounted('Elements_Input', {\n        type: props.type ?? false,\n        // @ts-expect-error - Depending on type the props can be different\n        render: Boolean(props?.render),\n        // @ts-expect-error - Depending on type the props can be different\n        asChild: Boolean(props?.asChild),\n        // @ts-expect-error - Depending on type the props can be different\n        validatePassword: Boolean(props?.validatePassword),\n      }),\n    );\n\n    if (signInRouterRef && hasPasskeyAutofillProp && allowedTypeForPasskey) {\n      return (\n        <InputWithPasskeyAutofill\n          ref={forwardedRef}\n          {...props}\n        />\n      );\n    }\n\n    if (hasPasskeyAutofillProp && !allowedTypeForPasskey) {\n      logger.warnOnce(\n        `<Input autoComplete=\"webauthn\"> can only be used with <Input type=\"text\"> or <Input type=\"email\">`,\n      );\n    } else if (hasPasskeyAutofillProp) {\n      logger.warnOnce(\n        `<Input autoComplete=\"webauthn\"> can only be used inside <SignIn> in order to trigger a sign-in attempt, otherwise it will be ignored.`,\n      );\n    }\n\n    return (\n      <field.Element\n        ref={forwardedRef}\n        {...field.props}\n      />\n    );\n  },\n);\n\nInput.displayName = DISPLAY_NAME;\n\nconst InputWithPasskeyAutofill = React.forwardRef<React.ElementRef<typeof RadixControl>, FormInputProps>(\n  (props: FormInputProps, forwardedRef) => {\n    const signInRouterRef = SignInRouterCtx.useActorRef(true);\n    const passkeyAutofillSupported = useSignInPasskeyAutofill();\n\n    React.useEffect(() => {\n      if (passkeyAutofillSupported) {\n        signInRouterRef?.send({ type: 'AUTHENTICATE.PASSKEY.AUTOFILL' });\n      }\n    }, [passkeyAutofillSupported, signInRouterRef]);\n\n    const field = useInput(props);\n    return (\n      <field.Element\n        ref={forwardedRef}\n        {...field.props}\n      />\n    );\n  },\n);\n\nInputWithPasskeyAutofill.displayName = DISPLAY_NAME_PASSKEYS_AUTOFILL;\n","import { useSelector as useSelectorUnbound } from '@xstate/react';\nimport * as React from 'react';\nimport type { ActorRefFrom, AnyActorRef, AnyStateMachine, SnapshotFrom } from 'xstate';\n\n/**\n * Creates a context and hooks for a given actor ref.\n\n * @example\n * const SignInRouterCtx = createContextFromActorRef<typeof SignInRouterMachine>('SignInRouterCtx')\n *\n * const Parent = () => {\n *   const ref = useActorRef(SignInRouterMachine, { input: { basePath: '/sign-in' } });\n *\n *   return (\n *     <SignInRouterCtx.Provider ref={ref}>\n *       <Child />\n *     </SignInRouterCtx>\n *   )\n * }\n *\n * const Child = () => {\n *   const ref = SignInRouterCtx.useActorRef();\n *   const status = SignInRouterCtx.useSelector(state => state.context.clerk);\n\n *   const handleClick = useCallback(() => ref.send({ type: 'NEXT' }), [ref]);\n *\n *   return <button onClick={handleClick}>;\n * }\n */\n\nexport function createContextFromActorRef<TMachine extends AnyStateMachine, TRef = ActorRefFrom<TMachine>>(\n  displayName: string,\n) {\n  const ReactContext = React.createContext<TRef | null>(null);\n  const OriginalProvider = ReactContext.Provider;\n\n  function Provider({ children, actorRef }: { children: React.ReactNode; actorRef: TRef }) {\n    return React.createElement(\n      OriginalProvider,\n      {\n        value: actorRef,\n      },\n      children,\n    );\n  }\n\n  Provider.displayName = displayName;\n\n  function useContext(allowMissingActor?: false | undefined): TRef;\n  function useContext(allowMissingActor: true): TRef | null;\n  function useContext(allowMissingActor: boolean = false): TRef | null {\n    const actorRef = React.useContext(ReactContext);\n\n    if (!allowMissingActor && !actorRef) {\n      throw new Error(\n        `You used a hook from \"${Provider.displayName}\" but it's not inside a <${Provider.displayName}.Provider> component.`,\n      );\n    }\n\n    return actorRef;\n  }\n\n  function useSelector<T>(selector: (snapshot: SnapshotFrom<TRef>) => T, compare?: (a: T, b: T) => boolean): T {\n    const actor = useContext();\n    return useSelectorUnbound(actor as AnyActorRef, selector, compare);\n  }\n\n  return {\n    Provider,\n    useActorRef: useContext,\n    useSelector,\n  };\n}\n","import type { ActorRefFrom, AnyActorRef, AnyStateMachine, SnapshotFrom } from 'xstate';\n\nimport type {\n  TSignInFirstFactorMachine,\n  TSignInResetPasswordMachine,\n  TSignInRouterMachine,\n  TSignInSecondFactorMachine,\n  TSignInStartMachine,\n} from '~/internals/machines/sign-in';\nimport { createContextFromActorRef } from '~/react/utils/create-context-from-actor-ref';\n\nexport type SnapshotState = SnapshotFrom<TSignInRouterMachine>;\n\nexport const SignInRouterCtx: ReturnType<typeof createContextFromActorRef<TSignInRouterMachine>> =\n  createContextFromActorRef<TSignInRouterMachine>('SignInRouterCtx');\n\nfunction useSignInStep<M extends AnyStateMachine, T = ActorRefFrom<M>>(name: string) {\n  return SignInRouterCtx.useSelector(state => state.children[name] as AnyActorRef) as T;\n}\n\nexport const useSignInStartStep = () => useSignInStep<TSignInStartMachine>('start');\nexport const useSignInFirstFactorStep = () => useSignInStep<TSignInFirstFactorMachine>('firstFactor');\nexport const useSignInSecondFactorStep = () => useSignInStep<TSignInSecondFactorMachine>('secondFactor');\nexport const useSignInResetPasswordStep = () => useSignInStep<TSignInResetPasswordMachine>('resetPassword');\n\nexport const useSignInPasskeyAutofill = () =>\n  SignInRouterCtx.useSelector(state => state.context.webAuthnAutofillSupport);\n","import { Label as RadixLabel } from '@radix-ui/react-form';\n\nconst DISPLAY_NAME = 'ClerkElementsLabel';\n\n/**\n * Renders a `<label>` element that is automatically associated with its sibling `<Input />` inside of a `<Field>`. Additional props will be passed through to the `<label>` element.\n *\n * @param {boolean} [asChild] - If true, `<Label />` will render as its child element, passing along any necessary props.\n *\n * @example\n * <Clerk.Field name=\"email\">\n *   <Clerk.Label>Email</Clerk.Label>\n *   <Clerk.Input />\n * </Clerk.Field>\n */\nexport const Label = RadixLabel;\n\nLabel.displayName = DISPLAY_NAME;\n","import type { FormSubmitProps as RadixFormSubmitProps } from '@radix-ui/react-form';\nimport { Submit as RadixSubmit } from '@radix-ui/react-form';\nimport type { SetRequired } from 'type-fest';\n\nconst DISPLAY_NAME = 'ClerkElementsSubmit';\n\nexport type FormSubmitProps = SetRequired<RadixFormSubmitProps, 'children'>;\ntype FormSubmitComponent = React.ForwardRefExoticComponent<FormSubmitProps & React.RefAttributes<HTMLButtonElement>>;\n\n/**\n * A `<button type=\"submit\">` element.\n *\n * @param {boolean} [asChild] - When `true`, the component will render its child and passes all props to it.\n */\nexport const Submit = RadixSubmit as FormSubmitComponent;\n\nSubmit.displayName = DISPLAY_NAME;\n","import type { EnterpriseSSOStrategy, OAuthProvider, SamlStrategy, Web3Provider } from '@clerk/types';\nimport { Slot } from '@radix-ui/react-slot';\nimport { createContext, useContext } from 'react';\n\nimport type { ThirdPartyProvider } from '~/utils/third-party-strategies';\n\nimport { useThirdPartyProvider } from '../hooks';\nimport { SignInRouterCtx } from '../sign-in/context';\nimport { SignUpRouterCtx } from '../sign-up/context';\n\nexport type UseThirdPartyProviderReturn =\n  | (ThirdPartyProvider & {\n      events: {\n        authenticate: (event: React.MouseEvent<Element>) => void;\n      };\n    })\n  | null;\n\nexport const ConnectionContext = createContext<ThirdPartyProvider | null>(null);\nexport const useConnectionContext = () => {\n  const ctx = useContext(ConnectionContext);\n\n  if (!ctx) {\n    throw new Error('useConnectionContext must be used within <Clerk.Connection>');\n  }\n\n  return ctx;\n};\n\nexport interface ConnectionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n  name: OAuthProvider | Web3Provider | SamlStrategy | EnterpriseSSOStrategy;\n}\n\n/**\n * Renders a social connection button based on the provided name. If your instance does not have the social connection enabled, this component will throw an error in development.\n *\n * **Tip:** You can use the `<Icon />` component to render the social connection icon.\n *\n * @param {boolean} [asChild] - If true, `<Connection />` will render as its child element, passing along any necessary props.\n * @param {OAuthProvider | Web3Provider} name - The name of the social connection to render.\n *\n * @example\n * <SignIn.Root>\n *  <SignIn.Step name=\"start\">\n *    <Clerk.Connection name=\"google\">\n *      Sign in with Google\n *    </Clerk.Connection>\n *  </SignIn.Step>\n * </SignIn.Root>\n */\nexport function Connection({ asChild, name, ...rest }: ConnectionProps) {\n  const signInRef = SignInRouterCtx.useActorRef(true);\n  const signUpRef = SignUpRouterCtx.useActorRef(true);\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const provider = useThirdPartyProvider((signInRef || signUpRef)!, name);\n\n  if (!provider) {\n    return null;\n  }\n\n  const Comp = asChild ? Slot : 'button';\n  const defaultProps = asChild ? {} : { type: 'button' as const };\n\n  return (\n    <ConnectionContext.Provider value={provider}>\n      <Comp\n        onClick={provider.events.authenticate}\n        {...defaultProps}\n        {...rest}\n      />\n    </ConnectionContext.Provider>\n  );\n}\n\nexport interface IconProps extends Omit<React.HTMLAttributes<HTMLImageElement>, 'src'> {\n  asChild?: boolean;\n}\n\n/**\n * `<Icon>` **must** be used inside `<Connection>`. By default, `<Icon>` will render as an `<img>` element with the `src` pointing to the logo of the currently used `<Connection>`.\n *\n * @param {boolean} [asChild] - If true, `<Icon />` will render as its child element, passing along any necessary props.\n *\n * @example\n * <SignIn.Root>\n *  <SignIn.Step name=\"start\">\n *    <Clerk.Connection name=\"google\">\n *      <Clerk.Icon />\n *      Sign in with Google\n *    </Clerk.Connection>\n *  </SignIn.Step>\n * </SignIn.Root>\n */\nexport function Icon({ asChild, ...rest }: IconProps) {\n  const { iconUrl, name } = useConnectionContext();\n\n  const Comp = asChild ? Slot : 'img';\n  return (\n    <Comp\n      alt={`${name} logo`}\n      src={iconUrl}\n      {...rest}\n    />\n  );\n}\n","import { useClerk } from '@clerk/shared/react';\nimport type { EnterpriseSSOStrategy, OAuthProvider, SamlStrategy, Web3Provider } from '@clerk/types';\nimport type React from 'react';\nimport { useCallback } from 'react';\nimport type { ActorRef } from 'xstate';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\nimport type { SignInRouterEvents } from '~/internals/machines/sign-in';\nimport type { SignUpRouterEvents } from '~/internals/machines/sign-up';\nimport type { UseThirdPartyProviderReturn } from '~/react/common/connections';\nimport {\n  getEnabledThirdPartyProviders,\n  isAuthenticatableOauthStrategy,\n  isEnterpriseSSOStrategy,\n  isSamlStrategy,\n  isWeb3Strategy,\n  providerToDisplayData,\n} from '~/utils/third-party-strategies';\n\nconst useIsProviderEnabled = (\n  provider: OAuthProvider | Web3Provider | SamlStrategy | EnterpriseSSOStrategy,\n): boolean | null => {\n  const clerk = useClerk();\n\n  // null indicates we don't know for sure\n  if (!clerk.loaded) {\n    return null;\n  }\n\n  if (provider === 'saml' || provider === 'enterprise_sso') {\n    return (\n      clerk.__unstable__environment?.userSettings.saml.enabled ??\n      clerk.__unstable__environment?.userSettings.enterpriseSSO.enabled ??\n      false\n    );\n  }\n\n  const data = getEnabledThirdPartyProviders(clerk.__unstable__environment);\n\n  return (\n    isAuthenticatableOauthStrategy(provider, data.authenticatableOauthStrategies) ||\n    isWeb3Strategy(provider, data.web3Strategies)\n  );\n};\n\nexport const useThirdPartyProvider = <\n  TActor extends ActorRef<any, SignInRouterEvents> | ActorRef<any, SignUpRouterEvents>,\n>(\n  ref: TActor,\n  provider: OAuthProvider | Web3Provider | SamlStrategy | EnterpriseSSOStrategy,\n): UseThirdPartyProviderReturn => {\n  const isProviderEnabled = useIsProviderEnabled(provider);\n  const isSaml = isSamlStrategy(provider);\n  const isEnterpriseSSO = isEnterpriseSSOStrategy(provider);\n  const details =\n    isEnterpriseSSO || isSaml\n      ? {\n          name: 'SSO',\n          strategy: provider,\n        }\n      : providerToDisplayData[provider];\n\n  const authenticate = useCallback(\n    (event: React.MouseEvent<Element>) => {\n      if (!isProviderEnabled) {\n        return;\n      }\n\n      event.preventDefault();\n\n      if (isSaml) {\n        return ref.send({ type: 'AUTHENTICATE.SAML' });\n      }\n\n      if (isEnterpriseSSO) {\n        return ref.send({ type: 'AUTHENTICATE.ENTERPRISE_SSO' });\n      }\n\n      if (provider === 'base') {\n        return ref.send({ type: 'AUTHENTICATE.WEB3', strategy: 'web3_base_signature' });\n      }\n\n      if (provider === 'metamask') {\n        return ref.send({ type: 'AUTHENTICATE.WEB3', strategy: 'web3_metamask_signature' });\n      }\n\n      if (provider === 'coinbase_wallet') {\n        return ref.send({ type: 'AUTHENTICATE.WEB3', strategy: 'web3_coinbase_wallet_signature' });\n      }\n\n      if (provider === 'okx_wallet') {\n        return ref.send({ type: 'AUTHENTICATE.WEB3', strategy: 'web3_okx_wallet_signature' });\n      }\n\n      return ref.send({ type: 'AUTHENTICATE.OAUTH', strategy: `oauth_${provider}` });\n    },\n    [provider, isProviderEnabled, isSaml, isEnterpriseSSO, ref],\n  );\n\n  if (isProviderEnabled === false) {\n    const dashboardPath = `https://dashboard.clerk.com/last-active?path=/user-authentication/${provider === 'metamask' ? 'web3' : 'social-connections'}`;\n\n    throw new ClerkElementsRuntimeError(\n      `You have used <Connection name=\"${provider}\"> which isn't enabled for your project. Enable ${details.name} in your Clerk dashboard: ${dashboardPath}`,\n    );\n  }\n\n  return {\n    events: {\n      authenticate,\n    },\n    ...details,\n  };\n};\n","// c.f. vendor/clerk-js/src/ui/hooks/useEnabledThirdPartyProviders.tsx [Modified]\n\nimport { iconImageUrl } from '@clerk/shared/constants';\nimport { OAUTH_PROVIDERS } from '@clerk/shared/oauth';\nimport { WEB3_PROVIDERS } from '@clerk/shared/web3';\nimport type {\n  EnterpriseSSOStrategy,\n  EnvironmentResource,\n  OAuthProvider,\n  OAuthStrategy,\n  SamlStrategy,\n  Web3Provider,\n  Web3Strategy,\n} from '@clerk/types';\n\nimport { fromEntries } from './clerk-js';\n\nexport type ThirdPartyStrategy =\n  | {\n      id: Web3Strategy | OAuthStrategy;\n      iconUrl: string;\n      name: string;\n    }\n  | {\n      strategy: SamlStrategy | EnterpriseSSOStrategy;\n      iconUrl?: never;\n      name: string;\n    };\n\nexport type ThirdPartyProvider =\n  | {\n      strategy: Web3Strategy | OAuthStrategy;\n      iconUrl: string;\n      name: string;\n    }\n  | {\n      strategy: SamlStrategy | EnterpriseSSOStrategy;\n      iconUrl?: never;\n      name: string;\n    };\n\ntype ThirdPartyStrategyToDataMap = {\n  [k in Web3Strategy | OAuthStrategy]: ThirdPartyStrategy;\n};\n\ntype ThirdPartyProviderToDataMap = {\n  [k in Web3Provider | OAuthProvider]: ThirdPartyProvider;\n};\n\nexport interface EnabledThirdPartyProviders {\n  authenticatableOauthStrategies: OAuthStrategy[];\n  providerToDisplayData: ThirdPartyProviderToDataMap;\n  strategies: (Web3Strategy | OAuthStrategy)[];\n  strategyToDisplayData: ThirdPartyStrategyToDataMap;\n  web3Strategies: Web3Strategy[];\n}\n\nconst oauthStrategies = OAUTH_PROVIDERS.map(p => p.strategy);\n\nexport const providerToDisplayData: ThirdPartyProviderToDataMap = fromEntries(\n  [...OAUTH_PROVIDERS, ...WEB3_PROVIDERS].map(p => {\n    return [p.provider, { iconUrl: iconImageUrl(p.provider), name: p.name, strategy: p.strategy }];\n  }),\n) as ThirdPartyProviderToDataMap;\n\nconst strategyToDisplayData: ThirdPartyStrategyToDataMap = fromEntries(\n  [...OAUTH_PROVIDERS, ...WEB3_PROVIDERS].map(p => {\n    return [p.strategy, { iconUrl: iconImageUrl(p.provider), id: p.provider, name: p.name }];\n  }),\n) as ThirdPartyStrategyToDataMap;\n\nexport function isSamlStrategy(strategy: any): strategy is SamlStrategy {\n  return strategy === 'saml';\n}\n\nexport function isEnterpriseSSOStrategy(strategy: any): strategy is EnterpriseSSOStrategy {\n  return strategy === 'enterprise_sso';\n}\n\nexport function isWeb3Strategy(\n  strategy: any,\n  available: EnabledThirdPartyProviders['web3Strategies'],\n): strategy is Web3Strategy {\n  return available.includes(strategy.startsWith('web3_') ? strategy : `web3_${strategy}_signature`);\n}\n\nexport function isAuthenticatableOauthStrategy(\n  strategy: any,\n  available: EnabledThirdPartyProviders['authenticatableOauthStrategies'],\n): strategy is OAuthStrategy {\n  return available.includes(strategy.startsWith('oauth_') ? strategy : `oauth_${strategy}`);\n}\n\nconst emptyThirdPartyProviders: EnabledThirdPartyProviders = {\n  authenticatableOauthStrategies: [],\n  providerToDisplayData: {} as any,\n  strategies: [],\n  strategyToDisplayData: {} as any,\n  web3Strategies: [],\n};\n\nexport const getEnabledThirdPartyProviders = (\n  environment: EnvironmentResource | undefined | null,\n): EnabledThirdPartyProviders => {\n  if (!environment?.userSettings) {\n    return emptyThirdPartyProviders;\n  }\n\n  const { socialProviderStrategies, web3FirstFactors, authenticatableSocialStrategies } = environment.userSettings;\n\n  // Filter out any OAuth strategies that are not yet known, they are not included in our types.\n  const knownSocialProviderStrategies = socialProviderStrategies.filter(s => oauthStrategies.includes(s));\n  const knownAuthenticatableSocialStrategies = authenticatableSocialStrategies.filter(s => oauthStrategies.includes(s));\n\n  return {\n    authenticatableOauthStrategies: [...knownAuthenticatableSocialStrategies],\n    providerToDisplayData: providerToDisplayData,\n    strategies: [...knownSocialProviderStrategies, ...web3FirstFactors],\n    strategyToDisplayData: strategyToDisplayData,\n    web3Strategies: web3FirstFactors,\n  };\n};\n","// Pulled from `clerk-js/src/ui/utils/fromEntries.ts\nexport const fromEntries = (iterable: Iterable<any>) => {\n  return [...iterable].reduce((obj, [key, val]) => {\n    obj[key] = val;\n    return obj;\n  }, {});\n};\n","import type { ActorRefFrom, AnyActorRef, AnyStateMachine, SnapshotFrom } from 'xstate';\n\nimport {\n  type TSignUpContinueMachine,\n  type TSignUpRouterMachine,\n  type TSignUpStartMachine,\n  type TSignUpVerificationMachine,\n} from '~/internals/machines/sign-up';\nimport { createContextFromActorRef } from '~/react/utils/create-context-from-actor-ref';\n\nexport type SnapshotState = SnapshotFrom<TSignUpRouterMachine>;\n\nexport const SignUpRouterCtx: ReturnType<typeof createContextFromActorRef<TSignUpRouterMachine>> =\n  createContextFromActorRef<TSignUpRouterMachine>('SignUpRouterCtx');\n\nfunction useSignUpStep<M extends AnyStateMachine, T = ActorRefFrom<M>>(name: string) {\n  return SignUpRouterCtx.useSelector(state => state.children[name] as AnyActorRef) as T;\n}\n\nexport const useSignUpStartStep = () => useSignUpStep<TSignUpStartMachine>('start');\nexport const useSignUpContinueStep = () => useSignUpStep<TSignUpContinueMachine>('continue');\nexport const useSignUpVerificationStep = () => useSignUpStep<TSignUpVerificationMachine>('verification');\n","import { useClerk } from '@clerk/shared/react';\nimport { eventComponentMounted } from '@clerk/shared/telemetry';\nimport type { EnterpriseSSOStrategy, OAuthProvider, SamlStrategy, Web3Provider } from '@clerk/types';\nimport { useSelector } from '@xstate/react';\nimport * as React from 'react';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\nimport type { ActorSignIn, ActorSignUp } from '~/react/hooks/use-loading.hook';\nimport { useLoading } from '~/react/hooks/use-loading.hook';\nimport { SignInRouterCtx } from '~/react/sign-in/context';\nimport type { TSignInStep } from '~/react/sign-in/step';\nimport { SIGN_IN_STEPS } from '~/react/sign-in/step';\nimport { SignUpRouterCtx } from '~/react/sign-up/context';\nimport type { TSignUpStep } from '~/react/sign-up/step';\nimport { SIGN_UP_STEPS } from '~/react/sign-up/step';\nimport { isProviderStrategyScope, mapScopeToStrategy } from '~/react/utils/map-scope-to-strategy';\n\ntype Strategy = OAuthProvider | SamlStrategy | EnterpriseSSOStrategy | Web3Provider;\ntype LoadingScope<T extends TSignInStep | TSignUpStep> =\n  | 'global'\n  | `step:${T}`\n  | `provider:${Strategy}`\n  | 'submit'\n  | 'passkey'\n  | undefined;\n\ntype LoadingProps = {\n  scope?: LoadingScope<TSignInStep | TSignUpStep>;\n  children: (isLoading: boolean) => React.ReactNode;\n};\n\nfunction isSignInScope(scope: LoadingScope<TSignInStep | TSignUpStep>): scope is LoadingScope<TSignInStep> {\n  if (!scope) {\n    return true;\n  }\n\n  if (scope.startsWith('step:')) {\n    return Object.prototype.hasOwnProperty.call(SIGN_IN_STEPS, scope.replace('step:', ''));\n  }\n\n  return true;\n}\n\nfunction isSignUpScope(scope: LoadingScope<TSignInStep | TSignUpStep>): scope is LoadingScope<TSignUpStep> {\n  if (!scope) {\n    return true;\n  }\n\n  if (scope.startsWith('step:')) {\n    return Object.prototype.hasOwnProperty.call(SIGN_UP_STEPS, scope.replace('step:', ''));\n  }\n\n  return true;\n}\n\n/**\n * Access the loading state of a chosen scope. Scope can refer to a step, a provider, or the global loading state. The global loading state is `true` when any of the other scopes are loading.\n *\n * @param scope - Optional. Specify which loading state to access. Can be a step, a provider, or the global loading state. If `<Loading>` is used outside a `<Step>`, the scope will default to \"global\". If used inside a `<Step>` the scope will default to the current step. For external authentication providers, the scope needs to be manually defined in the format of `provider:<provider name>`\n * @param {Function} children - A function that receives `isLoading` as an argument. `isLoading` is a boolean that indicates if the current scope is loading or not.\n *\n * @example\n * <SignIn.Root>\n *   <Clerk.Loading>\n *     {(isLoading) => isLoading && \"Global loading...\"}\n *   </Clerk.Loading>\n * </SignIn.Root>\n *\n * @example\n * <SignIn.Step name=\"start\">\n *  <Clerk.Action submit>\n *    <Clerk.Loading>\n *      {(isLoading) => isLoading ? \"Start is loading...\" : \"Submit\"}\n *    </Clerk.Loading>\n *  </Clerk.Action>\n * </SignIn.Step>\n *\n * @example\n * <SignIn.Step name=\"start\">\n *   <Clerk.Loading scope=\"provider:google\">\n *     {(isLoading) => (\n *       <Clerk.Connection name=\"google\" disabled={isLoading}>\n *         {isLoading ? \"Loading...\" : \"Continue with Google\"}\n *       </Clerk.Connection>\n *     )}\n *   </Clerk.Loading>\n * </SignIn.Step>\n */\nexport function Loading({ children, scope }: LoadingProps) {\n  const clerk = useClerk();\n\n  clerk.telemetry?.record(eventComponentMounted('Elements_Loading', { scope: scope ?? false }));\n\n  const signInRouterRef = SignInRouterCtx.useActorRef(true);\n  const signUpRouterRef = SignUpRouterCtx.useActorRef(true);\n\n  // One of the two routers must be defined. Otherwise, the component is used outside of a <SignIn> or <SignUp> component.\n  // An error is thrown in this case. Depending on which router is defined, the following flow will be either for sign-in or sign-up.\n  if (!signInRouterRef && !signUpRouterRef) {\n    throw new ClerkElementsRuntimeError(`<Loading> must be used within a <SignIn> or <SignUp> component.`);\n  }\n\n  if (signInRouterRef) {\n    if (isSignInScope(scope)) {\n      return (\n        <SignInLoading\n          scope={scope}\n          routerRef={signInRouterRef}\n        >\n          {children}\n        </SignInLoading>\n      );\n    } else {\n      throw new ClerkElementsRuntimeError(`Invalid scope \"${scope}\" used for <Loading> inside <SignIn>.`);\n    }\n  }\n\n  if (signUpRouterRef) {\n    if (isSignUpScope(scope)) {\n      return (\n        <SignUpLoading\n          scope={scope}\n          routerRef={signUpRouterRef}\n        >\n          {children}\n        </SignUpLoading>\n      );\n    } else {\n      throw new ClerkElementsRuntimeError(`Invalid scope \"${scope}\" used for <Loading> inside <SignUp>.`);\n    }\n  }\n\n  throw new ClerkElementsRuntimeError('Invalid state for <Loading>. Please open an issue.');\n}\n\ntype SignInLoadingProps = {\n  scope?: LoadingScope<TSignInStep>;\n  children: (isLoading: boolean) => React.ReactNode;\n  routerRef: ActorSignIn;\n};\n\nfunction SignInLoading({ children, scope, routerRef }: SignInLoadingProps) {\n  const [isLoading, { step: loadingStep, strategy, action }] = useLoading(routerRef);\n  const tags = useSelector(routerRef, s => s.tags);\n\n  const isStepLoading = (step: TSignInStep) => isLoading && loadingStep === step;\n  const isInferredStepLoading = (step: TSignInStep) => tags.has(`step:${step}`) && isStepLoading(step);\n\n  let loadingResult = false;\n\n  if (scope === 'global') {\n    // Global Loading Scope\n    loadingResult = isLoading;\n  } else if (scope && isProviderStrategyScope(scope)) {\n    // Provider-Specific Loading Scope\n    loadingResult = isLoading && loadingStep === undefined && strategy === mapScopeToStrategy(scope);\n  } else if (scope) {\n    // Specified Loading Scope\n    loadingResult = isStepLoading(scope.replace('step:', '') as TSignInStep) || scope === action;\n  } else {\n    // Inferred Loading Scope\n    loadingResult =\n      isInferredStepLoading('start') ||\n      isInferredStepLoading('verifications') ||\n      isInferredStepLoading('choose-strategy') ||\n      isInferredStepLoading('forgot-password') ||\n      isInferredStepLoading('reset-password');\n  }\n\n  return children(loadingResult);\n}\n\ntype SignUpLoadingProps = {\n  scope?: LoadingScope<TSignUpStep>;\n  children: (isLoading: boolean) => React.ReactNode;\n  routerRef: ActorSignUp;\n};\n\nfunction SignUpLoading({ children, scope, routerRef }: SignUpLoadingProps) {\n  const [isLoading, { step: loadingStep, strategy, action }] = useLoading(routerRef);\n  const tags = useSelector(routerRef, s => s.tags);\n\n  const isStepLoading = (step: TSignUpStep) => isLoading && loadingStep === step;\n  const isInferredStepLoading = (step: TSignUpStep) => tags.has(`step:${step}`) && isStepLoading(step);\n\n  let loadingResult = false;\n\n  if (scope === 'global') {\n    // Global Loading Scope\n    loadingResult = isLoading;\n  } else if (scope && isProviderStrategyScope(scope)) {\n    // Provider-Specific Loading Scope\n    loadingResult = isLoading && loadingStep === undefined && strategy === mapScopeToStrategy(scope);\n  } else if (scope) {\n    loadingResult = isStepLoading(scope.replace('step:', '') as TSignUpStep) || scope === action;\n  } else {\n    // Inferred Loading Scope\n    loadingResult =\n      isInferredStepLoading('start') || isInferredStepLoading('continue') || isInferredStepLoading('verifications');\n  }\n\n  return children(loadingResult);\n}\n","import { useSelector } from '@xstate/react';\nimport type { ActorRefFrom, SnapshotFrom } from 'xstate';\n\nimport type { SignInRouterLoadingContext, TSignInRouterMachine } from '~/internals/machines/sign-in';\nimport type { SignUpRouterLoadingContext, TSignUpRouterMachine } from '~/internals/machines/sign-up';\n\nexport type ActorSignIn = ActorRefFrom<TSignInRouterMachine>;\nexport type ActorSignUp = ActorRefFrom<TSignUpRouterMachine>;\n\ntype LoadingContext<T> = T extends ActorSignIn ? SignInRouterLoadingContext : SignUpRouterLoadingContext;\ntype UseLoadingReturn<T> = [\n  isLoading: boolean,\n  { step: LoadingContext<T>['step']; strategy: LoadingContext<T>['strategy']; action: LoadingContext<T>['action'] },\n];\n\nconst selectLoading = <T extends SnapshotFrom<TSignInRouterMachine> | SnapshotFrom<TSignUpRouterMachine>>(\n  snapshot: T,\n) => snapshot?.context?.loading;\nconst compareLoadingValue = <T extends SignInRouterLoadingContext | SignUpRouterLoadingContext>(prev: T, next: T) =>\n  prev?.isLoading === next?.isLoading;\n\n/**\n * Generic hook to check the loading state inside the context of a machine. Should only be used with `SignInRouterCtx` or `SignUpRouterCtx`.\n *\n * @param actor - The actor reference of the machine\n *\n * @example\n * const ref = SignInRouterCtx.useActorRef();\n *\n * useLoading(ref);\n */\nexport function useLoading<TActor extends ActorSignIn | ActorSignUp>(actor: TActor): UseLoadingReturn<TActor> {\n  const loadingCtx = useSelector(actor, selectLoading, compareLoadingValue) as LoadingContext<TActor>;\n\n  if (!loadingCtx) {\n    return [false, { step: undefined, strategy: undefined, action: undefined }];\n  }\n\n  return [loadingCtx.isLoading, { step: loadingCtx.step, strategy: loadingCtx.strategy, action: loadingCtx.action }];\n}\n","import { useClerk } from '@clerk/shared/react';\nimport { eventComponentMounted } from '@clerk/shared/telemetry';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\n\nimport { SignInChooseSession, type SignInChooseSessionProps } from './choose-session';\nimport { SignInChooseStrategy, type SignInChooseStrategyProps, SignInForgotPassword } from './choose-strategy';\nimport { SignInResetPassword, type SignInResetPasswordProps } from './reset-password';\nimport type { SignInSSOCallbackProps } from './sso-callback';\nimport { SignInSSOCallback } from './sso-callback';\nimport { SignInStart, type SignInStartProps } from './start';\nimport { SignInVerifications, type SignInVerificationsProps } from './verifications';\n\nexport const SIGN_IN_STEPS = {\n  start: 'start',\n  verifications: 'verifications',\n  'choose-strategy': 'choose-strategy',\n  'choose-session': 'choose-session',\n  'forgot-password': 'forgot-password',\n  'reset-password': 'reset-password',\n  'sso-callback': 'sso-callback',\n} as const;\n\nexport type TSignInStep = (typeof SIGN_IN_STEPS)[keyof typeof SIGN_IN_STEPS];\ntype StepWithProps<N extends TSignInStep, T> = { name: N } & T;\n\nexport type SignInStepProps =\n  | StepWithProps<'start', SignInStartProps>\n  | StepWithProps<'verifications', SignInVerificationsProps>\n  | StepWithProps<'choose-strategy' | 'forgot-password', SignInChooseStrategyProps>\n  | StepWithProps<'reset-password', SignInResetPasswordProps>\n  | StepWithProps<'choose-session', SignInChooseSessionProps>\n  | StepWithProps<'sso-callback', SignInSSOCallbackProps>;\n\n/**\n * Render different steps of the sign-in flow. Initially the `'start'` step is rendered. Once a sign-in attempt has been created, `'verifications'` will be displayed. If during that verification step the user decides to choose a different method of signing in or verifying, the `'choose-strategy'` step will be displayed.\n *\n * You typically want to place fields like username, password, or social providers in the `'start'` step. The `'verifications'` step is used to verify the user's credentials like password or MFA. Once the user has been verified, the sign-in attempt will be completed.\n *\n * @param {string} name - Step name. Use `'start'`, `'verifications'`, `'choose-strategy'`, `'reset-password'`, or `'forgot-password'`.\n *\n * @example\n * <SignIn.Root>\n *  <SignIn.Step name='start' />\n *  <SignIn.Step name='verifications' />\n *  <SignIn.Step name='choose-strategy' />\n *  <SignIn.Step name='forgot-password' />\n *  <SignIn.Step name='reset-password' />\n *  <SignIn.Step name='choose-session' />\n * </SignIn.Root>\n */\nexport function SignInStep(props: SignInStepProps) {\n  const clerk = useClerk();\n\n  clerk.telemetry?.record(eventComponentMounted('Elements_SignInStep', { name: props.name }));\n\n  switch (props.name) {\n    case SIGN_IN_STEPS.start:\n      return <SignInStart {...props} />;\n    case SIGN_IN_STEPS.verifications:\n      return <SignInVerifications {...props} />;\n    case SIGN_IN_STEPS['choose-strategy']:\n      return <SignInChooseStrategy {...props} />;\n    case SIGN_IN_STEPS['forgot-password']:\n      return <SignInForgotPassword {...props} />;\n    case SIGN_IN_STEPS['reset-password']:\n      return <SignInResetPassword {...props} />;\n    case SIGN_IN_STEPS['choose-session']:\n      return <SignInChooseSession {...props} />;\n    case SIGN_IN_STEPS['sso-callback']:\n      return <SignInSSOCallback {...props} />;\n    default:\n      throw new ClerkElementsRuntimeError(`Invalid step name. Use: ${Object.keys(SIGN_IN_STEPS).join(',')}.`);\n  }\n}\n","import { useClerk } from '@clerk/shared/react';\nimport { eventComponentMounted } from '@clerk/shared/telemetry';\n\nimport { ClerkElementsRuntimeError } from '~/internals/errors';\n\nimport type { SignUpContinueProps } from './continue';\nimport { SignUpContinue } from './continue';\nimport type { SignUpRestrictedProps } from './restricted';\nimport { SignUpRestricted } from './restricted';\nimport type { SignUpStartProps } from './start';\nimport { SignUpStart } from './start';\nimport type { SignUpVerificationsProps } from './verifications';\nimport { SignUpVerifications } from './verifications';\n\nexport const SIGN_UP_STEPS = {\n  start: 'start',\n  continue: 'continue',\n  verifications: 'verifications',\n  restricted: 'restricted',\n} as const;\n\nexport type TSignUpStep = (typeof SIGN_UP_STEPS)[keyof typeof SIGN_UP_STEPS];\ntype StepWithProps<N extends TSignUpStep, T> = { name: N } & T;\n\nexport type SignUpStepProps =\n  | StepWithProps<'start', SignUpStartProps>\n  | StepWithProps<'continue', SignUpContinueProps>\n  | StepWithProps<'verifications', SignUpVerificationsProps>\n  | StepWithProps<'restricted', SignUpRestrictedProps>;\n\n/**\n * Render different steps of the sign-up flow. Initially the `'start'` step is rendered. Optionally, you can render additional fields in the `'continue'` step. Once a sign-up attempt has been created, `'verifications'` will be displayed.\n *\n * You typically want to place fields like username, password, or social providers in the `'start'` step. The `'continue'` step can hold inputs for username, first name/last name or other metadata. The `'verifications'` step is used to verify the user's information like an email verification. Once the user has been verified, the sign-up attempt will be completed.\n *\n * @param {string} name - Step name. Use `'start'`, `'continue'`, or `'verifications'`.\n *\n * @example\n * <SignUp.Root>\n *  <SignUp.Step name='start' />\n *  <SignUp.Step name='continue' />\n *  <SignUp.Step name='verifications' />\n * </SignUp.Root>\n */\nexport function SignUpStep(props: SignUpStepProps) {\n  const clerk = useClerk();\n\n  clerk.telemetry?.record(eventComponentMounted('Elements_SignUpStep', { name: props.name }));\n\n  switch (props.name) {\n    case SIGN_UP_STEPS.start:\n      return <SignUpStart {...props} />;\n    case SIGN_UP_STEPS.continue:\n      return <SignUpContinue {...props} />;\n    case SIGN_UP_STEPS.verifications:\n      return <SignUpVerifications {...props} />;\n    case SIGN_UP_STEPS.restricted:\n      return <SignUpRestricted {...props} />;\n    default:\n      throw new ClerkElementsRuntimeError(\n        `Invalid step name. Use 'start', 'continue', 'verifications', or 'restricted'.`,\n      );\n  }\n}\n","import type { EnterpriseSSOStrategy, OAuthProvider, SamlStrategy, SignInStrategy, Web3Provider } from '@clerk/types';\n\ntype Strategy = OAuthProvider | SamlStrategy | EnterpriseSSOStrategy | Web3Provider;\n\nexport function isProviderStrategyScope(value: string): value is Strategy {\n  return value.startsWith('provider:');\n}\n\nexport function mapScopeToStrategy<T extends `provider:${Strategy}`>(scope: T): SignInStrategy {\n  if (scope === 'provider:metamask') {\n    return 'web3_metamask_signature';\n  }\n\n  if (scope === 'provider:coinbase_wallet') {\n    return 'web3_coinbase_wallet_signature';\n  }\n\n  if (scope === 'provider:base') {\n    return 'web3_base_signature';\n  }\n\n  if (scope === 'provider:okx_wallet') {\n    return 'web3_okx_wallet_signature';\n  }\n\n  if (scope === 'provider:saml') {\n    return 'saml';\n  }\n\n  if (scope === 'provider:enterprise_sso') {\n    return 'enterprise_sso';\n  }\n\n  const scopeWithoutPrefix = scope.replace('provider:', '') as OAuthProvider;\n\n  return `oauth_${scopeWithoutPrefix}`;\n}\n","import { useClerk } from '@clerk/shared/react';\nimport { useClerkRouter } from '@clerk/shared/router';\nimport type { ClerkOptions } from '@clerk/types';\nimport React from 'react';\n\ntype Destination = 'sign-in' | 'sign-up';\nexport interface LinkProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'children'> {\n  navigate: Destination;\n  children: React.ReactNode | ((props: { url: string }) => React.ReactNode);\n}\n\nconst paths: Record<Destination, keyof Pick<ClerkOptions, 'signInUrl' | 'signUpUrl'>> = {\n  'sign-in': 'signInUrl',\n  'sign-up': 'signUpUrl',\n};\n\n/**\n * The `<Link>` component is used to navigate between sign-in and sign-up flows.\n *\n * @param {Destination} navigate - The destination to navigate to.\n *\n * @example\n * ```tsx\n * <Link navigate=\"sign-in\">Sign in</Link>\n * ```\n * @example\n * ```tsx\n * <Link navigate=\"sign-in\">\n *  {({ url }) => (\n *    <NextLink href={url}>Sign in</NextLink>\n *  )}\n * </Link>\n */\n\nexport function Link({ navigate, children, ...rest }: LinkProps) {\n  const router = useClerkRouter();\n  const clerk = useClerk();\n  const destinationUrl = router.makeDestinationUrlWithPreservedQueryParameters(\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    clerk.__internal_getOption(paths[navigate])!,\n  );\n\n  if (typeof children === 'function') {\n    return children({ url: destinationUrl });\n  }\n\n  return (\n    <a\n      onClick={e => {\n        if (router) {\n          e.preventDefault();\n          router.push(destinationUrl);\n        }\n      }}\n      href={destinationUrl}\n      {...rest}\n    >\n      {children}\n    </a>\n  );\n}\n"],"mappings":"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","names":["import_react_form","React","import_react_form","React","import_react","React","_a","React","OTPInput","RadixControl","React","React","RadixControl","import_jsx_runtime","RadixField","RadixValidityState","import_react_form","React","React","import_jsx_runtime","DISPLAY_NAME","RadixFormMessage","DISPLAY_NAME","import_react_slot","React","import_jsx_runtime","DISPLAY_NAME","import_react","React","import_react","React","useContext","useSelector","useSelectorUnbound","import_jsx_runtime","DISPLAY_NAME","import_react_form","DISPLAY_NAME","RadixLabel","import_react_form","DISPLAY_NAME","RadixSubmit","import_react_slot","import_react","import_react","import_jsx_runtime","import_react","import_telemetry","import_react","import_react","import_telemetry","import_jsx_runtime","import_react","import_telemetry","import_jsx_runtime","import_jsx_runtime","import_react","import_router","import_jsx_runtime"]}