-
- );
- }
-
- return (
-
- {showSuccess ? (
- <>
-
- Your sign-in
-
- );
-};
diff --git a/apps/abstraxion-dashboard/components/AbstraxionSignin/index.tsx b/apps/abstraxion-dashboard/components/AbstraxionSignin/index.tsx
deleted file mode 100644
index 8e12a567..00000000
--- a/apps/abstraxion-dashboard/components/AbstraxionSignin/index.tsx
+++ /dev/null
@@ -1,231 +0,0 @@
-"use client";
-import { useContext, useEffect, useState } from "react";
-import Image from "next/image";
-import { useStytch } from "@stytch/nextjs";
-import { Button, Input, ModalSection } from "@burnt-labs/ui";
-import {
- AbstraxionContext,
- AbstraxionContextProps,
-} from "../AbstraxionContext";
-import { getHumanReadablePubkey } from "@/utils";
-
-const okxFlag = process.env.NEXT_PUBLIC_OKX_FLAG === "true";
-const deploymentEnv = process.env.NEXT_PUBLIC_DEPLOYMENT_ENV;
-
-// Variable to be true if deploymentEnv is "testnet", otherwise check okxFlag for "mainnet"
-const shouldEnableFeature =
- deploymentEnv === "testnet" || (deploymentEnv === "mainnet" && okxFlag);
-
-export const AbstraxionSignin = () => {
- const stytchClient = useStytch();
-
- const [email, setEmail] = useState("");
- const [methodId, setMethodId] = useState("");
- const [emailError, setEmailError] = useState("");
- const [isOnOtpStep, setIsOnOtpStep] = useState(false);
- const [otp, setOtp] = useState("");
- const [otpError, setOtpError] = useState("");
- const [timeLeft, setTimeLeft] = useState
- Your sign-in
- was Successful!
-
- - Please switch back to the previous window to continue your - experience. -
- - ) : ( - <> -
-
-
-
-
- )}
- - A 3rd party would like to: -
- --
-
-
-
-
- - Have access to your account -
- -
-
-
- - Log you in to their app -
-
-
-
-
-
-
- e.key === "Enter" && handleOtp(e)}
- />
- - Input 6 digit code -
-- Please check your email for the verification code -
-
-
-
- {timeLeft ? (
-
-
- ) : (
- <>
-
- RESEND {`IN ${timeLeft}S`}
-
- ) : (
-
- )}
-
-
- e.key === "Enter" && handleEmail(e)}
- />
-
- {shouldEnableFeature ? (
- - Welcome -
-- Log in or sign up with your email -
-
-
- {showAdvanced ? (
-
- ) : null}
-
- )}
-
-
- ) : null}
- - Log into your existing XION Meta account with a crypto - wallet -
- -
-
- )}
-
- );
-};
diff --git a/apps/abstraxion-dashboard/components/AccountInfo.tsx b/apps/abstraxion-dashboard/components/AccountInfo.tsx
deleted file mode 100644
index 2ff04176..00000000
--- a/apps/abstraxion-dashboard/components/AccountInfo.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import { Dispatch, SetStateAction, useState } from "react";
-import dynamic from "next/dynamic";
-import Image from "next/image";
-import {
- Button,
- EmailIcon,
- AccountWalletLogo,
- EthereumLogo,
- TrashIcon,
- Popover,
- PopoverTrigger,
- PopoverContent,
-} from "@burnt-labs/ui";
-import { CopyIcon } from "@/components/Icons";
-import { truncateAddress } from "@/utils";
-import RemoveAuthenticatorModal from "./ModalViews/RemoveAuthenticator/RemoveAuthenticatorModal";
-import type {
- AbstraxionAccount,
- AuthenticatorNodes,
- authenticatorTypes,
-} from "@/types";
-
-const AddAuthenticatorsModal = dynamic<{
- isOpen: boolean;
- setIsOpen: Dispatch
-
- - Welcome -
-- Choose an account to continue -
-
-
-
- Accounts
-
-
- {loading || fetchingNewWallets ? (
-
- {
- setAbstractAccount({
- ...node,
- userId: user?.user_id,
- currentAuthenticatorIndex:
- node.authenticators.nodes.find(
- (authenticator) =>
- authenticator.authenticator ===
- loginAuthenticator,
- ).authenticatorIndex,
- });
- }}
- >
-
- ))
- ) : (
- <>
-
-
- - Personal Account {i + 1} -
-- {truncateAddress(node.id)} -
-No Accounts Found.
- {connectionType !== "stytch" ? ( -- This authenticator can only be used as a backup right now. - Please log in with email to create an account. -
- ) : null} - - )} -
- {!fetchingNewWallets &&
- data?.smartAccounts?.nodes.length < 1 &&
- connectionType === "stytch" ? (
-
- ) : null}
-
-
-
-
- );
- });
- };
- return (
-
- {handleAuthenticatorLogos(
- authenticator.type.toUpperCase() as authenticatorTypes,
- )}
-
-
-
-
- - {handleAuthenticatorLabels( - authenticator.type.toUpperCase() as authenticatorTypes, - )} -
-
-
- );
-};
diff --git a/apps/abstraxion-dashboard/components/ErrorDisplay/index.tsx b/apps/abstraxion-dashboard/components/ErrorDisplay/index.tsx
deleted file mode 100644
index 26f2d8de..00000000
--- a/apps/abstraxion-dashboard/components/ErrorDisplay/index.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useContext } from "react";
-import {
- AbstraxionContext,
- AbstraxionContextProps,
-} from "../AbstraxionContext";
-import { Button } from "@burnt-labs/ui";
-
-export const ErrorDisplay = ({
- title = "OOPS! Something went wrong...",
- message = "Please try again later.",
- onClose,
-}: {
- title?: string;
- message?: string;
- onClose: VoidFunction;
-}) => {
- const { setAbstraxionError } = useContext(
- AbstraxionContext,
- ) as AbstraxionContextProps;
-
- return (
- - XION Address -
-
-
-
-
-
-
-
-
- - {truncateAddress(account?.id)} -
-Copied!
-
-
-
-
- {/* TODO: Add history components */}
- {/* */}
-
-
- {renderAuthenticators()}
- - Your Logins -
- -
-
- );
-};
diff --git a/apps/abstraxion-dashboard/components/Icons/Avatar.tsx b/apps/abstraxion-dashboard/components/Icons/Avatar.tsx
deleted file mode 100644
index 8cdfdbe8..00000000
--- a/apps/abstraxion-dashboard/components/Icons/Avatar.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-export const AvatarIcon = ({
- color,
- backgroundColor,
-}: {
- color: string;
- backgroundColor: string;
-}) => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/Check.tsx b/apps/abstraxion-dashboard/components/Icons/Check.tsx
deleted file mode 100644
index 14718eef..00000000
--- a/apps/abstraxion-dashboard/components/Icons/Check.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-export const CheckIcon = ({ color = "black" }: { color?: string }) => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/ChevronDown.tsx b/apps/abstraxion-dashboard/components/Icons/ChevronDown.tsx
deleted file mode 100644
index df3f16ea..00000000
--- a/apps/abstraxion-dashboard/components/Icons/ChevronDown.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-export const ChevronDownIcon = ({ color = "black" }: { color?: string }) => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/Close.tsx b/apps/abstraxion-dashboard/components/Icons/Close.tsx
deleted file mode 100644
index 3d28da26..00000000
--- a/apps/abstraxion-dashboard/components/Icons/Close.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-export const CloseIcon = ({
- color = "black",
- onClick,
-}: {
- color?: string;
- onClick: VoidFunction;
-}) => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/Copy.tsx b/apps/abstraxion-dashboard/components/Icons/Copy.tsx
deleted file mode 100644
index e3100160..00000000
--- a/apps/abstraxion-dashboard/components/Icons/Copy.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export const CopyIcon = ({ color }: { color: string }) => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/RightArrow.tsx b/apps/abstraxion-dashboard/components/Icons/RightArrow.tsx
deleted file mode 100644
index c17787c8..00000000
--- a/apps/abstraxion-dashboard/components/Icons/RightArrow.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export const RightArrowIcon = ({ color }: { color: string }) => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/Scan.tsx b/apps/abstraxion-dashboard/components/Icons/Scan.tsx
deleted file mode 100644
index f0b4ca7e..00000000
--- a/apps/abstraxion-dashboard/components/Icons/Scan.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-export const ScanIcon = ({ color }: { color: string }) => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/USDC.tsx b/apps/abstraxion-dashboard/components/Icons/USDC.tsx
deleted file mode 100644
index 86570678..00000000
--- a/apps/abstraxion-dashboard/components/Icons/USDC.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-export const USDCIcon = ({ color }: { color: string }) => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/Wallet.tsx b/apps/abstraxion-dashboard/components/Icons/Wallet.tsx
deleted file mode 100644
index 5b7ef5ba..00000000
--- a/apps/abstraxion-dashboard/components/Icons/Wallet.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-export const WalletIcon = ({
- color,
- backgroundColor,
- outlineColor,
-}: {
- color: string;
- backgroundColor: string;
- outlineColor?: string;
-}) => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/Xion.tsx b/apps/abstraxion-dashboard/components/Icons/Xion.tsx
deleted file mode 100644
index f955dbc5..00000000
--- a/apps/abstraxion-dashboard/components/Icons/Xion.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-export const XionIcon = () => (
-
-);
diff --git a/apps/abstraxion-dashboard/components/Icons/index.ts b/apps/abstraxion-dashboard/components/Icons/index.ts
deleted file mode 100644
index 3d07db74..00000000
--- a/apps/abstraxion-dashboard/components/Icons/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// Re-export the other files in this directory
-export { ScanIcon } from "./Scan";
-export { RightArrowIcon } from "./RightArrow";
-export { CheckIcon } from "./Check";
-export { CopyIcon } from "./Copy";
-export { AvatarIcon } from "./Avatar";
-export { ChevronDownIcon } from "./ChevronDown";
-export { WalletIcon } from "./Wallet";
-export { CloseIcon } from "./Close";
-export { XionIcon } from "./Xion";
diff --git a/apps/abstraxion-dashboard/components/Landing/index.tsx b/apps/abstraxion-dashboard/components/Landing/index.tsx
deleted file mode 100644
index 90c7a744..00000000
--- a/apps/abstraxion-dashboard/components/Landing/index.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Abstraxion, useModal } from "@burnt-labs/abstraxion";
-import { Button } from "@burnt-labs/ui";
-import Image from "next/image";
-import React from "react";
-
-export function Landing() {
- const [showModal, setShowModal] = useModal();
- return (
- - {title} -
-{message}
- -
-
- );
-}
diff --git a/apps/abstraxion-dashboard/components/Loading/index.tsx b/apps/abstraxion-dashboard/components/Loading/index.tsx
deleted file mode 100644
index caf7363e..00000000
--- a/apps/abstraxion-dashboard/components/Loading/index.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { ModalSection, Spinner } from "@burnt-labs/ui";
-
-export const Loading = () => {
- return (
-
-
-
-
- - Introducing -
-- ABSTRAXION -
-
-
-
-
-
- - Let's Go -
-Starting your journey
-
-
-
-
- );
-}
diff --git a/apps/abstraxion-dashboard/components/ModalViews/AddAuthenticators/AddAuthenticatorsModal.tsx b/apps/abstraxion-dashboard/components/ModalViews/AddAuthenticators/AddAuthenticatorsModal.tsx
deleted file mode 100644
index 00ec3d38..00000000
--- a/apps/abstraxion-dashboard/components/ModalViews/AddAuthenticators/AddAuthenticatorsModal.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-import { CloseIcon, Dialog, DialogClose, DialogContent } from "@burnt-labs/ui";
-import { AddAuthenticatorsForm } from "./AddAuthenticatorsForm";
-
-export default function AddAuthenticatorsModal({
- isOpen,
- setIsOpen,
-}: {
- isOpen: boolean;
- setIsOpen: Dispatch
-
- {!isSuccess ? (
- <>
- {/* */}
- - ADD AUTHENTICATORS -
- {isSuccess ? ( -- Successfully added authenticator to account. Please click continue - to navigate back to home page. -
- ) : errorMessage ? ( -- {errorMessage} -
- ) : ( -- Enhance your account's security by adding authenticators. - Select from the following options. -
- )} -
- {/*
- */}
-
- {/* */}
-
-
- ) : null}
- {isSuccess ? (
-
- ) : (
-
- )}
- 
- );
- case "ETHWALLET":
- return
- No authenticator found.
-
- );
- }
- return (
-
-
- );
- };
-
- async function removeAuthenticator() {
- try {
- setIsLoading(true);
-
- if (!authenticator) {
- throw new Error("No authenticator found.");
- }
-
- if (!client) {
- throw new Error("No client found.");
- }
-
- if (!abstractAccount) {
- throw new Error("No account found.");
- }
-
- if (abstractAccount.authenticators.nodes.length <= 1) {
- throw new Error(
- "You are trying to remove the only authenticator on the account and will lose all access. We cannot allow this operation.",
- );
- }
-
- const msg = {
- remove_auth_method: {
- id: authenticator.authenticatorIndex,
- },
- };
-
- const res = await client.removeAbstractAccountAuthenticator(msg, "", {
- amount: [{ amount: "0", denom: "uxion" }],
- gas: "500000",
- });
-
- if (res?.rawLog?.includes("failed")) {
- throw new Error("Transaction failed");
- }
-
- startPolling(3000);
- return res;
- } catch (error) {
- console.warn(error);
- setErrorMessage("Something went wrong trying to remove authenticator");
- setIsLoading(false);
- }
- }
-
- return (
-
- {handleAuthenticatorLogos(
- authenticator.type.toUpperCase() as authenticatorTypes,
- )}
-
-
-
- - {handleAuthenticatorLabels( - authenticator.type.toUpperCase() as authenticatorTypes, - )} -
-
-
- );
-}
diff --git a/apps/abstraxion-dashboard/components/ModalViews/RemoveAuthenticator/RemoveAuthenticatorModal.tsx b/apps/abstraxion-dashboard/components/ModalViews/RemoveAuthenticator/RemoveAuthenticatorModal.tsx
deleted file mode 100644
index 822fc950..00000000
--- a/apps/abstraxion-dashboard/components/ModalViews/RemoveAuthenticator/RemoveAuthenticatorModal.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-import { CloseIcon, Dialog, DialogClose, DialogContent } from "@burnt-labs/ui";
-import { RemoveAuthenticatorForm } from "./RemoveAuthenticatorForm";
-import type { AuthenticatorNodes } from "@/types";
-
-export default function RemoveAuthenticatorModal({
- isOpen,
- setIsOpen,
- authenticator,
-}: {
- isOpen: boolean;
- setIsOpen: Dispatch
-
- {errorMessage ? (
-
- ) : (
-
- )}
- - ARE YOU SURE? -
- {errorMessage ? ( -- {errorMessage} -
- ) : ( - <> -
-
- {renderAuthenticator()}
-
- )}
- - You are about to delete the authenticator below. -
-- Please click the confirm button to proceed. -
-
-
-
- {/* Divider */}
-
- {xionBalance && (
-
-
- - Personal Account -
- {/*- Current Balance -
-
- {accountBalance && (
-
-
- }
- />
- - ${/* TODO: Change once we support multiple currencies */} - {formatBalance(accountBalance.total)} -
- )} - {/* Hidden until functionality is in place. */} -
- {/*
-
- }
- />
- )}
-
-
*/}
- {account?.id && (
-
-
- )}
- {usdcBalance && (
- - XION -
-
-
- - {getCommaSeperatedNumber(Number(xionBalance.amount))} XION -
-- $ - {formatBalance( - Number(xionBalance.amount) * XION_TO_USDC_CONVERSION, - )}{" "} - USD -
-
-
- )}
-
- );
-};
diff --git a/apps/abstraxion-dashboard/components/Sidebar.tsx b/apps/abstraxion-dashboard/components/Sidebar.tsx
deleted file mode 100644
index a62b16db..00000000
--- a/apps/abstraxion-dashboard/components/Sidebar.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import Image from "next/image";
-import { useContext } from "react";
-import { AbstraxionContext, AbstraxionContextProps } from "./AbstraxionContext";
-import { CloseIcon, WalletIcon } from "./Icons";
-
-const NAV_OPTIONS = [{ text: "home", path: "/" }];
-
-interface SidebarProps {
- onClose?: VoidFunction;
-}
-
-export function Sidebar({ onClose }: SidebarProps) {
- const pathname = usePathname();
- const { isMainnet, setIsOpen } = useContext(
- AbstraxionContext,
- ) as AbstraxionContextProps;
-
- const renderNavOptions = () => {
- return NAV_OPTIONS.map((option) => {
- if (option.text === "home") {
- return (
- - USDC -
-
-
- - {getCommaSeperatedNumber(Number(usdcBalance.amount))} USDC -
-- ${formatBalance(Number(usdcBalance.amount))} USD -
-
-
- {option.text}
-
-
-
- );
- }
- return (
-
- {option.text}
-
- );
- });
- };
-
- return (
-
-
- );
-}
diff --git a/apps/abstraxion-dashboard/components/Typography.tsx b/apps/abstraxion-dashboard/components/Typography.tsx
deleted file mode 100644
index 5e3751fb..00000000
--- a/apps/abstraxion-dashboard/components/Typography.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-const CONFIG = {
- body: "font-akkuratLL text-base font-normal",
- navigation:
- "font-akkuratLL text-xs leading-3 uppercase font-bold tracking-widest",
-};
-
-interface TypographyProps {
- children: React.ReactNode;
- variant: keyof typeof CONFIG;
-}
-
-export function Typography({ children, variant }: TypographyProps) {
- return {children};
-}
diff --git a/apps/abstraxion-dashboard/components/WalletReceive/WalletReceive.test.tsx b/apps/abstraxion-dashboard/components/WalletReceive/WalletReceive.test.tsx
deleted file mode 100644
index 2e688301..00000000
--- a/apps/abstraxion-dashboard/components/WalletReceive/WalletReceive.test.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { render, screen, act } from "@testing-library/react";
-import { WalletReceive } from ".";
-
-describe("WalletReceive", () => {
- it("should render the WalletReceive modal when the trigger is clicked", async () => {
- render(
-
-
-
-
- {isMainnet ? "MAINNET" : "TESTNET"}
-
- ) : (
-
- {renderNavOptions()}
-
- History
-
-
-
-
- {/* TODO: Display User Info */}
- {/*
-
-
-
-
- - Personal Account -
- setIsOpen(true)}
- className="ui-flex ui-items-center ui-ml-2 ui-justify-center ui-border-white/40 ui-border-[1px] ui-rounded-full ui-h-8 ui-w-8 ui-cursor-pointer"
- >
-
-
-
-
-
-
-
-
*/}
-
-
- User@burnt.com
- -
-
- );
- };
-
- return (
- <>
- {sendTokensError ? (
- setShowDropdown(!showDropdown)}
- >
-
-
-
-
-
- {selectedCurrency.type === "usdc" ? (
-
-
-
-
- - {selectedCurrency.type.toUpperCase()} -
-- Balance:{" "} - {formatBalance(Number(selectedCurrency.balance?.amount))}{" "} - {selectedCurrency.type.toUpperCase()}{" "} - - $ - {formatBalance( - Number(selectedCurrency.balance?.amount) * - (selectedCurrency.type === "xion" - ? XION_TO_USDC_CONVERSION - : 1), - )}{" "} - USD - -
-
-
- switchSelectedCurrency("xion")}
- >
-
-
-
-
-
-
-
- XION
-- Balance: {formatBalance(Number(xionBalance?.amount))} XION{" "} - - $ - {formatBalance( - Number(xionBalance?.amount) * XION_TO_USDC_CONVERSION, - )}{" "} - USD - -
- switchSelectedCurrency("usdc")}
- >
-
-
-
-
-
-
- USDC
-- Balance: {formatBalance(Number(usdcBalance?.amount))} USDC{" "} - - ${formatBalance(Number(usdcBalance?.amount))} USD - -
-
-
-
- ) : isOnReviewStep ? (
- <>
- - SUCCESS! -
-- You have initiated the transaction below. -
- -- Transfer Amount -
-- {sendAmount}{" "} - - {selectedCurrency.type.toUpperCase()} - -
-- $ - {formatBalance( - Number(sendAmount) * - 1000000 * - (selectedCurrency.type === "xion" - ? XION_TO_USDC_CONVERSION - : 1), - )}{" "} - USD -
-- {userMemo} -
- -
-
- - From -
-- {account.id} -
-
-
-
- - To -
-- {recipientAddress} -
-
-
-
- ) : (
- <>
- - REVIEW -
-- You are about to make the transaction below. -
- -- Transfer Amount -
-- {sendAmount}{" "} - - {selectedCurrency.type.toUpperCase()} - -
-- $ - {formatBalance( - Number(sendAmount) * - 1000000 * - (selectedCurrency.type === "xion" - ? XION_TO_USDC_CONVERSION - : 1), - )}{" "} - USD -
-- {userMemo} -
- -
-
- - From -
-- {account.id} -
-
-
-
-
- - To -
-- {recipientAddress} -
-
-
-
- )}
-
- );
-}
diff --git a/apps/abstraxion-dashboard/global.d.ts b/apps/abstraxion-dashboard/global.d.ts
deleted file mode 100644
index a8542b3a..00000000
--- a/apps/abstraxion-dashboard/global.d.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-interface Coin {
- readonly denom: string;
- readonly amount: string;
-}
-
-interface BalanceInfo {
- // In USDC
- total: number;
- balances: Coin[];
-}
-
-interface Authenticators {
- nodes: { type: string; id: string }[];
-}
-
-interface Window {
- okxwallet: any; // TODO: Properly define
-}
diff --git a/apps/abstraxion-dashboard/hooks/index.ts b/apps/abstraxion-dashboard/hooks/index.ts
deleted file mode 100644
index 87d5dfda..00000000
--- a/apps/abstraxion-dashboard/hooks/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { useAbstraxionAccount } from "./useAbstraxionAccount";
-export { useAbstraxionSigningClient } from "./useAbstraxionSigningClient";
diff --git a/apps/abstraxion-dashboard/hooks/useAbstraxionAccount.ts b/apps/abstraxion-dashboard/hooks/useAbstraxionAccount.ts
deleted file mode 100644
index 3483313b..00000000
--- a/apps/abstraxion-dashboard/hooks/useAbstraxionAccount.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-import { useContext, useEffect, useRef, useState } from "react";
-import { useAccount } from "graz";
-import { useStytch, useStytchSession } from "@stytch/nextjs";
-import {
- AbstraxionContext,
- AbstraxionContextProps,
-} from "@/components/AbstraxionContext";
-import { decodeJwt } from "jose";
-import { getHumanReadablePubkey } from "@/utils";
-import type { AbstraxionAccount } from "@/types";
-
-export const useAbstraxionAccount = () => {
- const { session } = useStytchSession();
-
- const {
- connectionType,
- setConnectionType,
- abstractAccount,
- setAbstractAccount,
- } = useContext(AbstraxionContext) as AbstraxionContextProps;
-
- const loginType = localStorage.getItem("loginType");
- const [loginAuthenticator, setLoginAuthenticator] = useState(
- localStorage.getItem("loginAuthenticator"),
- );
-
- const { data: grazAccount, isConnected } = useAccount();
- const stytchClient = useStytch();
- const session_jwt = stytchClient.session.getTokens()?.session_jwt;
-
- function getAuthenticator() {
- let authenticator = "";
- switch (connectionType) {
- case "stytch":
- const { aud, sub } = session_jwt
- ? decodeJwt(session_jwt)
- : { aud: undefined, sub: undefined };
- authenticator = `${Array.isArray(aud) ? aud[0] : aud}.${sub}`;
- break;
- case "graz":
- authenticator = getHumanReadablePubkey(grazAccount?.pubKey);
- break;
- case "metamask":
- authenticator = loginAuthenticator || "";
- break;
- case "okx":
- authenticator = loginAuthenticator || "";
- break;
- case "none":
- authenticator = "";
- break;
- }
-
- return authenticator;
- }
-
- useEffect(() => {
- const refreshConnectionType = () => {
- setConnectionType((loginType as any) || "none");
- };
-
- if (connectionType === "none") {
- refreshConnectionType();
- }
- }, [session, isConnected, grazAccount]);
-
- // Metamask & OKX account detection
- useEffect(() => {
- const handleAccountsChanged = (accounts: string[]) => {
- if (connectionType === "metamask") {
- localStorage.setItem("loginAuthenticator", accounts[0]);
- setLoginAuthenticator(accounts[0]);
- setAbstractAccount(undefined);
- }
- };
-
- window.ethereum?.on("accountsChanged", handleAccountsChanged);
-
- return () => {
- window.ethereum?.off("accountsChanged", handleAccountsChanged);
- };
- }, []);
-
- // OKX account detection
- useEffect(() => {
- const handleAccountsChanged = async (accounts: any) => {
- if (connectionType === "okx") {
- const okxXionAddress = localStorage.getItem("okxXionAddress");
- const okxWalletName = localStorage.getItem("okxWalletName");
-
- // If user switches account via extension, log user out.
- // No good way to handle account switch via the OKX keplr event system
- if (
- okxXionAddress !== accounts.account.XION_TEST ||
- okxWalletName !== accounts.name
- ) {
- // Basically log out
- setConnectionType("none");
- setAbstractAccount(undefined);
- localStorage.removeItem("loginType");
- localStorage.removeItem("loginAuthenticator");
- localStorage.removeItem("okxXionAddress");
- localStorage.removeItem("okxWalletName");
- }
- }
- };
-
- if (window.okxwallet) {
- window.okxwallet?.keplr.on("connect", handleAccountsChanged);
- }
-
- return () => {
- window.okxwallet?.keplr.on("connect", handleAccountsChanged);
- };
- }, []);
-
- // Keplr account detection
- useEffect(() => {
- const handleAccountsChanged = () => {
- if (connectionType === "graz") {
- setAbstractAccount(undefined);
- }
- };
-
- window.addEventListener("keplr_keystorechange", handleAccountsChanged);
- return () => {
- window.removeEventListener("keplr_keystorechange", handleAccountsChanged);
- };
- }, []);
-
- return {
- data: (abstractAccount as AbstraxionAccount) || undefined,
- connectionType,
- loginAuthenticator: getAuthenticator(),
- isConnected:
- connectionType === "stytch"
- ? !!session
- : connectionType === "graz"
- ? isConnected
- : connectionType === "metamask"
- ? window.ethereum.isConnected()
- : connectionType === "okx"
- ? localStorage.getItem("loginAuthenticator")
- : false,
- };
-};
diff --git a/apps/abstraxion-dashboard/hooks/useAbstraxionSigningClient.ts b/apps/abstraxion-dashboard/hooks/useAbstraxionSigningClient.ts
deleted file mode 100644
index 284b1f49..00000000
--- a/apps/abstraxion-dashboard/hooks/useAbstraxionSigningClient.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { useStytch } from "@stytch/nextjs";
-import {
- AAClient,
- AADirectSigner,
- AbstractAccountJWTSigner,
- GasPrice,
-} from "@burnt-labs/signers";
-import {
- AbstraxionContext,
- AbstraxionContextProps,
-} from "@/components/AbstraxionContext";
-import { getKeplr, useOfflineSigners } from "graz";
-import { testnetChainInfo } from "@burnt-labs/constants";
-import { AAEthSigner } from "@burnt-labs/signers";
-import { getEnvStringOrThrow } from "@/utils";
-
-export const useAbstraxionSigningClient = () => {
- const { connectionType, abstractAccount, chainInfo } = useContext(
- AbstraxionContext,
- ) as AbstraxionContextProps;
-
- const stytch = useStytch();
- const sessionToken = stytch.session.getTokens()?.session_token;
-
- const { data } = useOfflineSigners();
- const keplr = window.keplr ? getKeplr() : undefined;
-
- const [abstractClient, setAbstractClient] = useState- SEND -
-
- {currencyDropdown()}
-
-
-
- Amount
-- =$ - {formatBalance( - Number(sendAmount) * - 1000000 * - (selectedCurrency.type === "xion" - ? XION_TO_USDC_CONVERSION - : 1), - )}{" "} - USD -
-
-
-
- {amountError ? (
- - {selectedCurrency.type.toUpperCase()} -
-{amountError}
- ) : null} -
-
-
- {
- setRecipientAddressError("");
- setRecipientAddress(e.target.value);
- }}
- placeholder="Recipient Address"
- value={recipientAddress}
- />
- setUserMemo(e.target.value)}
- placeholder="Memo (Optional)"
- value={userMemo}
- />
-
- - {account.id} -
-
-
- )}
-
- );
-};
-
-export const AbstraxionProvider = ({
- children,
-}: {
- children: React.ReactNode;
-}) => {
- return { children };
-};
diff --git a/apps/abstraxion-settings/src/components/AbstraxionContext/index.tsx b/apps/abstraxion-settings/src/components/AbstraxionContext/index.tsx
deleted file mode 100644
index 7ba0a06b..00000000
--- a/apps/abstraxion-settings/src/components/AbstraxionContext/index.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { createContext, useState } from "react";
-import { ChainInfo } from "@burnt-labs/constants";
-
-import { getEnvStringOrThrow } from "../../utils";
-
-type ConnectionType = "stytch" | "graz" | "metamask" | "okx" | "none";
-type Dispatch = (value: A) => void;
-type SetStateAction
-
- By continuing, you agree to and acknowledge that you have read and
- understand the
-
-
- Disclaimer
-
- .
-
-
-
- - Powered by -
-
- 
-
-
-
- {isMainnet ? "MAINNET" : "TESTNET"}
-
-
-
-
- );
- }
-
- if (accessDenied) {
- return (
-
-
- );
- }
-
- if (failed) {
- return - ACCESS DENIED -
-- This tab will close automatically in a few moments. Please switch back - to the previous window to continue your experience. -
-
- {showSuccess ? (
- <>
-
- Your sign-in
-
- );
-};
diff --git a/apps/abstraxion-settings/src/components/AbstraxionSignin/index.tsx b/apps/abstraxion-settings/src/components/AbstraxionSignin/index.tsx
deleted file mode 100644
index 7c21f59c..00000000
--- a/apps/abstraxion-settings/src/components/AbstraxionSignin/index.tsx
+++ /dev/null
@@ -1,227 +0,0 @@
-import { useContext, useEffect, useState } from "react";
-import { useStytch } from "@stytch/react";
-import { Button, Input, ModalSection } from "@burnt-labs/ui";
-import {
- AbstraxionContext,
- AbstraxionContextProps,
-} from "../AbstraxionContext";
-import { getHumanReadablePubkey } from "../../utils";
-
-import okxLogo from "../../assets/okx-logo.png";
-
-const okxFlag = process.env.NEXT_PUBLIC_OKX_FLAG === "true";
-const deploymentEnv = process.env.NEXT_PUBLIC_DEPLOYMENT_ENV;
-
-// Variable to be true if deploymentEnv is "testnet", otherwise check okxFlag for "mainnet"
-const shouldEnableFeature =
- deploymentEnv === "testnet" || (deploymentEnv === "mainnet" && okxFlag);
-
-export const AbstraxionSignin = () => {
- const stytchClient = useStytch();
-
- const [email, setEmail] = useState("");
- const [methodId, setMethodId] = useState("");
- const [emailError, setEmailError] = useState("");
- const [isOnOtpStep, setIsOnOtpStep] = useState(false);
- const [otp, setOtp] = useState("");
- const [otpError, setOtpError] = useState("");
- const [timeLeft, setTimeLeft] = useState
- Your sign-in
- was Successful!
-
- - Please switch back to the previous window to continue your - experience. -
- - ) : ( - <> -
- 
-
-
-
-
- )}
- - A 3rd party would like to: -
- --
-
-
-
-
- - Have access to your account -
- -
-
-
- - Log you in to their app -
-
-
-
-
-
-
- e.key === "Enter" && handleOtp(e)}
- />
- - Input 6 digit code -
-- Please check your email for the verification code -
-
-
-
- {timeLeft ? (
-
-
- ) : (
- <>
-
- RESEND {`IN ${timeLeft}S`}
-
- ) : (
-
- )}
-
-
- e.key === "Enter" && handleEmail(e)}
- />
-
- {shouldEnableFeature ? (
- - Welcome -
-- Log in or sign up with your email -
-
-
- {showAdvanced ? (
-
- ) : null}
-
- )}
-
-
- ) : null}
- - Log into your existing XION Meta account with a crypto - wallet -
- -
-
- )}
-
- );
-};
diff --git a/apps/abstraxion-settings/src/components/App.tsx b/apps/abstraxion-settings/src/components/App.tsx
deleted file mode 100644
index 39b23cc5..00000000
--- a/apps/abstraxion-settings/src/components/App.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Dialog, DialogContent } from "@burnt-labs/ui";
-import { useQueryParams } from "../hooks/useQueryParams";
-import { Abstraxion } from "./Abstraxion";
-import { ErrorDisplay } from "./ErrorDisplay";
-
-export function App() {
- const { contracts, stake, bank, grantee } = useQueryParams([
- "contracts",
- "stake",
- "bank",
- "grantee",
- ]);
-
- return grantee && (contracts || stake || bank) ? (
-
-
- - Welcome -
-- Choose an account to continue -
-
-
-
- Accounts
-
-
- {loading || fetchingNewWallets ? (
-
- {
- setAbstractAccount({
- ...node,
- userId: user?.user_id,
- currentAuthenticatorIndex:
- node.authenticators.nodes.find(
- (authenticator) =>
- authenticator.authenticator ===
- loginAuthenticator,
- ).authenticatorIndex,
- });
- }}
- >
-
- ))
- ) : (
- <>
-
-
- - Personal Account {i + 1} -
-- {truncateAddress(node.id)} -
-No Accounts Found.
- {connectionType !== "stytch" ? ( -- This authenticator can only be used as a backup right now. - Please log in with email to create an account. -
- ) : null} - - )} -
- {!fetchingNewWallets &&
- data?.smartAccounts?.nodes.length < 1 &&
- connectionType === "stytch" ? (
-
- ) : null}
-
-
-
- null} isOpen={true} />
-
- ) : (
-
- );
-}
diff --git a/apps/abstraxion-settings/src/components/ErrorDisplay/index.tsx b/apps/abstraxion-settings/src/components/ErrorDisplay/index.tsx
deleted file mode 100644
index 0d971c8d..00000000
--- a/apps/abstraxion-settings/src/components/ErrorDisplay/index.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useContext } from "react";
-import {
- AbstraxionContext,
- AbstraxionContextProps,
-} from "../AbstraxionContext";
-import { Button } from "@burnt-labs/ui";
-
-export const ErrorDisplay = ({
- title = "OOPS! Something went wrong...",
- message = "Please try refreshing the page. If the problem continues, check your internet connection or try again later.",
- buttonTitle = "Refresh the Page",
- onClick,
-}: {
- title?: string;
- message?: string;
- onClick?: VoidFunction;
- buttonTitle?: string;
-}) => {
- const { setAbstraxionError } = useContext(
- AbstraxionContext,
- ) as AbstraxionContextProps;
-
- const refreshPage = () => window.location.reload();
-
- return (
-
-
- );
-};
diff --git a/apps/abstraxion-settings/src/components/Icons/Avatar.tsx b/apps/abstraxion-settings/src/components/Icons/Avatar.tsx
deleted file mode 100644
index 8cdfdbe8..00000000
--- a/apps/abstraxion-settings/src/components/Icons/Avatar.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-export const AvatarIcon = ({
- color,
- backgroundColor,
-}: {
- color: string;
- backgroundColor: string;
-}) => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/Check.tsx b/apps/abstraxion-settings/src/components/Icons/Check.tsx
deleted file mode 100644
index 14718eef..00000000
--- a/apps/abstraxion-settings/src/components/Icons/Check.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-export const CheckIcon = ({ color = "black" }: { color?: string }) => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/ChevronDown.tsx b/apps/abstraxion-settings/src/components/Icons/ChevronDown.tsx
deleted file mode 100644
index df3f16ea..00000000
--- a/apps/abstraxion-settings/src/components/Icons/ChevronDown.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-export const ChevronDownIcon = ({ color = "black" }: { color?: string }) => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/Close.tsx b/apps/abstraxion-settings/src/components/Icons/Close.tsx
deleted file mode 100644
index 3d28da26..00000000
--- a/apps/abstraxion-settings/src/components/Icons/Close.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-export const CloseIcon = ({
- color = "black",
- onClick,
-}: {
- color?: string;
- onClick: VoidFunction;
-}) => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/Copy.tsx b/apps/abstraxion-settings/src/components/Icons/Copy.tsx
deleted file mode 100644
index e3100160..00000000
--- a/apps/abstraxion-settings/src/components/Icons/Copy.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export const CopyIcon = ({ color }: { color: string }) => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/RightArrow.tsx b/apps/abstraxion-settings/src/components/Icons/RightArrow.tsx
deleted file mode 100644
index c17787c8..00000000
--- a/apps/abstraxion-settings/src/components/Icons/RightArrow.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export const RightArrowIcon = ({ color }: { color: string }) => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/Scan.tsx b/apps/abstraxion-settings/src/components/Icons/Scan.tsx
deleted file mode 100644
index f0b4ca7e..00000000
--- a/apps/abstraxion-settings/src/components/Icons/Scan.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-export const ScanIcon = ({ color }: { color: string }) => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/USDC.tsx b/apps/abstraxion-settings/src/components/Icons/USDC.tsx
deleted file mode 100644
index 86570678..00000000
--- a/apps/abstraxion-settings/src/components/Icons/USDC.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-export const USDCIcon = ({ color }: { color: string }) => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/Wallet.tsx b/apps/abstraxion-settings/src/components/Icons/Wallet.tsx
deleted file mode 100644
index 5b7ef5ba..00000000
--- a/apps/abstraxion-settings/src/components/Icons/Wallet.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-export const WalletIcon = ({
- color,
- backgroundColor,
- outlineColor,
-}: {
- color: string;
- backgroundColor: string;
- outlineColor?: string;
-}) => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/Xion.tsx b/apps/abstraxion-settings/src/components/Icons/Xion.tsx
deleted file mode 100644
index 9390664f..00000000
--- a/apps/abstraxion-settings/src/components/Icons/Xion.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-export const XionIcon = () => (
-
-);
diff --git a/apps/abstraxion-settings/src/components/Icons/index.ts b/apps/abstraxion-settings/src/components/Icons/index.ts
deleted file mode 100644
index 3d07db74..00000000
--- a/apps/abstraxion-settings/src/components/Icons/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// Re-export the other files in this directory
-export { ScanIcon } from "./Scan";
-export { RightArrowIcon } from "./RightArrow";
-export { CheckIcon } from "./Check";
-export { CopyIcon } from "./Copy";
-export { AvatarIcon } from "./Avatar";
-export { ChevronDownIcon } from "./ChevronDown";
-export { WalletIcon } from "./Wallet";
-export { CloseIcon } from "./Close";
-export { XionIcon } from "./Xion";
diff --git a/apps/abstraxion-settings/src/components/Loading/index.tsx b/apps/abstraxion-settings/src/components/Loading/index.tsx
deleted file mode 100644
index caf7363e..00000000
--- a/apps/abstraxion-settings/src/components/Loading/index.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { ModalSection, Spinner } from "@burnt-labs/ui";
-
-export const Loading = () => {
- return (
- - {title} -
-- {message} -
- -
-
- - Let's Go -
-Starting your journey
-
-
-