Merge branch 'develop'

chainapsis · Jul 10, 2023 · c89f71d · c89f71d
2 parents b6ea30b + cd9bf6e
commit c89f71d
Show file tree

Hide file tree

Showing 149 changed files with 28,449 additions and 804 deletions.
diff --git a/lerna.json b/lerna.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.12.14",
+  "version": "0.12.15-rc.1",
   "useWorkspaces": true,
   "npmClient": "yarn",
   "command": {

diff --git a/packages/analytics/package.json b/packages/analytics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@keplr-wallet/analytics",
-  "version": "0.12.14",
+  "version": "0.12.15-rc.1",
   "main": "build/index.js",
   "author": "chainapsis",
   "license": "Apache-2.0",

diff --git a/packages/background/package.json b/packages/background/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@keplr-wallet/background",
-  "version": "0.12.14",
+  "version": "0.12.15-rc.1",
   "main": "build/index.js",
   "author": "chainapsis",
   "license": "Apache-2.0",
@@ -28,17 +28,17 @@
     "@ethersproject/hash": "^5.7.0",
     "@ethersproject/transactions": "^5.7.0",
     "@ethersproject/wallet": "^5.7.0",
-    "@keplr-wallet/chain-validator": "0.12.14",
-    "@keplr-wallet/common": "0.12.14",
-    "@keplr-wallet/cosmos": "0.12.14",
-    "@keplr-wallet/crypto": "0.12.14",
-    "@keplr-wallet/ledger-cosmos": "0.12.14",
-    "@keplr-wallet/popup": "0.12.14",
-    "@keplr-wallet/proto-types": "0.12.14",
-    "@keplr-wallet/router": "0.12.14",
-    "@keplr-wallet/simple-fetch": "0.12.14",
-    "@keplr-wallet/types": "0.12.14",
-    "@keplr-wallet/unit": "0.12.14",
+    "@keplr-wallet/chain-validator": "0.12.15-rc.1",
+    "@keplr-wallet/common": "0.12.15-rc.1",
+    "@keplr-wallet/cosmos": "0.12.15-rc.1",
+    "@keplr-wallet/crypto": "0.12.15-rc.1",
+    "@keplr-wallet/ledger-cosmos": "0.12.15-rc.1",
+    "@keplr-wallet/popup": "0.12.15-rc.1",
+    "@keplr-wallet/proto-types": "0.12.15-rc.1",
+    "@keplr-wallet/router": "0.12.15-rc.1",
+    "@keplr-wallet/simple-fetch": "0.12.15-rc.1",
+    "@keplr-wallet/types": "0.12.15-rc.1",
+    "@keplr-wallet/unit": "0.12.15-rc.1",
     "@keystonehq/base-eth-keyring": "^0.6.4",
     "@keystonehq/bc-ur-registry": "^0.5.1",
     "@keystonehq/bc-ur-registry-cosmos": "^0.1.1",

diff --git a/packages/chain-validator/package.json b/packages/chain-validator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@keplr-wallet/chain-validator",
-  "version": "0.12.14",
+  "version": "0.12.15-rc.1",
   "main": "build/index.js",
   "author": "chainapsis",
   "license": "Apache-2.0",
@@ -16,9 +16,9 @@
     "lint-fix": "eslint --fix \"src/**/*\" && prettier --write \"src/**/*\""
   },
   "dependencies": {
-    "@keplr-wallet/cosmos": "0.12.14",
-    "@keplr-wallet/simple-fetch": "0.12.14",
-    "@keplr-wallet/types": "0.12.14",
+    "@keplr-wallet/cosmos": "0.12.15-rc.1",
+    "@keplr-wallet/simple-fetch": "0.12.15-rc.1",
+    "@keplr-wallet/types": "0.12.15-rc.1",
     "joi": "^17.5.0",
     "utility-types": "^3.10.0"
   }

diff --git a/packages/common/package.json b/packages/common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@keplr-wallet/common",
-  "version": "0.12.14",
+  "version": "0.12.15-rc.1",
   "main": "build/index.js",
   "author": "chainapsis",
   "license": "Apache-2.0",
