update to interchain-kit, chain-registry/v2

Author: Zetazzz

examples/authz/CHANGELOG.md

@@ -8,11 +8,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ### Bug Fixes
 
-* deps ([b2aa70b](https://github.com/cosmology-tech/create-cosmos-app/commit/b2aa70ba9ef34fd96954c033220ff160d2c8ece7))
-* old ci job yarn4 issues ([#182](https://github.com/cosmology-tech/create-cosmos-app/issues/182)) ([2bb19f7](https://github.com/cosmology-tech/create-cosmos-app/commit/2bb19f75fcc6ffaa4bcb63ecf071009d2f9d7e76))
-* rename telescope-authz to authz ([9ba95fd](https://github.com/cosmology-tech/create-cosmos-app/commit/9ba95fd9d2e23620b1997e87f780460602507d60))
-* try locks update script ([000aa5f](https://github.com/cosmology-tech/create-cosmos-app/commit/000aa5fc73faa0182a23f50a6402e8b2351a587c))
-* upgrade deps and fix multi chain dropdown ([eecbcaa](https://github.com/cosmology-tech/create-cosmos-app/commit/eecbcaad5e7729f00f9121250c04eb40d201ed80))
+* deps ([b2aa70b](https://github.com/hyperweb-io/create-cosmos-app/commit/b2aa70ba9ef34fd96954c033220ff160d2c8ece7))
+* old ci job yarn4 issues ([#182](https://github.com/hyperweb-io/create-cosmos-app/issues/182)) ([2bb19f7](https://github.com/hyperweb-io/create-cosmos-app/commit/2bb19f75fcc6ffaa4bcb63ecf071009d2f9d7e76))
+* rename telescope-authz to authz ([9ba95fd](https://github.com/hyperweb-io/create-cosmos-app/commit/9ba95fd9d2e23620b1997e87f780460602507d60))
+* try locks update script ([000aa5f](https://github.com/hyperweb-io/create-cosmos-app/commit/000aa5fc73faa0182a23f50a6402e8b2351a587c))
+* upgrade deps and fix multi chain dropdown ([eecbcaa](https://github.com/hyperweb-io/create-cosmos-app/commit/eecbcaad5e7729f00f9121250c04eb40d201ed80))
 
 
 
@@ -23,21 +23,21 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ### Bug Fixes
 
-* rename telescope-authz to authz ([e30689d](https://github.com/cosmology-tech/create-cosmos-app/commit/e30689d1ff5f5c42a1c962aecc8b568511e0d0c2))
+* rename telescope-authz to authz ([e30689d](https://github.com/hyperweb-io/create-cosmos-app/commit/e30689d1ff5f5c42a1c962aecc8b568511e0d0c2))
 
 
 
 
 
-## [0.0.4](https://github.com/cosmology-tech/create-cosmos-app/compare/@cosmology/[email protected]...@cosmology/[email protected]) (2024-01-20)
+## [0.0.4](https://github.com/hyperweb-io/create-cosmos-app/compare/@cosmology/[email protected]...@cosmology/[email protected]) (2024-01-20)
 
 **Note:** Version bump only for package @cosmology/telescope-authz-example
 
 
 
 
 
-## [0.0.3](https://github.com/cosmology-tech/create-cosmos-app/compare/@cosmology/[email protected]...@cosmology/[email protected]) (2024-01-20)
+## [0.0.3](https://github.com/hyperweb-io/create-cosmos-app/compare/@cosmology/[email protected]...@cosmology/[email protected]) (2024-01-20)
 
 **Note:** Version bump only for package @cosmology/telescope-authz-example
 

examples/authz/README.md

@@ -1,4 +1,4 @@
-This is a Cosmos App project bootstrapped with [`create-cosmos-app`](https://github.com/cosmology-tech/create-cosmos-app).
+This is a Cosmos App project bootstrapped with [`create-cosmos-app`](https://github.com/hyperweb-io/create-cosmos-app).
 
 ## Getting Started
 
@@ -12,13 +12,13 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 
 You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
 
-## Learn More 
+## Learn More
 
 ### Chain Registry
 
 The npm package for the Official Cosmos chain registry. Get chain and token data for you application.
 
-* https://github.com/cosmology-tech/chain-registry
+* https://github.com/hyperweb-io/chain-registry
 
 ### Cosmology Videos
 
@@ -30,13 +30,13 @@ Checkout more videos for how to use various frontend tooling in the Cosmos!
 
 A wallet connector for the Cosmos ⚛️
 
-* https://github.com/cosmology-tech/cosmos-kit
+* https://github.com/hyperweb-io/cosmos-kit
 
 ### Telescope
 
 A "babel for the Cosmos", Telescope is a TypeScript Transpiler for Cosmos Protobufs. Telescope is used to generate libraries for Cosmos blockchains. Simply point to your protobuffer files and create developer-friendly Typescript libraries for teams to build on your blockchain.
 
-* https://github.com/cosmology-tech/telescope
+* https://github.com/hyperweb-io/telescope
 
 🎥 [Checkout the Telescope video playlist](https://www.youtube.com/watch?v=n82MsLe82mk&list=PL-lMkVv7GZwyQaK6bp6kMdOS5mzosxytC) to learn how to use `telescope`!
 
@@ -68,13 +68,13 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/deploym
 
 Checkout these related projects:
 
-* [@cosmology/telescope](https://github.com/cosmology-tech/telescope) Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
+* [@cosmology/telescope](https://github.com/hyperweb-io/telescope) Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
 * [@cosmwasm/ts-codegen](https://github.com/CosmWasm/ts-codegen) Convert your CosmWasm smart contracts into dev-friendly TypeScript classes.
-* [chain-registry](https://github.com/cosmology-tech/chain-registry) Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application.
-* [cosmos-kit](https://github.com/cosmology-tech/cosmos-kit) Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface.
-* [create-cosmos-app](https://github.com/cosmology-tech/create-cosmos-app) Set up a modern Cosmos app by running one command.
-* [interchain-ui](https://github.com/cosmology-tech/interchain-ui) The Interchain Design System, empowering developers with a flexible, easy-to-use UI kit.
-* [starship](https://github.com/cosmology-tech/starship) Unified Testing and Development for the Interchain.
+* [chain-registry](https://github.com/hyperweb-io/chain-registry) Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application.
+* [cosmos-kit](https://github.com/hyperweb-io/cosmos-kit) Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface.
+* [create-cosmos-app](https://github.com/hyperweb-io/create-cosmos-app) Set up a modern Cosmos app by running one command.
+* [interchain-ui](https://github.com/hyperweb-io/interchain-ui) The Interchain Design System, empowering developers with a flexible, easy-to-use UI kit.
+* [starship](https://github.com/hyperweb-io/starship) Unified Testing and Development for the Interchain.
 
 ## Credits
 

examples/authz/components/authz/AuthzSection.tsx

@@ -2,14 +2,13 @@
 // @ts-nocheck
 
 import { useState } from 'react';
-import { ChainName } from 'cosmos-kit';
-import { useChain } from '@cosmos-kit/react';
+import { useChain } from '@interchain-kit/react';
 import { Box, Button, Tabs, Text } from '@interchain-ui/react';
 
 import { Grants } from './Grants';
 import { GrantModal } from './GrantModal';
 
-export const AuthzSection = ({ chainName }: { chainName: ChainName }) => {
+export const AuthzSection = ({ chainName }: { chainName: string }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [activeTab, setActiveTab] = useState(0);
   const { address } = useChain(chainName);

examples/authz/components/authz/GrantCard.tsx

@@ -12,20 +12,15 @@ import {
   Text,
   TextField,
 } from '@interchain-ui/react';
-import { useChain } from '@cosmos-kit/react';
+import { useChain } from '@interchain-kit/react';
 
 import {
   getChainLogoByChainName,
   PrettyGrant,
   PrettyPermission,
 } from '@/utils';
 import { useAuthzContext } from '@/context';
-import {
-  useAuthzTx,
-  useGrants,
-  useSigningClientAmino,
-  useSigningClientDirect,
-} from '@/hooks';
+import { useAuthzTx, useGrants, useSigningClient } from '@/hooks';
 import { getCoin, permissionNameToRouteMap } from '@/configs';
 
 import styles from '@/styles/custom.module.css';
@@ -50,11 +45,15 @@ export const GrantCard = ({
   const [revokingPermission, setRevokingPermission] =
     useState<PrettyPermission>();
 
-  const { address: signerAddress, chain } = useChain(chainName);
+  const {
+    address: signerAddress,
+    chain,
+    getSigningClient,
+  } = useChain(chainName);
   const { refetch } = useGrants(chainName);
   const { setPermission } = useAuthzContext();
   const { createRevokeMsg } = useAuthzTx(chainName);
-  const { data: client } = useSigningClientDirect(chainName);
+  const { data: client } = useSigningClient(chainName);
 
   const { mutate: revoke } = useRevoke({
     clientResolver: client,

examples/authz/components/authz/GrantDetailsModal.tsx

@@ -4,17 +4,12 @@
 import { useState } from 'react';
 import { BasicModal, Box, Button } from '@interchain-ui/react';
 
-import {
-  useAuthzTx,
-  useGrants,
-  useSigningClientAmino,
-  useSigningClientDirect,
-} from '@/hooks';
+import { useAuthzTx, useGrants, useSigningClient } from '@/hooks';
 import { PrettyGrant, PrettyPermission } from '@/utils';
 import { PermissionDetailCard } from './PermissionDetailCard';
 import { useRevoke } from '@interchainjs/react/cosmos/authz/v1beta1/tx.rpc.react';
 import { defaultContext } from '@tanstack/react-query';
-import { useChain } from '@cosmos-kit/react';
+import { useChain } from '@interchain-kit/react';
 
 type GrantDetailsModalProps = {
   grant: PrettyGrant;
@@ -42,7 +37,7 @@ export const GrantDetailsModal = ({
   const { refetch } = useGrants(chainName);
   const { createRevokeMsg } = useAuthzTx(chainName);
 
-  const { data: client } = useSigningClientDirect(chainName);
+  const { data: client } = useSigningClient(chainName);
 
   const { mutate: revoke } = useRevoke({
     clientResolver: client,

examples/authz/components/authz/GrantModal.tsx

@@ -2,7 +2,6 @@
 // @ts-nocheck
 
 import { useState } from 'react';
-import { ChainName } from 'cosmos-kit';
 import {
   BasicModal,
   Box,
@@ -17,7 +16,7 @@ import {
   FieldLabel,
 } from '@interchain-ui/react';
 import { coin } from '@cosmjs/amino';
-import { useChain } from '@cosmos-kit/react';
+import { useChain } from '@interchain-kit/react';
 import { IoMdCalendar } from 'react-icons/io';
 import Calendar from 'react-calendar';
 import dayjs from 'dayjs';
@@ -29,13 +28,7 @@ import {
   permissions,
 } from '@/configs';
 import { AuthorizationType } from '@interchainjs/react/cosmos/staking/v1beta1/authz';
-import {
-  GrantMsg,
-  useAuthzTx,
-  useGrants,
-  useSigningClientAmino,
-  useSigningClientDirect,
-} from '@/hooks';
+import { GrantMsg, useAuthzTx, useGrants, useSigningClient } from '@/hooks';
 import { getTokenByChainName, shiftDigits } from '@/utils';
 import { CustomizationField } from './CustomizationField';
 import { AddressInput } from '@/components';
@@ -53,7 +46,7 @@ export type AccessList = {
 type GrantModalProps = {
   isOpen: boolean;
   onClose: () => void;
-  chainName: ChainName;
+  chainName: string;
 };
 
 export const GrantModal = ({ isOpen, onClose, chainName }: GrantModalProps) => {
@@ -80,7 +73,7 @@ export const GrantModal = ({ isOpen, onClose, chainName }: GrantModalProps) => {
   const { refetch } = useGrants(chainName);
   const { address } = useChain(chainName);
   const { createGrantMsg } = useAuthzTx(chainName);
-  const { data: client } = useSigningClientAmino(chainName);
+  const { data: client } = useSigningClient(chainName);
 
   const { mutate: grant } = useGrant({
     clientResolver: client,

examples/authz/components/authz/LoginInfoBanner.tsx

@@ -1,7 +1,8 @@
 // TODO fix type issues
 // @ts-nocheck
 
-import { useChain } from '@cosmos-kit/react';
+import { WalletState } from '@interchain-kit/core';
+import { useChain } from '@interchain-kit/react';
 import { Box, Icon, Text } from '@interchain-ui/react';
 
 type LoginInfoBannerProps = {
@@ -13,9 +14,9 @@ export const LoginInfoBanner = ({
   loginAddress,
   chainName,
 }: LoginInfoBannerProps) => {
-  const { isWalletConnected } = useChain(chainName);
+  const { status } = useChain(chainName);
 
-  if (!isWalletConnected) return null;
+  if (status === WalletState.Connected) return null;
 
   return (
     <Box

examples/authz/components/claim-rewards/ClaimRewardsSection.tsx

@@ -1,24 +1,20 @@
 // TODO fix type issues
 // @ts-nocheck
 
-import { useChain } from '@cosmos-kit/react';
-import { ChainName } from 'cosmos-kit';
+import { useChain } from '@interchain-kit/react';
 import { Box, Spinner, Text } from '@interchain-ui/react';
 
 import { useStakingData } from '@/hooks';
 import Overview from './Overview';
+import { WalletState } from '@interchain-kit/core';
 
-export const ClaimRewardsSection = ({
-  chainName,
-}: {
-  chainName: ChainName;
-}) => {
-  const { isWalletConnected } = useChain(chainName);
+export const ClaimRewardsSection = ({ chainName }: { chainName: string }) => {
+  const { status } = useChain(chainName);
   const { data, isLoading, refetch } = useStakingData(chainName);
 
   return (
     <Box mt="$16" mb="$26">
-      {!isWalletConnected ? (
+      {status !== WalletState.Connected ? (
         <Box
           height="$28"
           display="flex"

examples/authz/components/claim-rewards/Overview.tsx

@@ -7,10 +7,9 @@ import {
   StakingAssetHeader,
   StakingClaimHeader,
 } from '@interchain-ui/react';
-import { ChainName } from 'cosmos-kit';
 
 import { getCoin } from '@/configs';
-import { Prices, useAuthzTx, useSigningClientDirect } from '@/hooks';
+import { Prices, useAuthzTx, useSigningClient } from '@/hooks';
 import {
   sum,
   calcDollarValue,
@@ -34,15 +33,15 @@ const Overview = ({
   rewards: Rewards;
   staked: string;
   updateData: () => void;
-  chainName: ChainName;
+  chainName: string;
   prices: Prices;
 }) => {
   const [isClaiming, setIsClaiming] = useState(false);
 
   const { permission } = useAuthzContext();
   const { createExecMsg } = useAuthzTx(chainName);
 
-  const { data: client } = useSigningClientDirect(chainName);
+  const { data: client } = useSigningClient(chainName);
 
   const { mutate: exec } = useExec({
     clientResolver: client,

examples/authz/components/common/AddressInput.tsx

@@ -2,7 +2,7 @@
 // @ts-nocheck
 
 import { useMemo } from 'react';
-import { useChain } from '@cosmos-kit/react';
+import { useChain } from '@interchain-kit/react';
 import { fromBech32 } from '@cosmjs/encoding';
 import { TextField, Text, Box, BoxProps } from '@interchain-ui/react';
 
@@ -37,8 +37,8 @@ export const AddressInput = ({
 
     try {
       const res = fromBech32(address);
-      if (!address.startsWith(chain.bech32_prefix)) {
-        errorMsg = `Invalid address: Unexpected prefix (expected: ${chain.bech32_prefix}, actual: ${res.prefix})`;
+      if (!address.startsWith(chain.bech32Prefix)) {
+        errorMsg = `Invalid address: Unexpected prefix (expected: ${chain.bech32Prefix}, actual: ${res.prefix})`;
       }
     } catch (error) {
       errorMsg = 'Invalid address';