@onepercentio/one-ui 0.2.1 → 0.2.4
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/components/WalletConnectionWrapper/WalletConnectionWrapper.js +3 -3
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -1
- package/dist/components/WalletConnectionWrapper/index.d.ts +1 -1
- package/dist/components/WalletConnectionWrapper/index.js +2 -1
- package/dist/components/WalletConnectionWrapper/index.js.map +1 -1
- package/package.json +3 -2
|
@@ -67,7 +67,7 @@ function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content, compRef,
|
|
|
67
67
|
};
|
|
68
68
|
(0, react_1.useEffect)(() => {
|
|
69
69
|
const autoConnect = !!localStorage.getItem("auto_connect");
|
|
70
|
-
if (autoConnect)
|
|
70
|
+
if (autoConnect && !wallet.account)
|
|
71
71
|
connect();
|
|
72
72
|
}, []);
|
|
73
73
|
(0, react_1.useImperativeHandle)(compRef, () => ({
|
|
@@ -75,7 +75,7 @@ function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content, compRef,
|
|
|
75
75
|
disconnect,
|
|
76
76
|
}), [wallet]);
|
|
77
77
|
const [isProviderAvailable] = (0, react_1.useState)(() => !!window.ethereum);
|
|
78
|
-
const isChainIdValid = (0, react_1.useMemo)(() =>
|
|
78
|
+
const isChainIdValid = (0, react_1.useMemo)(() => (wallet.isConnected() ? wallet.chainId === chain.id : true), [wallet, chain.id]);
|
|
79
79
|
function changeChainId() {
|
|
80
80
|
return __awaiter(this, void 0, void 0, function* () {
|
|
81
81
|
wallet.reset();
|
|
@@ -115,7 +115,7 @@ function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content, compRef,
|
|
|
115
115
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
116
116
|
ProviderUnavailable && !isProviderAvailable && react_1.default.createElement(ProviderUnavailable, null),
|
|
117
117
|
ChainIdInvalid && !isChainIdValid && (react_1.default.createElement(ChainIdInvalid, { changeChainId: changeChainId })),
|
|
118
|
-
react_1.default.createElement(Content, Object.assign({}, connectionAsyncWrapper, { isChainIdValid: isChainIdValid, isProviderAvailable: isProviderAvailable, isConnectedAndValidChain: isChainIdValid &&
|
|
118
|
+
react_1.default.createElement(Content, Object.assign({}, connectionAsyncWrapper, { isChainIdValid: isChainIdValid, isProviderAvailable: isProviderAvailable, isConnectedAndValidChain: isChainIdValid && wallet.isConnected(), connect: connect, disconnect: disconnect, changeChainId: changeChainId, chainId: wallet.chainId, isConnected: wallet.isConnected(), wallet: wallet.account }), children)));
|
|
119
119
|
}
|
|
120
120
|
exports.default = (0, react_1.forwardRef)(WalletConnectionWrapper);
|
|
121
121
|
exports.BaseWalletConnectionWrapper = (0, react_1.forwardRef)(_BaseWalletConnectionWrapper);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletConnectionWrapper.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASe;AACf,2CAA0D;AAC1D,kFAA0D;AA+C1D;;IAEI;AACJ,SAAS,uBAAuB,CAC9B,KAA+B,EAC/B,GAGE;IAEF,OAAO,CACL,8BAAC,8BAAiB;QAChB,8BAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,CACjC,CACrB,CAAC;AACJ,CAAC;AACD;;IAEI;AACJ,SAAS,4BAA4B,CACnC,KAA+B,EAC/B,GAGE;IAEF,OAAO,8BAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,CAAC;AAC7D,CAAC;AAED,SAAS,OAAO,CAAC,EACf,mBAAmB,EACnB,cAAc,EACd,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,GAQT;IACC,MAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,CAAC;IAC3B,MAAM,sBAAsB,GAAG,IAAA,yBAAe,GAAE,CAAC;IACjD,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,sBAAsB,CAAC,OAAO,CAAC,GAAS,EAAE;YACxC,MAAM,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACjC,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAA,CAAC,CAAC;IACL,CAAC,CAAA,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,YAAY,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAC3D,IAAI,WAAW;YAAE,OAAO,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"WalletConnectionWrapper.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './WalletConnectionWrapper';
|
|
1
|
+
export { default, BaseWalletConnectionWrapper } from './WalletConnectionWrapper';
|
|
@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
6
|
+
exports.BaseWalletConnectionWrapper = exports.default = void 0;
|
|
7
7
|
var WalletConnectionWrapper_1 = require("./WalletConnectionWrapper");
|
|
8
8
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(WalletConnectionWrapper_1).default; } });
|
|
9
|
+
Object.defineProperty(exports, "BaseWalletConnectionWrapper", { enumerable: true, get: function () { return WalletConnectionWrapper_1.BaseWalletConnectionWrapper; } });
|
|
9
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/index.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qEAAiF;AAAxE,mIAAA,OAAO,OAAA;AAAE,sIAAA,2BAA2B,OAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onepercentio/one-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.4",
|
|
4
4
|
"description": "A set of reusable components created through the development of Onepercent projects",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
"style-loader": "^2",
|
|
56
56
|
"ts-jest": "^27.0.7",
|
|
57
57
|
"typescript": "^4.5.2",
|
|
58
|
+
"use-wallet": "0.13.5",
|
|
58
59
|
"url": "^0.11.0"
|
|
59
60
|
},
|
|
60
61
|
"dependencies": {
|
|
@@ -87,6 +88,6 @@
|
|
|
87
88
|
},
|
|
88
89
|
"peerDependencies": {
|
|
89
90
|
"chroma-js": "^2.4.2",
|
|
90
|
-
"use-wallet": "
|
|
91
|
+
"use-wallet": "0.13.5"
|
|
91
92
|
}
|
|
92
93
|
}
|