Merge branch 'develop'

Author: Thunnini

apps/extension/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keplr-wallet/extension",
-  "version": "0.12.215",
+  "version": "0.12.216-rc.0",
   "author": "chainapsis",
   "license": "Apache-2.0",
   "private": true,
@@ -26,33 +26,33 @@
     "@ethersproject/transactions": "^5.7.0",
     "@floating-ui/react": "^0.23.0",
     "@floating-ui/react-dom": "^1.3.0",
-    "@keplr-wallet/analytics": "0.12.215",
-    "@keplr-wallet/background": "0.12.215",
-    "@keplr-wallet/chain-validator": "0.12.215",
-    "@keplr-wallet/common": "0.12.215",
-    "@keplr-wallet/cosmos": "0.12.215",
-    "@keplr-wallet/crypto": "0.12.215",
-    "@keplr-wallet/hooks": "0.12.215",
-    "@keplr-wallet/hooks-bitcoin": "0.12.215",
-    "@keplr-wallet/hooks-internal": "0.12.215",
-    "@keplr-wallet/hooks-starknet": "0.12.215",
-    "@keplr-wallet/ledger-cosmos": "0.12.215",
-    "@keplr-wallet/popup": "0.12.215",
-    "@keplr-wallet/proto-types": "0.12.215",
-    "@keplr-wallet/provider": "0.12.215",
-    "@keplr-wallet/router": "0.12.215",
-    "@keplr-wallet/router-extension": "0.12.215",
-    "@keplr-wallet/simple-fetch": "0.12.215",
-    "@keplr-wallet/stores": "0.12.215",
-    "@keplr-wallet/stores-bitcoin": "0.12.215",
-    "@keplr-wallet/stores-core": "0.12.215",
-    "@keplr-wallet/stores-etc": "0.12.215",
-    "@keplr-wallet/stores-eth": "0.12.215",
-    "@keplr-wallet/stores-ibc": "0.12.215",
-    "@keplr-wallet/stores-internal": "0.12.215",
-    "@keplr-wallet/stores-starknet": "0.12.215",
-    "@keplr-wallet/types": "0.12.215",
-    "@keplr-wallet/unit": "0.12.215",
+    "@keplr-wallet/analytics": "0.12.216-rc.0",
+    "@keplr-wallet/background": "0.12.216-rc.0",
+    "@keplr-wallet/chain-validator": "0.12.216-rc.0",
+    "@keplr-wallet/common": "0.12.216-rc.0",
+    "@keplr-wallet/cosmos": "0.12.216-rc.0",
+    "@keplr-wallet/crypto": "0.12.216-rc.0",
+    "@keplr-wallet/hooks": "0.12.216-rc.0",
+    "@keplr-wallet/hooks-bitcoin": "0.12.216-rc.0",
+    "@keplr-wallet/hooks-internal": "0.12.216-rc.0",
+    "@keplr-wallet/hooks-starknet": "0.12.216-rc.0",
+    "@keplr-wallet/ledger-cosmos": "0.12.216-rc.0",
+    "@keplr-wallet/popup": "0.12.216-rc.0",
+    "@keplr-wallet/proto-types": "0.12.216-rc.0",
+    "@keplr-wallet/provider": "0.12.216-rc.0",
+    "@keplr-wallet/router": "0.12.216-rc.0",
+    "@keplr-wallet/router-extension": "0.12.216-rc.0",
+    "@keplr-wallet/simple-fetch": "0.12.216-rc.0",
+    "@keplr-wallet/stores": "0.12.216-rc.0",
+    "@keplr-wallet/stores-bitcoin": "0.12.216-rc.0",
+    "@keplr-wallet/stores-core": "0.12.216-rc.0",
+    "@keplr-wallet/stores-etc": "0.12.216-rc.0",
+    "@keplr-wallet/stores-eth": "0.12.216-rc.0",
+    "@keplr-wallet/stores-ibc": "0.12.216-rc.0",
+    "@keplr-wallet/stores-internal": "0.12.216-rc.0",
+    "@keplr-wallet/stores-starknet": "0.12.216-rc.0",
+    "@keplr-wallet/types": "0.12.216-rc.0",
+    "@keplr-wallet/unit": "0.12.216-rc.0",
     "@keystonehq/animated-qr": "^0.8.6",
     "@keystonehq/hw-app-base": "0.1.1",
     "@keystonehq/hw-transport-webusb": "0.4.0",

apps/extension/src/bottom-tabs.tsx

@@ -6,6 +6,7 @@ import { useTheme } from "styled-components";
 import { YAxis } from "./components/axis";
 import { Caption2 } from "./components/typography";
 import { Box } from "./components/box";
+import { Tooltip } from "./components/tooltip";
 
 export const BottomTabsHeightRem = "3.75rem";
 
@@ -25,6 +26,9 @@ export const BottomTabsRouteProvider: FunctionComponent<
       pathname: string;
       icon: React.ReactNode;
       text: string;