@@ -16,8 +16,8 @@
     "lint-fix": "eslint --fix \"src/**/*\" && prettier --write \"src/**/*\""
   },
   "dependencies": {
-    "@keplr-wallet/crypto": "0.12.14",
-    "@keplr-wallet/types": "0.12.14",
+    "@keplr-wallet/crypto": "0.12.15-rc.1",
+    "@keplr-wallet/types": "0.12.15-rc.1",
     "buffer": "^6.0.3",
     "delay": "^4.4.0",
     "mobx": "^6.1.7"

diff --git a/packages/cosmjs-test/package.json b/packages/cosmjs-test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cosmjs-test",
-  "version": "0.12.14",
+  "version": "0.12.15-rc.1",
   "author": "chainapsis",
   "license": "Apache-2.0",
   "private": true,
@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "@cosmjs/stargate": "^0.29.3",
-    "@keplr-wallet/provider-mock": "0.12.14",
+    "@keplr-wallet/provider-mock": "0.12.15-rc.1",
     "secretjs": "^1.6.0"
   }
 }
diff --git a/packages/cosmos/package.json b/packages/cosmos/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@keplr-wallet/cosmos",
-  "version": "0.12.14",
+  "version": "0.12.15-rc.1",
   "main": "build/index.js",
   "author": "chainapsis",
   "license": "Apache-2.0",
