{
  "version": 3,
  "sources": ["../../src/pages/passkeySetup/styles.ts", "../../src/pages/passkeySetup/index.tsx"],
  "sourcesContent": ["import { styled } from 'styled-components';\n\nexport const StyleContainer = styled.div`\n  margin: 0 auto;\n`;\n\nexport const StyleDescription = styled.p`\n  text-align: center;\n  color: var(--pcm-body-color-secondary);\n  margin-top: 12px;\n  width: 90%;\n  margin: auto;\n  margin-top: 10px;\n  margin-bottom: 30px;\n  line-height: 1.2;\n`;\n\nexport const StyleFeatureList = styled.ul`\n  list-style-type: none;\n  padding: 0;\n  margin-bottom: 34px;\n`;\n\nexport const StyleFeatureItem = styled.li`\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 26px;\n  gap: 12px;\n  svg {\n    color: var(--pcm-body-color);\n    circle {\n      fill: var(--pcm-body-color-secondary);\n    }\n  }\n`;\n\nexport const StyleIcon = styled.span`\n  font-size: 24px;\n  margin-right: 16px;\n`;\n\nexport const StyleFeatureContent = styled.div`\n  flex: 1;\n`;\n\nexport const StyleFeatureTitle = styled.h3`\n  font-size: 14px;\n  margin-bottom: 4px;\n`;\n\nexport const StyleFeatureDescription = styled.p`\n  color: var(--pcm-body-color-secondary);\n  line-height: 1.2;\n  margin: 0;\n  font-size: 14px;\n`;\n\nexport const StyleWarning = styled.div`\n  display: flex;\n  align-items: flex-start;\n  border-radius: 4px;\n  margin-bottom: 34px;\n  gap: 10px;\n  line-height: 1.2;\n  font-size: 14px;\n\n  svg {\n    width: 18px;\n    height: 18px;\n    path {\n      fill: #f4940e;\n    }\n  }\n`;\n\nexport const StyleWarningIcon = styled.span`\n  font-size: 24px;\n  margin-right: 12px;\n`;\n\nexport const StyleWarningText = styled.p`\n  margin: 0;\n`;\n", "import FaceIcon from '../../assets/icons/FaceIcon';\nimport SecurityIcon from '../../assets/icons/SecurityIcon';\nimport WarningIcon from '../../assets/icons/WarningIcon';\nimport Button from '../../components/button';\nimport { PageContent } from '../../components/modal/styles';\nimport { useConnectWithWallet } from '../../hooks/useConnectWithWallet';\nimport useLocales from '../../hooks/useLocales';\nimport { useWalletProps } from '../../hooks/useWalletsProps';\nimport {\n  StyleContainer,\n  StyleDescription,\n  StyleFeatureContent,\n  StyleFeatureDescription,\n  StyleFeatureItem,\n  StyleFeatureList,\n  StyleFeatureTitle,\n  StyleWarning,\n  StyleWarningText,\n} from './styles';\n\nconst Signup = () => {\n  const locales = useLocales();\n  const connectWallet = useConnectWithWallet();\n  const wallet = useWalletProps('passkeySmartWallet');\n\n  return (\n    <PageContent>\n      <StyleContainer>\n        <StyleDescription>{locales.passkeyStorageInfo}</StyleDescription>\n        <StyleFeatureList>\n          <StyleFeatureItem>\n            <FaceIcon />\n            <StyleFeatureContent>\n              <StyleFeatureTitle>{locales.convenientAndFast}</StyleFeatureTitle>\n              <StyleFeatureDescription>{locales.biometricTransactionInfo}</StyleFeatureDescription>\n            </StyleFeatureContent>\n          </StyleFeatureItem>\n          <StyleFeatureItem>\n            <SecurityIcon />\n            <StyleFeatureContent>\n              <StyleFeatureTitle>{locales.increasedSecurity}</StyleFeatureTitle>\n              <StyleFeatureDescription>{locales.passkeySecurityInfo}</StyleFeatureDescription>\n            </StyleFeatureContent>\n          </StyleFeatureItem>\n        </StyleFeatureList>\n        <StyleWarning>\n          <WarningIcon />\n          <StyleWarningText>{locales.passkeyDeletionWarning}</StyleWarningText>\n        </StyleWarning>\n        <Button\n          onClick={() => {\n            connectWallet(wallet!, {\n              passkeyParams: {\n                isRegistering: true,\n              },\n            });\n          }}\n        >\n          {locales.setupPasskey}\n        </Button>\n      </StyleContainer>\n    </PageContent>\n  );\n};\n\nexport default Signup;\n"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,cAAc;AAAvB,IAEa,gBAIA,kBAWA,kBAMA,kBAaA,WAKA,qBAIA,mBAKA,yBAOA,cAkBA,kBAKA;AAhFb,IAAAA,eAAA;AAAA;AAAA;AAEO,IAAM,iBAAiB,OAAO;AAAA;AAAA;AAI9B,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWhC,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMhC,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAahC,IAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAKzB,IAAM,sBAAsB,OAAO;AAAA;AAAA;AAInC,IAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAKjC,IAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvC,IAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkB5B,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAKhC,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;;;ACpD/B,cAII,YAJJ;AA5BR,IAoBM,QA6CC;AAjEP;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAAC;AAYA,IAAM,SAAS,MAAM;AACnB,YAAM,UAAU,WAAW;AAC3B,YAAM,gBAAgB,qBAAqB;AAC3C,YAAM,SAAS,eAAe,oBAAoB;AAElD,aACE,oBAAC,eACC,+BAAC,kBACC;AAAA,4BAAC,oBAAkB,kBAAQ,oBAAmB;AAAA,QAC9C,qBAAC,oBACC;AAAA,+BAAC,oBACC;AAAA,gCAAC,oBAAS;AAAA,YACV,qBAAC,uBACC;AAAA,kCAAC,qBAAmB,kBAAQ,mBAAkB;AAAA,cAC9C,oBAAC,2BAAyB,kBAAQ,0BAAyB;AAAA,eAC7D;AAAA,aACF;AAAA,UACA,qBAAC,oBACC;AAAA,gCAAC,wBAAa;AAAA,YACd,qBAAC,uBACC;AAAA,kCAAC,qBAAmB,kBAAQ,mBAAkB;AAAA,cAC9C,oBAAC,2BAAyB,kBAAQ,qBAAoB;AAAA,eACxD;AAAA,aACF;AAAA,WACF;AAAA,QACA,qBAAC,gBACC;AAAA,8BAAC,uBAAY;AAAA,UACb,oBAAC,oBAAkB,kBAAQ,wBAAuB;AAAA,WACpD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM;AACb,4BAAc,QAAS;AAAA,gBACrB,eAAe;AAAA,kBACb,eAAe;AAAA,gBACjB;AAAA,cACF,CAAC;AAAA,YACH;AAAA,YAEC,kBAAQ;AAAA;AAAA,QACX;AAAA,SACF,GACF;AAAA,IAEJ;AAEA,IAAO,uBAAQ;AAAA;AAAA;",
  "names": ["init_styles", "init_styles"]
}