@burnt-labs/abstraxion 0.0.1-alpha.1

package/dist/main.js

@@ -0,0 +1,1125 @@
+var $8zHUo$reactjsxruntime = require("react/jsx-runtime");
+var $8zHUo$react = require("react");
+var $8zHUo$graz = require("graz");
+var $8zHUo$stytchreact = require("@stytch/react");
+var $8zHUo$apolloclient = require("@apollo/client");
+var $8zHUo$styledcomponents = require("styled-components");
+var $8zHUo$reactpininput = require("react-pin-input");
+var $8zHUo$stytchvanillajs = require("@stytch/vanilla-js");
+var $8zHUo$grazdistcosmjs = require("graz/dist/cosmjs");
+var $8zHUo$burntlabsabstractsigners = require("@burnt-labs/abstract-signers");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+$parcel$export(module.exports, "Abstraxion", () => $48cebc9c8153b310$export$7623e21b9721522e);
+$parcel$export(module.exports, "AbstraxionProvider", () => $48cebc9c8153b310$export$b49560c6340d7499);
+$parcel$export(module.exports, "useAbstraxionAccount", () => $8253037134647552$export$d6717fe814f1a6da);
+$parcel$export(module.exports, "useAbstraxionSigningClient", () => $9b22f0a1f3460f8c$export$78e6fbad821288ed);
+
+
+
+
+
+
+
+const $db7520b0c9ed95b0$var$CloseSvg = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).svg.withConfig({
+    componentId: "sc-1r5d3ey-0"
+})([
+    "height:20px;width:20px;"
+]);
+const $db7520b0c9ed95b0$export$cae179f078f4b4a4 = ({ className: className })=>{
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)($db7520b0c9ed95b0$var$CloseSvg, {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "black",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("path", {
+                d: "M18 6 6 18"
+            }),
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("path", {
+                d: "m6 6 12 12"
+            })
+        ]
+    });
+};
+
+
+
+
+
+
+const $da400face81accc1$export$2d5d2ba3c7c8c40b = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).button.withConfig({
+    componentId: "sc-12l4kfi-0"
+})([
+    "font-size:14px;font-weight:700;padding:14px 20px;border-radius:5px;border:none;cursor:pointer;&:hover{opacity:0.7;}",
+    " ",
+    ""
+], (props)=>props.$fullwidth && (0, $8zHUo$styledcomponents.css)([
+        "width:100%;"
+    ]), ({ $structure: $structure, $theme: $theme, disabled: disabled })=>{
+    // The disabled prop overrides the $theme prop and gives buttons a greyed-out look.
+    if (disabled) return (0, $8zHUo$styledcomponents.css)([
+        "pointer-events:none;",
+        " ",
+        " ",
+        ""
+    ], $structure === "base" && // disabled & base
+    (0, $8zHUo$styledcomponents.css)([
+        "background-color:#bdbdbd;color:#fff;"
+    ]), $structure === "outlined" && // disabled & outlined
+    (0, $8zHUo$styledcomponents.css)([
+        "background-color:transparent;border:1px solid #bdbdbd;color:#bdbdbd;"
+    ]), $structure === "naked" && // disabled & naked
+    (0, $8zHUo$styledcomponents.css)([
+        "color:#bdbdbd;"
+    ]));
+    if ($structure === "outlined") {
+        if ($theme === "primary") // outlined & primary
+        return (0, $8zHUo$styledcomponents.css)([
+            "border:1px solid #01000a;background-color:transparent;"
+        ]);
+        else if ($theme === "secondary") // outlined & secondary
+        return (0, $8zHUo$styledcomponents.css)([
+            "border:1px solid #00000033;background-color:transparent;color:black;"
+        ]);
+        else if ($theme === "destructive") // outlined & destructive
+        return (0, $8zHUo$styledcomponents.css)([
+            "border:1px solid #ff4136;background-color:transparent;color:#ff4136;"
+        ]);
+    } else if ($structure === "naked") {
+        if ($theme === "primary") // naked & primary
+        return (0, $8zHUo$styledcomponents.css)([
+            "border:none;background-color:inherit;color:black;text-decoration:underline;font-weight:400;"
+        ]);
+        else if ($theme === "secondary") // naked & secondary
+        return (0, $8zHUo$styledcomponents.css)([
+            "border:none;background-color:transparent;color:#00000033;"
+        ]);
+        else if ($theme === "destructive") // naked & destructive
+        return (0, $8zHUo$styledcomponents.css)([
+            "border:none;background-color:transparent;color:#ff4136;"
+        ]);
+    } else {
+        // base
+        if ($theme === "primary") // base & primary
+        return (0, $8zHUo$styledcomponents.css)([
+            "background-color:#01000a;color:white;"
+        ]);
+        else if ($theme === "secondary") // base & secondary
+        return (0, $8zHUo$styledcomponents.css)([
+            "background-color:#f0f0f0;"
+        ]);
+        else if ($theme === "destructive") // base & destructive
+        return (0, $8zHUo$styledcomponents.css)([
+            "background-color:#ff4136;color:white;"
+        ]);
+    }
+});
+
+
+const $d9dd93c5f3fbc1f7$export$353f5b6fc5456de1 = ({ structure: structure = "base", theme: theme = "primary", fullwidth: fullwidth = false, disabled: disabled = false, onClick: onClick, children: children, style: style })=>{
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $da400face81accc1$export$2d5d2ba3c7c8c40b), {
+        disabled: disabled,
+        onClick: onClick,
+        $structure: structure,
+        $theme: theme,
+        $fullwidth: fullwidth,
+        style: style,
+        children: children
+    });
+};
+
+
+
+const $6cbec8dd895efec9$export$e3d48f88b07b12f5 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-ydvlg3-0"
+})([
+    "display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:2rem;gap:1rem;"
+]);
+const $6cbec8dd895efec9$export$dd1282f862e2055a = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).h1.withConfig({
+    componentId: "sc-ydvlg3-1"
+})([
+    "color:black;font-size:32px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-0.96px;text-transform:uppercase;"
+]);
+const $6cbec8dd895efec9$export$a4fdd701a4280948 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).h1.withConfig({
+    componentId: "sc-ydvlg3-2"
+})([
+    "color:#6c6a6a;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-0.14px;"
+]);
+const $6cbec8dd895efec9$export$f9805d60e5ffbd25 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).p.withConfig({
+    componentId: "sc-ydvlg3-3"
+})([
+    "color:#6c6a6a;opacity:60%;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-0.14px;"
+]);
+
+
+
+
+const $0584e7e581a05238$export$b73cf336ef9f46b0 = /*#__PURE__*/ (0, $8zHUo$react.createContext)({});
+const $0584e7e581a05238$export$94738ca1d1a3ac6d = ({ children: children })=>{
+    const [connectionType, setConnectionType] = (0, $8zHUo$react.useState)("none");
+    const [abstractAccount, setAbstractAccount] = (0, $8zHUo$react.useState)(undefined);
+    const [abstraxionError, setAbstraxionError] = (0, $8zHUo$react.useState)("");
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)($0584e7e581a05238$export$b73cf336ef9f46b0.Provider, {
+        value: {
+            connectionType: connectionType,
+            setConnectionType: setConnectionType,
+            abstractAccount: abstractAccount,
+            setAbstractAccount: setAbstractAccount,
+            abstraxionError: abstraxionError,
+            setAbstraxionError: setAbstraxionError
+        },
+        children: children
+    });
+};
+
+
+const $12f76906ffa65343$export$d56b0569bceb92ae = ({ message: message, onClose: onClose })=>{
+    const { setAbstraxionError: setAbstraxionError } = (0, $8zHUo$react.useContext)((0, $0584e7e581a05238$export$b73cf336ef9f46b0));
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $6cbec8dd895efec9$export$e3d48f88b07b12f5), {
+        children: [
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $6cbec8dd895efec9$export$dd1282f862e2055a), {
+                children: "Uh oh."
+            }),
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $6cbec8dd895efec9$export$a4fdd701a4280948), {
+                children: "Something went wrong."
+            }),
+            message && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $6cbec8dd895efec9$export$f9805d60e5ffbd25), {
+                children: message
+            }),
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $d9dd93c5f3fbc1f7$export$353f5b6fc5456de1), {
+                structure: "outlined",
+                theme: "secondary",
+                fullwidth: true,
+                onClick: ()=>{
+                    onClose();
+                    setAbstraxionError("");
+                },
+                children: "Dismiss"
+            })
+        ]
+    });
+};
+
+
+
+
+const $f7d0d4a08cf217d9$export$3a45b3deef0778be = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-664vob-0"
+})([
+    "display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(2px);"
+]);
+const $f7d0d4a08cf217d9$export$2baf58024285a14c = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-664vob-1"
+})([
+    "position:relative;width:100%;max-width:465px;background:white;color:black;"
+]);
+const $f7d0d4a08cf217d9$export$f55c3db6ddec6d02 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).button.withConfig({
+    componentId: "sc-664vob-2"
+})([
+    "padding:0.5rem;border-radius:8px;position:absolute;top:1rem;right:1rem;z-index:999;border:none;display:flex;align-items:center;justify-content:center;background-color:transparent;cursor:pointer;&:hover{background-color:#fafafa;}"
+]);
+const $f7d0d4a08cf217d9$export$57142b04d9e3944c = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-664vob-3"
+})([
+    "width:100%;height:100%;display:inline-flex;padding:40px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:50px;"
+]);
+const $f7d0d4a08cf217d9$export$c3f823b2b7f71b6c = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).h1.withConfig({
+    componentId: "sc-664vob-4"
+})([
+    "font-size:24px;font-weight:700;margin-bottom:12px;line-height:28px;"
+]);
+const $f7d0d4a08cf217d9$export$f3145f7fe860d62b = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).h2.withConfig({
+    componentId: "sc-664vob-5"
+})([
+    "font-size:16px;font-weight:400;margin-bottom:12px;line-height:24px;"
+]);
+const $f7d0d4a08cf217d9$export$c5b7fb08338d9b33 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).h1.withConfig({
+    componentId: "sc-664vob-6"
+})([
+    'display:flex;flex-direction:row;font-size:12px;font-weight:500;width:100%;color:rgba(0,0,0,0.5);&:before,&:after{content:"";flex:1 1;border-bottom:1px solid rgba(0,0,0,0.1);margin:auto;}&:before{margin-right:20px;}&:after{margin-left:20px;}'
+]);
+const $f7d0d4a08cf217d9$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-664vob-7"
+})([
+    "display:flex;align-items:center;width:100%;gap:1rem;"
+]);
+const $f7d0d4a08cf217d9$export$dff4827a2e9bcd71 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).p.withConfig({
+    componentId: "sc-664vob-8"
+})([
+    "font-size:11px;line-height:16px;color:#a6a6a6;"
+]);
+const $f7d0d4a08cf217d9$export$3c9884e35bbfb1c9 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).a.withConfig({
+    componentId: "sc-664vob-9"
+})([
+    "color:black;text-decoration:none;&:hover{text-decoration:underline;}"
+]);
+const $f7d0d4a08cf217d9$export$2b556955fae2f624 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-664vob-10"
+})([
+    "width:100%;height:100%;display:flex;align-items:center;justify-content:center;"
+]);
+
+
+
+const $955915532c7140b2$export$7f7cbe89f1eacd2 = ()=>{
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "3rem",
+        height: "3rem",
+        viewBox: "0 0 100 100",
+        preserveAspectRatio: "xMidYMid",
+        children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("circle", {
+            cx: "50",
+            cy: "50",
+            fill: "none",
+            stroke: "#0a0a0a",
+            strokeWidth: "8",
+            r: "35",
+            strokeDasharray: "164.93361431346415 56.97787143782138",
+            children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("animateTransform", {
+                attributeName: "transform",
+                type: "rotate",
+                repeatCount: "indefinite",
+                dur: "1.25s",
+                values: "0 50 50;360 50 50",
+                keyTimes: "0;1"
+            })
+        })
+    });
+};
+
+
+const $4e401ff008868fb1$export$fcbc8ef838a7ca2a = ()=>{
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $f7d0d4a08cf217d9$export$57142b04d9e3944c), {
+        children: [
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$c3f823b2b7f71b6c), {
+                        children: "Let's go"
+                    }),
+                    /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$f3145f7fe860d62b), {
+                        children: "Starting your journey..."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$2b556955fae2f624), {
+                children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $955915532c7140b2$export$7f7cbe89f1eacd2), {})
+            })
+        ]
+    });
+};
+
+
+
+
+
+
+
+
+
+
+
+const $ceca9b2af98b0c95$export$24959d1cf524e21e = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-19qbcde-0"
+})([
+    "width:100%;height:100%;display:inline-flex;padding:40px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:30px;"
+]);
+const $ceca9b2af98b0c95$export$b97d6b58b4bed532 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-19qbcde-1"
+})([
+    "display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;gap:1rem;"
+]);
+const $ceca9b2af98b0c95$export$c14550826a96138d = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-19qbcde-2"
+})([
+    "display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:1rem;max-height:250px;overflow:scroll;"
+]);
+const $ceca9b2af98b0c95$export$dde344fa38e1a334 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).h2.withConfig({
+    componentId: "sc-19qbcde-3"
+})([
+    "font-size:16px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-0.16px;"
+]);
+const $ceca9b2af98b0c95$export$2528756baaccf436 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-19qbcde-4"
+})([
+    "display:flex;padding:1rem;border-radius:8px;background:#fafafa;align-items:center;width:100%;gap:1rem;",
+    ""
+], (props)=>props.$selected && (0, $8zHUo$styledcomponents.css)([
+        "border:1.5px solid black;"
+    ]));
+const $ceca9b2af98b0c95$export$ba2cca49c1fdb2e7 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-19qbcde-5"
+})([
+    "display:flex;flex-direction:column;gap:5px;"
+]);
+const $ceca9b2af98b0c95$export$cb9c7572ce233849 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).h1.withConfig({
+    componentId: "sc-19qbcde-6"
+})([
+    "font-size:14px;font-weight:700;color:black;"
+]);
+const $ceca9b2af98b0c95$export$616b2cea969b4f5b = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).h1.withConfig({
+    componentId: "sc-19qbcde-7"
+})([
+    "font-size:12px;font-weight:400;color:#6c6a6a;"
+]);
+
+
+
+
+
+
+
+const $8253037134647552$export$d6717fe814f1a6da = ()=>{
+    const { session: session } = (0, $8zHUo$stytchreact.useStytchSession)();
+    const { data: data, isConnected: isConnected, isConnecting: isConnecting, isReconnecting: isReconnecting } = (0, $8zHUo$graz.useAccount)();
+    const { connectionType: connectionType, setConnectionType: setConnectionType, abstractAccount: abstractAccount } = (0, $8zHUo$react.useContext)((0, $0584e7e581a05238$export$b73cf336ef9f46b0));
+    (0, $8zHUo$react.useEffect)(()=>{
+        const refreshConnectionType = ()=>{
+            if (session) setConnectionType("stytch");
+            else if (data) setConnectionType("graz");
+        };
+        if (connectionType === "none") refreshConnectionType();
+    }, [
+        session,
+        data
+    ]);
+    switch(connectionType){
+        case "stytch":
+            return {
+                data: {
+                    ...abstractAccount,
+                    bech32Address: abstractAccount?.id
+                },
+                isConnected: !!session
+            };
+        case "graz":
+            return {
+                data: data,
+                isConnected: isConnected,
+                isConnecting: isConnecting,
+                isReconnecting: isReconnecting
+            };
+        default:
+            return {
+                data: undefined,
+                isConnected: false
+            };
+    }
+};
+
+
+function $66b494751fd65daa$export$cd8822fabcdefd67(address) {
+    if (!address) return "";
+    return address.slice(0, 8) + "..." + address.slice(address.length - 4, address.length);
+}
+
+
+
+const $dcd0906c9c15647f$export$e5ca334ad04deaa4 = (0, $8zHUo$apolloclient.gql)`
+  fragment SmartAccountFragment on SmartAccountAuthenticator {
+    id
+    type
+    authenticator
+    authenticatorIndex
+    version
+  }
+`;
+const $dcd0906c9c15647f$export$e8c9e309e360320d = (0, $8zHUo$apolloclient.gql)`
+  ${$dcd0906c9c15647f$export$e5ca334ad04deaa4}
+  query ($authenticator: String!) {
+    smartAccounts(
+      filter: {
+        authenticators: { some: { authenticator: { equalTo: $authenticator } } }
+      }
+    ) {
+      nodes {
+        id
+        authenticators {
+          nodes {
+            ...SmartAccountFragment
+          }
+        }
+      }
+    }
+  }
+`;
+const $dcd0906c9c15647f$export$a1737fb1bf8d8022 = (0, $8zHUo$apolloclient.gql)`
+  ${$dcd0906c9c15647f$export$e5ca334ad04deaa4}
+  query ($id: String!) {
+    smartAccount(id: $id) {
+      id
+      latestAuthenticatorId
+      authenticators {
+        nodes {
+          ...SmartAccountFragment
+        }
+      }
+    }
+  }
+`;
+const $dcd0906c9c15647f$export$584bee8705d9f218 = (0, $8zHUo$apolloclient.gql)`
+  ${$dcd0906c9c15647f$export$e5ca334ad04deaa4}
+  query ($id: String!) {
+    smartAccounts(filter: { id: { equalTo: $id } }) {
+      nodes {
+        authenticators {
+          nodes {
+            ...SmartAccountFragment
+          }
+        }
+      }
+    }
+  }
+`;
+const $dcd0906c9c15647f$export$f5d2d3ca044e60b6 = (0, $8zHUo$apolloclient.gql)`
+  ${$dcd0906c9c15647f$export$e5ca334ad04deaa4}
+  query ($id: String!, $authenticator: String!) {
+    smartAccounts(
+      filter: {
+        id: { equalTo: $id }
+        authenticators: { some: { authenticator: { equalTo: $authenticator } } }
+      }
+    ) {
+      nodes {
+        authenticators {
+          nodes {
+            ...SmartAccountFragment
+          }
+        }
+      }
+    }
+  }
+`;
+const $dcd0906c9c15647f$export$ba4a5dfb874610e3 = (0, $8zHUo$apolloclient.gql)`
+  ${$dcd0906c9c15647f$export$e5ca334ad04deaa4}
+  query ($id: String!, $type: String!) {
+    smartAccounts(
+      filter: {
+        id: { equalTo: $id }
+        authenticators: { some: { type: { equalTo: $type } } }
+      }
+    ) {
+      nodes {
+        authenticators {
+          nodes {
+            ...SmartAccountFragment
+          }
+        }
+      }
+    }
+  }
+`;
+const $dcd0906c9c15647f$export$2e1622f171c08a50 = (0, $8zHUo$apolloclient.gql)`
+  ${$dcd0906c9c15647f$export$e5ca334ad04deaa4}
+  query ($id: String!, $type: String!, $authenticator: String!) {
+    smartAccounts(
+      filter: {
+        id: { equalTo: $id }
+        authenticators: {
+          some: {
+            authenticator: { equalTo: $authenticator }
+            type: { equalTo: $type }
+          }
+        }
+      }
+    ) {
+      nodes {
+        authenticators {
+          nodes {
+            ...SmartAccountFragment
+          }
+        }
+      }
+    }
+  }
+`;
+
+
+
+const $201c8b5e37adde79$export$90101a63b8c75f3e = ()=>{
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)("svg", {
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("rect", {
+                width: "48",
+                height: "48",
+                rx: "24",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("path", {
+                d: "M33.8947 30.8289V31.9342C33.8947 33.15 32.9 34.1447 31.6842 34.1447H16.2105C14.9837 34.1447 14 33.15 14 31.9342V16.4605C14 15.2447 14.9837 14.25 16.2105 14.25H31.6842C32.9 14.25 33.8947 15.2447 33.8947 16.4605V17.5658H23.9474C22.7205 17.5658 21.7368 18.5605 21.7368 19.7763V28.6184C21.7368 29.8342 22.7205 30.8289 23.9474 30.8289H33.8947ZM23.9474 28.6184H35V19.7763H23.9474V28.6184ZM28.3684 25.8553C27.4511 25.8553 26.7105 25.1147 26.7105 24.1974C26.7105 23.28 27.4511 22.5395 28.3684 22.5395C29.2858 22.5395 30.0263 23.28 30.0263 24.1974C30.0263 25.1147 29.2858 25.8553 28.3684 25.8553Z",
+                fill: "white"
+            })
+        ]
+    });
+};
+
+
+const $195efaaf99fc5ea5$export$4b898609373c6c7c = ()=>{
+    const { connectionType: connectionType, setConnectionType: setConnectionType, abstractAccount: abstractAccount, setAbstractAccount: setAbstractAccount, setAbstraxionError: setAbstraxionError } = (0, $8zHUo$react.useContext)((0, $0584e7e581a05238$export$b73cf336ef9f46b0));
+    const { user: user } = (0, $8zHUo$stytchreact.useStytchUser)();
+    const stytchClient = (0, $8zHUo$stytchreact.useStytch)();
+    const session_jwt = stytchClient.session.getTokens()?.session_jwt;
+    const session_token = stytchClient.session.getTokens()?.session_token;
+    const { disconnect: disconnect } = (0, $8zHUo$graz.useDisconnect)();
+    const { data: account } = (0, $8253037134647552$export$d6717fe814f1a6da)();
+    const { loading: loading, error: error, data: data, refetch: refetch } = (0, $8zHUo$apolloclient.useQuery)((0, $dcd0906c9c15647f$export$e8c9e309e360320d), {
+        variables: {
+            authenticator: `project-test-185e9a9f-8bab-42f2-a924-953a59e8ff94.${user?.user_id}`
+        }
+    });
+    const [isGeneratingNewWallet, setIsGeneratingNewWallet] = (0, $8zHUo$react.useState)(false);
+    if (error) {
+        setAbstraxionError(error.message);
+        return null;
+    }
+    const handleDisconnect = async ()=>{
+        if (connectionType === "stytch") await stytchClient.session.revoke();
+        else if (connectionType === "graz") disconnect();
+        setConnectionType("none");
+        setAbstractAccount(undefined);
+    };
+    const handleJwtAALoginOrCreate = async (session_jwt, session_token)=>{
+        try {
+            if (!session_jwt || !session_token) throw new Error("Missing token/jwt");
+            setIsGeneratingNewWallet(true);
+            const res = await fetch("https://burnt-abstraxion-api.onrender.com/api/v1/jwt-accounts/create", {
+                method: "POST",
+                headers: {
+                    "content-type": "application/json"
+                },
+                body: JSON.stringify({
+                    salt: Date.now().toString(),
+                    session_jwt: session_jwt,
+                    session_token: session_token
+                })
+            });
+            const body = await res.json();
+            if (!res.ok) throw new Error(body.error);
+            await refetch();
+            return;
+        } catch (error) {
+            setAbstraxionError("Error creating abstract account.");
+        } finally{
+            setIsGeneratingNewWallet(false);
+        }
+    };
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $8zHUo$reactjsxruntime.Fragment), {
+        children: isGeneratingNewWallet || loading ? /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $4e401ff008868fb1$export$fcbc8ef838a7ca2a), {}) : /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $ceca9b2af98b0c95$export$24959d1cf524e21e), {
+            children: [
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$c3f823b2b7f71b6c), {
+                    children: "Welcome Back"
+                }),
+                connectionType === "graz" ? /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $ceca9b2af98b0c95$export$2528756baaccf436), {
+                    $selected: true,
+                    children: [
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $201c8b5e37adde79$export$90101a63b8c75f3e), {}),
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $ceca9b2af98b0c95$export$ba2cca49c1fdb2e7), {
+                            children: [
+                                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $ceca9b2af98b0c95$export$cb9c7572ce233849), {
+                                    children: account?.name
+                                }),
+                                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $ceca9b2af98b0c95$export$616b2cea969b4f5b), {
+                                    children: (0, $66b494751fd65daa$export$cd8822fabcdefd67)(account?.bech32Address)
+                                })
+                            ]
+                        })
+                    ]
+                }) : /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $ceca9b2af98b0c95$export$b97d6b58b4bed532), {
+                    children: [
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $ceca9b2af98b0c95$export$dde344fa38e1a334), {
+                            children: "Accounts"
+                        }),
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $ceca9b2af98b0c95$export$c14550826a96138d), {
+                            children: data?.smartAccounts.nodes.length >= 1 ? data?.smartAccounts?.nodes?.map((node, i)=>/*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $ceca9b2af98b0c95$export$2528756baaccf436), {
+                                    onClick: ()=>setAbstractAccount(node),
+                                    $selected: node.id === abstractAccount?.id,
+                                    children: [
+                                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $201c8b5e37adde79$export$90101a63b8c75f3e), {}),
+                                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $ceca9b2af98b0c95$export$ba2cca49c1fdb2e7), {
+                                            children: [
+                                                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $ceca9b2af98b0c95$export$cb9c7572ce233849), {
+                                                    children: [
+                                                        "Personal Account ",
+                                                        i + 1
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $ceca9b2af98b0c95$export$616b2cea969b4f5b), {
+                                                    children: (0, $66b494751fd65daa$export$cd8822fabcdefd67)(node.id)
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }, i)) : /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("p", {
+                                children: "No Accounts Found."
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $d9dd93c5f3fbc1f7$export$353f5b6fc5456de1), {
+                            structure: "naked",
+                            theme: "primary",
+                            fullwidth: true,
+                            onClick: async ()=>{
+                                await handleJwtAALoginOrCreate(session_jwt, session_token);
+                            },
+                            children: "Create a new account"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $d9dd93c5f3fbc1f7$export$353f5b6fc5456de1), {
+                    structure: "outlined",
+                    theme: "secondary",
+                    fullwidth: true,
+                    onClick: handleDisconnect,
+                    children: "Disconnect"
+                })
+            ]
+        })
+    });
+};
+
+
+
+
+
+
+
+
+
+
+
+const $b9371389db99d149$export$a195049fd73b3fe2 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).input.withConfig({
+    componentId: "sc-3uk7i4-0"
+})([
+    "font-size:16px;background-color:#f2f2f2;color:black;padding:8px 20px;border-radius:5px;height:46px;border:none;",
+    " ",
+    " &:focus{outline:none;}&::placeholder{color:#bdbdbd;}"
+], (props)=>props.$fullwidth && (0, $8zHUo$styledcomponents.css)([
+        "width:100%;"
+    ]), (props)=>props.$error && (0, $8zHUo$styledcomponents.css)([
+        "border:1px solid red;"
+    ]));
+const $b9371389db99d149$export$b821cb5d358838ed = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-3uk7i4-1"
+})([
+    "display:flex;width:100%;flex-direction:column;gap:1px;s"
+]);
+const $b9371389db99d149$export$aefc266febf947fb = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).p.withConfig({
+    componentId: "sc-3uk7i4-2"
+})([
+    "color:red;font-size:11px;font-weight:500;"
+]);
+
+
+const $e07fcdfb6a30195d$export$f5b8910cec6cf069 = ({ type: type = "text", placeholder: placeholder = "", name: name = "", value: value = "", onChange: onChange, className: className, fullwidth: fullwidth = false, error: error, ...props })=>{
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $b9371389db99d149$export$b821cb5d358838ed), {
+        children: [
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $b9371389db99d149$export$a195049fd73b3fe2), {
+                type: type,
+                placeholder: placeholder,
+                name: name,
+                value: value,
+                onChange: onChange,
+                className: className,
+                $fullwidth: fullwidth,
+                $error: error,
+                ...props
+            }),
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $b9371389db99d149$export$aefc266febf947fb), {
+                children: error
+            })
+        ]
+    });
+};
+
+
+
+
+const $1ac068bc6646581d$export$8ef08231381742ee = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$styledcomponents))).div.withConfig({
+    componentId: "sc-rmeupu-0"
+})([
+    "display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem;"
+]);
+
+
+
+const $86c16da18bdb1446$export$e7ff1bd16d5eb216 = {
+    coinDenom: "XION",
+    coinMinimalDenom: "uxion",
+    coinDecimals: 6,
+    gasPriceStep: {
+        low: 0.01,
+        average: 0.025,
+        high: 0.03
+    }
+};
+const $86c16da18bdb1446$var$commonInfo = {
+    rpc: "undefined",
+    rest: "undefined",
+    chainId: "base",
+    chainName: "Xion Testnet",
+    bip44: {
+        coinType: 118
+    },
+    bech32Config: {
+        bech32PrefixAccAddr: "xion",
+        bech32PrefixValAddr: "xionvaloper",
+        bech32PrefixValPub: "xionvaloperpub",
+        bech32PrefixAccPub: "xionpub",
+        bech32PrefixConsAddr: "xionvalcons",
+        bech32PrefixConsPub: "xionvalconspub"
+    },
+    stakeCurrency: $86c16da18bdb1446$export$e7ff1bd16d5eb216,
+    currencies: [
+        $86c16da18bdb1446$export$e7ff1bd16d5eb216
+    ],
+    feeCurrencies: [
+        $86c16da18bdb1446$export$e7ff1bd16d5eb216
+    ],
+    features: [
+        "cosmwasm"
+    ]
+};
+const $86c16da18bdb1446$export$bc893a2504cf19a1 = {
+    ...$86c16da18bdb1446$var$commonInfo,
+    rpc: "https://rpc.xion-testnet-1.burnt.com:443",
+    rest: "https://api.xion-testnet-1.burnt.com",
+    chainId: "xion-testnet-1",
+    chainName: "Xion Testnet"
+};
+const $86c16da18bdb1446$export$5b63e9de9294fc1 = {
+    ...$86c16da18bdb1446$var$commonInfo,
+    rpc: "http://localhost:26657",
+    rest: "http://localhost:26656",
+    chainId: "xion-local-testnet-1",
+    chainName: "Xion Testnet Local"
+};
+
+
+const $70478cdf8156474b$export$7b7637218245c8a = /\S+@\S+\.\S+/;
+
+
+const $077796d4c8abc907$export$aab39041dd279955 = ()=>{
+    const stytchClient = (0, $8zHUo$stytchreact.useStytch)();
+    const [email, setEmail] = (0, $8zHUo$react.useState)("");
+    const [methodId, setMethodId] = (0, $8zHUo$react.useState)("");
+    const [emailError, setEmailError] = (0, $8zHUo$react.useState)("");
+    const [isOnOtpStep, setIsOnOtpStep] = (0, $8zHUo$react.useState)(false);
+    const [otp, setOtp] = (0, $8zHUo$react.useState)("");
+    const [otpError, setOtpError] = (0, $8zHUo$react.useState)("");
+    const [timeLeft, setTimeLeft] = (0, $8zHUo$react.useState)(null);
+    const { setConnectionType: setConnectionType } = (0, $8zHUo$react.useContext)((0, $0584e7e581a05238$export$b73cf336ef9f46b0));
+    const { suggestAndConnect: suggestAndConnect } = (0, $8zHUo$graz.useSuggestChainAndConnect)({
+        onError (error) {
+            setConnectionType("none");
+            if (error.message.includes("is not defined")) alert("Wallet not found. Make sure you download the wallet extension before trying again.");
+        }
+    });
+    const handleEmailChange = (e)=>{
+        setEmailError("");
+        setEmail(e.target.value.toLowerCase());
+    };
+    const validateEmail = ()=>{
+        if ((0, $70478cdf8156474b$export$7b7637218245c8a).test(email) || email === "") setEmailError("");
+        else setEmailError("Invalid Email Format");
+    };
+    const handleEmail = async (event)=>{
+        event.preventDefault();
+        if (!email) {
+            setEmailError("Please enter your email");
+            return;
+        }
+        try {
+            setConnectionType("stytch");
+            const emailRes = await stytchClient.otps.email.loginOrCreate(email);
+            setMethodId(emailRes.method_id);
+            setIsOnOtpStep(true);
+            setTimeLeft(60);
+        } catch (error) {
+            setEmailError("Error sending email");
+            setConnectionType("none");
+        }
+    };
+    const handleOtp = async (event)=>{
+        event.preventDefault();
+        try {
+            await stytchClient.otps.authenticate(otp, methodId, {
+                session_duration_minutes: 60
+            });
+        } catch (error) {
+            setOtpError("Error verifying otp");
+        }
+    };
+    const handleConnect = (wallet)=>{
+        setConnectionType("graz");
+        suggestAndConnect({
+            chainInfo: (0, $86c16da18bdb1446$export$bc893a2504cf19a1),
+            walletType: wallet
+        });
+    };
+    // For the "resend otp" countdown
+    (0, $8zHUo$react.useEffect)(()=>{
+        if (timeLeft === 0) setTimeLeft(null);
+        if (!timeLeft) return;
+        const intervalId = setInterval(()=>{
+            setTimeLeft(timeLeft - 1);
+        }, 1000);
+        return ()=>clearInterval(intervalId);
+    }, [
+        timeLeft
+    ]);
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$57142b04d9e3944c), {
+        children: isOnOtpStep ? /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $8zHUo$reactjsxruntime.Fragment), {
+            children: [
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)("div", {
+                    children: [
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$c3f823b2b7f71b6c), {
+                            children: "Input 6 Digit Code"
+                        }),
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$f3145f7fe860d62b), {
+                            children: "Please check your email for the verification code."
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, ($parcel$interopDefault($8zHUo$reactpininput))), {
+                    length: 6,
+                    initialValue: "",
+                    onChange: (value)=>{
+                        setOtpError("");
+                        setOtp(value);
+                    },
+                    type: "numeric",
+                    inputMode: "number",
+                    style: {
+                        width: "100%",
+                        display: "flex",
+                        justifyContent: "space-between"
+                    },
+                    inputStyle: {
+                        border: otpError ? "1px solid red" : "none",
+                        backgroundColor: "#F2F2F2",
+                        borderRadius: "2px",
+                        height: "64px",
+                        color: "black",
+                        fontSize: "16px"
+                    },
+                    onComplete: (value)=>{
+                        setOtp(value);
+                    },
+                    autoSelect: true,
+                    regexCriteria: /^[ A-Za-z0-9_@./#&+-]*$/
+                }),
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $1ac068bc6646581d$export$8ef08231381742ee), {
+                    children: [
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $d9dd93c5f3fbc1f7$export$353f5b6fc5456de1), {
+                            fullwidth: true,
+                            onClick: handleOtp,
+                            children: "Confirm"
+                        }),
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $d9dd93c5f3fbc1f7$export$353f5b6fc5456de1), {
+                            structure: "outlined",
+                            theme: "secondary",
+                            fullwidth: true,
+                            onClick: handleEmail,
+                            disabled: !!timeLeft,
+                            children: [
+                                "Resend Code ",
+                                timeLeft && `in ${timeLeft} seconds`
+                            ]
+                        })
+                    ]
+                })
+            ]
+        }) : /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $8zHUo$reactjsxruntime.Fragment), {
+            children: [
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$c3f823b2b7f71b6c), {
+                    children: "Welcome to XION"
+                }),
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $e07fcdfb6a30195d$export$f5b8910cec6cf069), {
+                    placeholder: "Email address",
+                    fullwidth: true,
+                    value: email,
+                    onChange: handleEmailChange,
+                    error: emailError,
+                    onBlur: validateEmail
+                }),
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $d9dd93c5f3fbc1f7$export$353f5b6fc5456de1), {
+                    structure: "base",
+                    fullwidth: true,
+                    onClick: handleEmail,
+                    disabled: !!emailError,
+                    children: "Log in / Sign up"
+                }),
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$c5b7fb08338d9b33), {
+                    children: "OR"
+                }),
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $f7d0d4a08cf217d9$export$69b1032f2ecdf404), {
+                    children: [
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $d9dd93c5f3fbc1f7$export$353f5b6fc5456de1), {
+                            structure: "outlined",
+                            theme: "secondary",
+                            fullwidth: true,
+                            onClick: ()=>{
+                                handleConnect((0, $8zHUo$graz.WalletType).METAMASK_SNAP_LEAP);
+                            },
+                            children: "Metamask"
+                        }),
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $d9dd93c5f3fbc1f7$export$353f5b6fc5456de1), {
+                            structure: "outlined",
+                            theme: "secondary",
+                            fullwidth: true,
+                            onClick: ()=>{
+                                handleConnect((0, $8zHUo$graz.WalletType).KEPLR);
+                            },
+                            children: "Keplr"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $f7d0d4a08cf217d9$export$dff4827a2e9bcd71), {
+                    children: [
+                        "By continuing, you agree to Burnt's",
+                        " ",
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$3c9884e35bbfb1c9), {
+                            href: "https://google.com",
+                            children: "Terms of Service"
+                        }),
+                        " and acknowledge that you have read and understand the XION",
+                        " ",
+                        /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$3c9884e35bbfb1c9), {
+                            href: "https://google.com",
+                            children: "Disclaimer"
+                        }),
+                        "."
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+
+
+
+
+
+
+const $6324ce8b5bc4dc81$export$9f276da64da65062 = new (0, $8zHUo$stytchvanillajs.StytchUIClient)("public-token-test-62177c24-f8f4-4ddd-962b-0436b445ccaa");
+const $6324ce8b5bc4dc81$export$d1325c0cda90af4f = new (0, $8zHUo$apolloclient.ApolloClient)({
+    uri: "https://api.subquery.network/sq/burnt-labs/xion-indexer",
+    cache: new (0, $8zHUo$apolloclient.InMemoryCache)(),
+    assumeImmutableResults: true
+});
+
+
+const $48cebc9c8153b310$export$7623e21b9721522e = ({ isOpen: isOpen, onClose: onClose })=>{
+    const modalRef = (0, $8zHUo$react.useRef)(null);
+    const { abstraxionError: abstraxionError } = (0, $8zHUo$react.useContext)((0, $0584e7e581a05238$export$b73cf336ef9f46b0));
+    const { isConnected: isConnected, isConnecting: isConnecting, isReconnecting: isReconnecting } = (0, $8253037134647552$export$d6717fe814f1a6da)();
+    (0, $8zHUo$react.useEffect)(()=>{
+        const closeOnEscKey = (e)=>e.key === "Escape" ? onClose() : null;
+        document.addEventListener("keydown", closeOnEscKey);
+        return ()=>{
+            document.removeEventListener("keydown", closeOnEscKey);
+        };
+    }, [
+        onClose
+    ]);
+    if (!isOpen) return null;
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$3a45b3deef0778be), {
+        ref: modalRef,
+        children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $f7d0d4a08cf217d9$export$2baf58024285a14c), {
+            children: [
+                /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $f7d0d4a08cf217d9$export$f55c3db6ddec6d02), {
+                    onClick: onClose,
+                    children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $db7520b0c9ed95b0$export$cae179f078f4b4a4), {})
+                }),
+                abstraxionError ? /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $12f76906ffa65343$export$d56b0569bceb92ae), {
+                    message: abstraxionError,
+                    onClose: onClose
+                }) : isConnecting || isReconnecting ? /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $4e401ff008868fb1$export$fcbc8ef838a7ca2a), {}) : isConnected ? /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $195efaaf99fc5ea5$export$4b898609373c6c7c), {}) : /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $077796d4c8abc907$export$aab39041dd279955), {})
+            ]
+        })
+    });
+};
+const $48cebc9c8153b310$export$b49560c6340d7499 = ({ children: children })=>{
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $0584e7e581a05238$export$94738ca1d1a3ac6d), {
+        children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $8zHUo$stytchreact.StytchProvider), {
+            stytch: (0, $6324ce8b5bc4dc81$export$9f276da64da65062),
+            children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $8zHUo$apolloclient.ApolloProvider), {
+                client: (0, $6324ce8b5bc4dc81$export$d1325c0cda90af4f),
+                children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $8zHUo$graz.GrazProvider), {
+                    children: children
+                })
+            })
+        })
+    });
+};
+
+
+
+
+
+
+
+
+
+
+const $9b22f0a1f3460f8c$export$78e6fbad821288ed = ()=>{
+    const { connectionType: connectionType, abstractAccount: abstractAccount } = (0, $8zHUo$react.useContext)((0, $0584e7e581a05238$export$b73cf336ef9f46b0));
+    const stytch = (0, $8zHUo$stytchreact.useStytch)();
+    const sessionToken = stytch.session.getTokens()?.session_token;
+    const { data: grazClient } = (0, $8zHUo$graz.useCosmWasmSigningClient)();
+    const [abstractClient, setAbstractClient] = (0, $8zHUo$react.useState)(undefined);
+    (0, $8zHUo$react.useEffect)(()=>{
+        async function getStytchSigner() {
+            const jwtSigner = new (0, $8zHUo$burntlabsabstractsigners.AbstractAccountJWTSigner)(abstractAccount.bech32Address, sessionToken);
+            const jwtClient = await (0, $8zHUo$burntlabsabstractsigners.AAClient).connectWithSigner((0, $86c16da18bdb1446$export$bc893a2504cf19a1).rpc, jwtSigner, {
+                gasPrice: (0, $8zHUo$grazdistcosmjs.GasPrice).fromString("10uxion")
+            });
+            setAbstractClient(jwtClient);
+        }
+        if (connectionType === "stytch" && abstractAccount) getStytchSigner();
+    }, [
+        sessionToken,
+        abstractAccount,
+        connectionType
+    ]);
+    switch(connectionType){
+        case "stytch":
+            return {
+                client: abstractClient
+            };
+        case "graz":
+            return {
+                client: grazClient
+            };
+        default:
+            return {
+                client: undefined
+            };
+    }
+};
+
+
+
+
+
+
+//# sourceMappingURL=main.js.map