@@ -17,12 +17,12 @@
   },
   "dependencies": {
     "@ethersproject/address": "^5.6.0",
-    "@keplr-wallet/common": "0.12.14",
-    "@keplr-wallet/crypto": "0.12.14",
-    "@keplr-wallet/proto-types": "0.12.14",
-    "@keplr-wallet/simple-fetch": "0.12.14",
-    "@keplr-wallet/types": "0.12.14",
-    "@keplr-wallet/unit": "0.12.14",
+    "@keplr-wallet/common": "0.12.15-rc.1",
+    "@keplr-wallet/crypto": "0.12.15-rc.1",
+    "@keplr-wallet/proto-types": "0.12.15-rc.1",
+    "@keplr-wallet/simple-fetch": "0.12.15-rc.1",
+    "@keplr-wallet/types": "0.12.15-rc.1",
+    "@keplr-wallet/unit": "0.12.15-rc.1",
     "bech32": "^1.1.4",
     "buffer": "^6.0.3",
     "long": "^4.0.0",

diff --git a/packages/cosmos/src/stargate/wrapper/index.ts b/packages/cosmos/src/stargate/wrapper/index.ts
@@ -107,6 +107,14 @@ export class SignDocWrapper {
     return this.aminoSignDoc.fee.amount;
   }
 
+  get payer(): string | undefined {
+    if (this.mode === "direct") {
+      return this.protoSignDoc.authInfo.fee?.payer;
+    }
+
+    return this.aminoSignDoc.fee.payer;
+  }
+
   get granter(): string | undefined {
     if (this.mode === "direct") {
       return this.protoSignDoc.authInfo.fee?.granter;

diff --git a/packages/crypto/package.json b/packages/crypto/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@keplr-wallet/crypto",
-  "version": "0.12.14",
+  "version": "0.12.15-rc.1",
   "main": "build/index.js",
   "author": "chainapsis",
   "license": "Apache-2.0",

diff --git a/packages/extension/package.json b/packages/extension/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@keplr-wallet/extension",
-  "version": "0.12.14",
+  "version": "0.12.15-rc.1",
   "author": "chainapsis",
   "license": "Apache-2.0",
   "private": true,
@@ -25,24 +25,24 @@
     "@ethersproject/transactions": "^5.7.0",
     "@floating-ui/react": "^0.23.0",
     "@floating-ui/react-dom": "^1.3.0",
-    "@keplr-wallet/analytics": "0.12.14",
-    "@keplr-wallet/background": "0.12.14",
-    "@keplr-wallet/chain-validator": "0.12.14",
-    "@keplr-wallet/common": "0.12.14",
-    "@keplr-wallet/cosmos": "0.12.14",
-    "@keplr-wallet/crypto": "0.12.14",
-    "@keplr-wallet/hooks": "0.12.14",
-    "@keplr-wallet/ledger-cosmos": "0.12.14",
-    "@keplr-wallet/popup": "0.12.14",
-    "@keplr-wallet/proto-types": "0.12.14",
-    "@keplr-wallet/provider": "0.12.14",
-    "@keplr-wallet/router": "0.12.14",
-    "@keplr-wallet/router-extension": "0.12.14",
-    "@keplr-wallet/simple-fetch": "0.12.14",
-    "@keplr-wallet/stores": "0.12.14",
-    "@keplr-wallet/stores-etc": "0.12.14",
-    "@keplr-wallet/types": "0.12.14",
-    "@keplr-wallet/unit": "0.12.14",
+    "@keplr-wallet/analytics": "0.12.15-rc.1",
+    "@keplr-wallet/background": "0.12.15-rc.1",
+    "@keplr-wallet/chain-validator": "0.12.15-rc.1",
+    "@keplr-wallet/common": "0.12.15-rc.1",
+    "@keplr-wallet/cosmos": "0.12.15-rc.1",
+    "@keplr-wallet/crypto": "0.12.15-rc.1",
+    "@keplr-wallet/hooks": "0.12.15-rc.1",
+    "@keplr-wallet/ledger-cosmos": "0.12.15-rc.1",
+    "@keplr-wallet/popup": "0.12.15-rc.1",
+    "@keplr-wallet/proto-types": "0.12.15-rc.1",
+    "@keplr-wallet/provider": "0.12.15-rc.1",
+    "@keplr-wallet/router": "0.12.15-rc.1",
+    "@keplr-wallet/router-extension": "0.12.15-rc.1",
+    "@keplr-wallet/simple-fetch": "0.12.15-rc.1",
+    "@keplr-wallet/stores": "0.12.15-rc.1",
+    "@keplr-wallet/stores-etc": "0.12.15-rc.1",
+    "@keplr-wallet/types": "0.12.15-rc.1",
+    "@keplr-wallet/unit": "0.12.15-rc.1",
     "@keystonehq/animated-qr": "^0.4.1",
     "@ledgerhq/devices": "^6.20.0",
     "@react-spring/web": "^9.6.1",

diff --git a/packages/extension/src/components/address-book-modal/index.tsx b/packages/extension/src/components/address-book-modal/index.tsx
@@ -15,7 +15,7 @@ import { Bleed } from "../bleed";
 import { RecentSendHistory } from "@keplr-wallet/background";
 import { AddressItem } from "../address-item";
 import SimpleBar from "simplebar-react";
-import styled from "styled-components";
+import styled, { useTheme } from "styled-components";
 import { FormattedMessage, useIntl } from "react-intl";
 
 type Type = "recent" | "contacts" | "accounts";
@@ -48,6 +48,7 @@ export const AddressBookModal: FunctionComponent<{
   }) => {
     const { analyticsStore, uiConfigStore, keyRingStore } = useStore();
     const intl = useIntl();
+    const theme = useTheme();
 
     const [type, setType] = useState<Type>("recent");
 
@@ -143,16 +144,16 @@ export const AddressBookModal: FunctionComponent<{
     return (
       <Modal isOpen={isOpen} close={close} align="bottom">
         <Box
-          backgroundColor={ColorPalette["gray-600"]}
+          backgroundColor={
+            theme.mode === "light"
+              ? ColorPalette.white
+              : ColorPalette["gray-600"]
+          }
           paddingX="0.75rem"
           paddingTop="1rem"
         >
           <Box paddingX="0.5rem" paddingY="0.375rem">
-            <Subtitle1
-              style={{
-                color: ColorPalette["white"],
-              }}
-            >
+            <Subtitle1>
               <FormattedMessage id="components.address-book-modal.title" />
             </Subtitle1>
           </Box>
@@ -276,7 +277,10 @@ export const AddressBookModal: FunctionComponent<{
               alignY="center"
               style={{
                 height: "14.875rem",
-                color: ColorPalette["gray-400"],
+                color:
+                  theme.mode === "light"
+                    ? ColorPalette["gray-200"]
+                    : ColorPalette["gray-400"],
               }}
             >
               <Bleed top="3rem">

diff --git a/packages/extension/src/components/address-item/index.tsx b/packages/extension/src/components/address-item/index.tsx
@@ -11,6 +11,7 @@ import { FormattedMessage, useIntl } from "react-intl";
 import { Gutter } from "../gutter";
 import { IconButton } from "../icon-button";
 import { XAxis, YAxis } from "../axis";
+import { useTheme } from "styled-components";
 
 export const AddressItem: FunctionComponent<{
   timestamp?: number;
@@ -34,14 +35,23 @@ export const AddressItem: FunctionComponent<{
   highlight,
 }) => {
   const intl = useIntl();
+  const theme = useTheme();
   const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);
 
   return (
     <Box
       padding="1rem"
-      backgroundColor={ColorPalette["gray-600"]}
+      backgroundColor={
+        theme.mode === "light"
+          ? ColorPalette["gray-50"]
+          : ColorPalette["gray-600"]
+      }
       hover={{
-        backgroundColor: onClick ? ColorPalette["gray-550"] : undefined,
+        backgroundColor: onClick
+          ? theme.mode === "light"
+            ? ColorPalette["gray-100"]
+            : ColorPalette["gray-550"]
+          : undefined,
       }}
       borderRadius="0.375rem"
       borderWidth={highlight ? "1px" : undefined}
@@ -61,7 +71,10 @@ export const AddressItem: FunctionComponent<{
               <React.Fragment>
                 <H5
                   style={{
-                    color: ColorPalette["gray-10"],
+                    color:
+                      theme.mode === "light"
+                        ? ColorPalette["gray-700"]
+                        : ColorPalette["gray-10"],
                   }}
                 >
                   <FormattedMessage
@@ -83,7 +96,10 @@ export const AddressItem: FunctionComponent<{
               <React.Fragment>
                 <H5
                   style={{
-                    color: ColorPalette["gray-10"],
+                    color:
+                      theme.mode === "light"
+                        ? ColorPalette["gray-700"]
+                        : ColorPalette["gray-10"],
                     width: "16rem",
                     whiteSpace: "nowrap",
                     overflow: "hidden",
@@ -97,11 +113,22 @@ export const AddressItem: FunctionComponent<{
             ) : null}
 
             <XAxis alignY="center">
-              <ProfileIcon width="0.75rem" height="0.75rem" />
+              <ProfileIcon
+                width="0.75rem"
+                height="0.75rem"
+                color={
+                  theme.mode === "light"
+                    ? ColorPalette["gray-300"]
+                    : ColorPalette["gray-200"]
+                }
+              />
               <Gutter size="0.25rem" />
               <Body2
                 style={{
-                  color: ColorPalette["gray-200"],
+                  color:
+                    theme.mode === "light"
+                      ? ColorPalette["gray-300"]
+                      : ColorPalette["gray-200"],
                 }}
               >
                 {Bech32Address.shortenAddress(address, 30)}
@@ -111,12 +138,23 @@ export const AddressItem: FunctionComponent<{
             <Gutter size="0.25rem" />
             {isShowMemo ? (
               <XAxis alignY="center">
-                <DocumentTextIcon width="0.75rem" height="0.75rem" />
+                <DocumentTextIcon
+                  width="0.75rem"
+                  height="0.75rem"
+                  color={
+                    theme.mode === "light"
+                      ? ColorPalette["gray-300"]
+                      : ColorPalette["gray-200"]
+                  }
+                />
                 <Gutter size="0.25rem" />
                 {memo ? (
                   <Body2
                     style={{
-                      color: ColorPalette["gray-200"],
+                      color:
+                        theme.mode === "light"
+                          ? ColorPalette["gray-300"]
+                          : ColorPalette["gray-200"],
                       width: "15rem",
                       whiteSpace: "nowrap",
                       overflow: "hidden",
@@ -147,7 +185,11 @@ export const AddressItem: FunctionComponent<{
           >
             <IconButton
               onClick={() => setIsMenuOpen(!isMenuOpen)}
-              color={ColorPalette["gray-10"]}
+              color={
+                theme.mode === "light"
+                  ? ColorPalette["gray-300"]
+                  : ColorPalette["gray-10"]
+              }
             >
               <EllipsisIcon width="1.5rem" height="1.5rem" />
             </IconButton>