@yourself_id/siwys-react-js 0.0.18-switch-to-npm.22

package/dist/index.mjs

@@ -0,0 +1,1001 @@
+// src/components/button/SignInButton.tsx
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_destructuring_empty(o) {
+    if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
+    return o;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\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  ",
+        "\n\n  ",
+        "\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin-left: 0.5rem;\n"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\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"
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n  color: white;\n  font-size: 2rem;\n  white-space: nowrap;\n"
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n  margin-top: 3rem;\n"
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 212px;\n  height: 212px;\n\n  & > svg {\n    animation: ",
+        " 2s linear infinite;\n    transform-origin: center;\n  }\n"
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\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"
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n  display: flex;\n  justify-content: space-between;\n  color: white;\n  white-space: nowrap;\n"
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        "\n  display: flex;\n  justify-content: space-evenly;\n  align-items: flex-end;\n  gap: 0.5rem;\n  margin-top: 1rem;\n"
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject10() {
+    var data = _tagged_template_literal([
+        "\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: ",
+        ";\n"
+    ]);
+    _templateObject10 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject11() {
+    var data = _tagged_template_literal([
+        "\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"
+    ]);
+    _templateObject11 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject12() {
+    var data = _tagged_template_literal([
+        "\n  color: white;\n  font-size: 2rem;\n  white-space: nowrap;\n"
+    ]);
+    _templateObject12 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject13() {
+    var data = _tagged_template_literal([
+        "\n  color: white;\n  font-size: 4rem;\n  margin-top: 2rem;\n"
+    ]);
+    _templateObject13 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject14() {
+    var data = _tagged_template_literal([
+        "\n  * {\n    margin: 0;\n    padding: 0;\n  }\n"
+    ]);
+    _templateObject14 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject15() {
+    var data = _tagged_template_literal([
+        "\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"
+    ]);
+    _templateObject15 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject16() {
+    var data = _tagged_template_literal([
+        "\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"
+    ]);
+    _templateObject16 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject17() {
+    var data = _tagged_template_literal([
+        "\n  display: flex;\n  flex-direction: column;\n  color: white;\n  padding: 2rem 5rem;\n  @media (max-width: 767px) {\n    padding: 0;\n  }\n"
+    ]);
+    _templateObject17 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject18() {
+    var data = _tagged_template_literal([
+        "\n  margin-bottom: 2rem;\n"
+    ]);
+    _templateObject18 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject19() {
+    var data = _tagged_template_literal([
+        "\n  list-style: decimal;\n  line-height: 2rem;\n  padding-left: 1.5rem;\n  font-weight: 500;\n"
+    ]);
+    _templateObject19 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import React12, { useMemo } from "react";
+// src/components/button/Button.tsx
+import React from "react";
+import styled from "styled-components";
+var StyledButton = styled.button(_templateObject(), function(props) {
+    if (props.$glow) {
+        return "\n        &:hover {\n          box-shadow: 0px 0px 42px rgba(255, 255, 255, 0.5);\n        }\n      ";
+    }
+}, function(props) {
+    if (props.$colorTheme === "light") {
+        return "\n        background: white;\n        color: black;\n      ";
+    } else if (props.$colorTheme === "dark") {
+        return "\n        background: black;\n        color: white;\n      ";
+    } else if (props.$colorTheme === "blue") {
+        return "\n        background: #ACC2FE;\n        color: black;\n      ";
+    } else {
+        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      ";
+    }
+});
+var Button = function(param) {
+    var children = param.children, onClick = param.onClick, className = param.className, colorTheme = param.colorTheme, glow = param.glow;
+    return /* @__PURE__ */ React.createElement(StyledButton, {
+        type: "button",
+        role: "button",
+        className: className,
+        onClick: onClick,
+        $colorTheme: colorTheme,
+        $glow: glow
+    }, children);
+};
+var Button_default = Button;
+// src/icons/AppleAppStore.tsx
+import * as React2 from "react";
+var SvgAppleAppStore = function(props) {
+    return /* @__PURE__ */ React2.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 105 36"
+    }, props), /* @__PURE__ */ React2.createElement("g", {
+        clipPath: "url(#apple_app_store_svg__a)"
+    }, /* @__PURE__ */ React2.createElement("path", {
+        fill: "#A8B1BD",
+        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"
+    }), /* @__PURE__ */ React2.createElement("path", {
+        fill: "#000",
+        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"
+    }), /* @__PURE__ */ React2.createElement("path", {
+        fill: "#fff",
+        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"
+    })), /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("clipPath", {
+        id: "apple_app_store_svg__a"
+    }, /* @__PURE__ */ React2.createElement("path", {
+        fill: "#fff",
+        d: "M0 .86h105v35H0z"
+    }))));
+};
+var AppleAppStore_default = SvgAppleAppStore;
+// src/icons/CheckerLogoBlack.tsx
+import * as React3 from "react";
+var SvgCheckerLogoBlack = function(props) {
+    return /* @__PURE__ */ React3.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 61 30"
+    }, props), /* @__PURE__ */ React3.createElement("g", {
+        clipPath: "url(#checker_logo_black_svg__a)"
+    }, /* @__PURE__ */ React3.createElement("path", {
+        fill: "#000",
+        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"
+    })), /* @__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"
+    }))));
+};
+var CheckerLogoBlack_default = SvgCheckerLogoBlack;
+// src/icons/CheckerLogoWhite.tsx
+import * as React4 from "react";
+var SvgCheckerLogoWhite = function(props) {
+    return /* @__PURE__ */ React4.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 61 30"
+    }, props), /* @__PURE__ */ React4.createElement("g", {
+        clipPath: "url(#checker_logo_white_svg__a)"
+    }, /* @__PURE__ */ React4.createElement("path", {
+        fill: "#fff",
+        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"
+    })), /* @__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"
+    }))));
+};
+var CheckerLogoWhite_default = SvgCheckerLogoWhite;
+// src/icons/CircleLogoBlack.tsx
+import * as React5 from "react";
+var SvgCircleLogoBlack = function(props) {
+    return /* @__PURE__ */ React5.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 25 25"
+    }, props), /* @__PURE__ */ React5.createElement("circle", {
+        cx: 12.402,
+        cy: 12.025,
+        r: 9.62,
+        stroke: "#000",
+        strokeWidth: 4.81
+    }));
+};
+var CircleLogoBlack_default = SvgCircleLogoBlack;
+// src/icons/CircleLogoWhite.tsx
+import * as React6 from "react";
+var SvgCircleLogoWhite = function(props) {
+    return /* @__PURE__ */ React6.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 64 63"
+    }, props), /* @__PURE__ */ React6.createElement("g", {
+        filter: "url(#circle_logo_white_svg__a)"
+    }, /* @__PURE__ */ React6.createElement("circle", {
+        cx: 32,
+        cy: 31.5,
+        r: 19.191,
+        stroke: "#fff",
+        strokeWidth: 9.62,
+        shapeRendering: "crispEdges"
+    })), /* @__PURE__ */ React6.createElement("g", {
+        filter: "url(#circle_logo_white_svg__b)"
+    }, /* @__PURE__ */ React6.createElement("circle", {
+        cx: 31.998,
+        cy: 31.5,
+        r: 15.341,
+        stroke: "#fff",
+        strokeWidth: 0.495
+    })), /* @__PURE__ */ React6.createElement("defs", null, /* @__PURE__ */ React6.createElement("filter", {
+        id: "circle_logo_white_svg__a",
+        width: 62.85,
+        height: 62.85,
+        x: 0.575,
+        y: 0.075,
+        colorInterpolationFilters: "sRGB",
+        filterUnits: "userSpaceOnUse"
+    }, /* @__PURE__ */ React6.createElement("feFlood", {
+        floodOpacity: 0,
+        result: "BackgroundImageFix"
+    }), /* @__PURE__ */ React6.createElement("feColorMatrix", {
+        in: "SourceAlpha",
+        result: "hardAlpha",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+    }), /* @__PURE__ */ React6.createElement("feOffset", null), /* @__PURE__ */ React6.createElement("feGaussianBlur", {
+        stdDeviation: 3.712
+    }), /* @__PURE__ */ React6.createElement("feComposite", {
+        in2: "hardAlpha",
+        operator: "out"
+    }), /* @__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"
+    }), /* @__PURE__ */ React6.createElement("feBlend", {
+        in2: "BackgroundImageFix",
+        result: "effect1_dropShadow_1266_38"
+    }), /* @__PURE__ */ React6.createElement("feBlend", {
+        in: "SourceGraphic",
+        in2: "effect1_dropShadow_1266_38",
+        result: "shape"
+    })), /* @__PURE__ */ React6.createElement("filter", {
+        id: "circle_logo_white_svg__b",
+        width: 48.993,
+        height: 48.993,
+        x: 7.501,
+        y: 7.003,
+        colorInterpolationFilters: "sRGB",
+        filterUnits: "userSpaceOnUse"
+    }, /* @__PURE__ */ React6.createElement("feFlood", {
+        floodOpacity: 0,
+        result: "BackgroundImageFix"
+    }), /* @__PURE__ */ React6.createElement("feColorMatrix", {
+        in: "SourceAlpha",
+        result: "hardAlpha",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+    }), /* @__PURE__ */ React6.createElement("feMorphology", {
+        in: "SourceAlpha",
+        operator: "dilate",
+        radius: 3.959,
+        result: "effect1_dropShadow_1266_38"
+    }), /* @__PURE__ */ React6.createElement("feOffset", null), /* @__PURE__ */ React6.createElement("feGaussianBlur", {
+        stdDeviation: 2.474
+    }), /* @__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"
+    }), /* @__PURE__ */ React6.createElement("feBlend", {
+        in2: "BackgroundImageFix",
+        result: "effect1_dropShadow_1266_38"
+    }), /* @__PURE__ */ React6.createElement("feBlend", {
+        in: "SourceGraphic",
+        in2: "effect1_dropShadow_1266_38",
+        result: "shape"
+    }))));
+};
+var CircleLogoWhite_default = SvgCircleLogoWhite;
+// src/icons/GooglePlayStore.tsx
+import * as React7 from "react";
+var SvgGooglePlayStore = function(props) {
+    return /* @__PURE__ */ React7.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 120 36"
+    }, props), /* @__PURE__ */ React7.createElement("g", {
+        clipPath: "url(#google_play_store_svg__a)"
+    }, /* @__PURE__ */ React7.createElement("path", {
+        fill: "#000",
+        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"
+    }), /* @__PURE__ */ React7.createElement("path", {
+        fill: "#A8B1BD",
+        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"
+    }), /* @__PURE__ */ React7.createElement("path", {
+        fill: "#fff",
+        stroke: "#fff",
+        strokeMiterlimit: 10,
+        strokeWidth: 0.176,
+        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"
+    }), /* @__PURE__ */ React7.createElement("path", {
+        fill: "#fff",
+        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"
+    }), /* @__PURE__ */ React7.createElement("path", {
+        fill: "#E82929",
+        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"
+    }), /* @__PURE__ */ React7.createElement("path", {
+        fill: "#DDB21B",
+        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"
+    }), /* @__PURE__ */ React7.createElement("path", {
+        fill: "#4285F4",
+        d: "M8.882 8.905a2.7 2.7 0 0 0-.089.653V27.17c0 .23.027.441.089.653l9.71-9.711z"
+    }), /* @__PURE__ */ React7.createElement("path", {
+        fill: "#20B05A",
+        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"
+    })), /* @__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"
+    }))));
+};
+var GooglePlayStore_default = SvgGooglePlayStore;
+// src/icons/QrCodeLoading.tsx
+import * as React8 from "react";
+var SvgQrCodeLoading = function(props) {
+    return /* @__PURE__ */ React8.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 32 32"
+    }, props), /* @__PURE__ */ React8.createElement("path", {
+        fill: "#83A1F1",
+        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"
+    }));
+};
+var QrCodeLoading_default = SvgQrCodeLoading;
+// src/icons/QrCodeLogo.tsx
+import * as React9 from "react";
+var SvgQrCodeLogo = function(props) {
+    return /* @__PURE__ */ React9.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 83 19"
+    }, props), /* @__PURE__ */ React9.createElement("path", {
+        fill: "#000",
+        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"
+    }));
+};
+var QrCodeLogo_default = SvgQrCodeLogo;
+// src/icons/SelfTextLogoBlack.tsx
+import * as React10 from "react";
+var SvgSelfTextLogoBlack = function(props) {
+    return /* @__PURE__ */ React10.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 70 14"
+    }, props), /* @__PURE__ */ React10.createElement("path", {
+        fill: "#000",
+        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"
+    }));
+};
+var SelfTextLogoBlack_default = SvgSelfTextLogoBlack;
+// src/icons/SelfTextLogoWhite.tsx
+import * as React11 from "react";
+var SvgSelfTextLogoWhite = function(props) {
+    return /* @__PURE__ */ React11.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 70 14"
+    }, props), /* @__PURE__ */ React11.createElement("path", {
+        fill: "#fff",
+        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"
+    }));
+};
+var SelfTextLogoWhite_default = SvgSelfTextLogoWhite;
+// src/components/button/SignInButton.tsx
+import styled2 from "styled-components";
+var SignInMessage = styled2.span(_templateObject1());
+var Button2 = function(_param) {
+    var type = _param.type, rest = _object_without_properties(_param, [
+        "type"
+    ]);
+    var colorTheme = rest.colorTheme;
+    var darkModeEnabled = useMemo(function() {
+        return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+    }, []);
+    var showBlackIcons = colorTheme === "light" || colorTheme === "blue" || !colorTheme && !darkModeEnabled;
+    var label = type === "signIn" ? "Sign in with your" : "Connect your";
+    return /* @__PURE__ */ React12.createElement(Button_default, _object_spread({}, 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"
+    })));
+};
+var ConnectButton = function(_param) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ React12.createElement(Button2, _object_spread({
+        type: "connect"
+    }, props));
+};
+var SignInButton = function(_param) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ React12.createElement(Button2, _object_spread({
+        type: "signIn"
+    }, props));
+};
+// src/components/signin/SignInWithYourSelf.tsx
+import React16, { useEffect as useEffect2, useState as useState2 } from "react";
+import styled6 from "styled-components";
+// src/components/signin/Challenge.tsx
+import React13 from "react";
+import { createRoot } from "react-dom/client";
+import { flushSync } from "react-dom";
+import styled3, { keyframes } from "styled-components";
+import { QRCodeSVG } from "qrcode.react";
+var Wrapper = styled3.div(_templateObject2());
+var Header = styled3.h1(_templateObject3());
+var StyledButton2 = styled3(SignInButton)(_templateObject4());
+var rotate = keyframes(_templateObject5());
+var LoadingIcon = styled3.div(_templateObject6(), rotate);
+var convertNodeToString = function(node) {
+    var div = document.createElement("div");
+    var root = createRoot(div);
+    flushSync(function() {
+        root.render(node);
+    });
+    return div.innerHTML;
+};
+var qrCodeLogoDataUrl = "data:image/svg+xml," + encodeURIComponent(convertNodeToString(/* @__PURE__ */ React13.createElement(QrCodeLogo_default, {
+    height: 20,
+    width: 82
+})));
+var Challenge = function(param) {
+    var challengeUrl = param.challengeUrl;
+    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(QRCodeSVG, {
+        value: challengeUrl,
+        size: 212,
+        level: "M",
+        style: {
+            marginTop: "3rem",
+            borderRadius: "16px"
+        },
+        marginSize: 3,
+        imageSettings: {
+            src: qrCodeLogoDataUrl,
+            height: 24,
+            width: 104,
+            excavate: true
+        }
+    }), /* @__PURE__ */ React13.createElement(StyledButton2, {
+        colorTheme: "blue",
+        onClick: function() {
+            return console.log("Open SELF App");
+        },
+        glow: true
+    }));
+};
+var Challenge_default = Challenge;
+// src/components/signin/DownloadApp.tsx
+import React14 from "react";
+import styled4 from "styled-components";
+var Wrapper2 = styled4.div(_templateObject7());
+var Header2 = styled4.div(_templateObject8());
+var Footer = styled4.div(_templateObject9());
+var Box = styled4.div(_templateObject10(), function(props) {
+    return props.$background;
+});
+var DownloadApp = function(param) {
+    var ref = _object_destructuring_empty(param);
+    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(AppleAppStore_default, {
+        width: "8rem",
+        height: "2.5rem",
+        onClick: function() {
+            return console.log("TODO: Update with iOS App URL");
+        },
+        style: {
+            cursor: "pointer"
+        }
+    }), /* @__PURE__ */ React14.createElement(GooglePlayStore_default, {
+        width: "8rem",
+        height: "2.5rem",
+        onClick: function() {
+            return console.log("TODO: Update with Google Play URL");
+        },
+        style: {
+            cursor: "pointer"
+        }
+    })));
+};
+var DownloadApp_default = DownloadApp;
+// src/components/signin/SignInWithYourSelf.tsx
+import { createGlobalStyle } from "styled-components";
+// src/components/signin/Success.tsx
+import React15 from "react";
+import styled5 from "styled-components";
+var Wrapper3 = styled5.div(_templateObject11());
+var Header3 = styled5.h1(_templateObject12());
+var SuccessMessage = styled5.p(_templateObject13());
+var Success = function() {
+    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"));
+};
+var Success_default = Success;
+// src/components/signin/SignInWithYourSelf.tsx
+var GlobalStyle = createGlobalStyle(_templateObject14());
+var Wrapper4 = styled6.div(_templateObject15());
+var ModalWrapper = styled6.div(_templateObject16());
+var InstructionsWrapper = styled6.div(_templateObject17());
+var InstructionsSet = styled6.div(_templateObject18());
+var List = styled6.ol(_templateObject19());
+var SignInWithYourSelf = function(param) {
+    var createChallengeUrl = param.createChallengeUrl, checkAuthUrl = param.checkAuthUrl;
+    var _useState2 = _sliced_to_array(useState2(""), 2), challengeDid = _useState2[0], setChallengeDid = _useState2[1];
+    var _useState21 = _sliced_to_array(useState2(""), 2), challengeUrl = _useState21[0], setChallengeUrl = _useState21[1];
+    var _useState22 = _sliced_to_array(useState2(false), 2), isAuthenticated = _useState22[0], setIsAuthenticated = _useState22[1];
+    useEffect2(function() {
+        fetch(createChallengeUrl, {
+            method: "POST"
+        }).then(function(resp) {
+            return resp.json();
+        }).then(function(json) {
+            console.debug("Create challenge response:", json);
+            setChallengeDid(json.challenge);
+            setChallengeUrl(json.challengeUrl);
+        });
+    }, []);
+    useEffect2(function() {
+        if (!challengeDid || isAuthenticated) return;
+        var interval = setInterval(/*#__PURE__*/ _async_to_generator(function() {
+            return _ts_generator(this, function(_state) {
+                fetch(checkAuthUrl + "?challenge=".concat(challengeDid)).then(function(resp) {
+                    if (resp.status === 200) {
+                        return resp.json();
+                    }
+                    return {
+                        match: false
+                    };
+                }).then(function(json) {
+                    if (json.match) {
+                        console.log("Check auth response:", json);
+                        setIsAuthenticated(json.match);
+                    }
+                }).catch(function() {});
+                return [
+                    2
+                ];
+            });
+        }), 5e3);
+        return function() {
+            clearInterval(interval);
+        };
+    }, [
+        challengeDid,
+        isAuthenticated
+    ]);
+    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: 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)))));
+};
+var SignInWithYourSelf_default = SignInWithYourSelf;
+export { ConnectButton, SignInButton, SignInWithYourSelf_default as SignInWithYouSelf };
+//# sourceMappingURL=index.mjs.map