@yourself_id/siwys-react-js 0.0.23 → 0.0.24-sapp-106-export-qr-code.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +12 -3
  2. package/dist/index.d.ts +12 -3
  3. package/dist/index.js +224 -143
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +215 -138
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +2 -2
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/siwys-js/siwys-js/packages/react-js/dist/index.mjs","../src/components/button/SignInButton.tsx","../src/components/button/Button.tsx","../src/icons/AppleAppStore.tsx","../src/icons/CheckerLogoBlack.tsx","../src/icons/CheckerLogoWhite.tsx","../src/icons/CircleLogoBlack.tsx","../src/icons/CircleLogoWhite.tsx","../src/icons/GooglePlayStore.tsx","../src/icons/QrCodeLoading.tsx","../src/icons/QrCodeLogo.tsx","../src/icons/SelfTextLogoBlack.tsx","../src/icons/SelfTextLogoWhite.tsx","../src/components/signin/SignInWithYourSelf.tsx","../src/components/signin/Challenge.tsx","../src/components/signin/DownloadApp.tsx","../src/components/signin/Success.tsx"],"names":["React","useMemo","styled","StyledButton","button","props","$glow","$colorTheme","Button","children","onClick","className","colorTheme","glow","createElement","type","role","Button_default","SvgAppleAppStore","React2","xmlns","width","height","fill","viewBox","clipPath","d","id","AppleAppStore_default","SvgCheckerLogoBlack","React3","CheckerLogoBlack_default","SvgCheckerLogoWhite","React4","CheckerLogoWhite_default","SvgCircleLogoBlack","React5","cx","cy","r","stroke","strokeWidth","CircleLogoBlack_default","SvgCircleLogoWhite","React6","filter","shapeRendering","x","y","colorInterpolationFilters","filterUnits","floodOpacity","result","in","values","stdDeviation","in2","operator","radius","CircleLogoWhite_default","SvgGooglePlayStore","React7","strokeMiterlimit","GooglePlayStore_default","SvgQrCodeLoading","React8","QrCodeLoading_default","SvgQrCodeLogo","React9","QrCodeLogo_default","SvgSelfTextLogoBlack","React10","SelfTextLogoBlack_default","SvgSelfTextLogoWhite","React11","SelfTextLogoWhite_default","SignInMessage","span","rest","darkModeEnabled","window","matchMedia","matches","showBlackIcons","label","style","fontSize","ConnectButton","SignInButton","useEffect","useState","createRoot","flushSync","keyframes","QRCodeSVG","Wrapper","div","Header","h1","rotate","LoadingIcon","convertNodeToString","node","document","root","render","innerHTML","Challenge","challengeUrl","qrCodeLogoDataUrl","encodeURIComponent","color","value","size","level","marginTop","borderRadius","marginSize","imageSettings","src","excavate","console","log","Challenge_default","Footer","Box","$background","DownloadApp","cursor","DownloadApp_default","createGlobalStyle","SuccessMessage","p","Success","Success_default","GlobalStyle","ModalWrapper","InstructionsWrapper","InstructionsSet","List","ol","SignInWithYourSelf","createChallengeUrl","checkAuthUrl","challengeDid","setChallengeDid","setChallengeUrl","isAuthenticated","setIsAuthenticated","fetch","method","then","resp","json","debug","challenge","interval","setInterval","status","match","catch","clearInterval","Fragment","marginBottom","SignInWithYourSelf_default","SignInWithYouSelf"],"mappings":"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","sourcesContent":["// src/components/button/SignInButton.tsx\nimport React12, { useMemo } from \"react\";\n\n// src/components/button/Button.tsx\nimport React from \"react\";\nimport styled from \"styled-components\";\nvar StyledButton = styled.button`\n display: flex;\n justify-content: center;\n align-items: center;\n height: 3rem;\n width: fit-content;\n border-radius: 60px;\n border: none;\n cursor: pointer;\n padding: 12px 40px 12px 40px;\n white-space: nowrap;\n\n &:active {\n transform: scale(0.98);\n }\n\n ${(props) => {\n if (props.$glow) {\n return `\n &:hover {\n box-shadow: 0px 0px 42px rgba(255, 255, 255, 0.5);\n }\n `;\n }\n}}\n\n ${(props) => {\n if (props.$colorTheme === \"light\") {\n return `\n background: white;\n color: black;\n `;\n } else if (props.$colorTheme === \"dark\") {\n return `\n background: black;\n color: white;\n `;\n } else if (props.$colorTheme === \"blue\") {\n return `\n background: #ACC2FE;\n color: black;\n `;\n } else {\n return `\n @media (prefers-color-scheme: light) {\n background: white;\n color: black;\n }\n\n @media (prefers-color-scheme: dark) {\n background: black;\n color: white;\n }\n `;\n }\n}}\n`;\nvar Button = ({ children, onClick, className, colorTheme, glow }) => {\n return /* @__PURE__ */ React.createElement(\n StyledButton,\n {\n type: \"button\",\n role: \"button\",\n className,\n onClick,\n $colorTheme: colorTheme,\n $glow: glow\n },\n children\n );\n};\nvar Button_default = Button;\n\n// src/icons/AppleAppStore.tsx\nimport * as React2 from \"react\";\nvar SvgAppleAppStore = (props) => /* @__PURE__ */ React2.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 105 36\",\n ...props\n },\n /* @__PURE__ */ React2.createElement(\"g\", { clipPath: \"url(#apple_app_store_svg__a)\" }, /* @__PURE__ */ React2.createElement(\n \"path\",\n {\n fill: \"#A8B1BD\",\n d: \"M96.639.86H8.365q-.481 0-.96.002c-.269.002-.535.007-.807.011q-.885.01-1.758.155a5.9 5.9 0 0 0-1.668.548A5.65 5.65 0 0 0 .72 4.026 5.8 5.8 0 0 0 .17 5.691q-.146.87-.158 1.752c-.008.268-.009.538-.013.806v20.225c.004.272.005.535.013.806q.01.883.158 1.752c.096.58.281 1.142.548 1.667.266.523.615 1 1.034 1.412.415.417.894.766 1.42 1.031a5.9 5.9 0 0 0 1.668.552c.581.095 1.17.147 1.758.155.272.006.538.01.807.01l.96.001H96.64c.315 0 .635 0 .95-.002.268 0 .542-.003.81-.009q.883-.011 1.754-.155a6 6 0 0 0 1.675-.552 5.5 5.5 0 0 0 1.419-1.031c.418-.414.767-.89 1.037-1.412a5.8 5.8 0 0 0 .543-1.667q.147-.87.163-1.751c.003-.272.003-.535.003-.807.007-.318.007-.634.007-.957V9.204q.002-.48-.007-.955 0-.403-.003-.806a12 12 0 0 0-.163-1.752 5.8 5.8 0 0 0-.543-1.665 5.67 5.67 0 0 0-2.456-2.45 6 6 0 0 0-1.675-.548 11.5 11.5 0 0 0-1.755-.155c-.267-.004-.541-.01-.808-.011q-.476-.003-.952-.002\"\n }\n ), /* @__PURE__ */ React2.createElement(\n \"path\",\n {\n fill: \"#000\",\n d: \"M7.41 35.094c-.268 0-.529-.003-.794-.009a11 11 0 0 1-1.64-.143 5.2 5.2 0 0 1-1.454-.48 4.7 4.7 0 0 1-1.226-.889 4.7 4.7 0 0 1-.895-1.222 5 5 0 0 1-.476-1.45q-.136-.814-.147-1.64a80 80 0 0 1-.012-.8V8.25s.007-.605.013-.783q.01-.824.145-1.638c.084-.506.244-.997.477-1.454a4.883 4.883 0 0 1 2.121-2.118 5.1 5.1 0 0 1 1.45-.476 11 11 0 0 1 1.646-.144l.792-.01h90.175l.801.01q.822.01 1.631.143c.51.086 1.004.248 1.466.48a4.9 4.9 0 0 1 2.119 2.117c.229.454.387.94.47 1.443q.137.82.152 1.65c.003.249.003.515.003.78.007.328.007.64.007.955v18.313c0 .318 0 .628-.007.94 0 .285 0 .546-.004.814q-.015.816-.15 1.622a5 5 0 0 1-.474 1.461 4.8 4.8 0 0 1-.891 1.212 4.7 4.7 0 0 1-1.228.895c-.46.233-.954.395-1.463.481a11 11 0 0 1-1.64.143c-.257.006-.526.01-.788.01l-.951.001z\"\n }\n ), /* @__PURE__ */ React2.createElement(\n \"path\",\n {\n fill: \"#fff\",\n d: \"M21.734 18.623a4.32 4.32 0 0 1 2.068-3.633 4.44 4.44 0 0 0-3.502-1.888c-1.474-.154-2.902.88-3.653.88-.765 0-1.921-.865-3.166-.839a4.67 4.67 0 0 0-3.925 2.387c-1.697 2.93-.431 7.236 1.194 9.604.814 1.16 1.764 2.455 3.008 2.41 1.217-.051 1.672-.775 3.14-.775 1.456 0 1.883.774 3.152.745 1.305-.021 2.128-1.165 2.913-2.336a9.6 9.6 0 0 0 1.332-2.706 4.2 4.2 0 0 1-1.861-1.54 4.18 4.18 0 0 1-.7-2.309M19.337 11.545a4.26 4.26 0 0 0 .978-3.055A4.35 4.35 0 0 0 17.5 9.942a4.06 4.06 0 0 0-1.003 2.942 3.6 3.6 0 0 0 2.84-1.34M37.119 24.607h-4.153l-.998 2.937H30.21l3.934-10.866h1.828l3.934 10.866h-1.79zm-3.723-1.355h3.292l-1.623-4.766h-.045zM48.401 23.584c0 2.461-1.321 4.043-3.315 4.043a2.7 2.7 0 0 1-2.5-1.386h-.037v3.924h-1.631V19.622h1.578v1.318h.03a2.81 2.81 0 0 1 2.53-1.4c2.016 0 3.345 1.589 3.345 4.044m-1.676 0c0-1.604-.831-2.659-2.1-2.659-1.245 0-2.083 1.077-2.083 2.659 0 1.596.838 2.665 2.084 2.665 1.268 0 2.1-1.047 2.1-2.665M57.144 23.584c0 2.461-1.32 4.043-3.315 4.043a2.7 2.7 0 0 1-2.5-1.386h-.037v3.924h-1.63V19.622h1.578v1.318h.03a2.81 2.81 0 0 1 2.53-1.4c2.015 0 3.344 1.588 3.344 4.044m-1.676 0c0-1.604-.83-2.659-2.1-2.659-1.245 0-2.083 1.077-2.083 2.659 0 1.596.838 2.665 2.084 2.665 1.268 0 2.1-1.047 2.1-2.665M62.923 24.517c.121 1.077 1.17 1.785 2.605 1.785 1.375 0 2.363-.708 2.363-1.68 0-.843-.596-1.348-2.008-1.694l-1.412-.34c-2.001-.481-2.93-1.414-2.93-2.928 0-1.875 1.638-3.163 3.965-3.163 2.302 0 3.88 1.288 3.934 3.163h-1.646c-.099-1.085-.998-1.74-2.311-1.74-1.314 0-2.213.663-2.213 1.627 0 .768.574 1.22 1.979 1.566l1.2.294c2.236.527 3.165 1.423 3.165 3.012 0 2.033-1.624 3.306-4.207 3.306-2.416 0-4.048-1.243-4.153-3.208zM73.133 17.747v1.875h1.511v1.288h-1.51v4.367c0 .679.302.995.966.995q.27-.005.536-.038v1.28a4.5 4.5 0 0 1-.905.075c-1.609 0-2.236-.602-2.236-2.138V20.91H70.34v-1.288h1.155v-1.875zM75.519 23.584c0-2.493 1.472-4.06 3.767-4.06 2.304 0 3.769 1.567 3.769 4.06 0 2.499-1.458 4.058-3.769 4.058s-3.767-1.56-3.767-4.058m5.874 0c0-1.71-.785-2.72-2.107-2.72-1.321 0-2.106 1.017-2.106 2.72 0 1.716.785 2.718 2.106 2.718 1.322 0 2.107-1.002 2.107-2.718M84.4 19.622h1.555v1.349h.037a1.89 1.89 0 0 1 1.911-1.432q.283 0 .559.06v1.522a2.3 2.3 0 0 0-.733-.098 1.65 1.65 0 0 0-1.627 1.125 1.6 1.6 0 0 0-.072.697v4.7H84.4zM95.98 25.217c-.219 1.438-1.623 2.425-3.42 2.425-2.311 0-3.746-1.544-3.746-4.02 0-2.486 1.443-4.097 3.677-4.097 2.198 0 3.58 1.505 3.58 3.907v.557h-5.61v.099a2.06 2.06 0 0 0 1.28 2.092c.271.11.563.162.857.151a1.8 1.8 0 0 0 1.834-1.114zm-5.512-2.364h3.972a1.9 1.9 0 0 0-1.18-1.868 1.9 1.9 0 0 0-.769-.143 2.015 2.015 0 0 0-1.87 1.24 2 2 0 0 0-.153.77M33.191 8.5a2.32 2.32 0 0 1 1.847.715 2.3 2.3 0 0 1 .617 1.879c0 1.668-.904 2.627-2.464 2.627H31.3V8.5zm-1.078 4.482h.987a1.65 1.65 0 0 0 1.672-1.156c.072-.234.09-.48.055-.722a1.64 1.64 0 0 0-1.015-1.749 1.66 1.66 0 0 0-.712-.118h-.987zM36.573 11.749a1.86 1.86 0 0 1 .478-1.434A1.872 1.872 0 0 1 40.3 11.75a1.86 1.86 0 0 1-1.105 1.887 1.876 1.876 0 0 1-2.536-1.12 1.9 1.9 0 0 1-.086-.767m2.925 0c0-.854-.385-1.354-1.06-1.354-.678 0-1.06.5-1.06 1.354 0 .86.382 1.356 1.06 1.356.675 0 1.06-.499 1.06-1.356M45.253 13.72h-.809l-.817-2.901h-.061l-.813 2.901h-.802l-1.089-3.94h.791l.708 3.007h.058l.813-3.007h.748l.812 3.007h.062l.704-3.007h.78zM47.254 9.78h.75v.626h.059a1.18 1.18 0 0 1 1.179-.702 1.29 1.29 0 0 1 1.323.898c.058.184.073.378.044.568v2.55h-.78v-2.355c0-.633-.275-.948-.852-.948a.91.91 0 0 0-.901.614.9.9 0 0 0-.042.384v2.305h-.78zM51.853 8.242h.78v5.478h-.78zM53.716 11.749a1.86 1.86 0 0 1 1.106-1.885 1.876 1.876 0 0 1 2.534 1.118c.082.247.112.508.087.767a1.86 1.86 0 0 1-1.105 1.888 1.876 1.876 0 0 1-2.536-1.12 1.9 1.9 0 0 1-.086-.768m2.924 0c0-.854-.384-1.354-1.06-1.354-.677 0-1.059.5-1.059 1.354 0 .86.382 1.356 1.06 1.356.675 0 1.06-.499 1.06-1.356M58.264 12.606c0-.709.53-1.118 1.47-1.176l1.07-.062v-.34c0-.416-.276-.65-.81-.65-.435 0-.736.159-.823.437h-.755c.08-.677.718-1.11 1.615-1.11.99 0 1.549.491 1.549 1.323v2.692h-.75v-.553h-.062a1.33 1.33 0 0 1-1.187.618 1.2 1.2 0 0 1-1.213-.697 1.2 1.2 0 0 1-.104-.482m2.54-.336v-.33l-.965.062c-.544.036-.791.22-.791.568 0 .354.308.56.732.56a.93.93 0 0 0 1.023-.86M62.606 11.749c0-1.245.641-2.034 1.64-2.034a1.3 1.3 0 0 1 1.211.691h.059V8.242h.78v5.478h-.748v-.622h-.062a1.37 1.37 0 0 1-1.24.687c-1.006 0-1.64-.788-1.64-2.036m.805 0c0 .835.395 1.338 1.056 1.338.657 0 1.063-.51 1.063-1.335 0-.821-.41-1.338-1.063-1.338-.657 0-1.056.506-1.056 1.335M69.52 11.749a1.86 1.86 0 0 1 1.106-1.885 1.876 1.876 0 0 1 2.534 1.118c.082.247.112.508.087.767a1.86 1.86 0 0 1-1.105 1.887 1.876 1.876 0 0 1-2.535-1.12 1.9 1.9 0 0 1-.087-.767m2.925 0c0-.854-.385-1.354-1.06-1.354-.678 0-1.059.5-1.059 1.354 0 .86.381 1.356 1.06 1.356.674 0 1.06-.499 1.06-1.356M74.294 9.78h.75v.626h.059a1.18 1.18 0 0 1 1.179-.702 1.29 1.29 0 0 1 1.324.898c.057.184.072.378.044.568v2.55h-.78v-2.355c0-.633-.276-.948-.853-.948a.91.91 0 0 0-.901.614.9.9 0 0 0-.042.384v2.305h-.78zM82.055 8.8v.998h.856v.655h-.856v2.026c0 .413.17.594.559.594q.15 0 .297-.018v.648q-.21.037-.424.04c-.867 0-1.212-.305-1.212-1.065v-2.225h-.628v-.655h.628V8.8zM83.977 8.242h.772v2.172h.062a1.21 1.21 0 0 1 1.205-.706 1.304 1.304 0 0 1 1.312.905c.057.182.074.374.049.564v2.544h-.78v-2.353c0-.629-.295-.948-.846-.948a.925.925 0 0 0-.943.605.9.9 0 0 0-.052.394v2.301h-.78zM91.923 12.657a1.6 1.6 0 0 1-1.712 1.14 1.8 1.8 0 0 1-1.385-.596 1.79 1.79 0 0 1-.44-1.438 1.81 1.81 0 0 1 1.064-1.901c.238-.106.497-.16.758-.158 1.1 0 1.762.75 1.762 1.987v.271h-2.79v.044a1.04 1.04 0 0 0 .63 1.044c.133.057.277.086.423.084a.95.95 0 0 0 .94-.477zm-2.743-1.27h1.996a.95.95 0 0 0-.973-1.02 1.013 1.013 0 0 0-1.023 1.02\"\n }\n )),\n /* @__PURE__ */ React2.createElement(\"defs\", null, /* @__PURE__ */ React2.createElement(\"clipPath\", { id: \"apple_app_store_svg__a\" }, /* @__PURE__ */ React2.createElement(\"path\", { fill: \"#fff\", d: \"M0 .86h105v35H0z\" })))\n);\nvar AppleAppStore_default = SvgAppleAppStore;\n\n// src/icons/CheckerLogoBlack.tsx\nimport * as React3 from \"react\";\nvar SvgCheckerLogoBlack = (props) => /* @__PURE__ */ React3.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 61 30\",\n ...props\n },\n /* @__PURE__ */ React3.createElement(\"g\", { clipPath: \"url(#checker_logo_black_svg__a)\" }, /* @__PURE__ */ React3.createElement(\n \"path\",\n {\n fill: \"#000\",\n d: \"M15.465 30H1.875c-1.11 0-1.39-.285-1.39-1.404V16.357c0-1.072.293-1.361 1.365-1.361H27.51c1.961 0 2.978-1.017 2.982-2.99V1.28c0-.944.323-1.28 1.268-1.28h27.418c.965 0 1.305.353 1.305 1.323v12.358c0 1.013-.319 1.332-1.34 1.332h-25.78c-1.846 0-2.854 1-2.854 2.829v10.724c0 1.115-.323 1.43-1.455 1.43h-13.59z\"\n }\n )),\n /* @__PURE__ */ React3.createElement(\"defs\", null, /* @__PURE__ */ React3.createElement(\"clipPath\", { id: \"checker_logo_black_svg__a\" }, /* @__PURE__ */ React3.createElement(\"path\", { fill: \"#fff\", d: \"M.4 0h60.286v30H.4z\" })))\n);\nvar CheckerLogoBlack_default = SvgCheckerLogoBlack;\n\n// src/icons/CheckerLogoWhite.tsx\nimport * as React4 from \"react\";\nvar SvgCheckerLogoWhite = (props) => /* @__PURE__ */ React4.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 61 30\",\n ...props\n },\n /* @__PURE__ */ React4.createElement(\"g\", { clipPath: \"url(#checker_logo_white_svg__a)\" }, /* @__PURE__ */ React4.createElement(\n \"path\",\n {\n fill: \"#fff\",\n d: \"M15.303 30H1.713c-1.11 0-1.39-.285-1.39-1.404V16.357c0-1.072.293-1.361 1.365-1.361h25.661c1.961 0 2.978-1.017 2.982-2.99V1.28c0-.944.323-1.28 1.267-1.28h27.418c.966 0 1.306.353 1.306 1.323v12.358c0 1.013-.319 1.332-1.34 1.332h-25.78c-1.846 0-2.854 1-2.854 2.829v10.724c0 1.115-.323 1.43-1.455 1.43h-13.59z\"\n }\n )),\n /* @__PURE__ */ React4.createElement(\"defs\", null, /* @__PURE__ */ React4.createElement(\"clipPath\", { id: \"checker_logo_white_svg__a\" }, /* @__PURE__ */ React4.createElement(\"path\", { fill: \"#fff\", d: \"M.238 0h60.286v30H.238z\" })))\n);\nvar CheckerLogoWhite_default = SvgCheckerLogoWhite;\n\n// src/icons/CircleLogoBlack.tsx\nimport * as React5 from \"react\";\nvar SvgCircleLogoBlack = (props) => /* @__PURE__ */ React5.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 25 25\",\n ...props\n },\n /* @__PURE__ */ React5.createElement(\"circle\", { cx: 12.402, cy: 12.025, r: 9.62, stroke: \"#000\", strokeWidth: 4.81 })\n);\nvar CircleLogoBlack_default = SvgCircleLogoBlack;\n\n// src/icons/CircleLogoWhite.tsx\nimport * as React6 from \"react\";\nvar SvgCircleLogoWhite = (props) => /* @__PURE__ */ React6.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 64 63\",\n ...props\n },\n /* @__PURE__ */ React6.createElement(\"g\", { filter: \"url(#circle_logo_white_svg__a)\" }, /* @__PURE__ */ React6.createElement(\n \"circle\",\n {\n cx: 32,\n cy: 31.5,\n r: 19.191,\n stroke: \"#fff\",\n strokeWidth: 9.62,\n shapeRendering: \"crispEdges\"\n }\n )),\n /* @__PURE__ */ React6.createElement(\"g\", { filter: \"url(#circle_logo_white_svg__b)\" }, /* @__PURE__ */ React6.createElement(\n \"circle\",\n {\n cx: 31.998,\n cy: 31.5,\n r: 15.341,\n stroke: \"#fff\",\n strokeWidth: 0.495\n }\n )),\n /* @__PURE__ */ React6.createElement(\"defs\", null, /* @__PURE__ */ React6.createElement(\n \"filter\",\n {\n id: \"circle_logo_white_svg__a\",\n width: 62.85,\n height: 62.85,\n x: 0.575,\n y: 0.075,\n colorInterpolationFilters: \"sRGB\",\n filterUnits: \"userSpaceOnUse\"\n },\n /* @__PURE__ */ React6.createElement(\"feFlood\", { floodOpacity: 0, result: \"BackgroundImageFix\" }),\n /* @__PURE__ */ React6.createElement(\n \"feColorMatrix\",\n {\n in: \"SourceAlpha\",\n result: \"hardAlpha\",\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n }\n ),\n /* @__PURE__ */ React6.createElement(\"feOffset\", null),\n /* @__PURE__ */ React6.createElement(\"feGaussianBlur\", { stdDeviation: 3.712 }),\n /* @__PURE__ */ React6.createElement(\"feComposite\", { in2: \"hardAlpha\", operator: \"out\" }),\n /* @__PURE__ */ React6.createElement(\"feColorMatrix\", { values: \"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0\" }),\n /* @__PURE__ */ React6.createElement(\"feBlend\", { in2: \"BackgroundImageFix\", result: \"effect1_dropShadow_1266_38\" }),\n /* @__PURE__ */ React6.createElement(\n \"feBlend\",\n {\n in: \"SourceGraphic\",\n in2: \"effect1_dropShadow_1266_38\",\n result: \"shape\"\n }\n )\n ), /* @__PURE__ */ React6.createElement(\n \"filter\",\n {\n id: \"circle_logo_white_svg__b\",\n width: 48.993,\n height: 48.993,\n x: 7.501,\n y: 7.003,\n colorInterpolationFilters: \"sRGB\",\n filterUnits: \"userSpaceOnUse\"\n },\n /* @__PURE__ */ React6.createElement(\"feFlood\", { floodOpacity: 0, result: \"BackgroundImageFix\" }),\n /* @__PURE__ */ React6.createElement(\n \"feColorMatrix\",\n {\n in: \"SourceAlpha\",\n result: \"hardAlpha\",\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n }\n ),\n /* @__PURE__ */ React6.createElement(\n \"feMorphology\",\n {\n in: \"SourceAlpha\",\n operator: \"dilate\",\n radius: 3.959,\n result: \"effect1_dropShadow_1266_38\"\n }\n ),\n /* @__PURE__ */ React6.createElement(\"feOffset\", null),\n /* @__PURE__ */ React6.createElement(\"feGaussianBlur\", { stdDeviation: 2.474 }),\n /* @__PURE__ */ React6.createElement(\"feColorMatrix\", { values: \"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0\" }),\n /* @__PURE__ */ React6.createElement(\"feBlend\", { in2: \"BackgroundImageFix\", result: \"effect1_dropShadow_1266_38\" }),\n /* @__PURE__ */ React6.createElement(\n \"feBlend\",\n {\n in: \"SourceGraphic\",\n in2: \"effect1_dropShadow_1266_38\",\n result: \"shape\"\n }\n )\n ))\n);\nvar CircleLogoWhite_default = SvgCircleLogoWhite;\n\n// src/icons/GooglePlayStore.tsx\nimport * as React7 from \"react\";\nvar SvgGooglePlayStore = (props) => /* @__PURE__ */ React7.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 120 36\",\n ...props\n },\n /* @__PURE__ */ React7.createElement(\"g\", { clipPath: \"url(#google_play_store_svg__a)\" }, /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#000\",\n d: \"M114.66.72H4.41A4.41 4.41 0 0 0 0 5.13v26.46A4.41 4.41 0 0 0 4.41 36h110.25a4.41 4.41 0 0 0 4.41-4.41V5.13a4.41 4.41 0 0 0-4.41-4.41\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#A8B1BD\",\n d: \"M114.66 1.426a3.704 3.704 0 0 1 3.704 3.704v26.46a3.704 3.704 0 0 1-3.704 3.704H4.41A3.704 3.704 0 0 1 .706 31.59V5.13A3.704 3.704 0 0 1 4.41 1.426zm0-.706H4.41A4.423 4.423 0 0 0 0 5.13v26.46A4.423 4.423 0 0 0 4.41 36h110.25a4.423 4.423 0 0 0 4.41-4.41V5.13a4.423 4.423 0 0 0-4.41-4.41\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#fff\",\n stroke: \"#fff\",\n strokeMiterlimit: 10,\n strokeWidth: 0.176,\n d: \"M41.824 9.752c0 .74-.22 1.332-.661 1.764-.494.52-1.147.785-1.94.785-.795 0-1.412-.265-1.95-.794-.538-.53-.803-1.19-.803-1.967 0-.776.265-1.438.803-1.967a2.67 2.67 0 0 1 1.95-.794c.378 0 .74.07 1.084.22s.617.345.829.592l-.468.467c-.352-.414-.828-.626-1.446-.626-.556 0-1.04.194-1.446.59q-.609.585-.609 1.527c0 .626.203 1.138.609 1.526s.89.59 1.446.59c.591 0 1.085-.193 1.482-.59.256-.256.405-.618.44-1.076h-1.922v-.635h2.567c.026.14.035.273.035.396zM45.891 7.547h-2.408v1.675h2.17v.635h-2.17v1.676h2.408v.653h-3.087V6.894h3.087zM48.757 12.186h-.679v-4.64h-1.482v-.652h3.634v.653h-1.482v4.639zM52.868 12.186V6.894h.679v5.292zM56.562 12.186h-.679v-4.64h-1.482v-.652h3.634v.653h-1.482v4.639zM64.924 11.498c-.52.538-1.164.803-1.94.803s-1.42-.265-1.94-.803c-.521-.538-.777-1.19-.777-1.958 0-.767.256-1.429.776-1.958.52-.538 1.165-.803 1.94-.803.777 0 1.412.265 1.941.803.52.538.785 1.19.785 1.958 0 .767-.265 1.429-.776 1.958zm-3.378-.441c.388.397.873.59 1.438.59.564 0 1.05-.193 1.437-.59.388-.397.591-.9.591-1.517s-.194-1.12-.59-1.517c-.389-.397-.874-.591-1.438-.591-.565 0-1.05.194-1.438.59-.388.398-.591.9-.591 1.518 0 .617.194 1.12.591 1.517ZM66.662 12.186V6.894h.83l2.575 4.119h.026l-.026-1.023V6.894h.679v5.292h-.706l-2.69-4.313h-.026l.026 1.023v3.299h-.68z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#fff\",\n d: \"M60.099 19.904c-2.073 0-3.766 1.578-3.766 3.748s1.693 3.749 3.766 3.749 3.766-1.588 3.766-3.749-1.693-3.748-3.766-3.748m0 6.023c-1.138 0-2.117-.934-2.117-2.275s.98-2.276 2.117-2.276 2.117.926 2.117 2.276-.98 2.275-2.117 2.275m-8.22-6.023c-2.073 0-3.766 1.578-3.766 3.748s1.693 3.749 3.766 3.749 3.766-1.588 3.766-3.749-1.694-3.748-3.766-3.748m0 6.023c-1.138 0-2.117-.934-2.117-2.275s.979-2.276 2.117-2.276 2.117.926 2.117 2.276-.98 2.275-2.117 2.275m-9.773-4.868v1.587h3.81c-.114.891-.414 1.553-.864 2.003-.556.555-1.42 1.164-2.937 1.164-2.346 0-4.18-1.888-4.18-4.234s1.834-4.233 4.18-4.233c1.261 0 2.187.494 2.866 1.137l1.12-1.12c-.952-.908-2.213-1.605-3.995-1.605-3.21 0-5.91 2.61-5.91 5.83s2.7 5.83 5.91 5.83c1.738 0 3.043-.564 4.066-1.632 1.05-1.05 1.376-2.53 1.376-3.722 0-.37-.026-.714-.088-.996h-5.354zm39.964 1.235c-.31-.838-1.262-2.39-3.21-2.39-1.95 0-3.538 1.517-3.538 3.748 0 2.1 1.588 3.749 3.722 3.749 1.72 0 2.717-1.05 3.123-1.659l-1.28-.855c-.423.626-1.005 1.04-1.843 1.04s-1.437-.388-1.817-1.137l5.019-2.073-.168-.423zm-5.116 1.252c-.044-1.446 1.12-2.187 1.958-2.187.653 0 1.208.326 1.394.794zm-4.075 3.634h1.65V16.155h-1.65zm-2.699-6.439h-.053c-.37-.44-1.076-.837-1.975-.837-1.879 0-3.599 1.649-3.599 3.766s1.72 3.74 3.599 3.74c.9 0 1.605-.398 1.975-.856h.053v.538c0 1.437-.767 2.205-2.002 2.205-1.005 0-1.632-.724-1.887-1.332l-1.438.6c.415.996 1.508 2.214 3.325 2.214 1.932 0 3.563-1.138 3.563-3.908v-6.738h-1.56zm-1.896 5.186c-1.138 0-2.09-.952-2.09-2.257s.952-2.285 2.09-2.285 2.002.97 2.002 2.285c0 1.314-.882 2.257-2.002 2.257m21.512-9.772h-3.943V27.18h1.65V23h2.302c1.825 0 3.616-1.324 3.616-3.423s-1.79-3.422-3.616-3.422zm.035 5.31h-2.337V17.68h2.337c1.235 0 1.932 1.023 1.932 1.887s-.697 1.888-1.932 1.888zm10.178-1.58c-1.19 0-2.425.53-2.937 1.685l1.465.609c.308-.609.89-.811 1.499-.811.847 0 1.72.511 1.729 1.42v.114a3.7 3.7 0 0 0-1.72-.423c-1.579 0-3.175.864-3.175 2.478 0 1.473 1.287 2.426 2.734 2.426 1.102 0 1.72-.494 2.099-1.076h.053v.855h1.587v-4.224c0-1.958-1.464-3.052-3.351-3.052zm-.202 6.042c-.538 0-1.288-.273-1.288-.934 0-.847.935-1.173 1.746-1.173.723 0 1.067.158 1.5.37a1.99 1.99 0 0 1-1.958 1.746zm9.331-5.803-1.887 4.78h-.053l-1.958-4.78h-1.773l2.937 6.686-1.676 3.713h1.72l4.525-10.399h-1.835M94.321 27.18h1.649V16.155h-1.65z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#E82929\",\n d: \"m18.275 17.848-9.393 9.967a2.538 2.538 0 0 0 3.74 1.526l.026-.018 10.566-6.094-4.948-5.39z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#DDB21B\",\n d: \"M27.775 16.155h-.009l-4.56-2.655-5.142 4.578 5.16 5.16 4.542-2.62a2.54 2.54 0 0 0 1.332-2.232c0-.961-.53-1.799-1.323-2.222z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#4285F4\",\n d: \"M8.882 8.905a2.7 2.7 0 0 0-.089.653V27.17c0 .23.027.441.089.653l9.71-9.711z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#20B05A\",\n d: \"m18.346 18.36 4.86-4.86-10.558-6.12a2.548 2.548 0 0 0-3.766 1.517l9.464 9.454z\"\n }\n )),\n /* @__PURE__ */ React7.createElement(\"defs\", null, /* @__PURE__ */ React7.createElement(\"clipPath\", { id: \"google_play_store_svg__a\" }, /* @__PURE__ */ React7.createElement(\"path\", { fill: \"#fff\", d: \"M0 .72h119.07V36H0z\" })))\n);\nvar GooglePlayStore_default = SvgGooglePlayStore;\n\n// src/icons/QrCodeLoading.tsx\nimport * as React8 from \"react\";\nvar SvgQrCodeLoading = (props) => /* @__PURE__ */ React8.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 32 32\",\n ...props\n },\n /* @__PURE__ */ React8.createElement(\n \"path\",\n {\n fill: \"#83A1F1\",\n d: \"M29.334 16c1.472 0 2.689-1.202 2.444-2.654a16 16 0 1 0-6.498 15.688c1.2-.854 1.19-2.564.148-3.606-1.041-1.041-2.72-1.005-3.986-.254A10.668 10.668 0 0 1 6.145 11.918a10.667 10.667 0 0 1 20.19 1.443C26.7 14.788 27.862 16 29.335 16\"\n }\n )\n);\nvar QrCodeLoading_default = SvgQrCodeLoading;\n\n// src/icons/QrCodeLogo.tsx\nimport * as React9 from \"react\";\nvar SvgQrCodeLogo = (props) => /* @__PURE__ */ React9.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 83 19\",\n ...props\n },\n /* @__PURE__ */ React9.createElement(\n \"path\",\n {\n fill: \"#000\",\n d: \"M13.18 18.727H1.889a.804.804 0 0 1-.807-.8v-2.815c0-.441.36-.8.807-.8h11.158c1.134 0 1.782-.615 1.782-1.391 0-.777-.648-1.418-1.782-1.418H6.428C2.323 11.503 0 9.015 0 5.804S2.728 0 6.428 0H18.18c.446 0 .808.358.808.8v2.815c0 .441-.361.8-.808.8H6.645c-1.296 0-1.837.749-1.837 1.391 0 .643.621 1.311 1.837 1.311h6.374c3.835 0 6.617 2.275 6.617 5.805 0 3.184-2.458 5.806-6.455 5.806zM58.797 0h15.995c.446 0 .808.358.808.8v2.815c0 .441-.361.8-.808.8h-11.08a.804.804 0 0 0-.807.8v1.157c0 .44.361.8.807.8h10.73c.445 0 .807.357.807.8v2.787c0 .441-.361.8-.807.8h-10.73a.804.804 0 0 0-.807.8v5.571c0 .441-.361.8-.807.8h-3.302a.804.804 0 0 1-.808-.8V.8c0-.441.361-.8.808-.8M39.998 0H43.3c.445 0 .807.358.807.8v12.713c0 .441.361.8.807.8H55.78c.445 0 .807.358.807.8v2.815c0 .441-.36.8-.807.8h-15.78a.804.804 0 0 1-.808-.8V.8c0-.442.36-.8.807-.8M21.55 0h15.428c.445 0 .807.358.807.8v2.815c0 .441-.36.8-.807.8H26.411a.804.804 0 0 0-.807.8v1.157c0 .44.361.8.807.8h9.595c.446 0 .808.357.808.8v2.787c0 .441-.361.8-.808.8h-9.595a.804.804 0 0 0-.807.8v1.157c0 .441.361.8.807.8h10.46c.445 0 .807.357.807.8v2.815c0 .44-.361.8-.808.8H21.55a.804.804 0 0 1-.808-.8V.8c0-.442.361-.8.807-.8M79.912 4.32c-1.214 0-2.152-.939-2.152-2.163C77.76.94 78.698 0 79.912 0c1.23 0 2.168.939 2.168 2.157 0 1.224-.939 2.163-2.168 2.163m0-.316a1.82 1.82 0 0 0 1.851-1.847c0-1.052-.803-1.856-1.851-1.856s-1.851.809-1.851 1.856c0 1.043.803 1.847 1.851 1.847m-.778-.67c-.031 0-.052-.02-.052-.051v-2.24c0-.032.021-.052.052-.052h1.027c.394 0 .69.3.69.705a.65.65 0 0 1-.327.58c-.026.021-.031.042-.02.073l.388.923c.016.037-.005.063-.041.063h-.4c-.026 0-.046-.01-.057-.042l-.347-.881c-.01-.032-.031-.042-.057-.042h-.39c-.03 0-.051.02-.051.052v.86c0 .032-.02.053-.052.053zm.923-1.358c.213 0 .327-.12.327-.28 0-.182-.12-.296-.327-.296h-.456c-.031 0-.052.021-.052.052v.472c0 .031.02.052.052.052z\"\n }\n )\n);\nvar QrCodeLogo_default = SvgQrCodeLogo;\n\n// src/icons/SelfTextLogoBlack.tsx\nimport * as React10 from \"react\";\nvar SvgSelfTextLogoBlack = (props) => /* @__PURE__ */ React10.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 70 14\",\n ...props\n },\n /* @__PURE__ */ React10.createElement(\n \"path\",\n {\n fill: \"#000\",\n d: \"M10.513 13.872H2.148a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.511C2.47 8.52.75 6.678.75 4.3S2.77 0 5.512 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.672c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.304 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-8.208a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.948a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.379 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.38a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.713 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-7.827a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.107a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.713a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.155 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.189 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM61.119 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256Q59.752.904 59.75.87V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z\"\n }\n )\n);\nvar SelfTextLogoBlack_default = SvgSelfTextLogoBlack;\n\n// src/icons/SelfTextLogoWhite.tsx\nimport * as React11 from \"react\";\nvar SvgSelfTextLogoWhite = (props) => /* @__PURE__ */ React11.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 70 14\",\n ...props\n },\n /* @__PURE__ */ React11.createElement(\n \"path\",\n {\n fill: \"#fff\",\n d: \"M10.388 13.872H2.023a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.386C2.345 8.52.625 6.678.625 4.3S2.645 0 5.387 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.547c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.179 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.254 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.254a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.588 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.588a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.03 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.064 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM60.994 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256q-.036-.002-.038-.037V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z\"\n }\n )\n);\nvar SelfTextLogoWhite_default = SvgSelfTextLogoWhite;\n\n// src/components/button/SignInButton.tsx\nimport styled2 from \"styled-components\";\nvar SignInMessage = styled2.span`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-left: 0.5rem;\n`;\nvar Button2 = ({\n type,\n ...rest\n}) => {\n const { colorTheme } = rest;\n const darkModeEnabled = useMemo(() => {\n return typeof window !== \"undefined\" && window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n }, []);\n const showBlackIcons = colorTheme === \"light\" || colorTheme === \"blue\" || !colorTheme && !darkModeEnabled;\n const label = type === \"signIn\" ? \"Sign in with your\" : \"Connect your\";\n return /* @__PURE__ */ React12.createElement(Button_default, { ...rest }, showBlackIcons && /* @__PURE__ */ React12.createElement(CircleLogoBlack_default, { width: \"1.5rem\", height: \"1.5rem\" }), !showBlackIcons && /* @__PURE__ */ React12.createElement(CircleLogoWhite_default, { width: \"2rem\", height: \"2rem\" }), /* @__PURE__ */ React12.createElement(SignInMessage, null, /* @__PURE__ */ React12.createElement(\"span\", { style: { fontSize: \"1rem\" } }, label), showBlackIcons && /* @__PURE__ */ React12.createElement(SelfTextLogoBlack_default, { width: \"4rem\" }), !showBlackIcons && /* @__PURE__ */ React12.createElement(SelfTextLogoWhite_default, { width: \"4rem\" })));\n};\nvar ConnectButton = ({ ...props }) => {\n return /* @__PURE__ */ React12.createElement(Button2, { type: \"connect\", ...props });\n};\nvar SignInButton = ({ ...props }) => {\n return /* @__PURE__ */ React12.createElement(Button2, { type: \"signIn\", ...props });\n};\n\n// src/components/signin/SignInWithYourSelf.tsx\nimport React16, { useEffect as useEffect2, useState as useState2 } from \"react\";\nimport styled6 from \"styled-components\";\n\n// src/components/signin/Challenge.tsx\nimport React13 from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\nimport styled3, { keyframes } from \"styled-components\";\nimport { QRCodeSVG } from \"qrcode.react\";\nvar Wrapper = styled3.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n`;\nvar Header = styled3.h1`\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n`;\nvar StyledButton2 = styled3(SignInButton)`\n margin-top: 3rem;\n`;\nvar rotate = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`;\nvar LoadingIcon = styled3.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 212px;\n height: 212px;\n\n & > svg {\n animation: ${rotate} 2s linear infinite;\n transform-origin: center;\n }\n`;\nvar convertNodeToString = (node) => {\n const div = document.createElement(\"div\");\n const root = createRoot(div);\n flushSync(() => {\n root.render(node);\n });\n return div.innerHTML;\n};\nvar Challenge = ({ challengeUrl }) => {\n const qrCodeLogoDataUrl = \"data:image/svg+xml,\" + encodeURIComponent(\n convertNodeToString(/* @__PURE__ */ React13.createElement(QrCodeLogo_default, { height: 20, width: 82 }))\n );\n return /* @__PURE__ */ React13.createElement(Wrapper, null, /* @__PURE__ */ React13.createElement(CircleLogoWhite_default, { width: \"4rem\", height: \"4rem\" }), /* @__PURE__ */ React13.createElement(Header, null, \"Sign in with your\", \" \", /* @__PURE__ */ React13.createElement(\"span\", { style: { color: \"#D8EE4F\" } }, \"SELF\", /* @__PURE__ */ React13.createElement(\"sup\", { style: { fontSize: \"1rem\" } }, \"\\u2122\"))), !challengeUrl && /* @__PURE__ */ React13.createElement(LoadingIcon, null, /* @__PURE__ */ React13.createElement(QrCodeLoading_default, { width: \"2rem\", height: \"2rem\" })), challengeUrl && /* @__PURE__ */ React13.createElement(\n QRCodeSVG,\n {\n value: challengeUrl,\n size: 212,\n level: \"M\",\n style: { marginTop: \"3rem\", borderRadius: \"16px\" },\n marginSize: 3,\n imageSettings: {\n src: qrCodeLogoDataUrl,\n height: 24,\n width: 104,\n excavate: true\n }\n }\n ), /* @__PURE__ */ React13.createElement(\n StyledButton2,\n {\n colorTheme: \"blue\",\n onClick: () => console.log(\"Open SELF App\"),\n glow: true\n }\n ));\n};\nvar Challenge_default = Challenge;\n\n// src/components/signin/DownloadApp.tsx\nimport React14 from \"react\";\nimport styled4 from \"styled-components\";\nvar Wrapper2 = styled4.div`\n display: inline-block;\n flex-direction: column;\n gap: 1rem;\n background: #121318;\n border: 1px solid #3d414c;\n border-radius: 8px;\n padding: 1.5rem 2rem;\n margin-top: 1rem;\n`;\nvar Header2 = styled4.div`\n display: flex;\n justify-content: space-between;\n color: white;\n white-space: nowrap;\n`;\nvar Footer = styled4.div`\n display: flex;\n justify-content: space-evenly;\n align-items: flex-end;\n gap: 0.5rem;\n margin-top: 1rem;\n`;\nvar Box = styled4.div`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 51px;\n width: 51px;\n border: 1px solid #3d414c;\n border-radius: 10px;\n background: ${(props) => props.$background};\n`;\nvar DownloadApp = ({}) => {\n return /* @__PURE__ */ React14.createElement(Wrapper2, null, /* @__PURE__ */ React14.createElement(Header2, null, /* @__PURE__ */ React14.createElement(\"h3\", null, \"Get\", \" \", /* @__PURE__ */ React14.createElement(\"span\", { style: { color: \"#D8EE4F\" } }, \"SELF\", /* @__PURE__ */ React14.createElement(\"sup\", { style: { fontSize: \"0.5rem\" } }, \"\\u2122\"))), /* @__PURE__ */ React14.createElement(\"p\", null, \"Available to download now:\")), /* @__PURE__ */ React14.createElement(Footer, null, /* @__PURE__ */ React14.createElement(Box, { $background: \"white\" }, /* @__PURE__ */ React14.createElement(CheckerLogoBlack_default, { width: \"2rem\", height: \"1rem\" })), /* @__PURE__ */ React14.createElement(Box, { $background: \"black\" }, /* @__PURE__ */ React14.createElement(CheckerLogoWhite_default, { width: \"2rem\", height: \"1rem\" })), /* @__PURE__ */ React14.createElement(\n AppleAppStore_default,\n {\n width: \"8rem\",\n height: \"2.5rem\",\n onClick: () => console.log(`TODO: Update with iOS App URL`),\n style: { cursor: \"pointer\" }\n }\n ), /* @__PURE__ */ React14.createElement(\n GooglePlayStore_default,\n {\n width: \"8rem\",\n height: \"2.5rem\",\n onClick: () => console.log(`TODO: Update with Google Play URL`),\n style: { cursor: \"pointer\" }\n }\n )));\n};\nvar DownloadApp_default = DownloadApp;\n\n// src/components/signin/SignInWithYourSelf.tsx\nimport { createGlobalStyle } from \"styled-components\";\n\n// src/components/signin/Success.tsx\nimport React15 from \"react\";\nimport styled5 from \"styled-components\";\nvar Wrapper3 = styled5.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n border-radius: 16px;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n`;\nvar Header3 = styled5.h1`\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n`;\nvar SuccessMessage = styled5.p`\n color: white;\n font-size: 4rem;\n margin-top: 2rem;\n`;\nvar Success = () => {\n return /* @__PURE__ */ React15.createElement(Wrapper3, null, /* @__PURE__ */ React15.createElement(CircleLogoWhite_default, { width: \"4rem\", height: \"4rem\" }), /* @__PURE__ */ React15.createElement(Header3, null, \"Sign in with your\", \" \", /* @__PURE__ */ React15.createElement(\"span\", { style: { color: \"#D8EE4F\" } }, \"SELF\", /* @__PURE__ */ React15.createElement(\"sup\", { style: { fontSize: \"1rem\" } }, \"\\u2122\"))), /* @__PURE__ */ React15.createElement(SuccessMessage, null, \"Success\"));\n};\nvar Success_default = Success;\n\n// src/components/signin/SignInWithYourSelf.tsx\nvar GlobalStyle = createGlobalStyle`\n * {\n margin: 0;\n padding: 0;\n }\n`;\nvar Wrapper4 = styled6.div`\n display: flex;\n justify-content: center;\n background: radial-gradient(\n circle at 24.1% 68.8%,\n rgb(50, 50, 50) 0%,\n rgb(0, 0, 0) 99.4%\n );\n border-radius: 16px;\n font-weight: 700;\n @media (max-width: 767px) {\n display: block;\n }\n`;\nvar ModalWrapper = styled6.div`\n display: flex;\n border-radius: 16px;\n border: 1px solid #3d414c;\n\n @media (max-width: 767px) {\n flex-direction: column-reverse;\n border: none;\n padding: 5rem 2rem;\n }\n`;\nvar InstructionsWrapper = styled6.div`\n display: flex;\n flex-direction: column;\n color: white;\n padding: 2rem 5rem;\n @media (max-width: 767px) {\n padding: 0;\n }\n`;\nvar InstructionsSet = styled6.div`\n margin-bottom: 2rem;\n`;\nvar List = styled6.ol`\n list-style: decimal;\n line-height: 2rem;\n padding-left: 1.5rem;\n font-weight: 500;\n`;\nvar SignInWithYourSelf = ({\n createChallengeUrl,\n checkAuthUrl\n}) => {\n const [challengeDid, setChallengeDid] = useState2(\"\");\n const [challengeUrl, setChallengeUrl] = useState2(\"\");\n const [isAuthenticated, setIsAuthenticated] = useState2(false);\n useEffect2(() => {\n fetch(createChallengeUrl, {\n method: \"POST\"\n }).then((resp) => resp.json()).then((json) => {\n console.debug(`Create challenge response:`, json);\n setChallengeDid(json.challenge);\n setChallengeUrl(json.challengeUrl);\n });\n }, []);\n useEffect2(() => {\n if (!challengeDid || isAuthenticated) return;\n const interval = setInterval(async () => {\n fetch(checkAuthUrl + `?challenge=${challengeDid}`).then((resp) => {\n if (resp.status === 200) {\n return resp.json();\n }\n return { match: false };\n }).then((json) => {\n if (json.match) {\n console.log(\"Check auth response:\", json);\n setIsAuthenticated(json.match);\n }\n }).catch(() => {\n });\n }, 5e3);\n return () => {\n clearInterval(interval);\n };\n }, [challengeDid, isAuthenticated]);\n return /* @__PURE__ */ React16.createElement(Wrapper4, null, /* @__PURE__ */ React16.createElement(GlobalStyle, null), /* @__PURE__ */ React16.createElement(ModalWrapper, null, isAuthenticated && /* @__PURE__ */ React16.createElement(Success_default, null), !isAuthenticated && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(Challenge_default, { challengeUrl }), /* @__PURE__ */ React16.createElement(InstructionsWrapper, null, /* @__PURE__ */ React16.createElement(\"p\", { style: { marginBottom: \"2rem\" } }, /* @__PURE__ */ React16.createElement(\"b\", null, \"Instructions:\")), /* @__PURE__ */ React16.createElement(InstructionsSet, null, \"If you are signing in on a device that has the SELF app installed:\", /* @__PURE__ */ React16.createElement(List, null, /* @__PURE__ */ React16.createElement(\"li\", null, \"Tap the SELF.id connect button.\"), /* @__PURE__ */ React16.createElement(\"li\", null, \"Approve the connection request within the SELF app.\"))), /* @__PURE__ */ React16.createElement(InstructionsSet, null, \"If you are \", /* @__PURE__ */ React16.createElement(\"u\", null, \"not\"), \" signing in on a device that has the SELF app installed:\", /* @__PURE__ */ React16.createElement(List, null, /* @__PURE__ */ React16.createElement(\"li\", null, \"Open the SELF app on the device with the app installed.\"), /* @__PURE__ */ React16.createElement(\"li\", null, \"Use the scanning feature in the SELF app to scan the QR code.\"), /* @__PURE__ */ React16.createElement(\"li\", null, \"Approve the connection request within the SELF app.\"))), /* @__PURE__ */ React16.createElement(\"p\", { style: { marginTop: \"3rem\" } }, \"Don't have the \", /* @__PURE__ */ React16.createElement(\"i\", null, \"SELF\"), \" app?\"), /* @__PURE__ */ React16.createElement(DownloadApp_default, null)))));\n};\nvar SignInWithYourSelf_default = SignInWithYourSelf;\nexport {\n ConnectButton,\n SignInButton,\n SignInWithYourSelf_default as SignInWithYouSelf\n};\n","import React, { useMemo } from \"react\";\n\nimport { default as GenericButton, ButtonProps } from \"./Button\";\nimport {\n CircleLogoBlack,\n CircleLogoWhite,\n SelfTextLogoBlack,\n SelfTextLogoWhite,\n} from \"../../icons\";\nimport styled from \"styled-components\";\n\nconst SignInMessage = styled.span`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-left: 0.5rem;\n`;\n\nconst Button: React.FC<ButtonProps & { type: \"signIn\" | \"connect\" }> = ({\n type,\n ...rest\n}) => {\n const { colorTheme } = rest;\n const darkModeEnabled = useMemo(() => {\n return (\n typeof window !== \"undefined\" &&\n window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n );\n }, []);\n\n const showBlackIcons =\n colorTheme === \"light\" ||\n colorTheme === \"blue\" ||\n (!colorTheme && !darkModeEnabled);\n\n const label = type === \"signIn\" ? \"Sign in with your\" : \"Connect your\";\n\n return (\n <GenericButton {...rest}>\n {showBlackIcons && <CircleLogoBlack width=\"1.5rem\" height=\"1.5rem\" />}\n {!showBlackIcons && <CircleLogoWhite width=\"2rem\" height=\"2rem\" />}\n <SignInMessage>\n <span style={{ fontSize: \"1rem\" }}>{label}</span>\n {showBlackIcons && <SelfTextLogoBlack width=\"4rem\" />}\n {!showBlackIcons && <SelfTextLogoWhite width=\"4rem\" />}\n </SignInMessage>\n </GenericButton>\n );\n};\n\nconst ConnectButton: React.FC<ButtonProps> = ({ ...props }) => {\n return <Button type=\"connect\" {...props} />;\n};\n\nconst SignInButton: React.FC<ButtonProps> = ({ ...props }) => {\n return <Button type=\"signIn\" {...props} />;\n};\n\nexport { ConnectButton, SignInButton };\n","import React from \"react\";\n\nimport styled from \"styled-components\";\n\ntype ColorTheme = \"light\" | \"dark\" | \"blue\";\n\nexport interface ButtonProps {\n onClick: () => void;\n className?: string;\n colorTheme?: ColorTheme;\n glow?: boolean;\n}\n\nconst StyledButton = styled.button<{\n $colorTheme?: ColorTheme;\n $glow?: boolean;\n}>`\n display: flex;\n justify-content: center;\n align-items: center;\n height: 3rem;\n width: fit-content;\n border-radius: 60px;\n border: none;\n cursor: pointer;\n padding: 12px 40px 12px 40px;\n white-space: nowrap;\n\n &:active {\n transform: scale(0.98);\n }\n\n ${(props) => {\n if (props.$glow) {\n return `\n &:hover {\n box-shadow: 0px 0px 42px rgba(255, 255, 255, 0.5);\n }\n `;\n }\n }}\n\n ${(props) => {\n if (props.$colorTheme === \"light\") {\n return `\n background: white;\n color: black;\n `;\n } else if (props.$colorTheme === \"dark\") {\n return `\n background: black;\n color: white;\n `;\n } else if (props.$colorTheme === \"blue\") {\n // TODO: add global styles for things like colors (below)\n return `\n background: #ACC2FE;\n color: black;\n `;\n } else {\n // auto-detect light vs dark mode\n return `\n @media (prefers-color-scheme: light) {\n background: white;\n color: black;\n }\n\n @media (prefers-color-scheme: dark) {\n background: black;\n color: white;\n }\n `;\n }\n }}\n`;\n\nconst Button: React.FC<\n ButtonProps & { children: string | React.ReactNode }\n> = ({ children, onClick, className, colorTheme, glow }) => {\n return (\n <StyledButton\n type=\"button\"\n role=\"button\"\n className={className}\n onClick={onClick}\n $colorTheme={colorTheme}\n $glow={glow}\n >\n {children}\n </StyledButton>\n );\n};\n\nexport default Button;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgAppleAppStore = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 105 36\"\n {...props}\n >\n <g clipPath=\"url(#apple_app_store_svg__a)\">\n <path\n fill=\"#A8B1BD\"\n d=\"M96.639.86H8.365q-.481 0-.96.002c-.269.002-.535.007-.807.011q-.885.01-1.758.155a5.9 5.9 0 0 0-1.668.548A5.65 5.65 0 0 0 .72 4.026 5.8 5.8 0 0 0 .17 5.691q-.146.87-.158 1.752c-.008.268-.009.538-.013.806v20.225c.004.272.005.535.013.806q.01.883.158 1.752c.096.58.281 1.142.548 1.667.266.523.615 1 1.034 1.412.415.417.894.766 1.42 1.031a5.9 5.9 0 0 0 1.668.552c.581.095 1.17.147 1.758.155.272.006.538.01.807.01l.96.001H96.64c.315 0 .635 0 .95-.002.268 0 .542-.003.81-.009q.883-.011 1.754-.155a6 6 0 0 0 1.675-.552 5.5 5.5 0 0 0 1.419-1.031c.418-.414.767-.89 1.037-1.412a5.8 5.8 0 0 0 .543-1.667q.147-.87.163-1.751c.003-.272.003-.535.003-.807.007-.318.007-.634.007-.957V9.204q.002-.48-.007-.955 0-.403-.003-.806a12 12 0 0 0-.163-1.752 5.8 5.8 0 0 0-.543-1.665 5.67 5.67 0 0 0-2.456-2.45 6 6 0 0 0-1.675-.548 11.5 11.5 0 0 0-1.755-.155c-.267-.004-.541-.01-.808-.011q-.476-.003-.952-.002\"\n />\n <path\n fill=\"#000\"\n d=\"M7.41 35.094c-.268 0-.529-.003-.794-.009a11 11 0 0 1-1.64-.143 5.2 5.2 0 0 1-1.454-.48 4.7 4.7 0 0 1-1.226-.889 4.7 4.7 0 0 1-.895-1.222 5 5 0 0 1-.476-1.45q-.136-.814-.147-1.64a80 80 0 0 1-.012-.8V8.25s.007-.605.013-.783q.01-.824.145-1.638c.084-.506.244-.997.477-1.454a4.883 4.883 0 0 1 2.121-2.118 5.1 5.1 0 0 1 1.45-.476 11 11 0 0 1 1.646-.144l.792-.01h90.175l.801.01q.822.01 1.631.143c.51.086 1.004.248 1.466.48a4.9 4.9 0 0 1 2.119 2.117c.229.454.387.94.47 1.443q.137.82.152 1.65c.003.249.003.515.003.78.007.328.007.64.007.955v18.313c0 .318 0 .628-.007.94 0 .285 0 .546-.004.814q-.015.816-.15 1.622a5 5 0 0 1-.474 1.461 4.8 4.8 0 0 1-.891 1.212 4.7 4.7 0 0 1-1.228.895c-.46.233-.954.395-1.463.481a11 11 0 0 1-1.64.143c-.257.006-.526.01-.788.01l-.951.001z\"\n />\n <path\n fill=\"#fff\"\n d=\"M21.734 18.623a4.32 4.32 0 0 1 2.068-3.633 4.44 4.44 0 0 0-3.502-1.888c-1.474-.154-2.902.88-3.653.88-.765 0-1.921-.865-3.166-.839a4.67 4.67 0 0 0-3.925 2.387c-1.697 2.93-.431 7.236 1.194 9.604.814 1.16 1.764 2.455 3.008 2.41 1.217-.051 1.672-.775 3.14-.775 1.456 0 1.883.774 3.152.745 1.305-.021 2.128-1.165 2.913-2.336a9.6 9.6 0 0 0 1.332-2.706 4.2 4.2 0 0 1-1.861-1.54 4.18 4.18 0 0 1-.7-2.309M19.337 11.545a4.26 4.26 0 0 0 .978-3.055A4.35 4.35 0 0 0 17.5 9.942a4.06 4.06 0 0 0-1.003 2.942 3.6 3.6 0 0 0 2.84-1.34M37.119 24.607h-4.153l-.998 2.937H30.21l3.934-10.866h1.828l3.934 10.866h-1.79zm-3.723-1.355h3.292l-1.623-4.766h-.045zM48.401 23.584c0 2.461-1.321 4.043-3.315 4.043a2.7 2.7 0 0 1-2.5-1.386h-.037v3.924h-1.631V19.622h1.578v1.318h.03a2.81 2.81 0 0 1 2.53-1.4c2.016 0 3.345 1.589 3.345 4.044m-1.676 0c0-1.604-.831-2.659-2.1-2.659-1.245 0-2.083 1.077-2.083 2.659 0 1.596.838 2.665 2.084 2.665 1.268 0 2.1-1.047 2.1-2.665M57.144 23.584c0 2.461-1.32 4.043-3.315 4.043a2.7 2.7 0 0 1-2.5-1.386h-.037v3.924h-1.63V19.622h1.578v1.318h.03a2.81 2.81 0 0 1 2.53-1.4c2.015 0 3.344 1.588 3.344 4.044m-1.676 0c0-1.604-.83-2.659-2.1-2.659-1.245 0-2.083 1.077-2.083 2.659 0 1.596.838 2.665 2.084 2.665 1.268 0 2.1-1.047 2.1-2.665M62.923 24.517c.121 1.077 1.17 1.785 2.605 1.785 1.375 0 2.363-.708 2.363-1.68 0-.843-.596-1.348-2.008-1.694l-1.412-.34c-2.001-.481-2.93-1.414-2.93-2.928 0-1.875 1.638-3.163 3.965-3.163 2.302 0 3.88 1.288 3.934 3.163h-1.646c-.099-1.085-.998-1.74-2.311-1.74-1.314 0-2.213.663-2.213 1.627 0 .768.574 1.22 1.979 1.566l1.2.294c2.236.527 3.165 1.423 3.165 3.012 0 2.033-1.624 3.306-4.207 3.306-2.416 0-4.048-1.243-4.153-3.208zM73.133 17.747v1.875h1.511v1.288h-1.51v4.367c0 .679.302.995.966.995q.27-.005.536-.038v1.28a4.5 4.5 0 0 1-.905.075c-1.609 0-2.236-.602-2.236-2.138V20.91H70.34v-1.288h1.155v-1.875zM75.519 23.584c0-2.493 1.472-4.06 3.767-4.06 2.304 0 3.769 1.567 3.769 4.06 0 2.499-1.458 4.058-3.769 4.058s-3.767-1.56-3.767-4.058m5.874 0c0-1.71-.785-2.72-2.107-2.72-1.321 0-2.106 1.017-2.106 2.72 0 1.716.785 2.718 2.106 2.718 1.322 0 2.107-1.002 2.107-2.718M84.4 19.622h1.555v1.349h.037a1.89 1.89 0 0 1 1.911-1.432q.283 0 .559.06v1.522a2.3 2.3 0 0 0-.733-.098 1.65 1.65 0 0 0-1.627 1.125 1.6 1.6 0 0 0-.072.697v4.7H84.4zM95.98 25.217c-.219 1.438-1.623 2.425-3.42 2.425-2.311 0-3.746-1.544-3.746-4.02 0-2.486 1.443-4.097 3.677-4.097 2.198 0 3.58 1.505 3.58 3.907v.557h-5.61v.099a2.06 2.06 0 0 0 1.28 2.092c.271.11.563.162.857.151a1.8 1.8 0 0 0 1.834-1.114zm-5.512-2.364h3.972a1.9 1.9 0 0 0-1.18-1.868 1.9 1.9 0 0 0-.769-.143 2.015 2.015 0 0 0-1.87 1.24 2 2 0 0 0-.153.77M33.191 8.5a2.32 2.32 0 0 1 1.847.715 2.3 2.3 0 0 1 .617 1.879c0 1.668-.904 2.627-2.464 2.627H31.3V8.5zm-1.078 4.482h.987a1.65 1.65 0 0 0 1.672-1.156c.072-.234.09-.48.055-.722a1.64 1.64 0 0 0-1.015-1.749 1.66 1.66 0 0 0-.712-.118h-.987zM36.573 11.749a1.86 1.86 0 0 1 .478-1.434A1.872 1.872 0 0 1 40.3 11.75a1.86 1.86 0 0 1-1.105 1.887 1.876 1.876 0 0 1-2.536-1.12 1.9 1.9 0 0 1-.086-.767m2.925 0c0-.854-.385-1.354-1.06-1.354-.678 0-1.06.5-1.06 1.354 0 .86.382 1.356 1.06 1.356.675 0 1.06-.499 1.06-1.356M45.253 13.72h-.809l-.817-2.901h-.061l-.813 2.901h-.802l-1.089-3.94h.791l.708 3.007h.058l.813-3.007h.748l.812 3.007h.062l.704-3.007h.78zM47.254 9.78h.75v.626h.059a1.18 1.18 0 0 1 1.179-.702 1.29 1.29 0 0 1 1.323.898c.058.184.073.378.044.568v2.55h-.78v-2.355c0-.633-.275-.948-.852-.948a.91.91 0 0 0-.901.614.9.9 0 0 0-.042.384v2.305h-.78zM51.853 8.242h.78v5.478h-.78zM53.716 11.749a1.86 1.86 0 0 1 1.106-1.885 1.876 1.876 0 0 1 2.534 1.118c.082.247.112.508.087.767a1.86 1.86 0 0 1-1.105 1.888 1.876 1.876 0 0 1-2.536-1.12 1.9 1.9 0 0 1-.086-.768m2.924 0c0-.854-.384-1.354-1.06-1.354-.677 0-1.059.5-1.059 1.354 0 .86.382 1.356 1.06 1.356.675 0 1.06-.499 1.06-1.356M58.264 12.606c0-.709.53-1.118 1.47-1.176l1.07-.062v-.34c0-.416-.276-.65-.81-.65-.435 0-.736.159-.823.437h-.755c.08-.677.718-1.11 1.615-1.11.99 0 1.549.491 1.549 1.323v2.692h-.75v-.553h-.062a1.33 1.33 0 0 1-1.187.618 1.2 1.2 0 0 1-1.213-.697 1.2 1.2 0 0 1-.104-.482m2.54-.336v-.33l-.965.062c-.544.036-.791.22-.791.568 0 .354.308.56.732.56a.93.93 0 0 0 1.023-.86M62.606 11.749c0-1.245.641-2.034 1.64-2.034a1.3 1.3 0 0 1 1.211.691h.059V8.242h.78v5.478h-.748v-.622h-.062a1.37 1.37 0 0 1-1.24.687c-1.006 0-1.64-.788-1.64-2.036m.805 0c0 .835.395 1.338 1.056 1.338.657 0 1.063-.51 1.063-1.335 0-.821-.41-1.338-1.063-1.338-.657 0-1.056.506-1.056 1.335M69.52 11.749a1.86 1.86 0 0 1 1.106-1.885 1.876 1.876 0 0 1 2.534 1.118c.082.247.112.508.087.767a1.86 1.86 0 0 1-1.105 1.887 1.876 1.876 0 0 1-2.535-1.12 1.9 1.9 0 0 1-.087-.767m2.925 0c0-.854-.385-1.354-1.06-1.354-.678 0-1.059.5-1.059 1.354 0 .86.381 1.356 1.06 1.356.674 0 1.06-.499 1.06-1.356M74.294 9.78h.75v.626h.059a1.18 1.18 0 0 1 1.179-.702 1.29 1.29 0 0 1 1.324.898c.057.184.072.378.044.568v2.55h-.78v-2.355c0-.633-.276-.948-.853-.948a.91.91 0 0 0-.901.614.9.9 0 0 0-.042.384v2.305h-.78zM82.055 8.8v.998h.856v.655h-.856v2.026c0 .413.17.594.559.594q.15 0 .297-.018v.648q-.21.037-.424.04c-.867 0-1.212-.305-1.212-1.065v-2.225h-.628v-.655h.628V8.8zM83.977 8.242h.772v2.172h.062a1.21 1.21 0 0 1 1.205-.706 1.304 1.304 0 0 1 1.312.905c.057.182.074.374.049.564v2.544h-.78v-2.353c0-.629-.295-.948-.846-.948a.925.925 0 0 0-.943.605.9.9 0 0 0-.052.394v2.301h-.78zM91.923 12.657a1.6 1.6 0 0 1-1.712 1.14 1.8 1.8 0 0 1-1.385-.596 1.79 1.79 0 0 1-.44-1.438 1.81 1.81 0 0 1 1.064-1.901c.238-.106.497-.16.758-.158 1.1 0 1.762.75 1.762 1.987v.271h-2.79v.044a1.04 1.04 0 0 0 .63 1.044c.133.057.277.086.423.084a.95.95 0 0 0 .94-.477zm-2.743-1.27h1.996a.95.95 0 0 0-.973-1.02 1.013 1.013 0 0 0-1.023 1.02\"\n />\n </g>\n <defs>\n <clipPath id=\"apple_app_store_svg__a\">\n <path fill=\"#fff\" d=\"M0 .86h105v35H0z\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default SvgAppleAppStore;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgCheckerLogoBlack = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 61 30\"\n {...props}\n >\n <g clipPath=\"url(#checker_logo_black_svg__a)\">\n <path\n fill=\"#000\"\n d=\"M15.465 30H1.875c-1.11 0-1.39-.285-1.39-1.404V16.357c0-1.072.293-1.361 1.365-1.361H27.51c1.961 0 2.978-1.017 2.982-2.99V1.28c0-.944.323-1.28 1.268-1.28h27.418c.965 0 1.305.353 1.305 1.323v12.358c0 1.013-.319 1.332-1.34 1.332h-25.78c-1.846 0-2.854 1-2.854 2.829v10.724c0 1.115-.323 1.43-1.455 1.43h-13.59z\"\n />\n </g>\n <defs>\n <clipPath id=\"checker_logo_black_svg__a\">\n <path fill=\"#fff\" d=\"M.4 0h60.286v30H.4z\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default SvgCheckerLogoBlack;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgCheckerLogoWhite = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 61 30\"\n {...props}\n >\n <g clipPath=\"url(#checker_logo_white_svg__a)\">\n <path\n fill=\"#fff\"\n d=\"M15.303 30H1.713c-1.11 0-1.39-.285-1.39-1.404V16.357c0-1.072.293-1.361 1.365-1.361h25.661c1.961 0 2.978-1.017 2.982-2.99V1.28c0-.944.323-1.28 1.267-1.28h27.418c.966 0 1.306.353 1.306 1.323v12.358c0 1.013-.319 1.332-1.34 1.332h-25.78c-1.846 0-2.854 1-2.854 2.829v10.724c0 1.115-.323 1.43-1.455 1.43h-13.59z\"\n />\n </g>\n <defs>\n <clipPath id=\"checker_logo_white_svg__a\">\n <path fill=\"#fff\" d=\"M.238 0h60.286v30H.238z\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default SvgCheckerLogoWhite;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgCircleLogoBlack = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 25 25\"\n {...props}\n >\n <circle cx={12.402} cy={12.025} r={9.62} stroke=\"#000\" strokeWidth={4.81} />\n </svg>\n);\nexport default SvgCircleLogoBlack;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgCircleLogoWhite = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 64 63\"\n {...props}\n >\n <g filter=\"url(#circle_logo_white_svg__a)\">\n <circle\n cx={32}\n cy={31.5}\n r={19.191}\n stroke=\"#fff\"\n strokeWidth={9.62}\n shapeRendering=\"crispEdges\"\n />\n </g>\n <g filter=\"url(#circle_logo_white_svg__b)\">\n <circle\n cx={31.998}\n cy={31.5}\n r={15.341}\n stroke=\"#fff\"\n strokeWidth={0.495}\n />\n </g>\n <defs>\n <filter\n id=\"circle_logo_white_svg__a\"\n width={62.85}\n height={62.85}\n x={0.575}\n y={0.075}\n colorInterpolationFilters=\"sRGB\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n result=\"hardAlpha\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n />\n <feOffset />\n <feGaussianBlur stdDeviation={3.712} />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0\" />\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1266_38\" />\n <feBlend\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_1266_38\"\n result=\"shape\"\n />\n </filter>\n <filter\n id=\"circle_logo_white_svg__b\"\n width={48.993}\n height={48.993}\n x={7.501}\n y={7.003}\n colorInterpolationFilters=\"sRGB\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n result=\"hardAlpha\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n />\n <feMorphology\n in=\"SourceAlpha\"\n operator=\"dilate\"\n radius={3.959}\n result=\"effect1_dropShadow_1266_38\"\n />\n <feOffset />\n <feGaussianBlur stdDeviation={2.474} />\n <feColorMatrix values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0\" />\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1266_38\" />\n <feBlend\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_1266_38\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n);\nexport default SvgCircleLogoWhite;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgGooglePlayStore = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 120 36\"\n {...props}\n >\n <g clipPath=\"url(#google_play_store_svg__a)\">\n <path\n fill=\"#000\"\n d=\"M114.66.72H4.41A4.41 4.41 0 0 0 0 5.13v26.46A4.41 4.41 0 0 0 4.41 36h110.25a4.41 4.41 0 0 0 4.41-4.41V5.13a4.41 4.41 0 0 0-4.41-4.41\"\n />\n <path\n fill=\"#A8B1BD\"\n d=\"M114.66 1.426a3.704 3.704 0 0 1 3.704 3.704v26.46a3.704 3.704 0 0 1-3.704 3.704H4.41A3.704 3.704 0 0 1 .706 31.59V5.13A3.704 3.704 0 0 1 4.41 1.426zm0-.706H4.41A4.423 4.423 0 0 0 0 5.13v26.46A4.423 4.423 0 0 0 4.41 36h110.25a4.423 4.423 0 0 0 4.41-4.41V5.13a4.423 4.423 0 0 0-4.41-4.41\"\n />\n <path\n fill=\"#fff\"\n stroke=\"#fff\"\n strokeMiterlimit={10}\n strokeWidth={0.176}\n d=\"M41.824 9.752c0 .74-.22 1.332-.661 1.764-.494.52-1.147.785-1.94.785-.795 0-1.412-.265-1.95-.794-.538-.53-.803-1.19-.803-1.967 0-.776.265-1.438.803-1.967a2.67 2.67 0 0 1 1.95-.794c.378 0 .74.07 1.084.22s.617.345.829.592l-.468.467c-.352-.414-.828-.626-1.446-.626-.556 0-1.04.194-1.446.59q-.609.585-.609 1.527c0 .626.203 1.138.609 1.526s.89.59 1.446.59c.591 0 1.085-.193 1.482-.59.256-.256.405-.618.44-1.076h-1.922v-.635h2.567c.026.14.035.273.035.396zM45.891 7.547h-2.408v1.675h2.17v.635h-2.17v1.676h2.408v.653h-3.087V6.894h3.087zM48.757 12.186h-.679v-4.64h-1.482v-.652h3.634v.653h-1.482v4.639zM52.868 12.186V6.894h.679v5.292zM56.562 12.186h-.679v-4.64h-1.482v-.652h3.634v.653h-1.482v4.639zM64.924 11.498c-.52.538-1.164.803-1.94.803s-1.42-.265-1.94-.803c-.521-.538-.777-1.19-.777-1.958 0-.767.256-1.429.776-1.958.52-.538 1.165-.803 1.94-.803.777 0 1.412.265 1.941.803.52.538.785 1.19.785 1.958 0 .767-.265 1.429-.776 1.958zm-3.378-.441c.388.397.873.59 1.438.59.564 0 1.05-.193 1.437-.59.388-.397.591-.9.591-1.517s-.194-1.12-.59-1.517c-.389-.397-.874-.591-1.438-.591-.565 0-1.05.194-1.438.59-.388.398-.591.9-.591 1.518 0 .617.194 1.12.591 1.517ZM66.662 12.186V6.894h.83l2.575 4.119h.026l-.026-1.023V6.894h.679v5.292h-.706l-2.69-4.313h-.026l.026 1.023v3.299h-.68z\"\n />\n <path\n fill=\"#fff\"\n d=\"M60.099 19.904c-2.073 0-3.766 1.578-3.766 3.748s1.693 3.749 3.766 3.749 3.766-1.588 3.766-3.749-1.693-3.748-3.766-3.748m0 6.023c-1.138 0-2.117-.934-2.117-2.275s.98-2.276 2.117-2.276 2.117.926 2.117 2.276-.98 2.275-2.117 2.275m-8.22-6.023c-2.073 0-3.766 1.578-3.766 3.748s1.693 3.749 3.766 3.749 3.766-1.588 3.766-3.749-1.694-3.748-3.766-3.748m0 6.023c-1.138 0-2.117-.934-2.117-2.275s.979-2.276 2.117-2.276 2.117.926 2.117 2.276-.98 2.275-2.117 2.275m-9.773-4.868v1.587h3.81c-.114.891-.414 1.553-.864 2.003-.556.555-1.42 1.164-2.937 1.164-2.346 0-4.18-1.888-4.18-4.234s1.834-4.233 4.18-4.233c1.261 0 2.187.494 2.866 1.137l1.12-1.12c-.952-.908-2.213-1.605-3.995-1.605-3.21 0-5.91 2.61-5.91 5.83s2.7 5.83 5.91 5.83c1.738 0 3.043-.564 4.066-1.632 1.05-1.05 1.376-2.53 1.376-3.722 0-.37-.026-.714-.088-.996h-5.354zm39.964 1.235c-.31-.838-1.262-2.39-3.21-2.39-1.95 0-3.538 1.517-3.538 3.748 0 2.1 1.588 3.749 3.722 3.749 1.72 0 2.717-1.05 3.123-1.659l-1.28-.855c-.423.626-1.005 1.04-1.843 1.04s-1.437-.388-1.817-1.137l5.019-2.073-.168-.423zm-5.116 1.252c-.044-1.446 1.12-2.187 1.958-2.187.653 0 1.208.326 1.394.794zm-4.075 3.634h1.65V16.155h-1.65zm-2.699-6.439h-.053c-.37-.44-1.076-.837-1.975-.837-1.879 0-3.599 1.649-3.599 3.766s1.72 3.74 3.599 3.74c.9 0 1.605-.398 1.975-.856h.053v.538c0 1.437-.767 2.205-2.002 2.205-1.005 0-1.632-.724-1.887-1.332l-1.438.6c.415.996 1.508 2.214 3.325 2.214 1.932 0 3.563-1.138 3.563-3.908v-6.738h-1.56zm-1.896 5.186c-1.138 0-2.09-.952-2.09-2.257s.952-2.285 2.09-2.285 2.002.97 2.002 2.285c0 1.314-.882 2.257-2.002 2.257m21.512-9.772h-3.943V27.18h1.65V23h2.302c1.825 0 3.616-1.324 3.616-3.423s-1.79-3.422-3.616-3.422zm.035 5.31h-2.337V17.68h2.337c1.235 0 1.932 1.023 1.932 1.887s-.697 1.888-1.932 1.888zm10.178-1.58c-1.19 0-2.425.53-2.937 1.685l1.465.609c.308-.609.89-.811 1.499-.811.847 0 1.72.511 1.729 1.42v.114a3.7 3.7 0 0 0-1.72-.423c-1.579 0-3.175.864-3.175 2.478 0 1.473 1.287 2.426 2.734 2.426 1.102 0 1.72-.494 2.099-1.076h.053v.855h1.587v-4.224c0-1.958-1.464-3.052-3.351-3.052zm-.202 6.042c-.538 0-1.288-.273-1.288-.934 0-.847.935-1.173 1.746-1.173.723 0 1.067.158 1.5.37a1.99 1.99 0 0 1-1.958 1.746zm9.331-5.803-1.887 4.78h-.053l-1.958-4.78h-1.773l2.937 6.686-1.676 3.713h1.72l4.525-10.399h-1.835M94.321 27.18h1.649V16.155h-1.65z\"\n />\n <path\n fill=\"#E82929\"\n d=\"m18.275 17.848-9.393 9.967a2.538 2.538 0 0 0 3.74 1.526l.026-.018 10.566-6.094-4.948-5.39z\"\n />\n <path\n fill=\"#DDB21B\"\n d=\"M27.775 16.155h-.009l-4.56-2.655-5.142 4.578 5.16 5.16 4.542-2.62a2.54 2.54 0 0 0 1.332-2.232c0-.961-.53-1.799-1.323-2.222z\"\n />\n <path\n fill=\"#4285F4\"\n d=\"M8.882 8.905a2.7 2.7 0 0 0-.089.653V27.17c0 .23.027.441.089.653l9.71-9.711z\"\n />\n <path\n fill=\"#20B05A\"\n d=\"m18.346 18.36 4.86-4.86-10.558-6.12a2.548 2.548 0 0 0-3.766 1.517l9.464 9.454z\"\n />\n </g>\n <defs>\n <clipPath id=\"google_play_store_svg__a\">\n <path fill=\"#fff\" d=\"M0 .72h119.07V36H0z\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default SvgGooglePlayStore;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgQrCodeLoading = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 32 32\"\n {...props}\n >\n <path\n fill=\"#83A1F1\"\n d=\"M29.334 16c1.472 0 2.689-1.202 2.444-2.654a16 16 0 1 0-6.498 15.688c1.2-.854 1.19-2.564.148-3.606-1.041-1.041-2.72-1.005-3.986-.254A10.668 10.668 0 0 1 6.145 11.918a10.667 10.667 0 0 1 20.19 1.443C26.7 14.788 27.862 16 29.335 16\"\n />\n </svg>\n);\nexport default SvgQrCodeLoading;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgQrCodeLogo = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 83 19\"\n {...props}\n >\n <path\n fill=\"#000\"\n d=\"M13.18 18.727H1.889a.804.804 0 0 1-.807-.8v-2.815c0-.441.36-.8.807-.8h11.158c1.134 0 1.782-.615 1.782-1.391 0-.777-.648-1.418-1.782-1.418H6.428C2.323 11.503 0 9.015 0 5.804S2.728 0 6.428 0H18.18c.446 0 .808.358.808.8v2.815c0 .441-.361.8-.808.8H6.645c-1.296 0-1.837.749-1.837 1.391 0 .643.621 1.311 1.837 1.311h6.374c3.835 0 6.617 2.275 6.617 5.805 0 3.184-2.458 5.806-6.455 5.806zM58.797 0h15.995c.446 0 .808.358.808.8v2.815c0 .441-.361.8-.808.8h-11.08a.804.804 0 0 0-.807.8v1.157c0 .44.361.8.807.8h10.73c.445 0 .807.357.807.8v2.787c0 .441-.361.8-.807.8h-10.73a.804.804 0 0 0-.807.8v5.571c0 .441-.361.8-.807.8h-3.302a.804.804 0 0 1-.808-.8V.8c0-.441.361-.8.808-.8M39.998 0H43.3c.445 0 .807.358.807.8v12.713c0 .441.361.8.807.8H55.78c.445 0 .807.358.807.8v2.815c0 .441-.36.8-.807.8h-15.78a.804.804 0 0 1-.808-.8V.8c0-.442.36-.8.807-.8M21.55 0h15.428c.445 0 .807.358.807.8v2.815c0 .441-.36.8-.807.8H26.411a.804.804 0 0 0-.807.8v1.157c0 .44.361.8.807.8h9.595c.446 0 .808.357.808.8v2.787c0 .441-.361.8-.808.8h-9.595a.804.804 0 0 0-.807.8v1.157c0 .441.361.8.807.8h10.46c.445 0 .807.357.807.8v2.815c0 .44-.361.8-.808.8H21.55a.804.804 0 0 1-.808-.8V.8c0-.442.361-.8.807-.8M79.912 4.32c-1.214 0-2.152-.939-2.152-2.163C77.76.94 78.698 0 79.912 0c1.23 0 2.168.939 2.168 2.157 0 1.224-.939 2.163-2.168 2.163m0-.316a1.82 1.82 0 0 0 1.851-1.847c0-1.052-.803-1.856-1.851-1.856s-1.851.809-1.851 1.856c0 1.043.803 1.847 1.851 1.847m-.778-.67c-.031 0-.052-.02-.052-.051v-2.24c0-.032.021-.052.052-.052h1.027c.394 0 .69.3.69.705a.65.65 0 0 1-.327.58c-.026.021-.031.042-.02.073l.388.923c.016.037-.005.063-.041.063h-.4c-.026 0-.046-.01-.057-.042l-.347-.881c-.01-.032-.031-.042-.057-.042h-.39c-.03 0-.051.02-.051.052v.86c0 .032-.02.053-.052.053zm.923-1.358c.213 0 .327-.12.327-.28 0-.182-.12-.296-.327-.296h-.456c-.031 0-.052.021-.052.052v.472c0 .031.02.052.052.052z\"\n />\n </svg>\n);\nexport default SvgQrCodeLogo;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgSelfTextLogoBlack = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 70 14\"\n {...props}\n >\n <path\n fill=\"#000\"\n d=\"M10.513 13.872H2.148a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.511C2.47 8.52.75 6.678.75 4.3S2.77 0 5.512 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.672c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.304 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-8.208a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.948a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.379 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.38a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.713 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-7.827a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.107a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.713a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.155 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.189 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM61.119 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256Q59.752.904 59.75.87V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z\"\n />\n </svg>\n);\nexport default SvgSelfTextLogoBlack;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgSelfTextLogoWhite = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 70 14\"\n {...props}\n >\n <path\n fill=\"#fff\"\n d=\"M10.388 13.872H2.023a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.386C2.345 8.52.625 6.678.625 4.3S2.645 0 5.387 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.547c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.179 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.254 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.254a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.588 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.588a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.03 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.064 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM60.994 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256q-.036-.002-.038-.037V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z\"\n />\n </svg>\n);\nexport default SvgSelfTextLogoWhite;\n","import React, { useEffect, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport Challenge from \"./Challenge\";\nimport DownloadApp from \"./DownloadApp\";\n\nimport { createGlobalStyle } from \"styled-components\";\nimport Success from \"./Success\";\n\nconst GlobalStyle = createGlobalStyle`\n * {\n margin: 0;\n padding: 0;\n }\n`;\n\ninterface SignInProps {\n createChallengeUrl: string;\n checkAuthUrl: string;\n}\n\nconst Wrapper = styled.div`\n display: flex;\n justify-content: center;\n background: radial-gradient(\n circle at 24.1% 68.8%,\n rgb(50, 50, 50) 0%,\n rgb(0, 0, 0) 99.4%\n );\n border-radius: 16px;\n font-weight: 700;\n @media (max-width: 767px) {\n display: block;\n }\n`;\n\nconst ModalWrapper = styled.div`\n display: flex;\n border-radius: 16px;\n border: 1px solid #3d414c;\n\n @media (max-width: 767px) {\n flex-direction: column-reverse;\n border: none;\n padding: 5rem 2rem;\n }\n`;\n\nconst InstructionsWrapper = styled.div`\n display: flex;\n flex-direction: column;\n color: white;\n padding: 2rem 5rem;\n @media (max-width: 767px) {\n padding: 0;\n }\n`;\n\nconst InstructionsSet = styled.div`\n margin-bottom: 2rem;\n`;\n\nconst List = styled.ol`\n list-style: decimal;\n line-height: 2rem;\n padding-left: 1.5rem;\n font-weight: 500;\n`;\n\nconst SignInWithYourSelf: React.FC<SignInProps> = ({\n createChallengeUrl,\n checkAuthUrl,\n}) => {\n const [challengeDid, setChallengeDid] = useState<string>(\"\");\n const [challengeUrl, setChallengeUrl] = useState<string>(\"\");\n const [isAuthenticated, setIsAuthenticated] = useState<boolean>(false);\n\n useEffect(() => {\n fetch(createChallengeUrl, {\n method: \"POST\",\n })\n .then((resp) => resp.json())\n .then((json) => {\n console.debug(`Create challenge response:`, json);\n setChallengeDid(json.challenge);\n setChallengeUrl(json.challengeUrl);\n });\n }, []);\n\n useEffect(() => {\n if (!challengeDid || isAuthenticated) return;\n\n const interval = setInterval(async () => {\n fetch(checkAuthUrl + `?challenge=${challengeDid}`)\n .then((resp) => {\n if (resp.status === 200) {\n return resp.json();\n }\n return { match: false };\n })\n .then((json) => {\n if (json.match) {\n console.log(\"Check auth response:\", json);\n setIsAuthenticated(json.match);\n }\n })\n .catch(() => {});\n }, 5000); // every 5 seconds\n\n return () => {\n clearInterval(interval);\n };\n }, [challengeDid, isAuthenticated]);\n\n return (\n <Wrapper>\n <GlobalStyle />\n <ModalWrapper>\n {isAuthenticated && <Success />}\n {!isAuthenticated && (\n <>\n <Challenge challengeUrl={challengeUrl} />\n <InstructionsWrapper>\n <p style={{ marginBottom: \"2rem\" }}>\n <b>Instructions:</b>\n </p>\n <InstructionsSet>\n If you are signing in on a device that has the SELF app\n installed:\n <List>\n <li>Tap the SELF.id connect button.</li>\n <li>Approve the connection request within the SELF app.</li>\n </List>\n </InstructionsSet>\n <InstructionsSet>\n If you are <u>not</u> signing in on a device that has the SELF\n app installed:\n <List>\n <li>\n Open the SELF app on the device with the app installed.\n </li>\n <li>\n Use the scanning feature in the SELF app to scan the QR\n code.\n </li>\n <li>Approve the connection request within the SELF app.</li>\n </List>\n </InstructionsSet>\n <p style={{ marginTop: \"3rem\" }}>\n Don't have the <i>SELF</i> app?\n </p>\n <DownloadApp />\n </InstructionsWrapper>\n </>\n )}\n </ModalWrapper>\n </Wrapper>\n );\n};\n\nexport default SignInWithYourSelf;\n","import React, { useEffect, useState } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\n\nimport styled, { keyframes } from \"styled-components\";\n\nimport { CircleLogoWhite, QrCodeLoading, QrCodeLogo } from \"../../icons\";\nimport { QRCodeSVG } from \"qrcode.react\";\nimport { SignInButton } from \"../button/SignInButton\";\n\ninterface ChallengeProps {\n challengeUrl: string;\n}\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n`;\n\nconst Header = styled.h1`\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n`;\n\nconst StyledButton = styled(SignInButton)`\n margin-top: 3rem;\n`;\n\nconst rotate = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`;\n\nconst LoadingIcon = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 212px;\n height: 212px;\n\n & > svg {\n animation: ${rotate} 2s linear infinite;\n transform-origin: center;\n }\n`;\n\nconst convertNodeToString = (node: React.ReactNode): string => {\n const div = document.createElement(\"div\");\n const root = createRoot(div);\n flushSync(() => {\n root.render(node);\n });\n return div.innerHTML;\n};\n\nconst Challenge: React.FC<ChallengeProps> = ({ challengeUrl }) => {\n const qrCodeLogoDataUrl =\n \"data:image/svg+xml,\" +\n encodeURIComponent(\n convertNodeToString(<QrCodeLogo height={20} width={82} />)\n );\n\n return (\n <Wrapper>\n <CircleLogoWhite width=\"4rem\" height=\"4rem\" />\n <Header>\n Sign in with your{\" \"}\n <span style={{ color: \"#D8EE4F\" }}>\n SELF<sup style={{ fontSize: \"1rem\" }}>&trade;</sup>\n </span>\n </Header>\n {!challengeUrl && (\n <LoadingIcon>\n <QrCodeLoading width=\"2rem\" height=\"2rem\" />\n </LoadingIcon>\n )}\n {challengeUrl && (\n <QRCodeSVG\n value={challengeUrl}\n size={212}\n level=\"M\"\n style={{ marginTop: \"3rem\", borderRadius: \"16px\" }}\n marginSize={3}\n imageSettings={{\n src: qrCodeLogoDataUrl,\n height: 24,\n width: 104,\n excavate: true,\n }}\n />\n )}\n <StyledButton\n colorTheme=\"blue\"\n onClick={() => console.log(\"Open SELF App\")}\n glow\n />\n </Wrapper>\n );\n};\n\nexport default Challenge;\n","import React from \"react\";\n\nimport styled from \"styled-components\";\n\nimport {\n AppleAppStore,\n CheckerLogoBlack,\n CheckerLogoWhite,\n GooglePlayStore,\n} from \"../../icons\";\n\nconst Wrapper = styled.div`\n display: inline-block;\n flex-direction: column;\n gap: 1rem;\n background: #121318;\n border: 1px solid #3d414c;\n border-radius: 8px;\n padding: 1.5rem 2rem;\n margin-top: 1rem;\n`;\n\nconst Header = styled.div`\n display: flex;\n justify-content: space-between;\n color: white;\n white-space: nowrap;\n`;\n\nconst Footer = styled.div`\n display: flex;\n justify-content: space-evenly;\n align-items: flex-end;\n gap: 0.5rem;\n margin-top: 1rem;\n`;\n\nconst Box = styled.div<{ $background: string }>`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 51px;\n width: 51px;\n border: 1px solid #3d414c;\n border-radius: 10px;\n background: ${(props) => props.$background};\n`;\n\nconst DownloadApp: React.FC<{}> = ({}) => {\n return (\n <Wrapper>\n <Header>\n <h3>\n Get{\" \"}\n <span style={{ color: \"#D8EE4F\" }}>\n SELF<sup style={{ fontSize: \"0.5rem\" }}>&trade;</sup>\n </span>\n </h3>\n <p>Available to download now:</p>\n </Header>\n <Footer>\n <Box $background=\"white\">\n <CheckerLogoBlack width=\"2rem\" height=\"1rem\" />\n </Box>\n <Box $background=\"black\">\n <CheckerLogoWhite width=\"2rem\" height=\"1rem\" />\n </Box>\n <AppleAppStore\n width=\"8rem\"\n height=\"2.5rem\"\n onClick={() => console.log(`TODO: Update with iOS App URL`)}\n style={{ cursor: \"pointer\" }}\n />\n <GooglePlayStore\n width=\"8rem\"\n height=\"2.5rem\"\n onClick={() => console.log(`TODO: Update with Google Play URL`)}\n style={{ cursor: \"pointer\" }}\n />\n </Footer>\n </Wrapper>\n );\n};\n\nexport default DownloadApp;\n","import React from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { CircleLogoWhite } from \"../../icons\";\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n border-radius: 16px;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n`;\n\nconst Header = styled.h1`\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n`;\n\nconst SuccessMessage = styled.p`\n color: white;\n font-size: 4rem;\n margin-top: 2rem;\n`;\n\nconst Success: React.FC<{}> = () => {\n return (\n <Wrapper>\n <CircleLogoWhite width=\"4rem\" height=\"4rem\" />\n <Header>\n Sign in with your{\" \"}\n <span style={{ color: \"#D8EE4F\" }}>\n SELF<sup style={{ fontSize: \"1rem\" }}>&trade;</sup>\n </span>\n </Header>\n <SuccessMessage>Success</SuccessMessage>\n </Wrapper>\n );\n};\n\nexport default Success;\n"]}
1
+ {"version":3,"sources":["/home/runner/work/siwys-js/siwys-js/packages/react-js/dist/index.mjs","../src/components/button/SignInButton.tsx","../src/components/button/Button.tsx","../src/icons/AppleAppStore.tsx","../src/icons/CheckerLogoBlack.tsx","../src/icons/CheckerLogoWhite.tsx","../src/icons/CircleLogoBlack.tsx","../src/icons/CircleLogoWhite.tsx","../src/icons/GooglePlayStore.tsx","../src/icons/LoadingIndicator.tsx","../src/icons/QrCodeLoading.tsx","../src/icons/QrCodeLogo.tsx","../src/icons/SelfTextLogoBlack.tsx","../src/icons/SelfTextLogoWhite.tsx","../src/components/signin/SignInWithYourSelf.tsx","../src/components/signin/Challenge.tsx","../src/components/signin/QrCode.tsx","../src/components/signin/DownloadApp.tsx","../src/components/signin/Success.tsx"],"names":["React","useMemo","useState","styled","StyledButton","button","props","$disabled","$glow","$colorTheme","Button","children","onClick","className","colorTheme","glow","disabled","createElement","type","role","Button_default","SvgAppleAppStore","React2","xmlns","width","height","fill","viewBox","clipPath","d","id","AppleAppStore_default","SvgCheckerLogoBlack","React3","CheckerLogoBlack_default","SvgCheckerLogoWhite","React4","CheckerLogoWhite_default","SvgCircleLogoBlack","React5","cx","cy","r","stroke","strokeWidth","CircleLogoBlack_default","SvgCircleLogoWhite","React6","filter","shapeRendering","x","y","colorInterpolationFilters","filterUnits","floodOpacity","result","in","values","stdDeviation","in2","operator","radius","CircleLogoWhite_default","SvgGooglePlayStore","React7","strokeMiterlimit","GooglePlayStore_default","keyframes","rotate","LoadingIcon","svg","LoadingIndicator","React8","LoadingIndicator_default","SvgQrCodeLoading","React9","QrCodeLoading_default","SvgSelfTextLogoBlack","React11","SelfTextLogoBlack_default","SvgSelfTextLogoWhite","React12","SelfTextLogoWhite_default","SignInMessage","span","SignInButton","rest","clicked","setClicked","darkModeEnabled","window","matchMedia","matches","showBlackIcons","label","handleClick","Fragment","style","fontSize","CysButton","SiwysButton","useEffect","QRCodeSVG","SelfSvg","QRCode","value","challengeUrl","size","level","marginSize","imageSettings","src","excavate","borderRadius","QrCode_default","Wrapper","div","Header","h1","Challenge","color","marginTop","console","log","Challenge_default","Footer","Box","$background","DownloadApp","cursor","DownloadApp_default","createGlobalStyle","SuccessMessage","p","Success","Success_default","GlobalStyle","ModalWrapper","InstructionsWrapper","InstructionsSet","List","ol","SignInWithYourSelf","createChallengeUrl","checkAuthUrl","challengeDid","setChallengeDid","setChallengeUrl","isAuthenticated","setIsAuthenticated","fetch","method","then","resp","json","challenge","interval","setInterval","status","match","catch","clearInterval","marginBottom","SignInWithYourSelf_default"],"mappings":"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","sourcesContent":["// src/components/button/SignInButton.tsx\nimport React13, { useMemo, useState } from \"react\";\nimport styled3 from \"styled-components\";\n\n// src/components/button/Button.tsx\nimport React from \"react\";\nimport styled from \"styled-components\";\nvar StyledButton = styled.button`\n display: flex;\n justify-content: center;\n align-items: center;\n height: 3rem;\n width: fit-content;\n border-radius: 60px;\n border: none;\n padding: 12px 40px 12px 40px;\n white-space: nowrap;\n\n ${(props) => {\n if (!props.$disabled) {\n return `\n cursor: pointer;\n &:active {\n transform: scale(0.98);\n }\n `;\n } else {\n return \"cursor: default;\";\n }\n}}\n\n ${(props) => {\n if (props.$glow) {\n return `\n &:hover {\n box-shadow: 0px 0px 42px rgba(255, 255, 255, 0.5);\n }\n `;\n }\n}}\n\n ${(props) => {\n if (props.$colorTheme === \"light\") {\n return `\n background: white;\n color: black;\n `;\n } else if (props.$colorTheme === \"dark\") {\n return `\n background: black;\n color: white;\n `;\n } else if (props.$colorTheme === \"blue\") {\n return `\n background: #ACC2FE;\n color: black;\n `;\n } else {\n return `\n @media (prefers-color-scheme: light) {\n background: white;\n color: black;\n }\n\n @media (prefers-color-scheme: dark) {\n background: black;\n color: white;\n }\n `;\n }\n}}\n`;\nvar Button = ({ children, onClick, className, colorTheme, glow, disabled }) => {\n return /* @__PURE__ */ React.createElement(\n StyledButton,\n {\n type: \"button\",\n role: \"button\",\n className,\n onClick,\n disabled,\n $disabled: disabled,\n $colorTheme: colorTheme,\n $glow: glow && !disabled\n },\n children\n );\n};\nvar Button_default = Button;\n\n// src/icons/AppleAppStore.tsx\nimport * as React2 from \"react\";\nvar SvgAppleAppStore = (props) => /* @__PURE__ */ React2.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 105 36\",\n ...props\n },\n /* @__PURE__ */ React2.createElement(\"g\", { clipPath: \"url(#apple_app_store_svg__a)\" }, /* @__PURE__ */ React2.createElement(\n \"path\",\n {\n fill: \"#A8B1BD\",\n d: \"M96.639.86H8.365q-.481 0-.96.002c-.269.002-.535.007-.807.011q-.885.01-1.758.155a5.9 5.9 0 0 0-1.668.548A5.65 5.65 0 0 0 .72 4.026 5.8 5.8 0 0 0 .17 5.691q-.146.87-.158 1.752c-.008.268-.009.538-.013.806v20.225c.004.272.005.535.013.806q.01.883.158 1.752c.096.58.281 1.142.548 1.667.266.523.615 1 1.034 1.412.415.417.894.766 1.42 1.031a5.9 5.9 0 0 0 1.668.552c.581.095 1.17.147 1.758.155.272.006.538.01.807.01l.96.001H96.64c.315 0 .635 0 .95-.002.268 0 .542-.003.81-.009q.883-.011 1.754-.155a6 6 0 0 0 1.675-.552 5.5 5.5 0 0 0 1.419-1.031c.418-.414.767-.89 1.037-1.412a5.8 5.8 0 0 0 .543-1.667q.147-.87.163-1.751c.003-.272.003-.535.003-.807.007-.318.007-.634.007-.957V9.204q.002-.48-.007-.955 0-.403-.003-.806a12 12 0 0 0-.163-1.752 5.8 5.8 0 0 0-.543-1.665 5.67 5.67 0 0 0-2.456-2.45 6 6 0 0 0-1.675-.548 11.5 11.5 0 0 0-1.755-.155c-.267-.004-.541-.01-.808-.011q-.476-.003-.952-.002\"\n }\n ), /* @__PURE__ */ React2.createElement(\n \"path\",\n {\n fill: \"#000\",\n d: \"M7.41 35.094c-.268 0-.529-.003-.794-.009a11 11 0 0 1-1.64-.143 5.2 5.2 0 0 1-1.454-.48 4.7 4.7 0 0 1-1.226-.889 4.7 4.7 0 0 1-.895-1.222 5 5 0 0 1-.476-1.45q-.136-.814-.147-1.64a80 80 0 0 1-.012-.8V8.25s.007-.605.013-.783q.01-.824.145-1.638c.084-.506.244-.997.477-1.454a4.883 4.883 0 0 1 2.121-2.118 5.1 5.1 0 0 1 1.45-.476 11 11 0 0 1 1.646-.144l.792-.01h90.175l.801.01q.822.01 1.631.143c.51.086 1.004.248 1.466.48a4.9 4.9 0 0 1 2.119 2.117c.229.454.387.94.47 1.443q.137.82.152 1.65c.003.249.003.515.003.78.007.328.007.64.007.955v18.313c0 .318 0 .628-.007.94 0 .285 0 .546-.004.814q-.015.816-.15 1.622a5 5 0 0 1-.474 1.461 4.8 4.8 0 0 1-.891 1.212 4.7 4.7 0 0 1-1.228.895c-.46.233-.954.395-1.463.481a11 11 0 0 1-1.64.143c-.257.006-.526.01-.788.01l-.951.001z\"\n }\n ), /* @__PURE__ */ React2.createElement(\n \"path\",\n {\n fill: \"#fff\",\n d: \"M21.734 18.623a4.32 4.32 0 0 1 2.068-3.633 4.44 4.44 0 0 0-3.502-1.888c-1.474-.154-2.902.88-3.653.88-.765 0-1.921-.865-3.166-.839a4.67 4.67 0 0 0-3.925 2.387c-1.697 2.93-.431 7.236 1.194 9.604.814 1.16 1.764 2.455 3.008 2.41 1.217-.051 1.672-.775 3.14-.775 1.456 0 1.883.774 3.152.745 1.305-.021 2.128-1.165 2.913-2.336a9.6 9.6 0 0 0 1.332-2.706 4.2 4.2 0 0 1-1.861-1.54 4.18 4.18 0 0 1-.7-2.309M19.337 11.545a4.26 4.26 0 0 0 .978-3.055A4.35 4.35 0 0 0 17.5 9.942a4.06 4.06 0 0 0-1.003 2.942 3.6 3.6 0 0 0 2.84-1.34M37.119 24.607h-4.153l-.998 2.937H30.21l3.934-10.866h1.828l3.934 10.866h-1.79zm-3.723-1.355h3.292l-1.623-4.766h-.045zM48.401 23.584c0 2.461-1.321 4.043-3.315 4.043a2.7 2.7 0 0 1-2.5-1.386h-.037v3.924h-1.631V19.622h1.578v1.318h.03a2.81 2.81 0 0 1 2.53-1.4c2.016 0 3.345 1.589 3.345 4.044m-1.676 0c0-1.604-.831-2.659-2.1-2.659-1.245 0-2.083 1.077-2.083 2.659 0 1.596.838 2.665 2.084 2.665 1.268 0 2.1-1.047 2.1-2.665M57.144 23.584c0 2.461-1.32 4.043-3.315 4.043a2.7 2.7 0 0 1-2.5-1.386h-.037v3.924h-1.63V19.622h1.578v1.318h.03a2.81 2.81 0 0 1 2.53-1.4c2.015 0 3.344 1.588 3.344 4.044m-1.676 0c0-1.604-.83-2.659-2.1-2.659-1.245 0-2.083 1.077-2.083 2.659 0 1.596.838 2.665 2.084 2.665 1.268 0 2.1-1.047 2.1-2.665M62.923 24.517c.121 1.077 1.17 1.785 2.605 1.785 1.375 0 2.363-.708 2.363-1.68 0-.843-.596-1.348-2.008-1.694l-1.412-.34c-2.001-.481-2.93-1.414-2.93-2.928 0-1.875 1.638-3.163 3.965-3.163 2.302 0 3.88 1.288 3.934 3.163h-1.646c-.099-1.085-.998-1.74-2.311-1.74-1.314 0-2.213.663-2.213 1.627 0 .768.574 1.22 1.979 1.566l1.2.294c2.236.527 3.165 1.423 3.165 3.012 0 2.033-1.624 3.306-4.207 3.306-2.416 0-4.048-1.243-4.153-3.208zM73.133 17.747v1.875h1.511v1.288h-1.51v4.367c0 .679.302.995.966.995q.27-.005.536-.038v1.28a4.5 4.5 0 0 1-.905.075c-1.609 0-2.236-.602-2.236-2.138V20.91H70.34v-1.288h1.155v-1.875zM75.519 23.584c0-2.493 1.472-4.06 3.767-4.06 2.304 0 3.769 1.567 3.769 4.06 0 2.499-1.458 4.058-3.769 4.058s-3.767-1.56-3.767-4.058m5.874 0c0-1.71-.785-2.72-2.107-2.72-1.321 0-2.106 1.017-2.106 2.72 0 1.716.785 2.718 2.106 2.718 1.322 0 2.107-1.002 2.107-2.718M84.4 19.622h1.555v1.349h.037a1.89 1.89 0 0 1 1.911-1.432q.283 0 .559.06v1.522a2.3 2.3 0 0 0-.733-.098 1.65 1.65 0 0 0-1.627 1.125 1.6 1.6 0 0 0-.072.697v4.7H84.4zM95.98 25.217c-.219 1.438-1.623 2.425-3.42 2.425-2.311 0-3.746-1.544-3.746-4.02 0-2.486 1.443-4.097 3.677-4.097 2.198 0 3.58 1.505 3.58 3.907v.557h-5.61v.099a2.06 2.06 0 0 0 1.28 2.092c.271.11.563.162.857.151a1.8 1.8 0 0 0 1.834-1.114zm-5.512-2.364h3.972a1.9 1.9 0 0 0-1.18-1.868 1.9 1.9 0 0 0-.769-.143 2.015 2.015 0 0 0-1.87 1.24 2 2 0 0 0-.153.77M33.191 8.5a2.32 2.32 0 0 1 1.847.715 2.3 2.3 0 0 1 .617 1.879c0 1.668-.904 2.627-2.464 2.627H31.3V8.5zm-1.078 4.482h.987a1.65 1.65 0 0 0 1.672-1.156c.072-.234.09-.48.055-.722a1.64 1.64 0 0 0-1.015-1.749 1.66 1.66 0 0 0-.712-.118h-.987zM36.573 11.749a1.86 1.86 0 0 1 .478-1.434A1.872 1.872 0 0 1 40.3 11.75a1.86 1.86 0 0 1-1.105 1.887 1.876 1.876 0 0 1-2.536-1.12 1.9 1.9 0 0 1-.086-.767m2.925 0c0-.854-.385-1.354-1.06-1.354-.678 0-1.06.5-1.06 1.354 0 .86.382 1.356 1.06 1.356.675 0 1.06-.499 1.06-1.356M45.253 13.72h-.809l-.817-2.901h-.061l-.813 2.901h-.802l-1.089-3.94h.791l.708 3.007h.058l.813-3.007h.748l.812 3.007h.062l.704-3.007h.78zM47.254 9.78h.75v.626h.059a1.18 1.18 0 0 1 1.179-.702 1.29 1.29 0 0 1 1.323.898c.058.184.073.378.044.568v2.55h-.78v-2.355c0-.633-.275-.948-.852-.948a.91.91 0 0 0-.901.614.9.9 0 0 0-.042.384v2.305h-.78zM51.853 8.242h.78v5.478h-.78zM53.716 11.749a1.86 1.86 0 0 1 1.106-1.885 1.876 1.876 0 0 1 2.534 1.118c.082.247.112.508.087.767a1.86 1.86 0 0 1-1.105 1.888 1.876 1.876 0 0 1-2.536-1.12 1.9 1.9 0 0 1-.086-.768m2.924 0c0-.854-.384-1.354-1.06-1.354-.677 0-1.059.5-1.059 1.354 0 .86.382 1.356 1.06 1.356.675 0 1.06-.499 1.06-1.356M58.264 12.606c0-.709.53-1.118 1.47-1.176l1.07-.062v-.34c0-.416-.276-.65-.81-.65-.435 0-.736.159-.823.437h-.755c.08-.677.718-1.11 1.615-1.11.99 0 1.549.491 1.549 1.323v2.692h-.75v-.553h-.062a1.33 1.33 0 0 1-1.187.618 1.2 1.2 0 0 1-1.213-.697 1.2 1.2 0 0 1-.104-.482m2.54-.336v-.33l-.965.062c-.544.036-.791.22-.791.568 0 .354.308.56.732.56a.93.93 0 0 0 1.023-.86M62.606 11.749c0-1.245.641-2.034 1.64-2.034a1.3 1.3 0 0 1 1.211.691h.059V8.242h.78v5.478h-.748v-.622h-.062a1.37 1.37 0 0 1-1.24.687c-1.006 0-1.64-.788-1.64-2.036m.805 0c0 .835.395 1.338 1.056 1.338.657 0 1.063-.51 1.063-1.335 0-.821-.41-1.338-1.063-1.338-.657 0-1.056.506-1.056 1.335M69.52 11.749a1.86 1.86 0 0 1 1.106-1.885 1.876 1.876 0 0 1 2.534 1.118c.082.247.112.508.087.767a1.86 1.86 0 0 1-1.105 1.887 1.876 1.876 0 0 1-2.535-1.12 1.9 1.9 0 0 1-.087-.767m2.925 0c0-.854-.385-1.354-1.06-1.354-.678 0-1.059.5-1.059 1.354 0 .86.381 1.356 1.06 1.356.674 0 1.06-.499 1.06-1.356M74.294 9.78h.75v.626h.059a1.18 1.18 0 0 1 1.179-.702 1.29 1.29 0 0 1 1.324.898c.057.184.072.378.044.568v2.55h-.78v-2.355c0-.633-.276-.948-.853-.948a.91.91 0 0 0-.901.614.9.9 0 0 0-.042.384v2.305h-.78zM82.055 8.8v.998h.856v.655h-.856v2.026c0 .413.17.594.559.594q.15 0 .297-.018v.648q-.21.037-.424.04c-.867 0-1.212-.305-1.212-1.065v-2.225h-.628v-.655h.628V8.8zM83.977 8.242h.772v2.172h.062a1.21 1.21 0 0 1 1.205-.706 1.304 1.304 0 0 1 1.312.905c.057.182.074.374.049.564v2.544h-.78v-2.353c0-.629-.295-.948-.846-.948a.925.925 0 0 0-.943.605.9.9 0 0 0-.052.394v2.301h-.78zM91.923 12.657a1.6 1.6 0 0 1-1.712 1.14 1.8 1.8 0 0 1-1.385-.596 1.79 1.79 0 0 1-.44-1.438 1.81 1.81 0 0 1 1.064-1.901c.238-.106.497-.16.758-.158 1.1 0 1.762.75 1.762 1.987v.271h-2.79v.044a1.04 1.04 0 0 0 .63 1.044c.133.057.277.086.423.084a.95.95 0 0 0 .94-.477zm-2.743-1.27h1.996a.95.95 0 0 0-.973-1.02 1.013 1.013 0 0 0-1.023 1.02\"\n }\n )),\n /* @__PURE__ */ React2.createElement(\"defs\", null, /* @__PURE__ */ React2.createElement(\"clipPath\", { id: \"apple_app_store_svg__a\" }, /* @__PURE__ */ React2.createElement(\"path\", { fill: \"#fff\", d: \"M0 .86h105v35H0z\" })))\n);\nvar AppleAppStore_default = SvgAppleAppStore;\n\n// src/icons/CheckerLogoBlack.tsx\nimport * as React3 from \"react\";\nvar SvgCheckerLogoBlack = (props) => /* @__PURE__ */ React3.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 61 30\",\n ...props\n },\n /* @__PURE__ */ React3.createElement(\"g\", { clipPath: \"url(#checker_logo_black_svg__a)\" }, /* @__PURE__ */ React3.createElement(\n \"path\",\n {\n fill: \"#000\",\n d: \"M15.465 30H1.875c-1.11 0-1.39-.285-1.39-1.404V16.357c0-1.072.293-1.361 1.365-1.361H27.51c1.961 0 2.978-1.017 2.982-2.99V1.28c0-.944.323-1.28 1.268-1.28h27.418c.965 0 1.305.353 1.305 1.323v12.358c0 1.013-.319 1.332-1.34 1.332h-25.78c-1.846 0-2.854 1-2.854 2.829v10.724c0 1.115-.323 1.43-1.455 1.43h-13.59z\"\n }\n )),\n /* @__PURE__ */ React3.createElement(\"defs\", null, /* @__PURE__ */ React3.createElement(\"clipPath\", { id: \"checker_logo_black_svg__a\" }, /* @__PURE__ */ React3.createElement(\"path\", { fill: \"#fff\", d: \"M.4 0h60.286v30H.4z\" })))\n);\nvar CheckerLogoBlack_default = SvgCheckerLogoBlack;\n\n// src/icons/CheckerLogoWhite.tsx\nimport * as React4 from \"react\";\nvar SvgCheckerLogoWhite = (props) => /* @__PURE__ */ React4.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 61 30\",\n ...props\n },\n /* @__PURE__ */ React4.createElement(\"g\", { clipPath: \"url(#checker_logo_white_svg__a)\" }, /* @__PURE__ */ React4.createElement(\n \"path\",\n {\n fill: \"#fff\",\n d: \"M15.303 30H1.713c-1.11 0-1.39-.285-1.39-1.404V16.357c0-1.072.293-1.361 1.365-1.361h25.661c1.961 0 2.978-1.017 2.982-2.99V1.28c0-.944.323-1.28 1.267-1.28h27.418c.966 0 1.306.353 1.306 1.323v12.358c0 1.013-.319 1.332-1.34 1.332h-25.78c-1.846 0-2.854 1-2.854 2.829v10.724c0 1.115-.323 1.43-1.455 1.43h-13.59z\"\n }\n )),\n /* @__PURE__ */ React4.createElement(\"defs\", null, /* @__PURE__ */ React4.createElement(\"clipPath\", { id: \"checker_logo_white_svg__a\" }, /* @__PURE__ */ React4.createElement(\"path\", { fill: \"#fff\", d: \"M.238 0h60.286v30H.238z\" })))\n);\nvar CheckerLogoWhite_default = SvgCheckerLogoWhite;\n\n// src/icons/CircleLogoBlack.tsx\nimport * as React5 from \"react\";\nvar SvgCircleLogoBlack = (props) => /* @__PURE__ */ React5.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 25 25\",\n ...props\n },\n /* @__PURE__ */ React5.createElement(\"circle\", { cx: 12.402, cy: 12.025, r: 9.62, stroke: \"#000\", strokeWidth: 4.81 })\n);\nvar CircleLogoBlack_default = SvgCircleLogoBlack;\n\n// src/icons/CircleLogoWhite.tsx\nimport * as React6 from \"react\";\nvar SvgCircleLogoWhite = (props) => /* @__PURE__ */ React6.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 64 63\",\n ...props\n },\n /* @__PURE__ */ React6.createElement(\"g\", { filter: \"url(#circle_logo_white_svg__a)\" }, /* @__PURE__ */ React6.createElement(\n \"circle\",\n {\n cx: 32,\n cy: 31.5,\n r: 19.191,\n stroke: \"#fff\",\n strokeWidth: 9.62,\n shapeRendering: \"crispEdges\"\n }\n )),\n /* @__PURE__ */ React6.createElement(\"g\", { filter: \"url(#circle_logo_white_svg__b)\" }, /* @__PURE__ */ React6.createElement(\n \"circle\",\n {\n cx: 31.998,\n cy: 31.5,\n r: 15.341,\n stroke: \"#fff\",\n strokeWidth: 0.495\n }\n )),\n /* @__PURE__ */ React6.createElement(\"defs\", null, /* @__PURE__ */ React6.createElement(\n \"filter\",\n {\n id: \"circle_logo_white_svg__a\",\n width: 62.85,\n height: 62.85,\n x: 0.575,\n y: 0.075,\n colorInterpolationFilters: \"sRGB\",\n filterUnits: \"userSpaceOnUse\"\n },\n /* @__PURE__ */ React6.createElement(\"feFlood\", { floodOpacity: 0, result: \"BackgroundImageFix\" }),\n /* @__PURE__ */ React6.createElement(\n \"feColorMatrix\",\n {\n in: \"SourceAlpha\",\n result: \"hardAlpha\",\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n }\n ),\n /* @__PURE__ */ React6.createElement(\"feOffset\", null),\n /* @__PURE__ */ React6.createElement(\"feGaussianBlur\", { stdDeviation: 3.712 }),\n /* @__PURE__ */ React6.createElement(\"feComposite\", { in2: \"hardAlpha\", operator: \"out\" }),\n /* @__PURE__ */ React6.createElement(\"feColorMatrix\", { values: \"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0\" }),\n /* @__PURE__ */ React6.createElement(\"feBlend\", { in2: \"BackgroundImageFix\", result: \"effect1_dropShadow_1266_38\" }),\n /* @__PURE__ */ React6.createElement(\n \"feBlend\",\n {\n in: \"SourceGraphic\",\n in2: \"effect1_dropShadow_1266_38\",\n result: \"shape\"\n }\n )\n ), /* @__PURE__ */ React6.createElement(\n \"filter\",\n {\n id: \"circle_logo_white_svg__b\",\n width: 48.993,\n height: 48.993,\n x: 7.501,\n y: 7.003,\n colorInterpolationFilters: \"sRGB\",\n filterUnits: \"userSpaceOnUse\"\n },\n /* @__PURE__ */ React6.createElement(\"feFlood\", { floodOpacity: 0, result: \"BackgroundImageFix\" }),\n /* @__PURE__ */ React6.createElement(\n \"feColorMatrix\",\n {\n in: \"SourceAlpha\",\n result: \"hardAlpha\",\n values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n }\n ),\n /* @__PURE__ */ React6.createElement(\n \"feMorphology\",\n {\n in: \"SourceAlpha\",\n operator: \"dilate\",\n radius: 3.959,\n result: \"effect1_dropShadow_1266_38\"\n }\n ),\n /* @__PURE__ */ React6.createElement(\"feOffset\", null),\n /* @__PURE__ */ React6.createElement(\"feGaussianBlur\", { stdDeviation: 2.474 }),\n /* @__PURE__ */ React6.createElement(\"feColorMatrix\", { values: \"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0\" }),\n /* @__PURE__ */ React6.createElement(\"feBlend\", { in2: \"BackgroundImageFix\", result: \"effect1_dropShadow_1266_38\" }),\n /* @__PURE__ */ React6.createElement(\n \"feBlend\",\n {\n in: \"SourceGraphic\",\n in2: \"effect1_dropShadow_1266_38\",\n result: \"shape\"\n }\n )\n ))\n);\nvar CircleLogoWhite_default = SvgCircleLogoWhite;\n\n// src/icons/GooglePlayStore.tsx\nimport * as React7 from \"react\";\nvar SvgGooglePlayStore = (props) => /* @__PURE__ */ React7.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 120 36\",\n ...props\n },\n /* @__PURE__ */ React7.createElement(\"g\", { clipPath: \"url(#google_play_store_svg__a)\" }, /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#000\",\n d: \"M114.66.72H4.41A4.41 4.41 0 0 0 0 5.13v26.46A4.41 4.41 0 0 0 4.41 36h110.25a4.41 4.41 0 0 0 4.41-4.41V5.13a4.41 4.41 0 0 0-4.41-4.41\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#A8B1BD\",\n d: \"M114.66 1.426a3.704 3.704 0 0 1 3.704 3.704v26.46a3.704 3.704 0 0 1-3.704 3.704H4.41A3.704 3.704 0 0 1 .706 31.59V5.13A3.704 3.704 0 0 1 4.41 1.426zm0-.706H4.41A4.423 4.423 0 0 0 0 5.13v26.46A4.423 4.423 0 0 0 4.41 36h110.25a4.423 4.423 0 0 0 4.41-4.41V5.13a4.423 4.423 0 0 0-4.41-4.41\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#fff\",\n stroke: \"#fff\",\n strokeMiterlimit: 10,\n strokeWidth: 0.176,\n d: \"M41.824 9.752c0 .74-.22 1.332-.661 1.764-.494.52-1.147.785-1.94.785-.795 0-1.412-.265-1.95-.794-.538-.53-.803-1.19-.803-1.967 0-.776.265-1.438.803-1.967a2.67 2.67 0 0 1 1.95-.794c.378 0 .74.07 1.084.22s.617.345.829.592l-.468.467c-.352-.414-.828-.626-1.446-.626-.556 0-1.04.194-1.446.59q-.609.585-.609 1.527c0 .626.203 1.138.609 1.526s.89.59 1.446.59c.591 0 1.085-.193 1.482-.59.256-.256.405-.618.44-1.076h-1.922v-.635h2.567c.026.14.035.273.035.396zM45.891 7.547h-2.408v1.675h2.17v.635h-2.17v1.676h2.408v.653h-3.087V6.894h3.087zM48.757 12.186h-.679v-4.64h-1.482v-.652h3.634v.653h-1.482v4.639zM52.868 12.186V6.894h.679v5.292zM56.562 12.186h-.679v-4.64h-1.482v-.652h3.634v.653h-1.482v4.639zM64.924 11.498c-.52.538-1.164.803-1.94.803s-1.42-.265-1.94-.803c-.521-.538-.777-1.19-.777-1.958 0-.767.256-1.429.776-1.958.52-.538 1.165-.803 1.94-.803.777 0 1.412.265 1.941.803.52.538.785 1.19.785 1.958 0 .767-.265 1.429-.776 1.958zm-3.378-.441c.388.397.873.59 1.438.59.564 0 1.05-.193 1.437-.59.388-.397.591-.9.591-1.517s-.194-1.12-.59-1.517c-.389-.397-.874-.591-1.438-.591-.565 0-1.05.194-1.438.59-.388.398-.591.9-.591 1.518 0 .617.194 1.12.591 1.517ZM66.662 12.186V6.894h.83l2.575 4.119h.026l-.026-1.023V6.894h.679v5.292h-.706l-2.69-4.313h-.026l.026 1.023v3.299h-.68z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#fff\",\n d: \"M60.099 19.904c-2.073 0-3.766 1.578-3.766 3.748s1.693 3.749 3.766 3.749 3.766-1.588 3.766-3.749-1.693-3.748-3.766-3.748m0 6.023c-1.138 0-2.117-.934-2.117-2.275s.98-2.276 2.117-2.276 2.117.926 2.117 2.276-.98 2.275-2.117 2.275m-8.22-6.023c-2.073 0-3.766 1.578-3.766 3.748s1.693 3.749 3.766 3.749 3.766-1.588 3.766-3.749-1.694-3.748-3.766-3.748m0 6.023c-1.138 0-2.117-.934-2.117-2.275s.979-2.276 2.117-2.276 2.117.926 2.117 2.276-.98 2.275-2.117 2.275m-9.773-4.868v1.587h3.81c-.114.891-.414 1.553-.864 2.003-.556.555-1.42 1.164-2.937 1.164-2.346 0-4.18-1.888-4.18-4.234s1.834-4.233 4.18-4.233c1.261 0 2.187.494 2.866 1.137l1.12-1.12c-.952-.908-2.213-1.605-3.995-1.605-3.21 0-5.91 2.61-5.91 5.83s2.7 5.83 5.91 5.83c1.738 0 3.043-.564 4.066-1.632 1.05-1.05 1.376-2.53 1.376-3.722 0-.37-.026-.714-.088-.996h-5.354zm39.964 1.235c-.31-.838-1.262-2.39-3.21-2.39-1.95 0-3.538 1.517-3.538 3.748 0 2.1 1.588 3.749 3.722 3.749 1.72 0 2.717-1.05 3.123-1.659l-1.28-.855c-.423.626-1.005 1.04-1.843 1.04s-1.437-.388-1.817-1.137l5.019-2.073-.168-.423zm-5.116 1.252c-.044-1.446 1.12-2.187 1.958-2.187.653 0 1.208.326 1.394.794zm-4.075 3.634h1.65V16.155h-1.65zm-2.699-6.439h-.053c-.37-.44-1.076-.837-1.975-.837-1.879 0-3.599 1.649-3.599 3.766s1.72 3.74 3.599 3.74c.9 0 1.605-.398 1.975-.856h.053v.538c0 1.437-.767 2.205-2.002 2.205-1.005 0-1.632-.724-1.887-1.332l-1.438.6c.415.996 1.508 2.214 3.325 2.214 1.932 0 3.563-1.138 3.563-3.908v-6.738h-1.56zm-1.896 5.186c-1.138 0-2.09-.952-2.09-2.257s.952-2.285 2.09-2.285 2.002.97 2.002 2.285c0 1.314-.882 2.257-2.002 2.257m21.512-9.772h-3.943V27.18h1.65V23h2.302c1.825 0 3.616-1.324 3.616-3.423s-1.79-3.422-3.616-3.422zm.035 5.31h-2.337V17.68h2.337c1.235 0 1.932 1.023 1.932 1.887s-.697 1.888-1.932 1.888zm10.178-1.58c-1.19 0-2.425.53-2.937 1.685l1.465.609c.308-.609.89-.811 1.499-.811.847 0 1.72.511 1.729 1.42v.114a3.7 3.7 0 0 0-1.72-.423c-1.579 0-3.175.864-3.175 2.478 0 1.473 1.287 2.426 2.734 2.426 1.102 0 1.72-.494 2.099-1.076h.053v.855h1.587v-4.224c0-1.958-1.464-3.052-3.351-3.052zm-.202 6.042c-.538 0-1.288-.273-1.288-.934 0-.847.935-1.173 1.746-1.173.723 0 1.067.158 1.5.37a1.99 1.99 0 0 1-1.958 1.746zm9.331-5.803-1.887 4.78h-.053l-1.958-4.78h-1.773l2.937 6.686-1.676 3.713h1.72l4.525-10.399h-1.835M94.321 27.18h1.649V16.155h-1.65z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#E82929\",\n d: \"m18.275 17.848-9.393 9.967a2.538 2.538 0 0 0 3.74 1.526l.026-.018 10.566-6.094-4.948-5.39z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#DDB21B\",\n d: \"M27.775 16.155h-.009l-4.56-2.655-5.142 4.578 5.16 5.16 4.542-2.62a2.54 2.54 0 0 0 1.332-2.232c0-.961-.53-1.799-1.323-2.222z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#4285F4\",\n d: \"M8.882 8.905a2.7 2.7 0 0 0-.089.653V27.17c0 .23.027.441.089.653l9.71-9.711z\"\n }\n ), /* @__PURE__ */ React7.createElement(\n \"path\",\n {\n fill: \"#20B05A\",\n d: \"m18.346 18.36 4.86-4.86-10.558-6.12a2.548 2.548 0 0 0-3.766 1.517l9.464 9.454z\"\n }\n )),\n /* @__PURE__ */ React7.createElement(\"defs\", null, /* @__PURE__ */ React7.createElement(\"clipPath\", { id: \"google_play_store_svg__a\" }, /* @__PURE__ */ React7.createElement(\"path\", { fill: \"#fff\", d: \"M0 .72h119.07V36H0z\" })))\n);\nvar GooglePlayStore_default = SvgGooglePlayStore;\n\n// src/icons/LoadingIndicator.tsx\nimport * as React8 from \"react\";\nimport styled2, { keyframes } from \"styled-components\";\nvar rotate = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`;\nvar LoadingIcon = styled2.svg`\n animation: ${rotate} 2s linear infinite;\n transform-origin: center;\n`;\nvar LoadingIndicator = (props) => /* @__PURE__ */ React8.createElement(\n LoadingIcon,\n {\n width: \"24\",\n height: \"24\",\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ...props\n },\n /* @__PURE__ */ React8.createElement(\n \"path\",\n {\n d: \"M20.6121 12C21.9447 12 23.0511 10.9073 22.7646 9.60581C22.374 7.83117 21.5521 6.16649 20.3561 4.76626C18.6336 2.74969 16.248 1.41398 13.6285 0.999404C11.009 0.584833 8.32754 1.11862 6.06649 2.50474C3.80545 3.89085 2.11325 6.03832 1.2943 8.56081C0.475348 11.0833 0.583411 13.8152 1.59905 16.2652C2.61468 18.7151 4.47122 20.7222 6.83469 21.9254C9.19815 23.1286 11.9134 23.4489 14.492 22.8287C16.2824 22.3981 17.9254 21.5336 19.284 20.3269C20.2803 19.4419 20.0267 17.9076 18.9482 17.1248C17.8697 16.342 16.3722 16.6368 15.2436 17.3454C14.6683 17.7066 14.0341 17.9753 13.3634 18.1366C11.9022 18.4881 10.3634 18.3065 9.02407 17.6247C7.6847 16.9428 6.63259 15.8054 6.05703 14.4171C5.48147 13.0287 5.42023 11.4805 5.88433 10.051C6.34843 8.62151 7.3074 7.40454 8.58874 6.61903C9.87007 5.83352 11.3897 5.53102 12.8741 5.76596C14.3586 6.00089 15.7105 6.75784 16.6867 7.90064C17.1347 8.42516 17.4901 9.01516 17.7435 9.64536C18.2406 10.8818 19.2794 12 20.6121 12Z\",\n fill: props.fill || \"black\"\n }\n )\n);\nvar LoadingIndicator_default = LoadingIndicator;\n\n// src/icons/QrCodeLoading.tsx\nimport * as React9 from \"react\";\nvar SvgQrCodeLoading = (props) => /* @__PURE__ */ React9.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 32 32\",\n ...props\n },\n /* @__PURE__ */ React9.createElement(\n \"path\",\n {\n fill: \"#83A1F1\",\n d: \"M29.334 16c1.472 0 2.689-1.202 2.444-2.654a16 16 0 1 0-6.498 15.688c1.2-.854 1.19-2.564.148-3.606-1.041-1.041-2.72-1.005-3.986-.254A10.668 10.668 0 0 1 6.145 11.918a10.667 10.667 0 0 1 20.19 1.443C26.7 14.788 27.862 16 29.335 16\"\n }\n )\n);\nvar QrCodeLoading_default = SvgQrCodeLoading;\n\n// src/icons/QrCodeLogo.tsx\nimport * as React10 from \"react\";\n\n// src/icons/SelfTextLogoBlack.tsx\nimport * as React11 from \"react\";\nvar SvgSelfTextLogoBlack = (props) => /* @__PURE__ */ React11.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 70 14\",\n ...props\n },\n /* @__PURE__ */ React11.createElement(\n \"path\",\n {\n fill: \"#000\",\n d: \"M10.513 13.872H2.148a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.511C2.47 8.52.75 6.678.75 4.3S2.77 0 5.512 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.672c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.304 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-8.208a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.948a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.379 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.38a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.713 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-7.827a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.107a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.713a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.155 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.189 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM61.119 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256Q59.752.904 59.75.87V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z\"\n }\n )\n);\nvar SelfTextLogoBlack_default = SvgSelfTextLogoBlack;\n\n// src/icons/SelfTextLogoWhite.tsx\nimport * as React12 from \"react\";\nvar SvgSelfTextLogoWhite = (props) => /* @__PURE__ */ React12.createElement(\n \"svg\",\n {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"1em\",\n height: \"1em\",\n fill: \"none\",\n viewBox: \"0 0 70 14\",\n ...props\n },\n /* @__PURE__ */ React12.createElement(\n \"path\",\n {\n fill: \"#fff\",\n d: \"M10.388 13.872H2.023a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.386C2.345 8.52.625 6.678.625 4.3S2.645 0 5.387 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.547c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.179 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.254 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.254a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.588 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.588a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.03 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.064 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM60.994 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256q-.036-.002-.038-.037V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z\"\n }\n )\n);\nvar SelfTextLogoWhite_default = SvgSelfTextLogoWhite;\n\n// src/components/button/SignInButton.tsx\nvar SignInMessage = styled3.span`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-left: 0.5rem;\n`;\nvar StyledButton2 = styled3(Button_default)`\n width: 305px; // fixed width to support loading indicator\n`;\nvar SignInButton = ({\n type,\n ...rest\n}) => {\n const { colorTheme, onClick } = rest;\n const [clicked, setClicked] = useState(false);\n const darkModeEnabled = useMemo(() => {\n return typeof window !== \"undefined\" && window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n }, []);\n const showBlackIcons = colorTheme === \"light\" || colorTheme === \"blue\" || !colorTheme && !darkModeEnabled;\n const label = type === \"signIn\" ? \"Sign in with your\" : \"Connect your\";\n const handleClick = () => {\n setClicked(true);\n onClick();\n };\n return /* @__PURE__ */ React13.createElement(StyledButton2, { ...rest, disabled: clicked, onClick: handleClick }, !clicked && /* @__PURE__ */ React13.createElement(React13.Fragment, null, showBlackIcons && /* @__PURE__ */ React13.createElement(CircleLogoBlack_default, { width: \"1.5rem\", height: \"1.5rem\" }), !showBlackIcons && /* @__PURE__ */ React13.createElement(CircleLogoWhite_default, { width: \"2rem\", height: \"2rem\" }), /* @__PURE__ */ React13.createElement(SignInMessage, null, /* @__PURE__ */ React13.createElement(\"span\", { style: { fontSize: \"1rem\" } }, label), showBlackIcons && /* @__PURE__ */ React13.createElement(SelfTextLogoBlack_default, { width: \"4rem\" }), !showBlackIcons && /* @__PURE__ */ React13.createElement(SelfTextLogoWhite_default, { width: \"4rem\" }))), clicked && /* @__PURE__ */ React13.createElement(LoadingIndicator_default, { fill: showBlackIcons ? \"black\" : \"white\" }));\n};\nvar CysButton = ({ ...props }) => {\n return /* @__PURE__ */ React13.createElement(SignInButton, { type: \"connect\", ...props });\n};\nvar SiwysButton = ({ ...props }) => {\n return /* @__PURE__ */ React13.createElement(SignInButton, { type: \"signIn\", ...props });\n};\n\n// src/components/signin/SignInWithYourSelf.tsx\nimport React18, { useEffect, useState as useState2 } from \"react\";\nimport styled7 from \"styled-components\";\n\n// src/components/signin/Challenge.tsx\nimport React15 from \"react\";\nimport styled4, { keyframes as keyframes2 } from \"styled-components\";\n\n// src/components/signin/QrCode.tsx\nimport React14 from \"react\";\nimport { QRCodeSVG } from \"qrcode.react\";\nvar SelfSvg = `\n<svg width=\"104\" height=\"32\" viewBox=\"0 0 104 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"104\" height=\"31.5\" fill=\"white\"/>\n<path d=\"M28.1416 25.0276H16.8487C16.4035 25.0276 16.0414 24.6699 16.0414 24.228V21.4124C16.0414 20.9714 16.4026 20.6127 16.8487 20.6127H28.0064C29.1408 20.6127 29.7893 19.9976 29.7893 19.2213C29.7893 18.4451 29.1408 17.8037 28.0064 17.8037H21.3891C17.2836 17.8037 14.9609 15.3159 14.9609 12.1052C14.9609 8.89444 17.6891 6.30078 21.3891 6.30078H33.1414C33.5867 6.30078 33.9487 6.65846 33.9487 7.10042V9.91599C33.9487 10.357 33.5876 10.7156 33.1414 10.7156H21.6056C20.3096 10.7156 19.7689 11.4647 19.7689 12.107C19.7689 12.7494 20.3899 13.4179 21.6056 13.4179H27.9799C31.8151 13.4179 34.5972 15.6923 34.5972 19.2232C34.5972 22.4068 32.1394 25.0285 28.1416 25.0285V25.0276Z\" fill=\"black\"/>\n<path d=\"M73.7575 6.30078H89.7533C90.1985 6.30078 90.5606 6.65846 90.5606 7.10042V9.91599C90.5606 10.357 90.1995 10.7156 89.7533 10.7156H78.6732C78.2279 10.7156 77.8658 11.0733 77.8658 11.5153V12.6726C77.8658 13.1136 78.227 13.4722 78.6732 13.4722H89.4026C89.8478 13.4722 90.2099 13.8299 90.2099 14.2718V17.0603C90.2099 17.5013 89.8488 17.8599 89.4026 17.8599H78.6732C78.2279 17.8599 77.8658 18.2176 77.8658 18.6595V24.2308C77.8658 24.6718 77.5047 25.0304 77.0585 25.0304H73.7565C73.3113 25.0304 72.9492 24.6727 72.9492 24.2308V7.10042C72.9492 6.6594 73.3103 6.30078 73.7565 6.30078H73.7575Z\" fill=\"black\"/>\n<path d=\"M54.9587 6.30078H58.2607C58.706 6.30078 59.068 6.65846 59.068 7.10042V19.814C59.068 20.2551 59.4291 20.6137 59.8753 20.6137H70.7399C71.1852 20.6137 71.5472 20.9714 71.5472 21.4133V24.2289C71.5472 24.6699 71.1861 25.0285 70.7399 25.0285H54.9597C54.5144 25.0285 54.1523 24.6708 54.1523 24.2289V7.10042C54.1514 6.65846 54.5125 6.30078 54.9587 6.30078Z\" fill=\"black\"/>\n<path d=\"M36.5104 6.30078H51.9391C52.3843 6.30078 52.7464 6.65846 52.7464 7.10042V9.91599C52.7464 10.357 52.3853 10.7156 51.9391 10.7156H41.3722C40.927 10.7156 40.5649 11.0733 40.5649 11.5153V12.6726C40.5649 13.1136 40.926 13.4722 41.3722 13.4722H50.9673C51.4125 13.4722 51.7746 13.8299 51.7746 14.2718V17.0603C51.7746 17.5013 51.4135 17.8599 50.9673 17.8599H41.3722C40.927 17.8599 40.5649 18.2176 40.5649 18.6595V19.8169C40.5649 20.2579 40.926 20.6165 41.3722 20.6165H51.8313C52.2765 20.6165 52.6386 20.9742 52.6386 21.4161V24.2317C52.6386 24.6727 52.2775 25.0313 51.8313 25.0313H36.5104C36.0652 25.0313 35.7031 24.6737 35.7031 24.2317V7.10042C35.7031 6.65846 36.0642 6.30078 36.5104 6.30078Z\" fill=\"black\"/>\n<path d=\"M94.8749 10.6208C93.6613 10.6208 92.7227 9.6821 92.7227 8.45819C92.7227 7.23946 93.6613 6.30078 94.8749 6.30078C96.104 6.30078 97.0427 7.23946 97.0427 8.45819C97.0427 9.6821 96.104 10.6208 94.8749 10.6208ZM94.8749 10.3044C95.9225 10.3044 96.7263 9.50059 96.7263 8.45819C96.7263 7.40542 95.9225 6.60157 94.8749 6.60157C93.8273 6.60157 93.0234 7.4106 93.0234 8.45819C93.0234 9.50059 93.8273 10.3044 94.8749 10.3044ZM94.097 9.63543C94.0658 9.63543 94.0451 9.61468 94.0451 9.58357V7.34318C94.0451 7.31207 94.0658 7.29132 94.097 7.29132H95.1238C95.518 7.29132 95.8136 7.59211 95.8136 7.99663C95.8136 8.25593 95.6891 8.45819 95.4868 8.57747C95.4609 8.59821 95.4557 8.61896 95.4661 8.65007L95.855 9.57319C95.8706 9.6095 95.8499 9.63543 95.8136 9.63543H95.4142C95.3883 9.63543 95.3676 9.62506 95.3572 9.59394L95.0097 8.71231C94.9993 8.68119 94.9786 8.67082 94.9527 8.67082H94.5637C94.5326 8.67082 94.5119 8.69156 94.5119 8.72268V9.58357C94.5119 9.61468 94.4911 9.63543 94.46 9.63543H94.097ZM95.0201 8.27668C95.2327 8.27668 95.3468 8.1574 95.3468 7.99663C95.3468 7.81512 95.2275 7.70102 95.0201 7.70102H94.5637C94.5326 7.70102 94.5119 7.72177 94.5119 7.75288V8.22481C94.5119 8.25593 94.5326 8.27668 94.5637 8.27668H95.0201Z\" fill=\"black\"/>\n</svg>\n\n`;\nvar QRCode = (props) => {\n return /* @__PURE__ */ React14.createElement(\n QRCodeSVG,\n {\n value: props.challengeUrl,\n size: props.size,\n level: props.level || \"M\",\n marginSize: 2,\n imageSettings: {\n src: `data:image/svg+xml,${SelfSvg}`,\n height: 32,\n width: 104,\n excavate: true\n },\n className: props.className,\n style: { borderRadius: \"16px\" }\n }\n );\n};\nvar QrCode_default = QRCode;\n\n// src/components/signin/Challenge.tsx\nvar Wrapper = styled4.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n`;\nvar Header = styled4.h1`\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n`;\nvar StyledButton3 = styled4(SiwysButton)`\n margin-top: 3rem;\n`;\nvar rotate2 = keyframes2`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`;\nvar LoadingIcon2 = styled4.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 212px;\n height: 212px;\n\n & > svg {\n animation: ${rotate2} 2s linear infinite;\n transform-origin: center;\n }\n`;\nvar Challenge = ({ challengeUrl }) => {\n return /* @__PURE__ */ React15.createElement(Wrapper, null, /* @__PURE__ */ React15.createElement(CircleLogoWhite_default, { width: \"4rem\", height: \"4rem\" }), /* @__PURE__ */ React15.createElement(Header, null, \"Sign in with your\", \" \", /* @__PURE__ */ React15.createElement(\"span\", { style: { color: \"#D8EE4F\" } }, \"SELF\", /* @__PURE__ */ React15.createElement(\"sup\", { style: { fontSize: \"1rem\" } }, \"\\u2122\"))), !challengeUrl && /* @__PURE__ */ React15.createElement(LoadingIcon2, null, /* @__PURE__ */ React15.createElement(QrCodeLoading_default, { width: \"2rem\", height: \"2rem\" })), challengeUrl && /* @__PURE__ */ React15.createElement(\"div\", { style: { marginTop: \"3rem\" } }, /* @__PURE__ */ React15.createElement(QrCode_default, { challengeUrl, size: 212, level: \"M\" })), /* @__PURE__ */ React15.createElement(\n StyledButton3,\n {\n colorTheme: \"blue\",\n onClick: () => console.log(\"Open SELF App\"),\n glow: true\n }\n ));\n};\nvar Challenge_default = Challenge;\n\n// src/components/signin/DownloadApp.tsx\nimport React16 from \"react\";\nimport styled5 from \"styled-components\";\nvar Wrapper2 = styled5.div`\n display: inline-block;\n flex-direction: column;\n gap: 1rem;\n background: #121318;\n border: 1px solid #3d414c;\n border-radius: 8px;\n padding: 1.5rem 2rem;\n margin-top: 1rem;\n`;\nvar Header2 = styled5.div`\n display: flex;\n justify-content: space-between;\n color: white;\n white-space: nowrap;\n`;\nvar Footer = styled5.div`\n display: flex;\n justify-content: space-evenly;\n align-items: flex-end;\n gap: 0.5rem;\n margin-top: 1rem;\n`;\nvar Box = styled5.div`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 51px;\n width: 51px;\n border: 1px solid #3d414c;\n border-radius: 10px;\n background: ${(props) => props.$background};\n`;\nvar DownloadApp = ({}) => {\n return /* @__PURE__ */ React16.createElement(Wrapper2, null, /* @__PURE__ */ React16.createElement(Header2, null, /* @__PURE__ */ React16.createElement(\"h3\", null, \"Get\", \" \", /* @__PURE__ */ React16.createElement(\"span\", { style: { color: \"#D8EE4F\" } }, \"SELF\", /* @__PURE__ */ React16.createElement(\"sup\", { style: { fontSize: \"0.5rem\" } }, \"\\u2122\"))), /* @__PURE__ */ React16.createElement(\"p\", null, \"Available to download now:\")), /* @__PURE__ */ React16.createElement(Footer, null, /* @__PURE__ */ React16.createElement(Box, { $background: \"white\" }, /* @__PURE__ */ React16.createElement(CheckerLogoBlack_default, { width: \"2rem\", height: \"1rem\" })), /* @__PURE__ */ React16.createElement(Box, { $background: \"black\" }, /* @__PURE__ */ React16.createElement(CheckerLogoWhite_default, { width: \"2rem\", height: \"1rem\" })), /* @__PURE__ */ React16.createElement(\n AppleAppStore_default,\n {\n width: \"8rem\",\n height: \"2.5rem\",\n onClick: () => console.log(`TODO: Update with iOS App URL`),\n style: { cursor: \"pointer\" }\n }\n ), /* @__PURE__ */ React16.createElement(\n GooglePlayStore_default,\n {\n width: \"8rem\",\n height: \"2.5rem\",\n onClick: () => console.log(`TODO: Update with Google Play URL`),\n style: { cursor: \"pointer\" }\n }\n )));\n};\nvar DownloadApp_default = DownloadApp;\n\n// src/components/signin/SignInWithYourSelf.tsx\nimport { createGlobalStyle } from \"styled-components\";\n\n// src/components/signin/Success.tsx\nimport React17 from \"react\";\nimport styled6 from \"styled-components\";\nvar Wrapper3 = styled6.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n border-radius: 16px;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n`;\nvar Header3 = styled6.h1`\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n`;\nvar SuccessMessage = styled6.p`\n color: white;\n font-size: 4rem;\n margin-top: 2rem;\n`;\nvar Success = () => {\n return /* @__PURE__ */ React17.createElement(Wrapper3, null, /* @__PURE__ */ React17.createElement(CircleLogoWhite_default, { width: \"4rem\", height: \"4rem\" }), /* @__PURE__ */ React17.createElement(Header3, null, \"Sign in with your\", \" \", /* @__PURE__ */ React17.createElement(\"span\", { style: { color: \"#D8EE4F\" } }, \"SELF\", /* @__PURE__ */ React17.createElement(\"sup\", { style: { fontSize: \"1rem\" } }, \"\\u2122\"))), /* @__PURE__ */ React17.createElement(SuccessMessage, null, \"Success\"));\n};\nvar Success_default = Success;\n\n// src/components/signin/SignInWithYourSelf.tsx\nvar GlobalStyle = createGlobalStyle`\n * {\n margin: 0;\n padding: 0;\n }\n`;\nvar Wrapper4 = styled7.div`\n display: flex;\n justify-content: center;\n background: radial-gradient(\n circle at 24.1% 68.8%,\n rgb(50, 50, 50) 0%,\n rgb(0, 0, 0) 99.4%\n );\n border-radius: 16px;\n font-weight: 700;\n @media (max-width: 767px) {\n display: block;\n }\n`;\nvar ModalWrapper = styled7.div`\n display: flex;\n border-radius: 16px;\n border: 1px solid #3d414c;\n\n @media (max-width: 767px) {\n flex-direction: column-reverse;\n border: none;\n padding: 5rem 2rem;\n }\n`;\nvar InstructionsWrapper = styled7.div`\n display: flex;\n flex-direction: column;\n color: white;\n padding: 2rem 5rem;\n @media (max-width: 767px) {\n padding: 0;\n }\n`;\nvar InstructionsSet = styled7.div`\n margin-bottom: 2rem;\n`;\nvar List = styled7.ol`\n list-style: decimal;\n line-height: 2rem;\n padding-left: 1.5rem;\n font-weight: 500;\n`;\nvar SignInWithYourSelf = ({\n createChallengeUrl,\n checkAuthUrl\n}) => {\n const [challengeDid, setChallengeDid] = useState2(\"\");\n const [challengeUrl, setChallengeUrl] = useState2(\"\");\n const [isAuthenticated, setIsAuthenticated] = useState2(false);\n useEffect(() => {\n fetch(createChallengeUrl, {\n method: \"POST\"\n }).then((resp) => resp.json()).then((json) => {\n setChallengeDid(json.challenge);\n setChallengeUrl(json.challengeUrl);\n });\n }, []);\n useEffect(() => {\n if (!challengeDid || isAuthenticated) return;\n const interval = setInterval(async () => {\n fetch(checkAuthUrl + `?challenge=${challengeDid}`).then((resp) => {\n if (resp.status === 200) {\n return resp.json();\n }\n return { match: false };\n }).then((json) => {\n if (json.match) {\n setIsAuthenticated(json.match);\n }\n }).catch(() => {\n });\n }, 5e3);\n return () => {\n clearInterval(interval);\n };\n }, [challengeDid, isAuthenticated]);\n return /* @__PURE__ */ React18.createElement(Wrapper4, null, /* @__PURE__ */ React18.createElement(GlobalStyle, null), /* @__PURE__ */ React18.createElement(ModalWrapper, null, isAuthenticated && /* @__PURE__ */ React18.createElement(Success_default, null), !isAuthenticated && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(Challenge_default, { challengeUrl }), /* @__PURE__ */ React18.createElement(InstructionsWrapper, null, /* @__PURE__ */ React18.createElement(\"p\", { style: { marginBottom: \"2rem\" } }, /* @__PURE__ */ React18.createElement(\"b\", null, \"Instructions:\")), /* @__PURE__ */ React18.createElement(InstructionsSet, null, \"If you are signing in on a device that has the SELF app installed:\", /* @__PURE__ */ React18.createElement(List, null, /* @__PURE__ */ React18.createElement(\"li\", null, \"Tap the SELF.id connect button.\"), /* @__PURE__ */ React18.createElement(\"li\", null, \"Approve the connection request within the SELF app.\"))), /* @__PURE__ */ React18.createElement(InstructionsSet, null, \"If you are \", /* @__PURE__ */ React18.createElement(\"u\", null, \"not\"), \" signing in on a device that has the SELF app installed:\", /* @__PURE__ */ React18.createElement(List, null, /* @__PURE__ */ React18.createElement(\"li\", null, \"Open the SELF app on the device with the app installed.\"), /* @__PURE__ */ React18.createElement(\"li\", null, \"Use the scanning feature in the SELF app to scan the QR code.\"), /* @__PURE__ */ React18.createElement(\"li\", null, \"Approve the connection request within the SELF app.\"))), /* @__PURE__ */ React18.createElement(\"p\", { style: { marginTop: \"3rem\" } }, \"Don't have the \", /* @__PURE__ */ React18.createElement(\"i\", null, \"SELF\"), \" app?\"), /* @__PURE__ */ React18.createElement(DownloadApp_default, null)))));\n};\nvar SignInWithYourSelf_default = SignInWithYourSelf;\nexport {\n CysButton,\n QrCode_default as QRCode,\n SignInWithYourSelf_default as SignInWithYourSelf,\n SiwysButton\n};\n","import React, { useMemo, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport Button, { ButtonProps } from \"./Button\";\nimport {\n CircleLogoBlack,\n CircleLogoWhite,\n LoadingIndicator,\n SelfTextLogoBlack,\n SelfTextLogoWhite,\n} from \"../../icons\";\n\nconst SignInMessage = styled.span`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-left: 0.5rem;\n`;\n\nconst StyledButton = styled(Button)`\n width: 305px; // fixed width to support loading indicator\n`;\n\nconst SignInButton: React.FC<ButtonProps & { type: \"signIn\" | \"connect\" }> = ({\n type,\n ...rest\n}) => {\n const { colorTheme, onClick } = rest;\n\n const [clicked, setClicked] = useState<boolean>(false);\n\n const darkModeEnabled = useMemo(() => {\n return (\n typeof window !== \"undefined\" &&\n window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n );\n }, []);\n\n const showBlackIcons =\n colorTheme === \"light\" ||\n colorTheme === \"blue\" ||\n (!colorTheme && !darkModeEnabled);\n\n const label = type === \"signIn\" ? \"Sign in with your\" : \"Connect your\";\n\n const handleClick = () => {\n setClicked(true);\n onClick();\n };\n\n return (\n <StyledButton {...rest} disabled={clicked} onClick={handleClick}>\n {!clicked && (\n <>\n {showBlackIcons && <CircleLogoBlack width=\"1.5rem\" height=\"1.5rem\" />}\n {!showBlackIcons && <CircleLogoWhite width=\"2rem\" height=\"2rem\" />}\n <SignInMessage>\n <span style={{ fontSize: \"1rem\" }}>{label}</span>\n {showBlackIcons && <SelfTextLogoBlack width=\"4rem\" />}\n {!showBlackIcons && <SelfTextLogoWhite width=\"4rem\" />}\n </SignInMessage>\n </>\n )}\n {clicked && (\n <LoadingIndicator fill={showBlackIcons ? \"black\" : \"white\"} />\n )}\n </StyledButton>\n );\n};\n\nconst CysButton: React.FC<ButtonProps> = ({ ...props }) => {\n return <SignInButton type=\"connect\" {...props} />;\n};\n\nconst SiwysButton: React.FC<ButtonProps> = ({ ...props }) => {\n return <SignInButton type=\"signIn\" {...props} />;\n};\n\nexport { CysButton, SiwysButton };\n","import React from \"react\";\n\nimport styled from \"styled-components\";\n\ntype ColorTheme = \"light\" | \"dark\" | \"blue\";\n\nexport interface ButtonProps {\n onClick: () => void;\n className?: string;\n colorTheme?: ColorTheme;\n glow?: boolean;\n disabled?: boolean;\n}\n\nconst StyledButton = styled.button<{\n $colorTheme?: ColorTheme;\n $glow?: boolean;\n $disabled?: boolean;\n}>`\n display: flex;\n justify-content: center;\n align-items: center;\n height: 3rem;\n width: fit-content;\n border-radius: 60px;\n border: none;\n padding: 12px 40px 12px 40px;\n white-space: nowrap;\n\n ${(props) => {\n if (!props.$disabled) {\n return `\n cursor: pointer;\n &:active {\n transform: scale(0.98);\n }\n `;\n } else {\n return \"cursor: default;\";\n }\n }}\n\n ${(props) => {\n if (props.$glow) {\n return `\n &:hover {\n box-shadow: 0px 0px 42px rgba(255, 255, 255, 0.5);\n }\n `;\n }\n }}\n\n ${(props) => {\n if (props.$colorTheme === \"light\") {\n return `\n background: white;\n color: black;\n `;\n } else if (props.$colorTheme === \"dark\") {\n return `\n background: black;\n color: white;\n `;\n } else if (props.$colorTheme === \"blue\") {\n // TODO: add global styles for things like colors (below)\n return `\n background: #ACC2FE;\n color: black;\n `;\n } else {\n // auto-detect light vs dark mode\n return `\n @media (prefers-color-scheme: light) {\n background: white;\n color: black;\n }\n\n @media (prefers-color-scheme: dark) {\n background: black;\n color: white;\n }\n `;\n }\n }}\n`;\n\nconst Button: React.FC<\n ButtonProps & { children: string | React.ReactNode }\n> = ({ children, onClick, className, colorTheme, glow, disabled }) => {\n return (\n <StyledButton\n type=\"button\"\n role=\"button\"\n className={className}\n onClick={onClick}\n disabled={disabled}\n $disabled={disabled}\n $colorTheme={colorTheme}\n $glow={glow && !disabled}\n >\n {children}\n </StyledButton>\n );\n};\n\nexport default Button;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgAppleAppStore = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 105 36\"\n {...props}\n >\n <g clipPath=\"url(#apple_app_store_svg__a)\">\n <path\n fill=\"#A8B1BD\"\n d=\"M96.639.86H8.365q-.481 0-.96.002c-.269.002-.535.007-.807.011q-.885.01-1.758.155a5.9 5.9 0 0 0-1.668.548A5.65 5.65 0 0 0 .72 4.026 5.8 5.8 0 0 0 .17 5.691q-.146.87-.158 1.752c-.008.268-.009.538-.013.806v20.225c.004.272.005.535.013.806q.01.883.158 1.752c.096.58.281 1.142.548 1.667.266.523.615 1 1.034 1.412.415.417.894.766 1.42 1.031a5.9 5.9 0 0 0 1.668.552c.581.095 1.17.147 1.758.155.272.006.538.01.807.01l.96.001H96.64c.315 0 .635 0 .95-.002.268 0 .542-.003.81-.009q.883-.011 1.754-.155a6 6 0 0 0 1.675-.552 5.5 5.5 0 0 0 1.419-1.031c.418-.414.767-.89 1.037-1.412a5.8 5.8 0 0 0 .543-1.667q.147-.87.163-1.751c.003-.272.003-.535.003-.807.007-.318.007-.634.007-.957V9.204q.002-.48-.007-.955 0-.403-.003-.806a12 12 0 0 0-.163-1.752 5.8 5.8 0 0 0-.543-1.665 5.67 5.67 0 0 0-2.456-2.45 6 6 0 0 0-1.675-.548 11.5 11.5 0 0 0-1.755-.155c-.267-.004-.541-.01-.808-.011q-.476-.003-.952-.002\"\n />\n <path\n fill=\"#000\"\n d=\"M7.41 35.094c-.268 0-.529-.003-.794-.009a11 11 0 0 1-1.64-.143 5.2 5.2 0 0 1-1.454-.48 4.7 4.7 0 0 1-1.226-.889 4.7 4.7 0 0 1-.895-1.222 5 5 0 0 1-.476-1.45q-.136-.814-.147-1.64a80 80 0 0 1-.012-.8V8.25s.007-.605.013-.783q.01-.824.145-1.638c.084-.506.244-.997.477-1.454a4.883 4.883 0 0 1 2.121-2.118 5.1 5.1 0 0 1 1.45-.476 11 11 0 0 1 1.646-.144l.792-.01h90.175l.801.01q.822.01 1.631.143c.51.086 1.004.248 1.466.48a4.9 4.9 0 0 1 2.119 2.117c.229.454.387.94.47 1.443q.137.82.152 1.65c.003.249.003.515.003.78.007.328.007.64.007.955v18.313c0 .318 0 .628-.007.94 0 .285 0 .546-.004.814q-.015.816-.15 1.622a5 5 0 0 1-.474 1.461 4.8 4.8 0 0 1-.891 1.212 4.7 4.7 0 0 1-1.228.895c-.46.233-.954.395-1.463.481a11 11 0 0 1-1.64.143c-.257.006-.526.01-.788.01l-.951.001z\"\n />\n <path\n fill=\"#fff\"\n d=\"M21.734 18.623a4.32 4.32 0 0 1 2.068-3.633 4.44 4.44 0 0 0-3.502-1.888c-1.474-.154-2.902.88-3.653.88-.765 0-1.921-.865-3.166-.839a4.67 4.67 0 0 0-3.925 2.387c-1.697 2.93-.431 7.236 1.194 9.604.814 1.16 1.764 2.455 3.008 2.41 1.217-.051 1.672-.775 3.14-.775 1.456 0 1.883.774 3.152.745 1.305-.021 2.128-1.165 2.913-2.336a9.6 9.6 0 0 0 1.332-2.706 4.2 4.2 0 0 1-1.861-1.54 4.18 4.18 0 0 1-.7-2.309M19.337 11.545a4.26 4.26 0 0 0 .978-3.055A4.35 4.35 0 0 0 17.5 9.942a4.06 4.06 0 0 0-1.003 2.942 3.6 3.6 0 0 0 2.84-1.34M37.119 24.607h-4.153l-.998 2.937H30.21l3.934-10.866h1.828l3.934 10.866h-1.79zm-3.723-1.355h3.292l-1.623-4.766h-.045zM48.401 23.584c0 2.461-1.321 4.043-3.315 4.043a2.7 2.7 0 0 1-2.5-1.386h-.037v3.924h-1.631V19.622h1.578v1.318h.03a2.81 2.81 0 0 1 2.53-1.4c2.016 0 3.345 1.589 3.345 4.044m-1.676 0c0-1.604-.831-2.659-2.1-2.659-1.245 0-2.083 1.077-2.083 2.659 0 1.596.838 2.665 2.084 2.665 1.268 0 2.1-1.047 2.1-2.665M57.144 23.584c0 2.461-1.32 4.043-3.315 4.043a2.7 2.7 0 0 1-2.5-1.386h-.037v3.924h-1.63V19.622h1.578v1.318h.03a2.81 2.81 0 0 1 2.53-1.4c2.015 0 3.344 1.588 3.344 4.044m-1.676 0c0-1.604-.83-2.659-2.1-2.659-1.245 0-2.083 1.077-2.083 2.659 0 1.596.838 2.665 2.084 2.665 1.268 0 2.1-1.047 2.1-2.665M62.923 24.517c.121 1.077 1.17 1.785 2.605 1.785 1.375 0 2.363-.708 2.363-1.68 0-.843-.596-1.348-2.008-1.694l-1.412-.34c-2.001-.481-2.93-1.414-2.93-2.928 0-1.875 1.638-3.163 3.965-3.163 2.302 0 3.88 1.288 3.934 3.163h-1.646c-.099-1.085-.998-1.74-2.311-1.74-1.314 0-2.213.663-2.213 1.627 0 .768.574 1.22 1.979 1.566l1.2.294c2.236.527 3.165 1.423 3.165 3.012 0 2.033-1.624 3.306-4.207 3.306-2.416 0-4.048-1.243-4.153-3.208zM73.133 17.747v1.875h1.511v1.288h-1.51v4.367c0 .679.302.995.966.995q.27-.005.536-.038v1.28a4.5 4.5 0 0 1-.905.075c-1.609 0-2.236-.602-2.236-2.138V20.91H70.34v-1.288h1.155v-1.875zM75.519 23.584c0-2.493 1.472-4.06 3.767-4.06 2.304 0 3.769 1.567 3.769 4.06 0 2.499-1.458 4.058-3.769 4.058s-3.767-1.56-3.767-4.058m5.874 0c0-1.71-.785-2.72-2.107-2.72-1.321 0-2.106 1.017-2.106 2.72 0 1.716.785 2.718 2.106 2.718 1.322 0 2.107-1.002 2.107-2.718M84.4 19.622h1.555v1.349h.037a1.89 1.89 0 0 1 1.911-1.432q.283 0 .559.06v1.522a2.3 2.3 0 0 0-.733-.098 1.65 1.65 0 0 0-1.627 1.125 1.6 1.6 0 0 0-.072.697v4.7H84.4zM95.98 25.217c-.219 1.438-1.623 2.425-3.42 2.425-2.311 0-3.746-1.544-3.746-4.02 0-2.486 1.443-4.097 3.677-4.097 2.198 0 3.58 1.505 3.58 3.907v.557h-5.61v.099a2.06 2.06 0 0 0 1.28 2.092c.271.11.563.162.857.151a1.8 1.8 0 0 0 1.834-1.114zm-5.512-2.364h3.972a1.9 1.9 0 0 0-1.18-1.868 1.9 1.9 0 0 0-.769-.143 2.015 2.015 0 0 0-1.87 1.24 2 2 0 0 0-.153.77M33.191 8.5a2.32 2.32 0 0 1 1.847.715 2.3 2.3 0 0 1 .617 1.879c0 1.668-.904 2.627-2.464 2.627H31.3V8.5zm-1.078 4.482h.987a1.65 1.65 0 0 0 1.672-1.156c.072-.234.09-.48.055-.722a1.64 1.64 0 0 0-1.015-1.749 1.66 1.66 0 0 0-.712-.118h-.987zM36.573 11.749a1.86 1.86 0 0 1 .478-1.434A1.872 1.872 0 0 1 40.3 11.75a1.86 1.86 0 0 1-1.105 1.887 1.876 1.876 0 0 1-2.536-1.12 1.9 1.9 0 0 1-.086-.767m2.925 0c0-.854-.385-1.354-1.06-1.354-.678 0-1.06.5-1.06 1.354 0 .86.382 1.356 1.06 1.356.675 0 1.06-.499 1.06-1.356M45.253 13.72h-.809l-.817-2.901h-.061l-.813 2.901h-.802l-1.089-3.94h.791l.708 3.007h.058l.813-3.007h.748l.812 3.007h.062l.704-3.007h.78zM47.254 9.78h.75v.626h.059a1.18 1.18 0 0 1 1.179-.702 1.29 1.29 0 0 1 1.323.898c.058.184.073.378.044.568v2.55h-.78v-2.355c0-.633-.275-.948-.852-.948a.91.91 0 0 0-.901.614.9.9 0 0 0-.042.384v2.305h-.78zM51.853 8.242h.78v5.478h-.78zM53.716 11.749a1.86 1.86 0 0 1 1.106-1.885 1.876 1.876 0 0 1 2.534 1.118c.082.247.112.508.087.767a1.86 1.86 0 0 1-1.105 1.888 1.876 1.876 0 0 1-2.536-1.12 1.9 1.9 0 0 1-.086-.768m2.924 0c0-.854-.384-1.354-1.06-1.354-.677 0-1.059.5-1.059 1.354 0 .86.382 1.356 1.06 1.356.675 0 1.06-.499 1.06-1.356M58.264 12.606c0-.709.53-1.118 1.47-1.176l1.07-.062v-.34c0-.416-.276-.65-.81-.65-.435 0-.736.159-.823.437h-.755c.08-.677.718-1.11 1.615-1.11.99 0 1.549.491 1.549 1.323v2.692h-.75v-.553h-.062a1.33 1.33 0 0 1-1.187.618 1.2 1.2 0 0 1-1.213-.697 1.2 1.2 0 0 1-.104-.482m2.54-.336v-.33l-.965.062c-.544.036-.791.22-.791.568 0 .354.308.56.732.56a.93.93 0 0 0 1.023-.86M62.606 11.749c0-1.245.641-2.034 1.64-2.034a1.3 1.3 0 0 1 1.211.691h.059V8.242h.78v5.478h-.748v-.622h-.062a1.37 1.37 0 0 1-1.24.687c-1.006 0-1.64-.788-1.64-2.036m.805 0c0 .835.395 1.338 1.056 1.338.657 0 1.063-.51 1.063-1.335 0-.821-.41-1.338-1.063-1.338-.657 0-1.056.506-1.056 1.335M69.52 11.749a1.86 1.86 0 0 1 1.106-1.885 1.876 1.876 0 0 1 2.534 1.118c.082.247.112.508.087.767a1.86 1.86 0 0 1-1.105 1.887 1.876 1.876 0 0 1-2.535-1.12 1.9 1.9 0 0 1-.087-.767m2.925 0c0-.854-.385-1.354-1.06-1.354-.678 0-1.059.5-1.059 1.354 0 .86.381 1.356 1.06 1.356.674 0 1.06-.499 1.06-1.356M74.294 9.78h.75v.626h.059a1.18 1.18 0 0 1 1.179-.702 1.29 1.29 0 0 1 1.324.898c.057.184.072.378.044.568v2.55h-.78v-2.355c0-.633-.276-.948-.853-.948a.91.91 0 0 0-.901.614.9.9 0 0 0-.042.384v2.305h-.78zM82.055 8.8v.998h.856v.655h-.856v2.026c0 .413.17.594.559.594q.15 0 .297-.018v.648q-.21.037-.424.04c-.867 0-1.212-.305-1.212-1.065v-2.225h-.628v-.655h.628V8.8zM83.977 8.242h.772v2.172h.062a1.21 1.21 0 0 1 1.205-.706 1.304 1.304 0 0 1 1.312.905c.057.182.074.374.049.564v2.544h-.78v-2.353c0-.629-.295-.948-.846-.948a.925.925 0 0 0-.943.605.9.9 0 0 0-.052.394v2.301h-.78zM91.923 12.657a1.6 1.6 0 0 1-1.712 1.14 1.8 1.8 0 0 1-1.385-.596 1.79 1.79 0 0 1-.44-1.438 1.81 1.81 0 0 1 1.064-1.901c.238-.106.497-.16.758-.158 1.1 0 1.762.75 1.762 1.987v.271h-2.79v.044a1.04 1.04 0 0 0 .63 1.044c.133.057.277.086.423.084a.95.95 0 0 0 .94-.477zm-2.743-1.27h1.996a.95.95 0 0 0-.973-1.02 1.013 1.013 0 0 0-1.023 1.02\"\n />\n </g>\n <defs>\n <clipPath id=\"apple_app_store_svg__a\">\n <path fill=\"#fff\" d=\"M0 .86h105v35H0z\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default SvgAppleAppStore;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgCheckerLogoBlack = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 61 30\"\n {...props}\n >\n <g clipPath=\"url(#checker_logo_black_svg__a)\">\n <path\n fill=\"#000\"\n d=\"M15.465 30H1.875c-1.11 0-1.39-.285-1.39-1.404V16.357c0-1.072.293-1.361 1.365-1.361H27.51c1.961 0 2.978-1.017 2.982-2.99V1.28c0-.944.323-1.28 1.268-1.28h27.418c.965 0 1.305.353 1.305 1.323v12.358c0 1.013-.319 1.332-1.34 1.332h-25.78c-1.846 0-2.854 1-2.854 2.829v10.724c0 1.115-.323 1.43-1.455 1.43h-13.59z\"\n />\n </g>\n <defs>\n <clipPath id=\"checker_logo_black_svg__a\">\n <path fill=\"#fff\" d=\"M.4 0h60.286v30H.4z\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default SvgCheckerLogoBlack;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgCheckerLogoWhite = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 61 30\"\n {...props}\n >\n <g clipPath=\"url(#checker_logo_white_svg__a)\">\n <path\n fill=\"#fff\"\n d=\"M15.303 30H1.713c-1.11 0-1.39-.285-1.39-1.404V16.357c0-1.072.293-1.361 1.365-1.361h25.661c1.961 0 2.978-1.017 2.982-2.99V1.28c0-.944.323-1.28 1.267-1.28h27.418c.966 0 1.306.353 1.306 1.323v12.358c0 1.013-.319 1.332-1.34 1.332h-25.78c-1.846 0-2.854 1-2.854 2.829v10.724c0 1.115-.323 1.43-1.455 1.43h-13.59z\"\n />\n </g>\n <defs>\n <clipPath id=\"checker_logo_white_svg__a\">\n <path fill=\"#fff\" d=\"M.238 0h60.286v30H.238z\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default SvgCheckerLogoWhite;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgCircleLogoBlack = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 25 25\"\n {...props}\n >\n <circle cx={12.402} cy={12.025} r={9.62} stroke=\"#000\" strokeWidth={4.81} />\n </svg>\n);\nexport default SvgCircleLogoBlack;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgCircleLogoWhite = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 64 63\"\n {...props}\n >\n <g filter=\"url(#circle_logo_white_svg__a)\">\n <circle\n cx={32}\n cy={31.5}\n r={19.191}\n stroke=\"#fff\"\n strokeWidth={9.62}\n shapeRendering=\"crispEdges\"\n />\n </g>\n <g filter=\"url(#circle_logo_white_svg__b)\">\n <circle\n cx={31.998}\n cy={31.5}\n r={15.341}\n stroke=\"#fff\"\n strokeWidth={0.495}\n />\n </g>\n <defs>\n <filter\n id=\"circle_logo_white_svg__a\"\n width={62.85}\n height={62.85}\n x={0.575}\n y={0.075}\n colorInterpolationFilters=\"sRGB\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n result=\"hardAlpha\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n />\n <feOffset />\n <feGaussianBlur stdDeviation={3.712} />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0\" />\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1266_38\" />\n <feBlend\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_1266_38\"\n result=\"shape\"\n />\n </filter>\n <filter\n id=\"circle_logo_white_svg__b\"\n width={48.993}\n height={48.993}\n x={7.501}\n y={7.003}\n colorInterpolationFilters=\"sRGB\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n result=\"hardAlpha\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n />\n <feMorphology\n in=\"SourceAlpha\"\n operator=\"dilate\"\n radius={3.959}\n result=\"effect1_dropShadow_1266_38\"\n />\n <feOffset />\n <feGaussianBlur stdDeviation={2.474} />\n <feColorMatrix values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0\" />\n <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1266_38\" />\n <feBlend\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_1266_38\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n);\nexport default SvgCircleLogoWhite;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgGooglePlayStore = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 120 36\"\n {...props}\n >\n <g clipPath=\"url(#google_play_store_svg__a)\">\n <path\n fill=\"#000\"\n d=\"M114.66.72H4.41A4.41 4.41 0 0 0 0 5.13v26.46A4.41 4.41 0 0 0 4.41 36h110.25a4.41 4.41 0 0 0 4.41-4.41V5.13a4.41 4.41 0 0 0-4.41-4.41\"\n />\n <path\n fill=\"#A8B1BD\"\n d=\"M114.66 1.426a3.704 3.704 0 0 1 3.704 3.704v26.46a3.704 3.704 0 0 1-3.704 3.704H4.41A3.704 3.704 0 0 1 .706 31.59V5.13A3.704 3.704 0 0 1 4.41 1.426zm0-.706H4.41A4.423 4.423 0 0 0 0 5.13v26.46A4.423 4.423 0 0 0 4.41 36h110.25a4.423 4.423 0 0 0 4.41-4.41V5.13a4.423 4.423 0 0 0-4.41-4.41\"\n />\n <path\n fill=\"#fff\"\n stroke=\"#fff\"\n strokeMiterlimit={10}\n strokeWidth={0.176}\n d=\"M41.824 9.752c0 .74-.22 1.332-.661 1.764-.494.52-1.147.785-1.94.785-.795 0-1.412-.265-1.95-.794-.538-.53-.803-1.19-.803-1.967 0-.776.265-1.438.803-1.967a2.67 2.67 0 0 1 1.95-.794c.378 0 .74.07 1.084.22s.617.345.829.592l-.468.467c-.352-.414-.828-.626-1.446-.626-.556 0-1.04.194-1.446.59q-.609.585-.609 1.527c0 .626.203 1.138.609 1.526s.89.59 1.446.59c.591 0 1.085-.193 1.482-.59.256-.256.405-.618.44-1.076h-1.922v-.635h2.567c.026.14.035.273.035.396zM45.891 7.547h-2.408v1.675h2.17v.635h-2.17v1.676h2.408v.653h-3.087V6.894h3.087zM48.757 12.186h-.679v-4.64h-1.482v-.652h3.634v.653h-1.482v4.639zM52.868 12.186V6.894h.679v5.292zM56.562 12.186h-.679v-4.64h-1.482v-.652h3.634v.653h-1.482v4.639zM64.924 11.498c-.52.538-1.164.803-1.94.803s-1.42-.265-1.94-.803c-.521-.538-.777-1.19-.777-1.958 0-.767.256-1.429.776-1.958.52-.538 1.165-.803 1.94-.803.777 0 1.412.265 1.941.803.52.538.785 1.19.785 1.958 0 .767-.265 1.429-.776 1.958zm-3.378-.441c.388.397.873.59 1.438.59.564 0 1.05-.193 1.437-.59.388-.397.591-.9.591-1.517s-.194-1.12-.59-1.517c-.389-.397-.874-.591-1.438-.591-.565 0-1.05.194-1.438.59-.388.398-.591.9-.591 1.518 0 .617.194 1.12.591 1.517ZM66.662 12.186V6.894h.83l2.575 4.119h.026l-.026-1.023V6.894h.679v5.292h-.706l-2.69-4.313h-.026l.026 1.023v3.299h-.68z\"\n />\n <path\n fill=\"#fff\"\n d=\"M60.099 19.904c-2.073 0-3.766 1.578-3.766 3.748s1.693 3.749 3.766 3.749 3.766-1.588 3.766-3.749-1.693-3.748-3.766-3.748m0 6.023c-1.138 0-2.117-.934-2.117-2.275s.98-2.276 2.117-2.276 2.117.926 2.117 2.276-.98 2.275-2.117 2.275m-8.22-6.023c-2.073 0-3.766 1.578-3.766 3.748s1.693 3.749 3.766 3.749 3.766-1.588 3.766-3.749-1.694-3.748-3.766-3.748m0 6.023c-1.138 0-2.117-.934-2.117-2.275s.979-2.276 2.117-2.276 2.117.926 2.117 2.276-.98 2.275-2.117 2.275m-9.773-4.868v1.587h3.81c-.114.891-.414 1.553-.864 2.003-.556.555-1.42 1.164-2.937 1.164-2.346 0-4.18-1.888-4.18-4.234s1.834-4.233 4.18-4.233c1.261 0 2.187.494 2.866 1.137l1.12-1.12c-.952-.908-2.213-1.605-3.995-1.605-3.21 0-5.91 2.61-5.91 5.83s2.7 5.83 5.91 5.83c1.738 0 3.043-.564 4.066-1.632 1.05-1.05 1.376-2.53 1.376-3.722 0-.37-.026-.714-.088-.996h-5.354zm39.964 1.235c-.31-.838-1.262-2.39-3.21-2.39-1.95 0-3.538 1.517-3.538 3.748 0 2.1 1.588 3.749 3.722 3.749 1.72 0 2.717-1.05 3.123-1.659l-1.28-.855c-.423.626-1.005 1.04-1.843 1.04s-1.437-.388-1.817-1.137l5.019-2.073-.168-.423zm-5.116 1.252c-.044-1.446 1.12-2.187 1.958-2.187.653 0 1.208.326 1.394.794zm-4.075 3.634h1.65V16.155h-1.65zm-2.699-6.439h-.053c-.37-.44-1.076-.837-1.975-.837-1.879 0-3.599 1.649-3.599 3.766s1.72 3.74 3.599 3.74c.9 0 1.605-.398 1.975-.856h.053v.538c0 1.437-.767 2.205-2.002 2.205-1.005 0-1.632-.724-1.887-1.332l-1.438.6c.415.996 1.508 2.214 3.325 2.214 1.932 0 3.563-1.138 3.563-3.908v-6.738h-1.56zm-1.896 5.186c-1.138 0-2.09-.952-2.09-2.257s.952-2.285 2.09-2.285 2.002.97 2.002 2.285c0 1.314-.882 2.257-2.002 2.257m21.512-9.772h-3.943V27.18h1.65V23h2.302c1.825 0 3.616-1.324 3.616-3.423s-1.79-3.422-3.616-3.422zm.035 5.31h-2.337V17.68h2.337c1.235 0 1.932 1.023 1.932 1.887s-.697 1.888-1.932 1.888zm10.178-1.58c-1.19 0-2.425.53-2.937 1.685l1.465.609c.308-.609.89-.811 1.499-.811.847 0 1.72.511 1.729 1.42v.114a3.7 3.7 0 0 0-1.72-.423c-1.579 0-3.175.864-3.175 2.478 0 1.473 1.287 2.426 2.734 2.426 1.102 0 1.72-.494 2.099-1.076h.053v.855h1.587v-4.224c0-1.958-1.464-3.052-3.351-3.052zm-.202 6.042c-.538 0-1.288-.273-1.288-.934 0-.847.935-1.173 1.746-1.173.723 0 1.067.158 1.5.37a1.99 1.99 0 0 1-1.958 1.746zm9.331-5.803-1.887 4.78h-.053l-1.958-4.78h-1.773l2.937 6.686-1.676 3.713h1.72l4.525-10.399h-1.835M94.321 27.18h1.649V16.155h-1.65z\"\n />\n <path\n fill=\"#E82929\"\n d=\"m18.275 17.848-9.393 9.967a2.538 2.538 0 0 0 3.74 1.526l.026-.018 10.566-6.094-4.948-5.39z\"\n />\n <path\n fill=\"#DDB21B\"\n d=\"M27.775 16.155h-.009l-4.56-2.655-5.142 4.578 5.16 5.16 4.542-2.62a2.54 2.54 0 0 0 1.332-2.232c0-.961-.53-1.799-1.323-2.222z\"\n />\n <path\n fill=\"#4285F4\"\n d=\"M8.882 8.905a2.7 2.7 0 0 0-.089.653V27.17c0 .23.027.441.089.653l9.71-9.711z\"\n />\n <path\n fill=\"#20B05A\"\n d=\"m18.346 18.36 4.86-4.86-10.558-6.12a2.548 2.548 0 0 0-3.766 1.517l9.464 9.454z\"\n />\n </g>\n <defs>\n <clipPath id=\"google_play_store_svg__a\">\n <path fill=\"#fff\" d=\"M0 .72h119.07V36H0z\" />\n </clipPath>\n </defs>\n </svg>\n);\nexport default SvgGooglePlayStore;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport styled, { keyframes } from \"styled-components\";\n\nconst rotate = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`;\n\nconst LoadingIcon = styled.svg`\n animation: ${rotate} 2s linear infinite;\n transform-origin: center;\n`;\n\nconst LoadingIndicator = (\n props: SVGProps<SVGSVGElement> & { fill?: string }\n) => (\n <LoadingIcon\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M20.6121 12C21.9447 12 23.0511 10.9073 22.7646 9.60581C22.374 7.83117 21.5521 6.16649 20.3561 4.76626C18.6336 2.74969 16.248 1.41398 13.6285 0.999404C11.009 0.584833 8.32754 1.11862 6.06649 2.50474C3.80545 3.89085 2.11325 6.03832 1.2943 8.56081C0.475348 11.0833 0.583411 13.8152 1.59905 16.2652C2.61468 18.7151 4.47122 20.7222 6.83469 21.9254C9.19815 23.1286 11.9134 23.4489 14.492 22.8287C16.2824 22.3981 17.9254 21.5336 19.284 20.3269C20.2803 19.4419 20.0267 17.9076 18.9482 17.1248C17.8697 16.342 16.3722 16.6368 15.2436 17.3454C14.6683 17.7066 14.0341 17.9753 13.3634 18.1366C11.9022 18.4881 10.3634 18.3065 9.02407 17.6247C7.6847 16.9428 6.63259 15.8054 6.05703 14.4171C5.48147 13.0287 5.42023 11.4805 5.88433 10.051C6.34843 8.62151 7.3074 7.40454 8.58874 6.61903C9.87007 5.83352 11.3897 5.53102 12.8741 5.76596C14.3586 6.00089 15.7105 6.75784 16.6867 7.90064C17.1347 8.42516 17.4901 9.01516 17.7435 9.64536C18.2406 10.8818 19.2794 12 20.6121 12Z\"\n fill={props.fill || \"black\"}\n />\n </LoadingIcon>\n);\nexport default LoadingIndicator;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgQrCodeLoading = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 32 32\"\n {...props}\n >\n <path\n fill=\"#83A1F1\"\n d=\"M29.334 16c1.472 0 2.689-1.202 2.444-2.654a16 16 0 1 0-6.498 15.688c1.2-.854 1.19-2.564.148-3.606-1.041-1.041-2.72-1.005-3.986-.254A10.668 10.668 0 0 1 6.145 11.918a10.667 10.667 0 0 1 20.19 1.443C26.7 14.788 27.862 16 29.335 16\"\n />\n </svg>\n);\nexport default SvgQrCodeLoading;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgQrCodeLogo = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 83 19\"\n {...props}\n >\n <path\n fill=\"#000\"\n d=\"M13.18 18.727H1.889a.804.804 0 0 1-.807-.8v-2.815c0-.441.36-.8.807-.8h11.158c1.134 0 1.782-.615 1.782-1.391 0-.777-.648-1.418-1.782-1.418H6.428C2.323 11.503 0 9.015 0 5.804S2.728 0 6.428 0H18.18c.446 0 .808.358.808.8v2.815c0 .441-.361.8-.808.8H6.645c-1.296 0-1.837.749-1.837 1.391 0 .643.621 1.311 1.837 1.311h6.374c3.835 0 6.617 2.275 6.617 5.805 0 3.184-2.458 5.806-6.455 5.806zM58.797 0h15.995c.446 0 .808.358.808.8v2.815c0 .441-.361.8-.808.8h-11.08a.804.804 0 0 0-.807.8v1.157c0 .44.361.8.807.8h10.73c.445 0 .807.357.807.8v2.787c0 .441-.361.8-.807.8h-10.73a.804.804 0 0 0-.807.8v5.571c0 .441-.361.8-.807.8h-3.302a.804.804 0 0 1-.808-.8V.8c0-.441.361-.8.808-.8M39.998 0H43.3c.445 0 .807.358.807.8v12.713c0 .441.361.8.807.8H55.78c.445 0 .807.358.807.8v2.815c0 .441-.36.8-.807.8h-15.78a.804.804 0 0 1-.808-.8V.8c0-.442.36-.8.807-.8M21.55 0h15.428c.445 0 .807.358.807.8v2.815c0 .441-.36.8-.807.8H26.411a.804.804 0 0 0-.807.8v1.157c0 .44.361.8.807.8h9.595c.446 0 .808.357.808.8v2.787c0 .441-.361.8-.808.8h-9.595a.804.804 0 0 0-.807.8v1.157c0 .441.361.8.807.8h10.46c.445 0 .807.357.807.8v2.815c0 .44-.361.8-.808.8H21.55a.804.804 0 0 1-.808-.8V.8c0-.442.361-.8.807-.8M79.912 4.32c-1.214 0-2.152-.939-2.152-2.163C77.76.94 78.698 0 79.912 0c1.23 0 2.168.939 2.168 2.157 0 1.224-.939 2.163-2.168 2.163m0-.316a1.82 1.82 0 0 0 1.851-1.847c0-1.052-.803-1.856-1.851-1.856s-1.851.809-1.851 1.856c0 1.043.803 1.847 1.851 1.847m-.778-.67c-.031 0-.052-.02-.052-.051v-2.24c0-.032.021-.052.052-.052h1.027c.394 0 .69.3.69.705a.65.65 0 0 1-.327.58c-.026.021-.031.042-.02.073l.388.923c.016.037-.005.063-.041.063h-.4c-.026 0-.046-.01-.057-.042l-.347-.881c-.01-.032-.031-.042-.057-.042h-.39c-.03 0-.051.02-.051.052v.86c0 .032-.02.053-.052.053zm.923-1.358c.213 0 .327-.12.327-.28 0-.182-.12-.296-.327-.296h-.456c-.031 0-.052.021-.052.052v.472c0 .031.02.052.052.052z\"\n />\n </svg>\n);\nexport default SvgQrCodeLogo;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgSelfTextLogoBlack = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 70 14\"\n {...props}\n >\n <path\n fill=\"#000\"\n d=\"M10.513 13.872H2.148a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.511C2.47 8.52.75 6.678.75 4.3S2.77 0 5.512 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.672c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.304 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-8.208a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.948a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.379 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.38a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.713 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592h-7.827a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592h-7.107a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.713a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.155 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.189 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM61.119 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256Q59.752.904 59.75.87V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z\"\n />\n </svg>\n);\nexport default SvgSelfTextLogoBlack;\n","import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nconst SvgSelfTextLogoWhite = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"none\"\n viewBox=\"0 0 70 14\"\n {...props}\n >\n <path\n fill=\"#fff\"\n d=\"M10.388 13.872H2.023a.595.595 0 0 1-.598-.593v-2.085c0-.327.268-.593.598-.593h8.265c.84 0 1.321-.455 1.321-1.03s-.48-1.05-1.32-1.05H5.386C2.345 8.52.625 6.678.625 4.3S2.645 0 5.387 0h8.705c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H5.547c-.96 0-1.36.555-1.36 1.03 0 .477.46.972 1.36.972h4.722c2.84 0 4.901 1.685 4.901 4.3 0 2.358-1.82 4.3-4.782 4.3M44.179 0h11.849c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.948c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H47.82a.595.595 0 0 0-.598.593v4.127a.595.595 0 0 1-.598.592h-2.446a.595.595 0 0 1-.598-.593V.592c0-.326.268-.592.598-.592M30.254 0h2.445c.33 0 .599.265.599.592v9.418c0 .326.267.592.597.592h8.048c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H30.254a.595.595 0 0 1-.598-.592V.592c0-.327.267-.592.598-.592M16.588 0h11.429c.33 0 .598.265.598.592v2.086a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.107c.33 0 .598.265.598.592V7.97a.595.595 0 0 1-.598.592H20.19a.595.595 0 0 0-.598.593v.857c0 .327.267.592.598.592h7.747c.33 0 .598.265.598.593v2.085a.595.595 0 0 1-.598.592H16.588a.595.595 0 0 1-.598-.592V.592c0-.327.268-.592.598-.592M64.03 5.393q-.036-.002-.038-.038V.038q.002-.036.038-.038h1.482c.018 0 .037.008.045.03l1.222 3.46c.011.03.041.03.053 0l1.23-3.46c.007-.022.026-.03.045-.03h1.481q.036.002.038.038v5.317q-.002.036-.038.038h-.955q-.035-.002-.037-.038V1.328c0-.034-.03-.042-.042-.008l-1.452 4.043c-.007.023-.026.03-.045.03h-.5c-.019 0-.038-.007-.045-.03L65.064 1.32c-.011-.034-.041-.026-.041.008v4.027q-.002.036-.038.038zM60.994 5.393q-.036-.002-.038-.038V.944c0-.023-.015-.038-.037-.038h-1.256q-.036-.002-.038-.037V.038q.002-.036.038-.038h3.61q.036.002.038.038v.83q-.002.036-.038.038h-1.249c-.022 0-.037.015-.037.038v4.411q-.002.036-.038.038z\"\n />\n </svg>\n);\nexport default SvgSelfTextLogoWhite;\n","import React, { useEffect, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport Challenge from \"./Challenge\";\nimport DownloadApp from \"./DownloadApp\";\n\nimport { createGlobalStyle } from \"styled-components\";\nimport Success from \"./Success\";\n\nconst GlobalStyle = createGlobalStyle`\n * {\n margin: 0;\n padding: 0;\n }\n`;\n\ninterface SignInProps {\n createChallengeUrl: string;\n checkAuthUrl: string;\n}\n\nconst Wrapper = styled.div`\n display: flex;\n justify-content: center;\n background: radial-gradient(\n circle at 24.1% 68.8%,\n rgb(50, 50, 50) 0%,\n rgb(0, 0, 0) 99.4%\n );\n border-radius: 16px;\n font-weight: 700;\n @media (max-width: 767px) {\n display: block;\n }\n`;\n\nconst ModalWrapper = styled.div`\n display: flex;\n border-radius: 16px;\n border: 1px solid #3d414c;\n\n @media (max-width: 767px) {\n flex-direction: column-reverse;\n border: none;\n padding: 5rem 2rem;\n }\n`;\n\nconst InstructionsWrapper = styled.div`\n display: flex;\n flex-direction: column;\n color: white;\n padding: 2rem 5rem;\n @media (max-width: 767px) {\n padding: 0;\n }\n`;\n\nconst InstructionsSet = styled.div`\n margin-bottom: 2rem;\n`;\n\nconst List = styled.ol`\n list-style: decimal;\n line-height: 2rem;\n padding-left: 1.5rem;\n font-weight: 500;\n`;\n\nconst SignInWithYourSelf: React.FC<SignInProps> = ({\n createChallengeUrl,\n checkAuthUrl,\n}) => {\n const [challengeDid, setChallengeDid] = useState<string>(\"\");\n const [challengeUrl, setChallengeUrl] = useState<string>(\"\");\n const [isAuthenticated, setIsAuthenticated] = useState<boolean>(false);\n\n useEffect(() => {\n fetch(createChallengeUrl, {\n method: \"POST\",\n })\n .then((resp) => resp.json())\n .then((json) => {\n setChallengeDid(json.challenge);\n setChallengeUrl(json.challengeUrl);\n });\n }, []);\n\n useEffect(() => {\n if (!challengeDid || isAuthenticated) return;\n\n const interval = setInterval(async () => {\n fetch(checkAuthUrl + `?challenge=${challengeDid}`)\n .then((resp) => {\n if (resp.status === 200) {\n return resp.json();\n }\n return { match: false };\n })\n .then((json) => {\n if (json.match) {\n setIsAuthenticated(json.match);\n }\n })\n .catch(() => {});\n }, 5000); // every 5 seconds\n\n return () => {\n clearInterval(interval);\n };\n }, [challengeDid, isAuthenticated]);\n\n return (\n <Wrapper>\n <GlobalStyle />\n <ModalWrapper>\n {isAuthenticated && <Success />}\n {!isAuthenticated && (\n <>\n <Challenge challengeUrl={challengeUrl} />\n <InstructionsWrapper>\n <p style={{ marginBottom: \"2rem\" }}>\n <b>Instructions:</b>\n </p>\n <InstructionsSet>\n If you are signing in on a device that has the SELF app\n installed:\n <List>\n <li>Tap the SELF.id connect button.</li>\n <li>Approve the connection request within the SELF app.</li>\n </List>\n </InstructionsSet>\n <InstructionsSet>\n If you are <u>not</u> signing in on a device that has the SELF\n app installed:\n <List>\n <li>\n Open the SELF app on the device with the app installed.\n </li>\n <li>\n Use the scanning feature in the SELF app to scan the QR\n code.\n </li>\n <li>Approve the connection request within the SELF app.</li>\n </List>\n </InstructionsSet>\n <p style={{ marginTop: \"3rem\" }}>\n Don't have the <i>SELF</i> app?\n </p>\n <DownloadApp />\n </InstructionsWrapper>\n </>\n )}\n </ModalWrapper>\n </Wrapper>\n );\n};\n\nexport default SignInWithYourSelf;\n","import React from \"react\";\n\nimport styled, { keyframes } from \"styled-components\";\n\nimport { CircleLogoWhite, QrCodeLoading } from \"../../icons\";\nimport { SiwysButton } from \"../button/SignInButton\";\nimport QRCode from \"./QrCode\";\n\ninterface ChallengeProps {\n challengeUrl: string;\n}\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n`;\n\nconst Header = styled.h1`\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n`;\n\nconst StyledButton = styled(SiwysButton)`\n margin-top: 3rem;\n`;\n\nconst rotate = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`;\n\nconst LoadingIcon = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 212px;\n height: 212px;\n\n & > svg {\n animation: ${rotate} 2s linear infinite;\n transform-origin: center;\n }\n`;\n\nconst Challenge: React.FC<ChallengeProps> = ({ challengeUrl }) => {\n return (\n <Wrapper>\n <CircleLogoWhite width=\"4rem\" height=\"4rem\" />\n <Header>\n Sign in with your{\" \"}\n <span style={{ color: \"#D8EE4F\" }}>\n SELF<sup style={{ fontSize: \"1rem\" }}>&trade;</sup>\n </span>\n </Header>\n {!challengeUrl && (\n <LoadingIcon>\n <QrCodeLoading width=\"2rem\" height=\"2rem\" />\n </LoadingIcon>\n )}\n {challengeUrl && (\n <div style={{ marginTop: \"3rem\" }}>\n <QRCode challengeUrl={challengeUrl} size={212} level=\"M\" />\n </div>\n )}\n <StyledButton\n colorTheme=\"blue\"\n onClick={() => console.log(\"Open SELF App\")}\n glow\n />\n </Wrapper>\n );\n};\n\nexport default Challenge;\n","import React from \"react\";\n\nimport { QRCodeSVG } from \"qrcode.react\";\n\ninterface QRCodeProps {\n challengeUrl: string;\n size: number;\n level?: \"L\" | \"M\" | \"Q\" | \"H\";\n className?: string;\n}\n\nconst SelfSvg = `\n<svg width=\"104\" height=\"32\" viewBox=\"0 0 104 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"104\" height=\"31.5\" fill=\"white\"/>\n<path d=\"M28.1416 25.0276H16.8487C16.4035 25.0276 16.0414 24.6699 16.0414 24.228V21.4124C16.0414 20.9714 16.4026 20.6127 16.8487 20.6127H28.0064C29.1408 20.6127 29.7893 19.9976 29.7893 19.2213C29.7893 18.4451 29.1408 17.8037 28.0064 17.8037H21.3891C17.2836 17.8037 14.9609 15.3159 14.9609 12.1052C14.9609 8.89444 17.6891 6.30078 21.3891 6.30078H33.1414C33.5867 6.30078 33.9487 6.65846 33.9487 7.10042V9.91599C33.9487 10.357 33.5876 10.7156 33.1414 10.7156H21.6056C20.3096 10.7156 19.7689 11.4647 19.7689 12.107C19.7689 12.7494 20.3899 13.4179 21.6056 13.4179H27.9799C31.8151 13.4179 34.5972 15.6923 34.5972 19.2232C34.5972 22.4068 32.1394 25.0285 28.1416 25.0285V25.0276Z\" fill=\"black\"/>\n<path d=\"M73.7575 6.30078H89.7533C90.1985 6.30078 90.5606 6.65846 90.5606 7.10042V9.91599C90.5606 10.357 90.1995 10.7156 89.7533 10.7156H78.6732C78.2279 10.7156 77.8658 11.0733 77.8658 11.5153V12.6726C77.8658 13.1136 78.227 13.4722 78.6732 13.4722H89.4026C89.8478 13.4722 90.2099 13.8299 90.2099 14.2718V17.0603C90.2099 17.5013 89.8488 17.8599 89.4026 17.8599H78.6732C78.2279 17.8599 77.8658 18.2176 77.8658 18.6595V24.2308C77.8658 24.6718 77.5047 25.0304 77.0585 25.0304H73.7565C73.3113 25.0304 72.9492 24.6727 72.9492 24.2308V7.10042C72.9492 6.6594 73.3103 6.30078 73.7565 6.30078H73.7575Z\" fill=\"black\"/>\n<path d=\"M54.9587 6.30078H58.2607C58.706 6.30078 59.068 6.65846 59.068 7.10042V19.814C59.068 20.2551 59.4291 20.6137 59.8753 20.6137H70.7399C71.1852 20.6137 71.5472 20.9714 71.5472 21.4133V24.2289C71.5472 24.6699 71.1861 25.0285 70.7399 25.0285H54.9597C54.5144 25.0285 54.1523 24.6708 54.1523 24.2289V7.10042C54.1514 6.65846 54.5125 6.30078 54.9587 6.30078Z\" fill=\"black\"/>\n<path d=\"M36.5104 6.30078H51.9391C52.3843 6.30078 52.7464 6.65846 52.7464 7.10042V9.91599C52.7464 10.357 52.3853 10.7156 51.9391 10.7156H41.3722C40.927 10.7156 40.5649 11.0733 40.5649 11.5153V12.6726C40.5649 13.1136 40.926 13.4722 41.3722 13.4722H50.9673C51.4125 13.4722 51.7746 13.8299 51.7746 14.2718V17.0603C51.7746 17.5013 51.4135 17.8599 50.9673 17.8599H41.3722C40.927 17.8599 40.5649 18.2176 40.5649 18.6595V19.8169C40.5649 20.2579 40.926 20.6165 41.3722 20.6165H51.8313C52.2765 20.6165 52.6386 20.9742 52.6386 21.4161V24.2317C52.6386 24.6727 52.2775 25.0313 51.8313 25.0313H36.5104C36.0652 25.0313 35.7031 24.6737 35.7031 24.2317V7.10042C35.7031 6.65846 36.0642 6.30078 36.5104 6.30078Z\" fill=\"black\"/>\n<path d=\"M94.8749 10.6208C93.6613 10.6208 92.7227 9.6821 92.7227 8.45819C92.7227 7.23946 93.6613 6.30078 94.8749 6.30078C96.104 6.30078 97.0427 7.23946 97.0427 8.45819C97.0427 9.6821 96.104 10.6208 94.8749 10.6208ZM94.8749 10.3044C95.9225 10.3044 96.7263 9.50059 96.7263 8.45819C96.7263 7.40542 95.9225 6.60157 94.8749 6.60157C93.8273 6.60157 93.0234 7.4106 93.0234 8.45819C93.0234 9.50059 93.8273 10.3044 94.8749 10.3044ZM94.097 9.63543C94.0658 9.63543 94.0451 9.61468 94.0451 9.58357V7.34318C94.0451 7.31207 94.0658 7.29132 94.097 7.29132H95.1238C95.518 7.29132 95.8136 7.59211 95.8136 7.99663C95.8136 8.25593 95.6891 8.45819 95.4868 8.57747C95.4609 8.59821 95.4557 8.61896 95.4661 8.65007L95.855 9.57319C95.8706 9.6095 95.8499 9.63543 95.8136 9.63543H95.4142C95.3883 9.63543 95.3676 9.62506 95.3572 9.59394L95.0097 8.71231C94.9993 8.68119 94.9786 8.67082 94.9527 8.67082H94.5637C94.5326 8.67082 94.5119 8.69156 94.5119 8.72268V9.58357C94.5119 9.61468 94.4911 9.63543 94.46 9.63543H94.097ZM95.0201 8.27668C95.2327 8.27668 95.3468 8.1574 95.3468 7.99663C95.3468 7.81512 95.2275 7.70102 95.0201 7.70102H94.5637C94.5326 7.70102 94.5119 7.72177 94.5119 7.75288V8.22481C94.5119 8.25593 94.5326 8.27668 94.5637 8.27668H95.0201Z\" fill=\"black\"/>\n</svg>\n\n`;\n\nconst QRCode: React.FC<QRCodeProps> = (props: QRCodeProps) => {\n return (\n <QRCodeSVG\n value={props.challengeUrl}\n size={props.size}\n level={props.level || \"M\"}\n marginSize={2}\n imageSettings={{\n src: `data:image/svg+xml,${SelfSvg}`,\n height: 32,\n width: 104,\n excavate: true,\n }}\n className={props.className}\n style={{ borderRadius: \"16px\" }}\n />\n );\n};\n\nexport default QRCode;\n","import React from \"react\";\n\nimport styled from \"styled-components\";\n\nimport {\n AppleAppStore,\n CheckerLogoBlack,\n CheckerLogoWhite,\n GooglePlayStore,\n} from \"../../icons\";\n\nconst Wrapper = styled.div`\n display: inline-block;\n flex-direction: column;\n gap: 1rem;\n background: #121318;\n border: 1px solid #3d414c;\n border-radius: 8px;\n padding: 1.5rem 2rem;\n margin-top: 1rem;\n`;\n\nconst Header = styled.div`\n display: flex;\n justify-content: space-between;\n color: white;\n white-space: nowrap;\n`;\n\nconst Footer = styled.div`\n display: flex;\n justify-content: space-evenly;\n align-items: flex-end;\n gap: 0.5rem;\n margin-top: 1rem;\n`;\n\nconst Box = styled.div<{ $background: string }>`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 51px;\n width: 51px;\n border: 1px solid #3d414c;\n border-radius: 10px;\n background: ${(props) => props.$background};\n`;\n\nconst DownloadApp: React.FC<{}> = ({}) => {\n return (\n <Wrapper>\n <Header>\n <h3>\n Get{\" \"}\n <span style={{ color: \"#D8EE4F\" }}>\n SELF<sup style={{ fontSize: \"0.5rem\" }}>&trade;</sup>\n </span>\n </h3>\n <p>Available to download now:</p>\n </Header>\n <Footer>\n <Box $background=\"white\">\n <CheckerLogoBlack width=\"2rem\" height=\"1rem\" />\n </Box>\n <Box $background=\"black\">\n <CheckerLogoWhite width=\"2rem\" height=\"1rem\" />\n </Box>\n <AppleAppStore\n width=\"8rem\"\n height=\"2.5rem\"\n onClick={() => console.log(`TODO: Update with iOS App URL`)}\n style={{ cursor: \"pointer\" }}\n />\n <GooglePlayStore\n width=\"8rem\"\n height=\"2.5rem\"\n onClick={() => console.log(`TODO: Update with Google Play URL`)}\n style={{ cursor: \"pointer\" }}\n />\n </Footer>\n </Wrapper>\n );\n};\n\nexport default DownloadApp;\n","import React from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { CircleLogoWhite } from \"../../icons\";\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #3d414c;\n border-radius: 16px;\n padding: 3rem 6rem;\n\n @media (max-width: 767px) {\n border: none;\n }\n`;\n\nconst Header = styled.h1`\n color: white;\n font-size: 2rem;\n white-space: nowrap;\n`;\n\nconst SuccessMessage = styled.p`\n color: white;\n font-size: 4rem;\n margin-top: 2rem;\n`;\n\nconst Success: React.FC<{}> = () => {\n return (\n <Wrapper>\n <CircleLogoWhite width=\"4rem\" height=\"4rem\" />\n <Header>\n Sign in with your{\" \"}\n <span style={{ color: \"#D8EE4F\" }}>\n SELF<sup style={{ fontSize: \"1rem\" }}>&trade;</sup>\n </span>\n </Header>\n <SuccessMessage>Success</SuccessMessage>\n </Wrapper>\n );\n};\n\nexport default Success;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yourself_id/siwys-react-js",
3
- "version": "0.0.23",
3
+ "version": "0.0.24-sapp-106-export-qr-code.0+2c83f39",
4
4
  "description": "A React component library",
5
5
  "repository": "https://github.com/selfidhq/siwys-js",
6
6
  "main": "dist/index.js",
@@ -50,5 +50,5 @@
50
50
  "resolutions": {
51
51
  "styled-components": "^6"
52
52
  },
53
- "gitHead": "146ce239d67fcd8ba595a13bb4f01d21e6f2c17e"
53
+ "gitHead": "2c83f391ceabdf5f040080db2d8f5be2b532d211"
54
54
  }