Fix vite issue with graz package deep imports (#61)

.changeset/two-impalas-peel.md

@@ -0,0 +1,6 @@
+---
+"abstraxion-dashboard": minor
+"@burnt-labs/abstraxion": minor
+---
+
+Fix vite issue with graz package deep imports

apps/abstraxion-dashboard/hooks/useAbstraxionSigningClient.ts

@@ -1,5 +1,4 @@
 import { useContext, useEffect, useState } from "react";
-import { GasPrice } from "graz/dist/cosmjs";
 import { useStytch } from "@stytch/nextjs";
 import { useCosmWasmSigningClient } from "graz";
 import { AAClient, AbstractAccountJWTSigner } from "@burnt-labs/signers";
@@ -8,6 +7,7 @@ import {
   AbstraxionContext,
   AbstraxionContextProps,
 } from "@/components/AbstraxionContext";
+import { GasPrice } from "@cosmjs/stargate";
 
 export const useAbstraxionSigningClient = () => {
   const { connectionType, abstractAccount } = useContext(

apps/abstraxion-dashboard/package.json

@@ -16,6 +16,7 @@
     "@burnt-labs/tailwind-config": "workspace:*",
     "@burnt-labs/ui": "workspace:*",
     "@cosmjs/proto-signing": "^0.31.3",
+    "@cosmjs/stargate": "^0.31.3",
     "@stytch/nextjs": "^14.0.0",
     "@stytch/vanilla-js": "^3.2.1",
     "@tanstack/react-query": "^4.36.1",

packages/abstraxion/src/components/AbstraxionContext/index.tsx

@@ -1,5 +1,5 @@
 import { ReactNode, createContext, useState } from "react";
-import type { DirectSecp256k1HdWallet } from "graz/dist/cosmjs";
+import { DirectSecp256k1HdWallet } from "@cosmjs/proto-signing";
 
 export interface AbstraxionContextProps {
   isConnected: boolean;

packages/abstraxion/src/components/AbstraxionSignin/index.tsx

@@ -1,9 +1,9 @@
 "use client";
 import { useContext, useEffect, useRef, useState } from "react";
-import { DirectSecp256k1HdWallet } from "graz/dist/cosmjs";
 import { Button, ModalSection, BrowserIcon } from "@burnt-labs/ui";
 import { wait } from "@/utils/wait";
 import { AbstraxionContext } from "../AbstraxionContext";
+import { DirectSecp256k1HdWallet } from "@cosmjs/proto-signing";
 
 type GrantsResponse = {
   grants: Grant[];

packages/abstraxion/src/hooks/useAbstraxionSigningClient.ts

@@ -1,11 +1,11 @@
 import { useContext, useEffect, useState } from "react";
-import { GasPrice } from "graz/dist/cosmjs";
 import { testnetChainInfo } from "@burnt-labs/constants";
 import {
   AbstraxionContext,
   AbstraxionContextProps,
 } from "@/src/components/AbstraxionContext";
 import { GranteeSignerClient } from "@/src/GranteeSignerClient.ts";
+import { GasPrice } from "@cosmjs/stargate";
 
 export const useAbstraxionSigningClient = () => {
   const { isConnected, abstraxionAccount, granterAddress } = useContext(

packages/abstraxion/utils/get-account-address.ts

@@ -1,4 +1,4 @@
-import { DirectSecp256k1HdWallet } from "graz/dist/cosmjs";
+import { DirectSecp256k1HdWallet } from "@cosmjs/proto-signing";
 
 export async function getAccountAddress() {
   const existingKeypair = localStorage.getItem("xion-authz-temp-account");