@bosonprotocol/react-kit 0.34.0-alpha.13 → 0.34.0-alpha.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts +3 -3
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.js +2 -2
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.js.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.d.ts +3 -3
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.js +2 -2
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.js.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts +5 -2
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js +3 -2
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.d.ts +6 -1
- package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.js +7 -5
- package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.js.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/index.d.ts +3 -1
- package/dist/cjs/components/wallet2/walletModal/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/index.js +2 -2
- package/dist/cjs/components/wallet2/walletModal/index.js.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts +3 -3
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.js +2 -2
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.js.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.d.ts +3 -3
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.js +2 -2
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.js.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts +5 -2
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js +3 -2
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js.map +1 -1
- package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.d.ts +6 -1
- package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.d.ts.map +1 -1
- package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.js +7 -5
- package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.js.map +1 -1
- package/dist/esm/components/wallet2/walletModal/index.d.ts +3 -1
- package/dist/esm/components/wallet2/walletModal/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/walletModal/index.js +2 -2
- package/dist/esm/components/wallet2/walletModal/index.js.map +1 -1
- package/package.json +5 -5
- package/src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx +5 -6
- package/src/components/wallet2/accountDrawer/miniPortfolio/index.tsx +8 -4
- package/src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx +8 -2
- package/src/components/wallet2/walletModal/ConnectionErrorView.tsx +21 -6
- package/src/components/wallet2/walletModal/index.tsx +7 -3
- package/src/stories/ConnectWallet.stories.tsx +30 -1
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconProps } from "phosphor-react";
|
|
3
3
|
import { CSSProperties } from "styled-components";
|
|
4
|
+
import { MiniPortfolioProps } from "./miniPortfolio";
|
|
4
5
|
import { BaseButtonTheme } from "../../buttons/BaseButton";
|
|
5
6
|
export declare function PortfolioArrow({ change, ...rest }: {
|
|
6
7
|
change: number;
|
|
7
8
|
} & IconProps): JSX.Element;
|
|
8
|
-
export type AuthenticatedHeaderProps = {
|
|
9
|
-
account: string;
|
|
9
|
+
export type AuthenticatedHeaderProps = MiniPortfolioProps & {
|
|
10
10
|
onUserDisconnect?: () => unknown;
|
|
11
11
|
disconnectColor: CSSProperties["color"];
|
|
12
12
|
disconnectBackgroundColor: CSSProperties["backgroundColor"];
|
|
13
13
|
disconnectBorderRadius: CSSProperties["borderRadius"];
|
|
14
14
|
buyCryptoTheme: BaseButtonTheme;
|
|
15
15
|
};
|
|
16
|
-
export declare function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme }: AuthenticatedHeaderProps): JSX.Element;
|
|
16
|
+
export declare function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme, defaultTokens }: AuthenticatedHeaderProps): JSX.Element;
|
|
17
17
|
//# sourceMappingURL=AuthenticatedHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthenticatedHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,SAAS,EAGV,MAAM,gBAAgB,CAAC;AAExB,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"AuthenticatedHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,SAAS,EAGV,MAAM,gBAAgB,CAAC;AAExB,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAM1D,OAAsB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAepE,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AA2FvE,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,GAAG,IAAI,EACR,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,eAMhC;AACD,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG;IAC1D,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,yBAAyB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC5D,sBAAsB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACtD,cAAc,EAAE,eAAe,CAAC;CACjC,CAAC;AACF,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,sBAAsB,EACtB,cAAc,EACd,aAAa,EACd,EAAE,wBAAwB,eAsJ1B"}
|
|
@@ -155,7 +155,7 @@ function PortfolioArrow(_a) {
|
|
|
155
155
|
return change < 0 ? (react_1.default.createElement(phosphor_react_1.ArrowDownRight, Object.assign({ size: 20 }, rest))) : (react_1.default.createElement(phosphor_react_1.ArrowUpRight, Object.assign({ size: 20 }, rest)));
|
|
156
156
|
}
|
|
157
157
|
exports.PortfolioArrow = PortfolioArrow;
|
|
158
|
-
function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme }) {
|
|
158
|
+
function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme, defaultTokens }) {
|
|
159
159
|
const { connector } = (0, core_1.useWeb3React)();
|
|
160
160
|
const { ENSName } = (0, useENSName_1.useENSName)(account);
|
|
161
161
|
const connection = (0, ConnectionsProvider_1.getConnection)(connector, (0, ConnectionsProvider_1.useConnections)());
|
|
@@ -225,7 +225,7 @@ function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disco
|
|
|
225
225
|
react_1.default.createElement(Tooltip_1.Tooltip, { disabled: !showFiatOnrampUnavailableTooltip, content: "Moonpay is not available in some regions. Click to learn more." },
|
|
226
226
|
react_1.default.createElement(FiatOnrampAvailabilityExternalLink, { onMouseEnter: openFiatOnrampUnavailableTooltip, onMouseLeave: closeFiatOnrampUnavailableTooltip, style: { color: "inherit" }, href: "https://support.uniswap.org/hc/en-us/articles/11306664890381-Why-isn-t-MoonPay-available-in-my-region-" },
|
|
227
227
|
react_1.default.createElement(StyledInfoIcon, null))))),
|
|
228
|
-
react_1.default.createElement(miniPortfolio_1.default, { account: account }))));
|
|
228
|
+
react_1.default.createElement(miniPortfolio_1.default, { account: account, defaultTokens: defaultTokens }))));
|
|
229
229
|
}
|
|
230
230
|
exports.AuthenticatedHeader = AuthenticatedHeader;
|
|
231
231
|
//# sourceMappingURL=AuthenticatedHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthenticatedHeader.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAQwB;AACxB,+CAAqD;AACrD,0EAA0D;
|
|
1
|
+
{"version":3,"file":"AuthenticatedHeader.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}): JSX.Element;
|
|
2
|
+
import { TokensProps } from "./tokens";
|
|
3
|
+
export type MiniPortfolioProps = TokensProps;
|
|
4
|
+
export default function MiniPortfolio({ account, defaultTokens }: MiniPortfolioProps): JSX.Element;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/index.tsx"],"names":[],"mappings":";AAKA,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiD/C,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAC7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,OAAO,EACP,aAAa,EACd,EAAE,kBAAkB,eAwBpB"}
|
|
@@ -67,7 +67,7 @@ const Pages = [
|
|
|
67
67
|
component: tokens_1.default
|
|
68
68
|
}
|
|
69
69
|
];
|
|
70
|
-
function MiniPortfolio({ account }) {
|
|
70
|
+
function MiniPortfolio({ account, defaultTokens }) {
|
|
71
71
|
const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
|
|
72
72
|
const { component: Page } = Pages[currentPage];
|
|
73
73
|
return (react_1.default.createElement(Wrapper, null,
|
|
@@ -79,7 +79,7 @@ function MiniPortfolio({ account }) {
|
|
|
79
79
|
react_1.default.createElement("span", null, title)));
|
|
80
80
|
})),
|
|
81
81
|
react_1.default.createElement(PageWrapper, { "data-testid": "mini-portfolio-page" },
|
|
82
|
-
react_1.default.createElement(Page, { account: account }))));
|
|
82
|
+
react_1.default.createElement(Page, { account: account, defaultTokens: defaultTokens }))));
|
|
83
83
|
}
|
|
84
84
|
exports.default = MiniPortfolio;
|
|
85
85
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,0EAAuC;AAEvC,2CAAwC;AACxC,uDAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,0EAAuC;AAEvC,2CAAwC;AACxC,uDAAoD;AACpD,sDAA+C;AAC/C,8DAAkE;AAClE,+CAA4C;AAE5C,MAAM,OAAO,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,CAAA;;;;;;;kCAOI,8BAAiB,CAAC,CAAC;;;CAGpD,CAAC;AAEF,MAAM,GAAG,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAA;;CAEvB,CAAC;AAEF,MAAM,OAAO,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAM7B,CAAC;AAQF,MAAM,KAAK,GAAgB;IACzB;QACE,KAAK,EAAE,QAAQ;QACf,GAAG,EAAE,QAAQ;QACb,SAAS,EAAE,gBAAM;KAClB;CACF,CAAC;AAGF,SAAwB,aAAa,CAAC,EACpC,OAAO,EACP,aAAa,EACM;IACnB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAElD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACL,8BAAC,OAAO;QACN,8BAAC,GAAG,mBAAa,uBAAuB,IACrC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,kBAAkB,GAAG,GAAG,EAAE;gBAC9B,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,CAAC;YACF,OAAO,CACL,8BAAC,OAAO,IAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAG;gBAC5C,4CAAO,KAAK,CAAQ,CACZ,CACX,CAAC;QACJ,CAAC,CAAC,CACE;QACN,8BAAC,WAAW,mBAAa,qBAAqB;YAC5C,8BAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,GAAI,CAC5C,CACN,CACX,CAAC;AACJ,CAAC;AA3BD,gCA2BC"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { Token as TokenType } from "@bosonprotocol/common";
|
|
3
|
+
export type TokensProps = {
|
|
3
4
|
account: string;
|
|
4
|
-
|
|
5
|
+
defaultTokens?: TokenType[];
|
|
6
|
+
};
|
|
7
|
+
export default function Tokens({ account, defaultTokens }: TokensProps): JSX.Element;
|
|
5
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAsB3D,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;CAC7B,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,WAAW,eA+BrE"}
|
|
@@ -40,11 +40,12 @@ const styles_1 = require("../../../styles");
|
|
|
40
40
|
const formatNumbers_1 = require("../../../../../lib/uniswap/formatNumbers");
|
|
41
41
|
const tokens_1 = require("../../../../../lib/const/tokens");
|
|
42
42
|
const PortfolioLogo_1 = require("../../../../logo/PortfolioLogo");
|
|
43
|
-
function Tokens({ account }) {
|
|
43
|
+
function Tokens({ account, defaultTokens }) {
|
|
44
44
|
const chainId = (0, connection_1.useChainId)();
|
|
45
45
|
const { data: tokenBalances, isLoading } = (0, useTokenBalances_1.useTokenBalances)({
|
|
46
46
|
address: account,
|
|
47
|
-
chainId
|
|
47
|
+
chainId,
|
|
48
|
+
tokens: defaultTokens
|
|
48
49
|
});
|
|
49
50
|
if (!chainId || isLoading) {
|
|
50
51
|
return react_1.default.createElement(PortfolioRow_1.PortfolioSkeleton, null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,gDAA0C;AAC1C,mCAAgC;AAChC,0EAAuC;AAEvC,gEAAgE;AAChE,gEAGyB;AACzB,6DAAyD;AACzD,0DAAuD;AACvD,2EAAwE;AACxE,sFAAmF;AACnF,4CAAgD;AAChD,4EAGkD;AAClD,4DAAgE;AAChE,kEAA+D;AAM/D,SAAwB,MAAM,CAAC,EAAE,OAAO,EAAE,aAAa,EAAe;IACpE,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAC7B,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAgB,EAAC;QAC1D,OAAO,EAAE,OAAO;QAChB,OAAO;QACP,MAAM,EAAE,aAAa;KACtB,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;QACzB,OAAO,8BAAC,gCAAiB,OAAG,CAAC;KAC9B;IAED,IAAI,CAAC,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,MAAK,CAAC,EAAE;QACjD,2EAA2E;QAC3E,OAAO,8BAAC,sCAAiB,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC;KAC3C;IAED,OAAO,CACL,8BAAC,kCAAmB,QACjB,aAAa,CAAC,GAAG,CAChB,CAAC,YAAY,EAAE,EAAE,CACf,YAAY,CAAC,OAAO,IAAI,CACtB,8BAAC,QAAQ,kBACP,GAAG,EAAE,YAAY,CAAC,OAAO,IACrB,YAAY,IAChB,OAAO,EAAE,OAAO,IAChB,CACH,CACJ,CACmB,CACvB,CAAC;AACJ,CAAC;AA/BD,yBA+BC;AAED,MAAM,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;IACvC,sBAAa;CAChB,CAAC;AACF,MAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;IACpC,sBAAa;CAChB,CAAC;AAEF,SAAS,QAAQ,CAAC,EAChB,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EAQR;IACC,MAAM,QAAQ,GACZ,OAAO,KAAK,eAAM,CAAC,SAAS,CAAC,WAAW;QACtC,CAAC,CAAC,IAAA,sBAAa,EAAC,OAAO,CAAC;QACxB,CAAC,CAAC,IAAI,gBAAK,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IAClE,OAAO,CACL,8BAAC,sBAAY,IACX,IAAI,EACF,8BAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,CAAC,QAAQ,CAAC,GAAI,EAEzE,KAAK,EAAE,8BAAC,aAAa,QAAE,IAAI,CAAiB,EAC5C,UAAU,EACR,8BAAC,gBAAgB;YACd,IAAA,4BAAY,EAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,0BAAU,CAAC,UAAU,CAAC;YAAE,GAAG;YAClE,MAAM,CACU,GAErB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { BaseButtonProps } from "../../buttons/BaseButton";
|
|
3
|
+
export type ConnectionErrorViewProps = {
|
|
4
|
+
tryAgainTheme: BaseButtonProps["theme"];
|
|
5
|
+
backToWalletSelectionTheme: BaseButtonProps["theme"];
|
|
6
|
+
};
|
|
7
|
+
export default function ConnectionErrorView({ tryAgainTheme, backToWalletSelectionTheme }: ConnectionErrorViewProps): JSX.Element | null;
|
|
3
8
|
//# sourceMappingURL=ConnectionErrorView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionErrorView.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/ConnectionErrorView.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ConnectionErrorView.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/ConnectionErrorView.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAiBvE,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACxC,0BAA0B,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,aAAa,EACb,0BAA0B,EAC3B,EAAE,wBAAwB,sBAmC1B"}
|
|
@@ -9,9 +9,10 @@ const styled_components_1 = __importDefault(require("styled-components"));
|
|
|
9
9
|
const Typography_1 = require("../../ui/Typography");
|
|
10
10
|
const accountDrawer_1 = require("../accountDrawer");
|
|
11
11
|
const styles_1 = require("../styles");
|
|
12
|
-
const Button_1 = require("../../buttons/Button");
|
|
13
12
|
const activate_1 = require("../../connection/activate");
|
|
14
13
|
const theme_1 = require("../../../theme");
|
|
14
|
+
const Grid_1 = require("../../ui/Grid");
|
|
15
|
+
const BaseButton_1 = require("../../buttons/BaseButton");
|
|
15
16
|
const colors = theme_1.theme.colors.light;
|
|
16
17
|
const Wrapper = styled_components_1.default.div `
|
|
17
18
|
${styles_1.flexColumnNoWrap};
|
|
@@ -27,7 +28,7 @@ const AlertTriangleIcon = (0, styled_components_1.default)(phosphor_react_1.Warn
|
|
|
27
28
|
color: ${colors.red};
|
|
28
29
|
`;
|
|
29
30
|
// TODO(cartcrom): move this to a top level modal, rather than inline in the drawer
|
|
30
|
-
function ConnectionErrorView() {
|
|
31
|
+
function ConnectionErrorView({ tryAgainTheme, backToWalletSelectionTheme }) {
|
|
31
32
|
const { activationState, tryActivation, cancelActivation } = (0, activate_1.useActivationState)();
|
|
32
33
|
const closeDrawer = (0, accountDrawer_1.useCloseAccountDrawer)();
|
|
33
34
|
if (activationState.status !== activate_1.ActivationStatus.ERROR)
|
|
@@ -37,9 +38,10 @@ function ConnectionErrorView() {
|
|
|
37
38
|
react_1.default.createElement(AlertTriangleIcon, null),
|
|
38
39
|
react_1.default.createElement(Typography_1.Typography, { marginBottom: "8px" }, "Error connecting"),
|
|
39
40
|
react_1.default.createElement(Typography_1.Typography, { fontSize: 16, marginBottom: 24, lineHeight: "24px", textAlign: "center" }, "The connection attempt failed. Please click try again and follow the steps to connect in your wallet."),
|
|
40
|
-
react_1.default.createElement(
|
|
41
|
-
|
|
42
|
-
react_1.default.createElement(
|
|
41
|
+
react_1.default.createElement(Grid_1.Grid, { gap: "1rem" },
|
|
42
|
+
react_1.default.createElement(BaseButton_1.BaseButton, { onClick: retry, theme: tryAgainTheme }, "Try Again"),
|
|
43
|
+
react_1.default.createElement(BaseButton_1.BaseButton, { onClick: cancelActivation, theme: backToWalletSelectionTheme },
|
|
44
|
+
react_1.default.createElement(Typography_1.Typography, { marginBottom: 12 }, "Back to wallet selection")))));
|
|
43
45
|
}
|
|
44
46
|
exports.default = ConnectionErrorView;
|
|
45
47
|
//# sourceMappingURL=ConnectionErrorView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionErrorView.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/ConnectionErrorView.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,mDAAyC;AACzC,0EAAuC;AAEvC,oDAAiD;AACjD,oDAAyD;AACzD,sCAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"ConnectionErrorView.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/ConnectionErrorView.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,mDAAyC;AACzC,0EAAuC;AAEvC,oDAAiD;AACjD,oDAAyD;AACzD,sCAA6C;AAC7C,wDAGmC;AACnC,0CAAuC;AACvC,wCAAqC;AACrC,yDAAuE;AACvE,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;IACtB,yBAAgB;;;;CAInB,CAAC;AAEF,MAAM,iBAAiB,GAAG,IAAA,2BAAM,EAAC,wBAAO,CAAC,CAAA;;;;;WAK9B,MAAM,CAAC,GAAG;CACpB,CAAC;AAMF,mFAAmF;AACnF,SAAwB,mBAAmB,CAAC,EAC1C,aAAa,EACb,0BAA0B,EACD;IACzB,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,GACxD,IAAA,6BAAkB,GAAE,CAAC;IACvB,MAAM,WAAW,GAAG,IAAA,qCAAqB,GAAE,CAAC;IAE5C,IAAI,eAAe,CAAC,MAAM,KAAK,2BAAgB,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAEnE,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE3E,OAAO,CACL,8BAAC,OAAO;QACN,8BAAC,iBAAiB,OAAG;QACrB,8BAAC,uBAAU,IAAC,YAAY,EAAC,KAAK,uBAA8B;QAC5D,8BAAC,uBAAU,IACT,QAAQ,EAAE,EAAE,EACZ,YAAY,EAAE,EAAE,EAChB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,QAAQ,4GAIP;QACb,8BAAC,WAAI,IAAC,GAAG,EAAC,MAAM;YACd,8BAAC,uBAAU,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,gBAEnC;YACb,8BAAC,uBAAU,IACT,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,0BAA0B;gBAEjC,8BAAC,uBAAU,IAAC,YAAY,EAAE,EAAE,+BAAuC,CACxD,CACR,CACC,CACX,CAAC;AACJ,CAAC;AAtCD,sCAsCC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CSSProperties } from "styled-components";
|
|
3
|
+
import { ConnectionErrorViewProps } from "./ConnectionErrorView";
|
|
3
4
|
import { OptionProps } from "./Option";
|
|
4
5
|
import { MagicLoginButtonProps } from "../../magicLink/Login";
|
|
5
6
|
export type WalletModalProps = {
|
|
@@ -9,6 +10,7 @@ export type WalletModalProps = {
|
|
|
9
10
|
iconBorderRadius: CSSProperties["borderRadius"];
|
|
10
11
|
};
|
|
11
12
|
withMagicLogin?: boolean;
|
|
13
|
+
connectionErrorProps: ConnectionErrorViewProps;
|
|
12
14
|
};
|
|
13
|
-
export declare function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps, withMagicLogin }: WalletModalProps): JSX.Element;
|
|
15
|
+
export declare function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps, withMagicLogin, connectionErrorProps }: WalletModalProps): JSX.Element;
|
|
14
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAA4B,EAC1B,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA0BhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,IAAI,CACf,WAAW,EACT,OAAO,GACP,2BAA2B,GAC3B,YAAY,GACZ,iBAAiB,GACjB,cAAc,GACd,eAAe,CAClB,GAAG;QAAE,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,EAAE,wBAAwB,CAAC;CAChD,CAAC;AACF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,cAAqB,EACrB,oBAAoB,EACrB,EAAE,gBAAgB,eAqDlB"}
|
|
@@ -36,7 +36,7 @@ const OptionGrid = styled_components_1.default.div `
|
|
|
36
36
|
grid-template-columns: 1fr;
|
|
37
37
|
}
|
|
38
38
|
`;
|
|
39
|
-
function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps, withMagicLogin = true }) {
|
|
39
|
+
function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps, withMagicLogin = true, connectionErrorProps }) {
|
|
40
40
|
const chainId = (0, connection_1.useChainId)();
|
|
41
41
|
const { config } = (0, ConfigContext_1.useConfigContext)();
|
|
42
42
|
const { connector } = (0, core_1.useWeb3React)();
|
|
@@ -58,7 +58,7 @@ function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps, withMa
|
|
|
58
58
|
const connections = Object.values(connectionsObj);
|
|
59
59
|
return (react_1.default.createElement(Wrapper, { "data-testid": "wallet-modal" },
|
|
60
60
|
react_1.default.createElement(Grid_1.Grid, { justifyContent: "space-between", marginBottom: "16px" }, "Connect a wallet"),
|
|
61
|
-
activationState.status === activate_1.ActivationStatus.ERROR ? (react_1.default.createElement(ConnectionErrorView_1.default,
|
|
61
|
+
activationState.status === activate_1.ActivationStatus.ERROR ? (react_1.default.createElement(ConnectionErrorView_1.default, Object.assign({}, connectionErrorProps))) : (react_1.default.createElement(column_1.AutoColumn, { "$gap": "16px" },
|
|
62
62
|
react_1.default.createElement(OptionGrid, { "data-testid": "option-grid", "$borderRadius": optionProps.borderRadius }, connections
|
|
63
63
|
.filter((connection) => connection.shouldDisplay())
|
|
64
64
|
.map((connection) => (react_1.default.createElement(Option_1.Option, Object.assign({}, optionProps, { borderRadius: optionProps.iconBorderRadius, key: connection.getName(), connection: connection }))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2CAAgD;AAChD,iCAAkC;AAClC,0EAA0D;AAE1D,wCAAqC;AACrC,sCAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2CAAgD;AAChD,iCAAkC;AAClC,0EAA0D;AAE1D,wCAAqC;AACrC,sCAA6C;AAC7C,gFAE+B;AAC/B,qCAA+C;AAC/C,wDAGmC;AACnC,iDAAgF;AAChF,qEAAkE;AAClE,2DAAwD;AACxD,4CAA6C;AAC7C,8EAAsE;AACtE,sDAA6D;AAC7D,8DAA8D;AAE9D,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;IACtB,yBAAgB;;;;CAInB,CAAC;AAEF,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAkD;;;;mBAI5D,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;IAEnD,uBAAU,CAAC,CAAC;;;CAGf,CAAC;AAiBF,SAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,cAAc,GAAG,IAAI,EACrB,oBAAoB,EACH;IACjB,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAgB,GAAE,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,mBAAY,GAAE,CAAC;IACrC,MAAM,cAAc,GAAG,IAAA,oCAAc,GAAE,CAAC;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,6BAAkB,GAAE,CAAC;IAEjD,wHAAwH;IACxH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE,OAAO;YACP,IAAA,yBAAgB,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,SAAS,KAAK,cAAc,CAAC,iBAAiB,CAAC,SAAS,EACxD;YACA,cAAc,CAAC,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SAC9D;IACH,CAAC,EAAE;QACD,OAAO;QACP,cAAc,CAAC,iBAAiB,CAAC,SAAS;QAC1C,SAAS;QACT,MAAM,CAAC,OAAO;KACf,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAClD,OAAO,CACL,8BAAC,OAAO,mBAAa,cAAc;QACjC,8BAAC,WAAI,IAAC,cAAc,EAAC,eAAe,EAAC,YAAY,EAAC,MAAM,uBAEjD;QACN,eAAe,CAAC,MAAM,KAAK,2BAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CACnD,8BAAC,6BAAmB,oBAAK,oBAAoB,EAAI,CAClD,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAU,YAAM,MAAM;YACrB,8BAAC,UAAU,mBACG,aAAa,mBACV,WAAW,CAAC,YAAY,IAEtC,WAAW;iBACT,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;iBAClD,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACnB,8BAAC,eAAM,oBACD,WAAW,IACf,YAAY,EAAE,WAAW,CAAC,gBAAgB,EAC1C,GAAG,EAAE,UAAU,CAAC,OAAO,EAAE,EACzB,UAAU,EAAE,UAAU,IACtB,CACH,CAAC,CACO;YACZ,cAAc,IAAI,8BAAC,wBAAgB,oBAAK,qBAAqB,EAAI;YAClE,8BAAC,aAAa,OAAG,CACN,CACd,CACO,CACX,CAAC;AACJ,CAAC;AA3DD,kCA2DC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconProps } from "phosphor-react";
|
|
3
3
|
import { CSSProperties } from "styled-components";
|
|
4
|
+
import { MiniPortfolioProps } from "./miniPortfolio";
|
|
4
5
|
import { BaseButtonTheme } from "../../buttons/BaseButton";
|
|
5
6
|
export declare function PortfolioArrow({ change, ...rest }: {
|
|
6
7
|
change: number;
|
|
7
8
|
} & IconProps): JSX.Element;
|
|
8
|
-
export type AuthenticatedHeaderProps = {
|
|
9
|
-
account: string;
|
|
9
|
+
export type AuthenticatedHeaderProps = MiniPortfolioProps & {
|
|
10
10
|
onUserDisconnect?: () => unknown;
|
|
11
11
|
disconnectColor: CSSProperties["color"];
|
|
12
12
|
disconnectBackgroundColor: CSSProperties["backgroundColor"];
|
|
13
13
|
disconnectBorderRadius: CSSProperties["borderRadius"];
|
|
14
14
|
buyCryptoTheme: BaseButtonTheme;
|
|
15
15
|
};
|
|
16
|
-
export declare function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme }: AuthenticatedHeaderProps): JSX.Element;
|
|
16
|
+
export declare function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme, defaultTokens }: AuthenticatedHeaderProps): JSX.Element;
|
|
17
17
|
//# sourceMappingURL=AuthenticatedHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthenticatedHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,SAAS,EAGV,MAAM,gBAAgB,CAAC;AAExB,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"AuthenticatedHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,SAAS,EAGV,MAAM,gBAAgB,CAAC;AAExB,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAM1D,OAAsB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAepE,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AA2FvE,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,GAAG,IAAI,EACR,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,eAMhC;AACD,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG;IAC1D,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,yBAAyB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC5D,sBAAsB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACtD,cAAc,EAAE,eAAe,CAAC;CACjC,CAAC;AACF,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,sBAAsB,EACtB,cAAc,EACd,aAAa,EACd,EAAE,wBAAwB,eAsJ1B"}
|
|
@@ -104,7 +104,7 @@ const StyledIconWithConfirmTextButton = styled(IconWithConfirmTextButton) `
|
|
|
104
104
|
export function PortfolioArrow({ change, ...rest }) {
|
|
105
105
|
return change < 0 ? (React.createElement(ArrowDownRight, { size: 20, ...rest })) : (React.createElement(ArrowUpRight, { size: 20, ...rest }));
|
|
106
106
|
}
|
|
107
|
-
export function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme }) {
|
|
107
|
+
export function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme, defaultTokens }) {
|
|
108
108
|
const { connector } = useWeb3React();
|
|
109
109
|
const { ENSName } = useENSName(account);
|
|
110
110
|
const connection = getConnection(connector, useConnections());
|
|
@@ -175,6 +175,6 @@ export function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor
|
|
|
175
175
|
React.createElement(Tooltip, { disabled: !showFiatOnrampUnavailableTooltip, content: "Moonpay is not available in some regions. Click to learn more." },
|
|
176
176
|
React.createElement(FiatOnrampAvailabilityExternalLink, { onMouseEnter: openFiatOnrampUnavailableTooltip, onMouseLeave: closeFiatOnrampUnavailableTooltip, style: { color: "inherit" }, href: "https://support.uniswap.org/hc/en-us/articles/11306664890381-Why-isn-t-MoonPay-available-in-my-region-" },
|
|
177
177
|
React.createElement(StyledInfoIcon, null))))),
|
|
178
|
-
React.createElement(MiniPortfolio, { account: account }))));
|
|
178
|
+
React.createElement(MiniPortfolio, { account: account, defaultTokens: defaultTokens }))));
|
|
179
179
|
}
|
|
180
180
|
//# sourceMappingURL=AuthenticatedHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthenticatedHeader.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,UAAU,EAEV,IAAI,EACJ,OAAO,EACR,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,MAAyB,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"AuthenticatedHeader.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}): JSX.Element;
|
|
2
|
+
import { TokensProps } from "./tokens";
|
|
3
|
+
export type MiniPortfolioProps = TokensProps;
|
|
4
|
+
export default function MiniPortfolio({ account, defaultTokens }: MiniPortfolioProps): JSX.Element;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/index.tsx"],"names":[],"mappings":";AAKA,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiD/C,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAC7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,OAAO,EACP,aAAa,EACd,EAAE,kBAAkB,eAwBpB"}
|
|
@@ -39,7 +39,7 @@ const Pages = [
|
|
|
39
39
|
component: Tokens
|
|
40
40
|
}
|
|
41
41
|
];
|
|
42
|
-
export default function MiniPortfolio({ account }) {
|
|
42
|
+
export default function MiniPortfolio({ account, defaultTokens }) {
|
|
43
43
|
const [currentPage, setCurrentPage] = useState(0);
|
|
44
44
|
const { component: Page } = Pages[currentPage];
|
|
45
45
|
return (React.createElement(Wrapper, null,
|
|
@@ -51,6 +51,6 @@ export default function MiniPortfolio({ account }) {
|
|
|
51
51
|
React.createElement("span", null, title)));
|
|
52
52
|
})),
|
|
53
53
|
React.createElement(PageWrapper, { "data-testid": "mini-portfolio-page" },
|
|
54
|
-
React.createElement(Page, { account: account }))));
|
|
54
|
+
React.createElement(Page, { account: account, defaultTokens: defaultTokens }))));
|
|
55
55
|
}
|
|
56
56
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,MAAuB,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;kCAOI,iBAAiB,CAAC,CAAC;;;CAGpD,CAAC;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAEvB,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM7B,CAAC;AAQF,MAAM,KAAK,GAAgB;IACzB;QACE,KAAK,EAAE,QAAQ;QACf,GAAG,EAAE,QAAQ;QACb,SAAS,EAAE,MAAM;KAClB;CACF,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,OAAO,EACP,aAAa,EACM;IACnB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,GAAG,mBAAa,uBAAuB,IACrC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,kBAAkB,GAAG,GAAG,EAAE;gBAC9B,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,CAAC;YACF,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAG;gBAC5C,kCAAO,KAAK,CAAQ,CACZ,CACX,CAAC;QACJ,CAAC,CAAC,CACE;QACN,oBAAC,WAAW,mBAAa,qBAAqB;YAC5C,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,GAAI,CAC5C,CACN,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { Token as TokenType } from "@bosonprotocol/common";
|
|
3
|
+
export type TokensProps = {
|
|
3
4
|
account: string;
|
|
4
|
-
|
|
5
|
+
defaultTokens?: TokenType[];
|
|
6
|
+
};
|
|
7
|
+
export default function Tokens({ account, defaultTokens }: TokensProps): JSX.Element;
|
|
5
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAsB3D,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;CAC7B,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,WAAW,eA+BrE"}
|
|
@@ -12,11 +12,12 @@ import { EllipsisStyle } from "../../../styles";
|
|
|
12
12
|
import { NumberType, formatNumber } from "../../../../../lib/uniswap/formatNumbers";
|
|
13
13
|
import { nativeOnChain } from "../../../../../lib/const/tokens";
|
|
14
14
|
import { PortfolioLogo } from "../../../../logo/PortfolioLogo";
|
|
15
|
-
export default function Tokens({ account }) {
|
|
15
|
+
export default function Tokens({ account, defaultTokens }) {
|
|
16
16
|
const chainId = useChainId();
|
|
17
17
|
const { data: tokenBalances, isLoading } = useTokenBalances({
|
|
18
18
|
address: account,
|
|
19
|
-
chainId
|
|
19
|
+
chainId,
|
|
20
|
+
tokens: defaultTokens
|
|
20
21
|
});
|
|
21
22
|
if (!chainId || isLoading) {
|
|
22
23
|
return React.createElement(PortfolioSkeleton, null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,gEAAgE;AAChE,OAAO,YAAY,EAAE,EACnB,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EACL,UAAU,EACV,YAAY,EACb,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAM/D,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,OAAO,EAAE,aAAa,EAAe;IACpE,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAC;QAC1D,OAAO,EAAE,OAAO;QAChB,OAAO;QACP,MAAM,EAAE,aAAa;KACtB,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;QACzB,OAAO,oBAAC,iBAAiB,OAAG,CAAC;KAC9B;IAED,IAAI,CAAC,aAAa,IAAI,aAAa,EAAE,MAAM,KAAK,CAAC,EAAE;QACjD,2EAA2E;QAC3E,OAAO,oBAAC,iBAAiB,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC;KAC3C;IAED,OAAO,CACL,oBAAC,mBAAmB,QACjB,aAAa,CAAC,GAAG,CAChB,CAAC,YAAY,EAAE,EAAE,CACf,YAAY,CAAC,OAAO,IAAI,CACtB,oBAAC,QAAQ,IACP,GAAG,EAAE,YAAY,CAAC,OAAO,KACrB,YAAY,EAChB,OAAO,EAAE,OAAO,GAChB,CACH,CACJ,CACmB,CACvB,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IACvC,aAAa;CAChB,CAAC;AACF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IACpC,aAAa;CAChB,CAAC;AAEF,SAAS,QAAQ,CAAC,EAChB,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EAQR;IACC,MAAM,QAAQ,GACZ,OAAO,KAAK,MAAM,CAAC,SAAS,CAAC,WAAW;QACtC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;QACxB,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IAClE,OAAO,CACL,oBAAC,YAAY,IACX,IAAI,EACF,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,CAAC,QAAQ,CAAC,GAAI,EAEzE,KAAK,EAAE,oBAAC,aAAa,QAAE,IAAI,CAAiB,EAC5C,UAAU,EACR,oBAAC,gBAAgB;YACd,YAAY,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC;YAAE,GAAG;YAClE,MAAM,CACU,GAErB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { BaseButtonProps } from "../../buttons/BaseButton";
|
|
3
|
+
export type ConnectionErrorViewProps = {
|
|
4
|
+
tryAgainTheme: BaseButtonProps["theme"];
|
|
5
|
+
backToWalletSelectionTheme: BaseButtonProps["theme"];
|
|
6
|
+
};
|
|
7
|
+
export default function ConnectionErrorView({ tryAgainTheme, backToWalletSelectionTheme }: ConnectionErrorViewProps): JSX.Element | null;
|
|
3
8
|
//# sourceMappingURL=ConnectionErrorView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionErrorView.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/ConnectionErrorView.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ConnectionErrorView.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/ConnectionErrorView.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAiBvE,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACxC,0BAA0B,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,aAAa,EACb,0BAA0B,EAC3B,EAAE,wBAAwB,sBAmC1B"}
|
|
@@ -4,9 +4,10 @@ import styled from "styled-components";
|
|
|
4
4
|
import { Typography } from "../../ui/Typography";
|
|
5
5
|
import { useCloseAccountDrawer } from "../accountDrawer";
|
|
6
6
|
import { flexColumnNoWrap } from "../styles";
|
|
7
|
-
import { Button } from "../../buttons/Button";
|
|
8
7
|
import { ActivationStatus, useActivationState } from "../../connection/activate";
|
|
9
8
|
import { theme } from "../../../theme";
|
|
9
|
+
import { Grid } from "../../ui/Grid";
|
|
10
|
+
import { BaseButton } from "../../buttons/BaseButton";
|
|
10
11
|
const colors = theme.colors.light;
|
|
11
12
|
const Wrapper = styled.div `
|
|
12
13
|
${flexColumnNoWrap};
|
|
@@ -22,7 +23,7 @@ const AlertTriangleIcon = styled(Warning) `
|
|
|
22
23
|
color: ${colors.red};
|
|
23
24
|
`;
|
|
24
25
|
// TODO(cartcrom): move this to a top level modal, rather than inline in the drawer
|
|
25
|
-
export default function ConnectionErrorView() {
|
|
26
|
+
export default function ConnectionErrorView({ tryAgainTheme, backToWalletSelectionTheme }) {
|
|
26
27
|
const { activationState, tryActivation, cancelActivation } = useActivationState();
|
|
27
28
|
const closeDrawer = useCloseAccountDrawer();
|
|
28
29
|
if (activationState.status !== ActivationStatus.ERROR)
|
|
@@ -32,8 +33,9 @@ export default function ConnectionErrorView() {
|
|
|
32
33
|
React.createElement(AlertTriangleIcon, null),
|
|
33
34
|
React.createElement(Typography, { marginBottom: "8px" }, "Error connecting"),
|
|
34
35
|
React.createElement(Typography, { fontSize: 16, marginBottom: 24, lineHeight: "24px", textAlign: "center" }, "The connection attempt failed. Please click try again and follow the steps to connect in your wallet."),
|
|
35
|
-
React.createElement(
|
|
36
|
-
|
|
37
|
-
React.createElement(
|
|
36
|
+
React.createElement(Grid, { gap: "1rem" },
|
|
37
|
+
React.createElement(BaseButton, { onClick: retry, theme: tryAgainTheme }, "Try Again"),
|
|
38
|
+
React.createElement(BaseButton, { onClick: cancelActivation, theme: backToWalletSelectionTheme },
|
|
39
|
+
React.createElement(Typography, { marginBottom: 12 }, "Back to wallet selection")))));
|
|
38
40
|
}
|
|
39
41
|
//# sourceMappingURL=ConnectionErrorView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionErrorView.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/ConnectionErrorView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"ConnectionErrorView.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/ConnectionErrorView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,UAAU,EAAmB,MAAM,0BAA0B,CAAC;AACvE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;IACtB,gBAAgB;;;;CAInB,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;WAK9B,MAAM,CAAC,GAAG;CACpB,CAAC;AAMF,mFAAmF;AACnF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,aAAa,EACb,0BAA0B,EACD;IACzB,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,GACxD,kBAAkB,EAAE,CAAC;IACvB,MAAM,WAAW,GAAG,qBAAqB,EAAE,CAAC;IAE5C,IAAI,eAAe,CAAC,MAAM,KAAK,gBAAgB,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAEnE,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE3E,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,iBAAiB,OAAG;QACrB,oBAAC,UAAU,IAAC,YAAY,EAAC,KAAK,uBAA8B;QAC5D,oBAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,YAAY,EAAE,EAAE,EAChB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,QAAQ,4GAIP;QACb,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM;YACd,oBAAC,UAAU,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,gBAEnC;YACb,oBAAC,UAAU,IACT,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,0BAA0B;gBAEjC,oBAAC,UAAU,IAAC,YAAY,EAAE,EAAE,+BAAuC,CACxD,CACR,CACC,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CSSProperties } from "styled-components";
|
|
3
|
+
import { ConnectionErrorViewProps } from "./ConnectionErrorView";
|
|
3
4
|
import { OptionProps } from "./Option";
|
|
4
5
|
import { MagicLoginButtonProps } from "../../magicLink/Login";
|
|
5
6
|
export type WalletModalProps = {
|
|
@@ -9,6 +10,7 @@ export type WalletModalProps = {
|
|
|
9
10
|
iconBorderRadius: CSSProperties["borderRadius"];
|
|
10
11
|
};
|
|
11
12
|
withMagicLogin?: boolean;
|
|
13
|
+
connectionErrorProps: ConnectionErrorViewProps;
|
|
12
14
|
};
|
|
13
|
-
export declare function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps, withMagicLogin }: WalletModalProps): JSX.Element;
|
|
15
|
+
export declare function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps, withMagicLogin, connectionErrorProps }: WalletModalProps): JSX.Element;
|
|
14
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAA4B,EAC1B,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA0BhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,IAAI,CACf,WAAW,EACT,OAAO,GACP,2BAA2B,GAC3B,YAAY,GACZ,iBAAiB,GACjB,cAAc,GACd,eAAe,CAClB,GAAG;QAAE,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,EAAE,wBAAwB,CAAC;CAChD,CAAC;AACF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,cAAqB,EACrB,oBAAoB,EACrB,EAAE,gBAAgB,eAqDlB"}
|
|
@@ -30,7 +30,7 @@ const OptionGrid = styled.div `
|
|
|
30
30
|
grid-template-columns: 1fr;
|
|
31
31
|
}
|
|
32
32
|
`;
|
|
33
|
-
export function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps, withMagicLogin = true }) {
|
|
33
|
+
export function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps, withMagicLogin = true, connectionErrorProps }) {
|
|
34
34
|
const chainId = useChainId();
|
|
35
35
|
const { config } = useConfigContext();
|
|
36
36
|
const { connector } = useWeb3React();
|
|
@@ -52,7 +52,7 @@ export function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps,
|
|
|
52
52
|
const connections = Object.values(connectionsObj);
|
|
53
53
|
return (React.createElement(Wrapper, { "data-testid": "wallet-modal" },
|
|
54
54
|
React.createElement(Grid, { justifyContent: "space-between", marginBottom: "16px" }, "Connect a wallet"),
|
|
55
|
-
activationState.status === ActivationStatus.ERROR ? (React.createElement(ConnectionErrorView,
|
|
55
|
+
activationState.status === ActivationStatus.ERROR ? (React.createElement(ConnectionErrorView, { ...connectionErrorProps })) : (React.createElement(AutoColumn, { "$gap": "16px" },
|
|
56
56
|
React.createElement(OptionGrid, { "data-testid": "option-grid", "$borderRadius": optionProps.borderRadius }, connections
|
|
57
57
|
.filter((connection) => connection.shouldDisplay())
|
|
58
58
|
.map((connection) => (React.createElement(Option, { ...optionProps, borderRadius: optionProps.iconBorderRadius, key: connection.getName(), connection: connection })))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAyB,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bosonprotocol/react-kit",
|
|
3
3
|
"description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
|
|
4
|
-
"version": "0.34.0-alpha.
|
|
4
|
+
"version": "0.34.0-alpha.15",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"license": "Apache-2.0",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
|
|
18
|
-
"@bosonprotocol/core-sdk": "^1.41.0-alpha.
|
|
19
|
-
"@bosonprotocol/ethers-sdk": "^1.15.0-alpha.
|
|
20
|
-
"@bosonprotocol/ipfs-storage": "^1.12.0-alpha.
|
|
18
|
+
"@bosonprotocol/core-sdk": "^1.41.0-alpha.17",
|
|
19
|
+
"@bosonprotocol/ethers-sdk": "^1.15.0-alpha.3",
|
|
20
|
+
"@bosonprotocol/ipfs-storage": "^1.12.0-alpha.15",
|
|
21
21
|
"@davatar/react": "1.11.1",
|
|
22
22
|
"@ethersproject/units": "5.6.0",
|
|
23
23
|
"@glidejs/glide": "3.6.0",
|
|
@@ -188,5 +188,5 @@
|
|
|
188
188
|
"overrides": {
|
|
189
189
|
"typescript": "^5.1.6"
|
|
190
190
|
},
|
|
191
|
-
"gitHead": "
|
|
191
|
+
"gitHead": "ab3c9638ee0946ccfa74663c70bddcb21865d51a"
|
|
192
192
|
}
|
|
@@ -9,13 +9,12 @@ import {
|
|
|
9
9
|
} from "phosphor-react";
|
|
10
10
|
import React, { useCallback, useState } from "react";
|
|
11
11
|
import styled, { CSSProperties } from "styled-components";
|
|
12
|
-
|
|
13
12
|
import { Typography } from "../../ui/Typography";
|
|
14
13
|
import StatusIcon from "../identicon/StatusIcon";
|
|
15
14
|
import { FiatLink, useFiatLinkContext } from "./fiatOnrampModal/FiatLink";
|
|
16
15
|
// import FiatOnrampModal from "./fiatOnrampModal";
|
|
17
16
|
import { IconWithConfirmTextButton } from "./IconButton";
|
|
18
|
-
import MiniPortfolio from "./miniPortfolio";
|
|
17
|
+
import MiniPortfolio, { MiniPortfolioProps } from "./miniPortfolio";
|
|
19
18
|
import { Column } from "../../ui/column";
|
|
20
19
|
import { theme } from "../../../theme";
|
|
21
20
|
import { useENSName } from "../../../hooks/ens/useENSName";
|
|
@@ -131,8 +130,7 @@ export function PortfolioArrow({
|
|
|
131
130
|
<ArrowUpRight size={20} {...rest} />
|
|
132
131
|
);
|
|
133
132
|
}
|
|
134
|
-
export type AuthenticatedHeaderProps = {
|
|
135
|
-
account: string;
|
|
133
|
+
export type AuthenticatedHeaderProps = MiniPortfolioProps & {
|
|
136
134
|
onUserDisconnect?: () => unknown;
|
|
137
135
|
disconnectColor: CSSProperties["color"];
|
|
138
136
|
disconnectBackgroundColor: CSSProperties["backgroundColor"];
|
|
@@ -145,7 +143,8 @@ export function AuthenticatedHeader({
|
|
|
145
143
|
disconnectColor,
|
|
146
144
|
disconnectBackgroundColor,
|
|
147
145
|
disconnectBorderRadius,
|
|
148
|
-
buyCryptoTheme
|
|
146
|
+
buyCryptoTheme,
|
|
147
|
+
defaultTokens
|
|
149
148
|
}: AuthenticatedHeaderProps) {
|
|
150
149
|
const { connector } = useWeb3React();
|
|
151
150
|
const { ENSName } = useENSName(account);
|
|
@@ -292,7 +291,7 @@ export function AuthenticatedHeader({
|
|
|
292
291
|
</Tooltip>
|
|
293
292
|
</FiatOnrampNotAvailableText>
|
|
294
293
|
)}
|
|
295
|
-
<MiniPortfolio account={account} />
|
|
294
|
+
<MiniPortfolio account={account} defaultTokens={defaultTokens} />
|
|
296
295
|
</PortfolioDrawerContainer>
|
|
297
296
|
</AuthenticatedHeaderWrapper>
|
|
298
297
|
);
|
|
@@ -3,7 +3,7 @@ import styled from "styled-components";
|
|
|
3
3
|
|
|
4
4
|
import { Grid } from "../../../ui/Grid";
|
|
5
5
|
import { Typography } from "../../../ui/Typography";
|
|
6
|
-
import Tokens from "./tokens";
|
|
6
|
+
import Tokens, { TokensProps } from "./tokens";
|
|
7
7
|
import { breakpointNumbers } from "../../../../lib/ui/breakpoint";
|
|
8
8
|
import { Column } from "../../../ui/column";
|
|
9
9
|
|
|
@@ -41,7 +41,7 @@ const PageWrapper = styled.div`
|
|
|
41
41
|
interface Page {
|
|
42
42
|
title: React.ReactNode;
|
|
43
43
|
key: string;
|
|
44
|
-
component: ({ account }:
|
|
44
|
+
component: ({ account }: MiniPortfolioProps) => JSX.Element;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
const Pages: Array<Page> = [
|
|
@@ -52,7 +52,11 @@ const Pages: Array<Page> = [
|
|
|
52
52
|
}
|
|
53
53
|
];
|
|
54
54
|
|
|
55
|
-
export
|
|
55
|
+
export type MiniPortfolioProps = TokensProps;
|
|
56
|
+
export default function MiniPortfolio({
|
|
57
|
+
account,
|
|
58
|
+
defaultTokens
|
|
59
|
+
}: MiniPortfolioProps) {
|
|
56
60
|
const [currentPage, setCurrentPage] = useState(0);
|
|
57
61
|
|
|
58
62
|
const { component: Page } = Pages[currentPage];
|
|
@@ -72,7 +76,7 @@ export default function MiniPortfolio({ account }: { account: string }) {
|
|
|
72
76
|
})}
|
|
73
77
|
</Nav>
|
|
74
78
|
<PageWrapper data-testid="mini-portfolio-page">
|
|
75
|
-
<Page account={account} />
|
|
79
|
+
<Page account={account} defaultTokens={defaultTokens} />
|
|
76
80
|
</PageWrapper>
|
|
77
81
|
</Wrapper>
|
|
78
82
|
);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { Token as TokenType } from "@bosonprotocol/common";
|
|
2
3
|
import { Token } from "@uniswap/sdk-core";
|
|
3
4
|
import { ethers } from "ethers";
|
|
4
5
|
import styled from "styled-components";
|
|
@@ -20,11 +21,16 @@ import {
|
|
|
20
21
|
import { nativeOnChain } from "../../../../../lib/const/tokens";
|
|
21
22
|
import { PortfolioLogo } from "../../../../logo/PortfolioLogo";
|
|
22
23
|
|
|
23
|
-
export
|
|
24
|
+
export type TokensProps = {
|
|
25
|
+
account: string;
|
|
26
|
+
defaultTokens?: TokenType[];
|
|
27
|
+
};
|
|
28
|
+
export default function Tokens({ account, defaultTokens }: TokensProps) {
|
|
24
29
|
const chainId = useChainId();
|
|
25
30
|
const { data: tokenBalances, isLoading } = useTokenBalances({
|
|
26
31
|
address: account,
|
|
27
|
-
chainId
|
|
32
|
+
chainId,
|
|
33
|
+
tokens: defaultTokens
|
|
28
34
|
});
|
|
29
35
|
|
|
30
36
|
if (!chainId || isLoading) {
|
|
@@ -5,12 +5,13 @@ import styled from "styled-components";
|
|
|
5
5
|
import { Typography } from "../../ui/Typography";
|
|
6
6
|
import { useCloseAccountDrawer } from "../accountDrawer";
|
|
7
7
|
import { flexColumnNoWrap } from "../styles";
|
|
8
|
-
import { Button } from "../../buttons/Button";
|
|
9
8
|
import {
|
|
10
9
|
ActivationStatus,
|
|
11
10
|
useActivationState
|
|
12
11
|
} from "../../connection/activate";
|
|
13
12
|
import { theme } from "../../../theme";
|
|
13
|
+
import { Grid } from "../../ui/Grid";
|
|
14
|
+
import { BaseButton, BaseButtonProps } from "../../buttons/BaseButton";
|
|
14
15
|
const colors = theme.colors.light;
|
|
15
16
|
const Wrapper = styled.div`
|
|
16
17
|
${flexColumnNoWrap};
|
|
@@ -27,8 +28,15 @@ const AlertTriangleIcon = styled(Warning)`
|
|
|
27
28
|
color: ${colors.red};
|
|
28
29
|
`;
|
|
29
30
|
|
|
31
|
+
export type ConnectionErrorViewProps = {
|
|
32
|
+
tryAgainTheme: BaseButtonProps["theme"];
|
|
33
|
+
backToWalletSelectionTheme: BaseButtonProps["theme"];
|
|
34
|
+
};
|
|
30
35
|
// TODO(cartcrom): move this to a top level modal, rather than inline in the drawer
|
|
31
|
-
export default function ConnectionErrorView(
|
|
36
|
+
export default function ConnectionErrorView({
|
|
37
|
+
tryAgainTheme,
|
|
38
|
+
backToWalletSelectionTheme
|
|
39
|
+
}: ConnectionErrorViewProps) {
|
|
32
40
|
const { activationState, tryActivation, cancelActivation } =
|
|
33
41
|
useActivationState();
|
|
34
42
|
const closeDrawer = useCloseAccountDrawer();
|
|
@@ -50,10 +58,17 @@ export default function ConnectionErrorView() {
|
|
|
50
58
|
The connection attempt failed. Please click try again and follow the
|
|
51
59
|
steps to connect in your wallet.
|
|
52
60
|
</Typography>
|
|
53
|
-
<
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
61
|
+
<Grid gap="1rem">
|
|
62
|
+
<BaseButton onClick={retry} theme={tryAgainTheme}>
|
|
63
|
+
Try Again
|
|
64
|
+
</BaseButton>
|
|
65
|
+
<BaseButton
|
|
66
|
+
onClick={cancelActivation}
|
|
67
|
+
theme={backToWalletSelectionTheme}
|
|
68
|
+
>
|
|
69
|
+
<Typography marginBottom={12}>Back to wallet selection</Typography>
|
|
70
|
+
</BaseButton>
|
|
71
|
+
</Grid>
|
|
57
72
|
</Wrapper>
|
|
58
73
|
);
|
|
59
74
|
}
|
|
@@ -5,7 +5,9 @@ import styled, { CSSProperties } from "styled-components";
|
|
|
5
5
|
|
|
6
6
|
import { Grid } from "../../ui/Grid";
|
|
7
7
|
import { flexColumnNoWrap } from "../styles";
|
|
8
|
-
import ConnectionErrorView
|
|
8
|
+
import ConnectionErrorView, {
|
|
9
|
+
ConnectionErrorViewProps
|
|
10
|
+
} from "./ConnectionErrorView";
|
|
9
11
|
import { Option, OptionProps } from "./Option";
|
|
10
12
|
import {
|
|
11
13
|
ActivationStatus,
|
|
@@ -50,12 +52,14 @@ export type WalletModalProps = {
|
|
|
50
52
|
| "onOptionClick"
|
|
51
53
|
> & { iconBorderRadius: CSSProperties["borderRadius"] };
|
|
52
54
|
withMagicLogin?: boolean;
|
|
55
|
+
connectionErrorProps: ConnectionErrorViewProps;
|
|
53
56
|
};
|
|
54
57
|
export function WalletModal({
|
|
55
58
|
PrivacyPolicy,
|
|
56
59
|
magicLoginButtonProps,
|
|
57
60
|
optionProps,
|
|
58
|
-
withMagicLogin = true
|
|
61
|
+
withMagicLogin = true,
|
|
62
|
+
connectionErrorProps
|
|
59
63
|
}: WalletModalProps) {
|
|
60
64
|
const chainId = useChainId();
|
|
61
65
|
const { config } = useConfigContext();
|
|
@@ -85,7 +89,7 @@ export function WalletModal({
|
|
|
85
89
|
Connect a wallet
|
|
86
90
|
</Grid>
|
|
87
91
|
{activationState.status === ActivationStatus.ERROR ? (
|
|
88
|
-
<ConnectionErrorView />
|
|
92
|
+
<ConnectionErrorView {...connectionErrorProps} />
|
|
89
93
|
) : (
|
|
90
94
|
<AutoColumn $gap="16px">
|
|
91
95
|
<OptionGrid
|
|
@@ -60,6 +60,8 @@ const Component = ({
|
|
|
60
60
|
walletHoverFocusBackgroundColor,
|
|
61
61
|
walletHoverColor,
|
|
62
62
|
magicLoginButtonThemeKey,
|
|
63
|
+
connectionErrorTryAgainButtonThemeKey,
|
|
64
|
+
connectionErrorBackToWalletSelectionButtonThemeKey,
|
|
63
65
|
magicLoginButtonBorderRadiusPx,
|
|
64
66
|
withMagicLogin,
|
|
65
67
|
onUserDisconnect
|
|
@@ -85,6 +87,8 @@ const Component = ({
|
|
|
85
87
|
walletHoverFocusBackgroundColor: string | undefined;
|
|
86
88
|
walletHoverColor: string | undefined;
|
|
87
89
|
magicLoginButtonThemeKey: string | undefined;
|
|
90
|
+
connectionErrorTryAgainButtonThemeKey: string;
|
|
91
|
+
connectionErrorBackToWalletSelectionButtonThemeKey: string;
|
|
88
92
|
magicLoginButtonBorderRadiusPx: string | undefined;
|
|
89
93
|
withMagicLogin: boolean | undefined;
|
|
90
94
|
onUserDisconnect: () => unknown;
|
|
@@ -199,6 +203,19 @@ const Component = ({
|
|
|
199
203
|
}
|
|
200
204
|
}
|
|
201
205
|
},
|
|
206
|
+
connectionErrorProps: {
|
|
207
|
+
tryAgainTheme: connectionErrorTryAgainButtonThemeKey
|
|
208
|
+
? bosonButtonThemes({ withBosonStyle: false })[
|
|
209
|
+
connectionErrorTryAgainButtonThemeKey
|
|
210
|
+
]
|
|
211
|
+
: successButtonTheme,
|
|
212
|
+
backToWalletSelectionTheme:
|
|
213
|
+
connectionErrorBackToWalletSelectionButtonThemeKey
|
|
214
|
+
? bosonButtonThemes({ withBosonStyle: false })[
|
|
215
|
+
connectionErrorBackToWalletSelectionButtonThemeKey
|
|
216
|
+
]
|
|
217
|
+
: successButtonTheme
|
|
218
|
+
},
|
|
202
219
|
PrivacyPolicy: () => <div>privacy policy</div>
|
|
203
220
|
}}
|
|
204
221
|
/>
|
|
@@ -248,6 +265,14 @@ export default {
|
|
|
248
265
|
magicLoginButtonThemeKey: {
|
|
249
266
|
control: "select",
|
|
250
267
|
options: bosonButtonThemeKeys
|
|
268
|
+
},
|
|
269
|
+
connectionErrorTryAgainButtonThemeKey: {
|
|
270
|
+
control: "select",
|
|
271
|
+
options: bosonButtonThemeKeys
|
|
272
|
+
},
|
|
273
|
+
connectionErrorBackToWalletSelectionButtonThemeKey: {
|
|
274
|
+
control: "select",
|
|
275
|
+
options: bosonButtonThemeKeys
|
|
251
276
|
}
|
|
252
277
|
},
|
|
253
278
|
decorators: [
|
|
@@ -282,7 +307,9 @@ export const BosonTheme = {
|
|
|
282
307
|
walletColor: colors.white,
|
|
283
308
|
walletHoverFocusBackgroundColor: colors.black,
|
|
284
309
|
walletHoverColor: colors.white,
|
|
285
|
-
magicLoginButtonThemeKey: undefined
|
|
310
|
+
magicLoginButtonThemeKey: undefined,
|
|
311
|
+
connectionErrorTryAgainButtonThemeKey: "orangeInverse",
|
|
312
|
+
connectionErrorBackToWalletSelectionButtonThemeKey: "orangeInverse"
|
|
286
313
|
}
|
|
287
314
|
};
|
|
288
315
|
|
|
@@ -307,6 +334,8 @@ export const CustomTheme = {
|
|
|
307
334
|
walletHoverFocusBackgroundColor: "#e89f0e",
|
|
308
335
|
walletHoverColor: "#ff0000",
|
|
309
336
|
magicLoginButtonThemeKey: "orangeInverse",
|
|
337
|
+
connectionErrorTryAgainButtonThemeKey: "orangeInverse",
|
|
338
|
+
connectionErrorBackToWalletSelectionButtonThemeKey: "orangeInverse",
|
|
310
339
|
magicLoginButtonBorderRadiusPx: "50",
|
|
311
340
|
withMagicLogin: true,
|
|
312
341
|
showStatusIcon: false,
|