@particle-network/connectkit 2.1.2 → 3.0.0-alpha.0

package/dist/captcha-EHLVZTNO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/captcha/index.tsx", "../src/components/codeInput/index.tsx", "../src/components/codeInput/styles.ts", "../src/components/reSend/index.tsx", "../src/components/loadingSpinner/styles.ts", "../src/components/loadingSpinner/index.tsx", "../src/components/reSend/styles.ts", "../src/pages/captcha/styles.ts"],
+  "sourcesContent": ["import { isEVMChain } from '@particle-network/connector-core';\nimport { useRef, useState } from 'react';\nimport { RoutePath } from '..';\nimport EmailIcon from '../../assets/icons/EmailIcon';\nimport PhoneIcon from '../../assets/icons/PhoneIcon';\nimport CircleSpinner from '../../components/circleSpinner';\nimport CodeInput from '../../components/codeInput';\nimport { PageContent } from '../../components/modal/styles';\nimport ReSend from '../../components/reSend';\nimport { useContext } from '../../context';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport useConnect from '../../hooks/useConnect';\nimport { useConnector } from '../../hooks/useConnectors';\nimport useLocales from '../../hooks/useLocales';\nimport { useModalError } from '../../hooks/useModalError';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnector } from '../../hooks/useWalletConnectors';\nimport { ConnectorType } from '../../types';\nimport { EmailCaptchaTip1, EmailCaptchaWrapper, EmailIconDiv, EmailInfo, EmailMainIcon, EmailText } from './styles';\n\ntype Params =\n  | {\n      code: string;\n      phone: string;\n    }\n  | {\n      code: string;\n      email: string;\n    };\n\nconst Page = ({ value, type }: { value: string; type: ConnectorType }) => {\n  const locales = useLocales();\n  const { config } = useContext();\n  const { error, showError } = useModalError();\n  const connector = useConnector(isEVMChain(config.chains[0]) ? 'particleEVM' : 'particleSolana');\n  const { connectAsync } = useConnect();\n  const { appearance } = useAppearance();\n\n  const [loading, setLoading] = useState(false);\n\n  const emailCaptchaWrapperRef = useRef<HTMLDivElement>(null);\n\n  const walletConnector = useWalletConnector('particleAuth');\n\n  const { navigate } = useRouter();\n\n  const loginHandler = async (params: Params) => {\n    await connectAsync({ connector, authParams: params });\n  };\n\n  const onCodeInputChange = async (code) => {\n    try {\n      if (loading) return;\n\n      if (code.length === 6) {\n        if (/![^0-9]/.test(code)) {\n          throw new Error(locales.incorrectCode);\n        } else {\n          setLoading(true);\n          // \u8BF7\u6C42\u63A5\u53E3\u5F00\u59CB\u767B\u5F55\n          const params = {\n            code,\n            ...(type === ConnectorType.Phone ? { phone: value } : { email: value }),\n          };\n          if (!params.code) {\n            throw new Error('Please enter the verification code');\n            // @ts-ignore\n          } else if (!params.phone && !params.email) {\n            throw new Error('Please enter the phone number or email');\n          }\n          // \u9A8C\u8BC1\u7801\u767B\u5F55\n          await loginHandler(params);\n        }\n      } else {\n        showError('');\n      }\n    } catch (error: any) {\n      let message = error?.extra?.[0] || error.message || (typeof error === 'string' ? error : locales.networkError);\n      if (message.includes('Invalid code')) {\n        message = locales.invalidCode;\n      } else if (message.includes('Code is deleted')) {\n        message = locales.codeDeleted;\n      } else if (message.includes('Network Error')) {\n        message = locales.networkError;\n      }\n      if (error.code === 4011) {\n        navigate(RoutePath.Signup);\n        setTimeout(() => showError(message));\n      } else {\n        showError(message);\n      }\n    }\n    setLoading(false);\n  };\n\n  const reSendCode = async () => {\n    let turnstileToken = '';\n    if (type === ConnectorType.Phone) {\n      turnstileToken = await walletConnector?.auth.getCloudflareTurnstileResponse({\n        // @ts-ignore\n        theme: appearance.mode || 'lgiht',\n        language: appearance.language || 'en',\n        getContainer: emailCaptchaWrapperRef.current as HTMLElement,\n      });\n    }\n    const params =\n      type === ConnectorType.Phone\n        ? {\n            phone: value,\n            // eslint-disable-next-line camelcase\n            cf_turnstile_response: turnstileToken,\n          }\n        : { email: value };\n\n    await walletConnector?.auth.getConnectCaptcha(params);\n  };\n\n  return (\n    <PageContent\n      style={{\n        padding: '12px 2px 8px',\n      }}\n    >\n      <EmailCaptchaWrapper ref={emailCaptchaWrapperRef}>\n        <EmailMainIcon>\n          {/* <EmailIconDiv>{type === 'phone' ? <PhoneIcon /> : <EmailIcon />}</EmailIconDiv> */}\n          {/* <Spin>\n            <LoadingIcon />\n          </Spin> */}\n          <CircleSpinner\n            width={70}\n            height={70}\n            inset={2}\n            logo={<EmailIconDiv>{type === 'phone' ? <PhoneIcon /> : <EmailIcon />}</EmailIconDiv>}\n          />\n        </EmailMainIcon>\n        <EmailInfo>\n          <EmailCaptchaTip1>{locales.verificationCode}</EmailCaptchaTip1>\n          <EmailText>{value}</EmailText>\n        </EmailInfo>\n        <CodeInput\n          allowedCharacters='numeric'\n          length={6}\n          placeholder={' '}\n          onChange={onCodeInputChange}\n          error={error || ''}\n        />\n        <ReSend reSendCode={reSendCode} />\n      </EmailCaptchaWrapper>\n    </PageContent>\n  );\n};\n\nexport default Page;\n", "import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { CodeInputContainer, CodeInputMask, FocusBorder, StyleCodeInputItem } from './styles';\n\nconst allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'] as const;\n\nexport type AuthCodeProps = {\n  allowedCharacters?: (typeof allowedCharactersValues)[number];\n  ariaLabel?: string;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  isPassword?: boolean;\n  length?: number;\n  placeholder?: string;\n  error: string;\n  onChange: (res: string) => void;\n  code?: string;\n};\n\ntype InputMode = 'text' | 'numeric';\n\ntype InputType = 'text' | 'tel' | 'password';\n\ntype InputProps = {\n  type: InputType;\n  inputMode: InputMode;\n  pattern: string;\n  min?: string;\n  max?: string;\n};\n\nexport type AuthCodeRef = {\n  focus: () => void;\n  clear: () => void;\n};\n\nconst propsMap: { [key: string]: InputProps } = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}',\n  },\n\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}',\n  },\n\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9',\n  },\n};\n\nconst CodeInput = forwardRef<AuthCodeRef, AuthCodeProps>(\n  (\n    {\n      allowedCharacters = 'alphanumeric',\n      ariaLabel,\n      autoFocus = true,\n      disabled,\n      isPassword = false,\n      length = 6,\n      placeholder,\n      onChange,\n      code = '',\n      error = '',\n    },\n    ref\n  ) => {\n    if (isNaN(length) || length < 1) {\n      throw new Error('Length should be a number and greater than 0');\n    }\n\n    if (!allowedCharactersValues.some((value) => value === allowedCharacters)) {\n      throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n    }\n\n    const [focusIndex, setFocusIndex] = React.useState<number>(0);\n    const [showFocusBorder, setShowFocusBorder] = React.useState<boolean>(false);\n\n    const inputsRef = useRef<Array<HTMLInputElement>>([]);\n    const inputProps = propsMap[allowedCharacters] as InputProps;\n    const codeInputContainerRef = useRef<HTMLDivElement>(null);\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (inputsRef.current) {\n          inputsRef.current[0]?.focus();\n        }\n      },\n      clear: () => {\n        if (inputsRef.current) {\n          for (let i = 0; i < inputsRef.current.length; i++) {\n            if (inputsRef.current?.[i]) {\n              (inputsRef.current[i] as HTMLInputElement).value = '';\n            }\n          }\n          (inputsRef.current[0] as HTMLInputElement).focus();\n        }\n        sendResult();\n      },\n    }));\n\n    // useEffect(() => {\n    //   if (autoFocus) {\n    //     (inputsRef.current[0] as HTMLInputElement).focus();\n    //   }\n    // }, []);\n\n    useEffect(() => {\n      if (code) {\n        for (let i = 0; i < inputsRef.current.length; i++) {\n          (inputsRef.current[i] as HTMLInputElement).value = '';\n        }\n        for (let i = 0; i < code.length; i++) {\n          if (inputsRef.current?.[i]) {\n            (inputsRef.current[i] as HTMLInputElement).value = code[i] || '';\n          }\n        }\n        sendResult();\n      }\n    }, [code]);\n\n    let oldValue = inputsRef.current.map((input) => input.value).join('') || '';\n\n    const sendResult = () => {\n      const res = inputsRef.current.map((input) => input.value).join('');\n      if (oldValue !== res) {\n        console.log('sendResult', res);\n\n        if (res.length === 6) {\n          setTimeout(() => {\n            inputsRef.current.forEach((input) => {\n              input.blur();\n            });\n          }, 400);\n        }\n\n        onChange && onChange(res);\n        oldValue = res;\n      }\n    };\n\n    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const {\n        target: { value, nextElementSibling },\n      } = e;\n\n      if (value.length == 1) {\n        if (value.match(inputProps.pattern)) {\n          if (nextElementSibling !== null) {\n            (nextElementSibling as HTMLInputElement).focus();\n          }\n        } else {\n          e.target.value = '';\n        }\n      } else if (value.length > 1) {\n        const pastedValue = value;\n        let currentInput: number = Number(e.target.getAttribute('data-index')) || 0;\n        for (let i = 0; i < pastedValue.length; i++) {\n          const pastedCharacter = pastedValue.charAt(i);\n          if (pastedCharacter.match(inputProps.pattern) && inputsRef.current?.[currentInput]) {\n            (inputsRef.current[currentInput] as HTMLInputElement).value = pastedCharacter;\n            if ((inputsRef.current[currentInput] as HTMLInputElement).nextElementSibling !== null) {\n              ((inputsRef.current[currentInput] as HTMLInputElement).nextElementSibling as HTMLInputElement).focus();\n              currentInput++;\n            }\n          }\n        }\n      }\n      setTimeout(() => {\n        sendResult();\n      });\n    };\n\n    const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const { key } = e;\n      const target = e.target as HTMLInputElement;\n      if (key === 'Backspace') {\n        if (target.value === '') {\n          if (target.previousElementSibling !== null) {\n            const t = target.previousElementSibling as HTMLInputElement;\n            t.value = '';\n            t.focus();\n            e.preventDefault();\n          }\n        } else {\n          target.value = '';\n        }\n        setTimeout(() => {\n          sendResult();\n        });\n      }\n    };\n\n    const handleOnFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n      e.target.select();\n    };\n\n    const handleOnPaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n      let pastedValue = e.clipboardData.getData('Text') ?? '';\n      pastedValue = pastedValue.replace(/\\s/g, '').substring(0, 6);\n\n      let currentInputIndex = focusIndex;\n\n      for (let i = 0; i < pastedValue.length; i++) {\n        const pastedCharacter = pastedValue.charAt(i);\n        const currentInput = inputsRef.current[currentInputIndex] as HTMLInputElement;\n        if (!currentInput) {\n          break;\n        }\n        const currentValue = currentInput?.value;\n        if (pastedCharacter.match(inputProps.pattern)) {\n          if (!currentValue) {\n            (inputsRef.current[currentInputIndex] as HTMLInputElement).value = pastedCharacter;\n            if ((inputsRef.current[currentInputIndex] as HTMLInputElement).nextElementSibling !== null) {\n              (\n                (inputsRef.current[currentInputIndex] as HTMLInputElement).nextElementSibling as HTMLInputElement\n              ).focus();\n              currentInputIndex++;\n            }\n          }\n        }\n      }\n      sendResult();\n\n      e.preventDefault();\n    };\n\n    return (\n      <CodeInputContainer ref={codeInputContainerRef}>\n        <FocusBorder $focusIndex={focusIndex} $showFocusBorder={showFocusBorder} />\n        {new Array(6).fill(0).map((_, i) => {\n          return (\n            <StyleCodeInputItem\n              key={i}\n              data-index={i}\n              onChange={handleOnChange}\n              onKeyDown={handleOnKeyDown}\n              onFocus={(e) => {\n                setShowFocusBorder(true);\n                setFocusIndex(i);\n                handleOnFocus(e);\n              }}\n              autoFocus={autoFocus && i === 0}\n              onBlur={() => {\n                setShowFocusBorder(false);\n              }}\n              onPaste={handleOnPaste}\n              {...inputProps}\n              type={isPassword ? 'password' : inputProps.type}\n              ref={(el: HTMLInputElement) => {\n                inputsRef.current[i] = el;\n              }}\n              autoComplete={i === 0 ? 'one-time-code' : 'off'}\n              aria-label={ariaLabel ? `${ariaLabel}. Character ${i + 1}.` : `Character ${i + 1}.`}\n              disabled={disabled}\n              placeholder={placeholder}\n              error={error}\n            />\n          );\n        })}\n        <CodeInputMask\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n            for (let i = inputsRef.current.length - 1; i >= 0; i--) {\n              if (\n                (i > 0 &&\n                  !(inputsRef.current[i] as HTMLInputElement).value &&\n                  (inputsRef.current[i - 1] as HTMLInputElement).value) ||\n                (i === 0 && !(inputsRef.current[i] as HTMLInputElement).value) ||\n                (i == inputsRef.current.length - 1 && (inputsRef.current[i] as HTMLInputElement).value)\n              ) {\n                (inputsRef.current[i] as HTMLInputElement).focus();\n                (inputsRef.current[i] as HTMLInputElement).setSelectionRange(\n                  (inputsRef.current[i] as HTMLInputElement).value.length,\n                  (inputsRef.current[i] as HTMLInputElement).value.length\n                );\n                break;\n              }\n            }\n          }}\n        />\n      </CodeInputContainer>\n    );\n  }\n);\n\nexport default CodeInput;\n", "import { styled } from 'styled-components';\n\ninterface StyledInputProps {\n  error?: string;\n}\n\nexport const CodeInputContainer = styled.div`\n  width: 100%;\n  max-width: 340px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  display: inline-block;\n  margin: auto;\n  width: auto;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  input:-webkit-autofill,\n  input:-webkit-autofill:hover,\n  input:-webkit-autofill:focus,\n  input:-webkit-autofill:active {\n    box-shadow: 0 0 0 60px var(--pcm-body-background) inset !important;\n    -webkit-text-fill-color: var(--pcm-body-color) !important;\n  }\n`;\n\nexport const CodeInputMask = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  cursor: pointer;\n`;\n\nexport const StyleCodeInputItem = styled.input<StyledInputProps>`\n  width: 42px;\n  height: 42px;\n  padding: 0;\n  margin-right: 5px;\n  margin-left: 5px;\n  border: transparent;\n  border-radius: var(--pcm-rounded-md);\n  font-size: 20px;\n  text-align: center;\n  text-transform: uppercase;\n  background-clip: padding-box;\n  caret-color: var(--pcm-primary-color);\n  color: ${({ error }) => (error ? 'var(--pcm-error-color)' : 'var(--pcm-body-color)')};\n  background-color: ${({ error }) => (error ? 'var(--pcm-error-background)' : 'var(--pcm-body-background-secondary)')};\n\n  border: none;\n  &:focus,\n  &:active,\n  &:hover,\n  &:visited,\n  &:focus-visible {\n    appearance: none;\n    outline: none !important;\n    border: none !important;\n  }\n\n  &:not(:placeholder-shown) {\n    appearance: none;\n    outline: 0;\n  }\n`;\n\nexport const FocusBorder = styled.div<{ $focusIndex: number; $showFocusBorder: boolean } & StyledInputProps>`\n  position: absolute;\n  top: 0;\n  opacity: ${({ $showFocusBorder }) => ($showFocusBorder ? 1 : 0)};\n  left: ${({ $focusIndex }) => 5 + $focusIndex * 52}px;\n  width: 42px;\n  height: 42px;\n  border: 1px solid var(--pcm-accent-color);\n  border-radius: var(--pcm-rounded-md);\n  transition:\n    left 0.3s ease,\n    opacity 0.2s ease;\n  pointer-events: none;\n  z-index: 2;\n`;\n", "import { useEffect, useRef, useState } from 'react';\nimport useLocales from '../../hooks/useLocales';\nimport { useModalError } from '../../hooks/useModalError';\nimport LoadingSpinner from '../loadingSpinner';\nimport { ReSendCodeDiv, ReSendCodeWrap } from './styles';\n\nenum DownTimeStatus {\n  /**\n   * Not started\n   */\n  NotStarted = 0,\n  /**\n   * In progress\n   */\n  InProgress = 1,\n  /**\n   * End\n   */\n  End = 2,\n  /**\n   * Stop\n   */\n  Stop = 3,\n}\n\nconst DownTime = 60;\n\nconst ReSend = ({ reSendCode }: { reSendCode: () => void }) => {\n  const locales = useLocales();\n\n  const [downTimeStatus, setDownTimeStatus] = useState(DownTimeStatus.NotStarted);\n  const { showError } = useModalError();\n  const [downTime, setDownTime] = useState(DownTime);\n  const [loading, setLoading] = useState(false);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n\n  const downTimeCount = () => {\n    setDownTime(DownTime);\n    setDownTimeStatus(DownTimeStatus.InProgress);\n    timerRef.current = setInterval(() => {\n      setDownTime((val) => {\n        const newVal = val - 1;\n        if (newVal === 0) {\n          setDownTimeStatus(DownTimeStatus.End);\n          clearInterval(timerRef.current as NodeJS.Timeout);\n        }\n        return newVal;\n      });\n    }, 1000);\n  };\n\n  const reSendCodeHandler = async () => {\n    try {\n      if (loading) return;\n      setLoading(true);\n      if (downTimeStatus === DownTimeStatus.End) {\n        await reSendCode();\n        downTimeCount();\n      }\n    } catch (error: any) {\n      showError(error?.message || '');\n    }\n    setTimeout(() => {\n      setLoading(false);\n    }, 100);\n  };\n\n  useEffect(() => {\n    downTimeCount();\n    return () => {\n      clearInterval(timerRef.current as NodeJS.Timeout);\n    };\n  }, []);\n\n  return (\n    <ReSendCodeWrap>\n      {downTimeStatus !== DownTimeStatus.NotStarted && (\n        <div>\n          {locales.didNotReceiveCode}\n          <ReSendCodeDiv $pointer={downTimeStatus === DownTimeStatus.End}>\n            {downTimeStatus === DownTimeStatus.InProgress || downTimeStatus === DownTimeStatus.Stop ? (\n              `${downTime} s`\n            ) : downTimeStatus === DownTimeStatus.End ? (\n              <>\n                {loading && (\n                  <div\n                    style={{\n                      width: '24px',\n                      height: '24px',\n                      top: '1px',\n                      position: 'relative',\n                    }}\n                  >\n                    <LoadingSpinner spin={true} borderWidth={2}></LoadingSpinner>\n                  </div>\n                )}\n                <div onClick={reSendCodeHandler}>{locales.resendCode}</div>\n              </>\n            ) : (\n              ''\n            )}\n          </ReSendCodeDiv>\n        </div>\n      )}\n    </ReSendCodeWrap>\n  );\n};\n\nexport default ReSend;\n", "import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\ninterface StyledSpinnerContainerProps {\n  width: string;\n  height: string;\n}\n\nexport const StyledSpinnerContainer = styled(motion.div)`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const StyledSpinnerCircle = styled(motion.div)<StyledSpinnerContainerProps>`\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: ${(props) => props.width};\n  height: ${(props) => props.height};\n  margin: 6px;\n  border-style: solid;\n  border-radius: 50%;\n  animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n`;\n", "import { StyledSpinnerCircle, StyledSpinnerContainer } from './styles';\n\ninterface StyledSpinnerContainerProps {\n  size?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  children?: React.ReactNode;\n  spin: boolean;\n}\n\nconst LoadingSpinner = ({\n  size = '50%',\n  borderColor = '#a748ff',\n  borderWidth = 3,\n  spin = false,\n  children,\n}: StyledSpinnerContainerProps) => {\n  return (\n    <StyledSpinnerContainer initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }}>\n      {spin && (\n        <>\n          {[...Array(4)].map((_, index) => (\n            <StyledSpinnerCircle\n              key={index}\n              width={size}\n              height={size}\n              style={{\n                animationDelay: `-${index * 0.15}s`,\n                borderWidth,\n                borderColor: `${borderColor} transparent transparent transparent`,\n              }}\n            />\n          ))}\n        </>\n      )}\n      <div\n        style={{\n          opacity: spin ? 0.05 : 1,\n        }}\n      >\n        {children}\n      </div>\n    </StyledSpinnerContainer>\n  );\n};\n\nexport default LoadingSpinner;\n", "import { styled } from 'styled-components';\n\ninterface ReSendCodeDivProps {\n  $pointer?: boolean;\n}\n\nexport const ReSendCodeWrap = styled.div`\n  text-align: center;\n  margin-top: 40px;\n  color: var(--pcm-body-color-secondary);\n  font-size: 14px;\n`;\n\nexport const ReSendCodeDiv = styled.div<ReSendCodeDivProps>`\n  color: var(--pcm-accent-color);\n  margin-top: 6px;\n  cursor: ${({ $pointer }) => ($pointer ? 'pointer' : 'default')};\n  display: flex;\n  gap: 0px;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  position: relative;\n  height: 24px;\n`;\n", "import { styled } from 'styled-components';\n\nexport const EmailCaptchaWrapper = styled.div`\n  position: relative;\n  padding-top: 10px;\n`;\n\nexport const EmailErrorContent = styled.div`\n  position: relative;\n  width: 96%;\n  left: 2%;\n  top: 0;\n  margin-bottom: 30px;\n`;\n\nexport const EmailError = styled.div`\n  background: var(--pcm-error-background);\n  border-radius: 28px;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  color: var(--pcm-error-color);\n  padding: 8px 8px;\n  line-height: 1.2;\n  display: flex;\n`;\n\nexport const EmailErrorLeft = styled.div`\n  min-width: 20px;\n  width: 20px;\n`;\n\nexport const EmailErrorRight = styled.div`\n  flex: 1;\n  font-size: 12px;\n`;\n\nexport const EmailCaptchaTip1 = styled.div`\n  font-size: 14px;\n`;\n\nexport const EmailText = styled.div`\n  font-size: 14px;\n  font-weight: bold;\n  margin-top: 4px;\n`;\n\nexport const EmailMainIcon = styled.div`\n  margin: auto;\n  display: flex;\n  justify-content: center;\n  margin-bottom: 30px;\n  height: 80px;\n  position: relative;\n`;\n\nexport const EmailInfo = styled.div`\n  text-align: center;\n  margin-bottom: 30px;\n`;\n\nexport const EmailIconDiv = styled.div`\n  position: relative;\n  width: 70px;\n  height: 70px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Spin = styled.div`\n  display: inline-block;\n  animation: spin 1.2s linear infinite;\n  position: absolute;\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n"],
+  "mappings": "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",
+  "names": ["useRef", "useState", "useEffect", "useRef", "styled", "jsx", "jsxs", "styled", "Fragment", "jsx", "jsxs", "useRef", "useEffect", "jsx", "jsxs", "Fragment", "styled", "jsx", "jsxs", "useState", "useRef", "error"]
+}