+
+      disabled?: boolean;
+      tooltip?: string;
     }[];
 
     forceHideBottomTabs?: boolean;
@@ -80,6 +84,7 @@ export const BottomTabsRouteProvider: FunctionComponent<
           }}
         >
           {tabs.map((tab, i) => {
+            const disabled = !!tab.disabled;
             const isActive = tab.pathname === location.pathname;
 
             return (
@@ -90,11 +95,10 @@ export const BottomTabsRouteProvider: FunctionComponent<
                   width: "1px",
                 }}
               >
-                <Link
-                  to={tab.pathname}
-                  style={{
-                    textDecoration: "none",
-                  }}
+                <LinkComp
+                  pathname={tab.pathname}
+                  disabled={disabled}
+                  tooltip={tab.tooltip}
                 >
                   <div
                     style={{
@@ -103,8 +107,14 @@ export const BottomTabsRouteProvider: FunctionComponent<
                       flexDirection: "column",
                       alignItems: "center",
                       justifyContent: "center",
-                      opacity: isNotReady ? 0 : 1,
+                      opacity: isNotReady ? 0 : disabled ? 0.6 : 1,
                       color: (() => {
+                        if (disabled) {
+                          return theme.mode === "light"
+                            ? ColorPalette["gray-100"]
+                            : ColorPalette["gray-400"];
+                        }
+
                         if (theme.mode === "light") {
                           return isActive
                             ? ColorPalette["blue-400"]
@@ -138,6 +148,12 @@ export const BottomTabsRouteProvider: FunctionComponent<
                             wordBreak: "keep-all",
                           }}
                           color={(() => {
+                            if (disabled) {
+                              return theme.mode === "light"
+                                ? ColorPalette["gray-200"]
+                                : ColorPalette["gray-300"];
+                            }
+
                             if (theme.mode === "light") {
                               return isActive
                                 ? ColorPalette["blue-400"]
@@ -154,7 +170,7 @@ export const BottomTabsRouteProvider: FunctionComponent<
                       </BottomTabActiveStateContext.Provider>
                     </YAxis>
                   </div>
-                </Link>
+                </LinkComp>
               </Box>
             );
           })}
@@ -164,6 +180,42 @@ export const BottomTabsRouteProvider: FunctionComponent<
   );
 };
 
+const LinkComp: FunctionComponent<
+  PropsWithChildren<{
+    pathname: string;
+    disabled: boolean;
+    tooltip?: string;
+  }>
+> = ({ children, pathname, disabled, tooltip }) => {
+  if (!disabled) {
+    return (
+      <Tooltip content={tooltip}>
+        <Link
+          to={pathname}
+          style={{
+            textDecoration: "none",
+          }}
+        >
+          {children}
+        </Link>
+      </Tooltip>
+    );
+  } else {
+    return (
+      <Tooltip content={tooltip}>
+        <div
+          style={{
+            textDecoration: "none",
+            cursor: "not-allowed",
+          }}
+        >
+          {children}
+        </div>
+      </Tooltip>
+    );
+  }
+};
+
 const useIsTabActive = () => {
   const context = React.useContext(BottomTabActiveStateContext);
   if (context == null) {

apps/extension/src/components/button/right-arrow-icon.tsx

@@ -8,17 +8,18 @@ export const RightArrowIcon: FunctionComponent<IconProps> = ({
 }) => {
   return (
     <svg
+      xmlns="http://www.w3.org/2000/svg"
       width={width}
       height={height}
       viewBox="0 0 24 24"
       fill="none"
-      xmlns="http://www.w3.org/2000/svg"
     >
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M4.1001 12.0002C4.1001 11.5031 4.50304 11.1002 5.0001 11.1002L17.7656 11.1002L12.7763 6.34894C12.418 6.00443 12.4068 5.43469 12.7513 5.0764C13.0959 4.7181 13.6656 4.70693 14.0239 5.05144L20.6239 11.3514C20.8004 11.5211 20.9001 11.7554 20.9001 12.0002C20.9001 12.245 20.8004 12.4793 20.6239 12.6489L14.0239 18.9489C13.6656 19.2935 13.0959 19.2823 12.7513 18.924C12.4068 18.5657 12.418 17.996 12.7763 17.6514L17.7656 12.9002L5.0001 12.9002C4.50304 12.9002 4.1001 12.4973 4.1001 12.0002Z"
-        fill={color || "#F6F6F9"}
+        d="M3.6001 12.0002C3.6001 11.5031 4.00304 11.1002 4.5001 11.1002L17.2656 11.1002L12.2763 6.34894C11.918 6.00443 11.9068 5.43469 12.2513 5.0764C12.5959 4.7181 13.1656 4.70693 13.5239 5.05144L20.1239 11.3514C20.3004 11.5211 20.4001 11.7554 20.4001 12.0002C20.4001 12.245 20.3004 12.4793 20.1239 12.6489L13.5239 18.9489C13.1656 19.2935 12.5959 19.2823 12.2513 18.924C11.9068 18.5657 11.918 17.996 12.2763 17.6514L17.2656 12.9002L4.5001 12.9002C4.00304 12.9002 3.6001 12.4973 3.6001 12.0002Z"
+        fill={color ?? "currentColor"}
+        strokeWidth="0.1"
       />
     </svg>
   );

apps/extension/src/config.ts

@@ -3346,6 +3346,57 @@ export const EmbedChainInfos: (ChainInfo | ModularChainInfo)[] = [
     ],
     features: [],
   },
+  {
+    chainId: "bbn-1",
+    chainName: "Babylon Genesis",
+    chainSymbolImageUrl:
+      "https://raw.githubusercontent.com/chainapsis/keplr-chain-registry/main/images/bbn/chain.png",
+    rpc: "https://rpc-babylon.keplr.app",
+    rest: "https://lcd-babylon.keplr.app",
+    walletUrlForStaking: "https://wallet.keplr.app/chains/babylon-genesis",
+    bip44: {
+      coinType: 118,
+    },
+    bech32Config: {
+      bech32PrefixAccAddr: "bbn",
+      bech32PrefixAccPub: "bbnpub",
+      bech32PrefixValAddr: "bbnvaloper",
+      bech32PrefixValPub: "bbnvaloperpub",
+      bech32PrefixConsAddr: "bbnvalcons",
+      bech32PrefixConsPub: "bbnvalconspub",
+    },
+    currencies: [
+      {
+        coinDenom: "BABY",
+        coinMinimalDenom: "ubbn",
+        coinDecimals: 6,
+        coinImageUrl:
+          "https://raw.githubusercontent.com/chainapsis/keplr-chain-registry/main/images/bbn/chain.png",
+      },
+    ],
+    feeCurrencies: [
+      {
+        coinDenom: "BABY",
+        coinMinimalDenom: "ubbn",
+        coinDecimals: 6,
+        coinImageUrl:
+          "https://raw.githubusercontent.com/chainapsis/keplr-chain-registry/main/images/bbn/chain.png",
+        gasPriceStep: {
+          low: 0.007,
+          average: 0.007,
+          high: 0.01,
+        },
+      },
+    ],
+    stakeCurrency: {
+      coinDenom: "BABY",
+      coinMinimalDenom: "ubbn",
+      coinDecimals: 6,
+      coinImageUrl:
+        "https://raw.githubusercontent.com/chainapsis/keplr-chain-registry/main/images/bbn/chain.png",
+    },
+    features: ["cosmwasm"],
+  },
 ];
 
 // The origins that are able to pass any permission that external webpages can have.

apps/extension/src/index.tsx

@@ -362,6 +362,21 @@ const RoutesAfterReady: FunctionComponent = observer(() => {
             text: intl.formatMessage({
               id: "bottom-tabs.swap",
             }),
+            ...(() => {
+              for (const modularChainInfo of chainStore.modularChainInfosInUI) {
+                if ("cosmos" in modularChainInfo) {
+                  return {
+                    disabled: false,
+                  };
+                }
+              }
+              return {
+                disabled: true,
+                tooltip: intl.formatMessage({
+                  id: "bottom-tabs.swap.disabled",
+                }),
+              };
+            })(),
           },
           {
             pathname: "/activities",

apps/extension/src/languages/en.json

@@ -27,6 +27,7 @@
   "bottom-tabs.swap": "Swap",
   "bottom-tabs.activity": "Activity",
   "bottom-tabs.settings": "Settings",
+  "bottom-tabs.swap.disabled": "Swap only works with Cosmos or Ethereum-based chains. Please add one to use it.",
 
   "pages.register.components.header.intro-title": "Your Interchain Gateway",
   "pages.register.components.header.header-step.title": "Step",

apps/extension/src/languages/ko.json

@@ -27,6 +27,7 @@
   "bottom-tabs.swap": "스왑",
   "bottom-tabs.activity": "활동내역",
   "bottom-tabs.settings": "설정",
+  "bottom-tabs.swap.disabled": "스왑은 현재 코스모스, 이더리움 계열 체인들만 지원하고 있습니다. 사용하려면 코스모스나 이더리움 계열 체인을 추가해주세요",
 
   "pages.register.components.header.intro-title": "내 손 안의 인터체인",
   "pages.register.components.header.header-step.title": "단계",

apps/extension/src/manifest.v2.json

@@ -3,7 +3,7 @@
 
   "name": "Keplr",
   "description": "Keplr is a browser extension wallet for the Inter blockchain ecosystem.",
-  "version": "0.12.215",
+  "version": "0.12.216",
   "icons": {
     "16": "assets/icon-16.png",
     "48": "assets/icon-48.png",

apps/extension/src/manifest.v3.json

@@ -3,7 +3,7 @@
 
   "name": "Keplr",
   "description": "Keplr is a browser extension wallet for the Inter blockchain ecosystem.",
-  "version": "0.12.215",
+  "version": "0.12.216",
   "icons": {
     "16": "assets/icon-16.png",
     "48": "assets/icon-48.png",