{
  "version": 3,
  "sources": ["../../src/pages/loginPasskey/styles.ts", "../../src/pages/loginPasskey/index.tsx"],
  "sourcesContent": ["import { styled } from 'styled-components';\n\nexport const IconWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  margin: 30px 0;\n  margin-bottom: 20px;\n  color: var(--pcm-accent-color);\n`;\n\nexport const TipText = styled.div`\n  text-align: center;\n  font-size: 14px;\n  color: var(--pcm-body-color);\n  margin-top: 16px;\n  margin-bottom: 40px;\n`;\n", "import { RoutePath } from '..';\nimport PasskeyIcon from '../../assets/icons/PasskeyIcon';\nimport Button from '../../components/button';\nimport { PageContent } from '../../components/modal/styles';\nimport { useConnectWithWallet } from '../../hooks/useConnectWithWallet';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletProps } from '../../hooks/useWalletsProps';\nimport { isFirstRegisterPasskey, setFirstRegisterPasskey } from '../../utils';\nimport { IconWrapper, TipText } from './styles';\n\nconst LoginPasskey = () => {\n  const locales = useLocales();\n  const { navigate } = useRouter();\n  const connectWallet = useConnectWithWallet();\n  const wallet = useWalletProps('passkeySmartWallet');\n\n  const onRegistration = () => {\n    if (isFirstRegisterPasskey()) {\n      navigate(RoutePath.PasskeySetup);\n      setFirstRegisterPasskey();\n    } else {\n      connectWithPasskey(true);\n    }\n  };\n\n  const onAuthentication = () => {\n    connectWithPasskey(false);\n  };\n\n  const connectWithPasskey = (isRegistering: boolean) => {\n    if (wallet) {\n      connectWallet(wallet, {\n        passkeyParams: {\n          isRegistering,\n        },\n      });\n    } else {\n      throw new Error('Passkey is not configured.');\n    }\n  };\n\n  return (\n    <PageContent>\n      <IconWrapper>\n        <PasskeyIcon />\n      </IconWrapper>\n      <TipText>{locales.usePasskeyToLoginSmartAccount}</TipText>\n      <>\n        <Button style={{ marginTop: 16 }} onClick={onRegistration}>\n          {locales.createNewPasskey}\n        </Button>\n        <Button\n          style={{\n            marginTop: 16,\n          }}\n          onClick={onAuthentication}\n          color='secondary'\n        >\n          {locales.loginWithPasskey}\n        </Button>\n      </>\n    </PageContent>\n  );\n};\n\nexport default LoginPasskey;\n"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,cAAc;AAAvB,IAEa,aAWA;AAbb,IAAAA,eAAA;AAAA;AAAA;AAEO,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW3B,IAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACgCtB,SAGF,UAHE,KAGF,YAHE;AA7CR,IAWM,cAuDC;AAlEP;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAAC;AAEA,IAAM,eAAe,MAAM;AACzB,YAAM,UAAU,WAAW;AAC3B,YAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,YAAM,gBAAgB,qBAAqB;AAC3C,YAAM,SAAS,eAAe,oBAAoB;AAElD,YAAM,iBAAiB,MAAM;AAC3B,YAAI,uBAAuB,GAAG;AAC5B,qDAA+B;AAC/B,kCAAwB;AAAA,QAC1B,OAAO;AACL,6BAAmB,IAAI;AAAA,QACzB;AAAA,MACF;AAEA,YAAM,mBAAmB,MAAM;AAC7B,2BAAmB,KAAK;AAAA,MAC1B;AAEA,YAAM,qBAAqB,CAAC,kBAA2B;AACrD,YAAI,QAAQ;AACV,wBAAc,QAAQ;AAAA,YACpB,eAAe;AAAA,cACb;AAAA,YACF;AAAA,UACF,CAAC;AAAA,QACH,OAAO;AACL,gBAAM,IAAI,MAAM,4BAA4B;AAAA,QAC9C;AAAA,MACF;AAEA,aACE,qBAAC,eACC;AAAA,4BAAC,eACC,8BAAC,uBAAY,GACf;AAAA,QACA,oBAAC,WAAS,kBAAQ,+BAA8B;AAAA,QAChD,iCACE;AAAA,8BAAC,kBAAO,OAAO,EAAE,WAAW,GAAG,GAAG,SAAS,gBACxC,kBAAQ,kBACX;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,WAAW;AAAA,cACb;AAAA,cACA,SAAS;AAAA,cACT,OAAM;AAAA,cAEL,kBAAQ;AAAA;AAAA,UACX;AAAA,WACF;AAAA,SACF;AAAA,IAEJ;AAEA,IAAO,uBAAQ;AAAA;AAAA;",
  "names": ["init_styles", "init_styles"]
}