@web3auth/modal 8.12.7 → 9.0.0-alpha.0
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/LICENSE +2 -2
- package/dist/lib.cjs/config.js +97 -0
- package/dist/lib.cjs/index.js +14 -0
- package/dist/lib.cjs/modalManager.js +426 -0
- package/dist/lib.esm/config.js +90 -0
- package/dist/lib.esm/index.js +2 -0
- package/dist/lib.esm/modalManager.js +424 -0
- package/dist/modal.cjs.js +37 -18
- package/dist/modal.esm.js +31 -11
- package/dist/modal.umd.min.js +1 -1
- package/dist/modal.umd.min.js.LICENSE.txt +0 -2
- package/dist/types/config.d.ts +1 -0
- package/dist/types/interface.d.ts +1 -1
- package/package.json +10 -11
package/LICENSE
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
Copyright
|
|
1
|
+
Copyright Torus Labs Private Limited 2023. All rights reserved.
|
|
2
2
|
|
|
3
|
-
You acknowledge and agree that
|
|
3
|
+
You acknowledge and agree that Torus Labs Private Limited (Web3Auth) (or Web3Auth's licensors) own all legal rights, titles and interests in and to the work, software, application, source code, documentation and any other documents in this repository (collectively, the “Program”), including any intellectual property rights which subsist in the Program (whether those rights happen to be registered or not, and wherever in the world those rights may exist), whether in source code or any other form.
|
|
4
4
|
|
|
5
5
|
Subject to the limited license below, you may not (and you may not permit anyone else to) distribute, publish, copy, modify, merge, combine with another program, create derivative works of, reverse engineer, decompile or otherwise attempt to extract the source code of, the Program or any part thereof, except that you may contribute to this repository.
|
|
6
6
|
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var base = require('@web3auth/base');
|
|
4
|
+
|
|
5
|
+
const defaultSolanaDappModalConfig = {
|
|
6
|
+
chainNamespace: base.CHAIN_NAMESPACES.SOLANA,
|
|
7
|
+
adapters: {
|
|
8
|
+
[base.SOLANA_ADAPTERS.TORUS_SOLANA]: {
|
|
9
|
+
label: "Torus Wallet",
|
|
10
|
+
showOnModal: true,
|
|
11
|
+
showOnMobile: true,
|
|
12
|
+
showOnDesktop: true
|
|
13
|
+
},
|
|
14
|
+
[base.SOLANA_ADAPTERS.OPENLOGIN]: {
|
|
15
|
+
label: "OpenLogin",
|
|
16
|
+
showOnModal: true,
|
|
17
|
+
showOnMobile: true,
|
|
18
|
+
showOnDesktop: true
|
|
19
|
+
},
|
|
20
|
+
[base.SOLANA_ADAPTERS.PHANTOM]: {
|
|
21
|
+
label: "Phantom",
|
|
22
|
+
showOnModal: true,
|
|
23
|
+
showOnMobile: true,
|
|
24
|
+
showOnDesktop: true
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const defaultEvmDappModalConfig = {
|
|
29
|
+
chainNamespace: base.CHAIN_NAMESPACES.EIP155,
|
|
30
|
+
adapters: {
|
|
31
|
+
[base.EVM_ADAPTERS.TORUS_EVM]: {
|
|
32
|
+
label: "Torus Wallet",
|
|
33
|
+
showOnModal: true,
|
|
34
|
+
showOnMobile: true,
|
|
35
|
+
showOnDesktop: true
|
|
36
|
+
},
|
|
37
|
+
[base.EVM_ADAPTERS.METAMASK]: {
|
|
38
|
+
label: "MetaMask",
|
|
39
|
+
showOnModal: true,
|
|
40
|
+
showOnMobile: true,
|
|
41
|
+
showOnDesktop: true
|
|
42
|
+
},
|
|
43
|
+
[base.EVM_ADAPTERS.OPENLOGIN]: {
|
|
44
|
+
label: "OpenLogin",
|
|
45
|
+
showOnModal: true,
|
|
46
|
+
showOnMobile: true,
|
|
47
|
+
showOnDesktop: true
|
|
48
|
+
},
|
|
49
|
+
[base.EVM_ADAPTERS.WALLET_CONNECT_V2]: {
|
|
50
|
+
label: "Wallet Connect",
|
|
51
|
+
showOnModal: true,
|
|
52
|
+
showOnMobile: true,
|
|
53
|
+
showOnDesktop: true
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
const defaultSolanaWalletModalConfig = {
|
|
58
|
+
chainNamespace: base.CHAIN_NAMESPACES.SOLANA,
|
|
59
|
+
adapters: {
|
|
60
|
+
[base.SOLANA_ADAPTERS.OPENLOGIN]: {
|
|
61
|
+
label: "OpenLogin",
|
|
62
|
+
showOnModal: true,
|
|
63
|
+
showOnMobile: true,
|
|
64
|
+
showOnDesktop: true
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
const defaultEvmWalletModalConfig = {
|
|
69
|
+
chainNamespace: base.CHAIN_NAMESPACES.EIP155,
|
|
70
|
+
adapters: {
|
|
71
|
+
[base.EVM_ADAPTERS.OPENLOGIN]: {
|
|
72
|
+
label: "OpenLogin",
|
|
73
|
+
showOnModal: true,
|
|
74
|
+
showOnMobile: true,
|
|
75
|
+
showOnDesktop: true
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
const defaultOtherModalConfig = {
|
|
80
|
+
chainNamespace: base.CHAIN_NAMESPACES.OTHER,
|
|
81
|
+
adapters: {
|
|
82
|
+
[base.EVM_ADAPTERS.OPENLOGIN]: {
|
|
83
|
+
label: "OpenLogin",
|
|
84
|
+
showOnModal: true,
|
|
85
|
+
showOnMobile: true,
|
|
86
|
+
showOnDesktop: true
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
const walletRegistryUrl = "https://assets.web3auth.io/v1/wallet-registry.json";
|
|
91
|
+
|
|
92
|
+
exports.defaultEvmDappModalConfig = defaultEvmDappModalConfig;
|
|
93
|
+
exports.defaultEvmWalletModalConfig = defaultEvmWalletModalConfig;
|
|
94
|
+
exports.defaultOtherModalConfig = defaultOtherModalConfig;
|
|
95
|
+
exports.defaultSolanaDappModalConfig = defaultSolanaDappModalConfig;
|
|
96
|
+
exports.defaultSolanaWalletModalConfig = defaultSolanaWalletModalConfig;
|
|
97
|
+
exports.walletRegistryUrl = walletRegistryUrl;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var config = require('./config.js');
|
|
4
|
+
var modalManager = require('./modalManager.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
exports.defaultEvmDappModalConfig = config.defaultEvmDappModalConfig;
|
|
9
|
+
exports.defaultEvmWalletModalConfig = config.defaultEvmWalletModalConfig;
|
|
10
|
+
exports.defaultOtherModalConfig = config.defaultOtherModalConfig;
|
|
11
|
+
exports.defaultSolanaDappModalConfig = config.defaultSolanaDappModalConfig;
|
|
12
|
+
exports.defaultSolanaWalletModalConfig = config.defaultSolanaWalletModalConfig;
|
|
13
|
+
exports.walletRegistryUrl = config.walletRegistryUrl;
|
|
14
|
+
exports.Web3Auth = modalManager.Web3Auth;
|
|
@@ -0,0 +1,426 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
|
|
4
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
var base = require('@web3auth/base');
|
|
6
|
+
var baseProvider = require('@web3auth/base-provider');
|
|
7
|
+
var noModal = require('@web3auth/no-modal');
|
|
8
|
+
var openloginAdapter = require('@web3auth/openlogin-adapter');
|
|
9
|
+
var ui = require('@web3auth/ui');
|
|
10
|
+
var deepmerge = require('deepmerge');
|
|
11
|
+
var config = require('./config.js');
|
|
12
|
+
|
|
13
|
+
class Web3Auth extends noModal.Web3AuthNoModal {
|
|
14
|
+
constructor(options) {
|
|
15
|
+
super(options);
|
|
16
|
+
_defineProperty(this, "loginModal", void 0);
|
|
17
|
+
_defineProperty(this, "options", void 0);
|
|
18
|
+
_defineProperty(this, "modalConfig", base.cloneDeep(config.defaultOtherModalConfig));
|
|
19
|
+
this.options = _objectSpread({}, options);
|
|
20
|
+
if (!this.options.uiConfig) this.options.uiConfig = {};
|
|
21
|
+
if (!this.coreOptions.privateKeyProvider) throw base.WalletInitializationError.invalidParams("privateKeyProvider is required");
|
|
22
|
+
}
|
|
23
|
+
setModalConfig(modalConfig) {
|
|
24
|
+
super.checkInitRequirements();
|
|
25
|
+
this.modalConfig = modalConfig;
|
|
26
|
+
}
|
|
27
|
+
async initModal(params) {
|
|
28
|
+
super.checkInitRequirements();
|
|
29
|
+
let projectConfig;
|
|
30
|
+
try {
|
|
31
|
+
projectConfig = await base.fetchProjectConfig(this.options.clientId, this.options.web3AuthNetwork);
|
|
32
|
+
} catch (e) {
|
|
33
|
+
base.log.error("Failed to fetch project configurations", e);
|
|
34
|
+
throw base.WalletInitializationError.notReady("failed to fetch project configurations", e);
|
|
35
|
+
}
|
|
36
|
+
const {
|
|
37
|
+
whitelabel
|
|
38
|
+
} = projectConfig;
|
|
39
|
+
this.options.uiConfig = deepmerge(base.cloneDeep(whitelabel), this.options.uiConfig);
|
|
40
|
+
if (!this.options.uiConfig.defaultLanguage) this.options.uiConfig.defaultLanguage = ui.getUserLanguage(this.options.uiConfig.defaultLanguage);
|
|
41
|
+
if (!this.options.uiConfig.mode) this.options.uiConfig.mode = "light";
|
|
42
|
+
let walletRegistry = {};
|
|
43
|
+
try {
|
|
44
|
+
walletRegistry = await base.fetchWalletRegistry(config.walletRegistryUrl);
|
|
45
|
+
} catch (e) {
|
|
46
|
+
base.log.error("Failed to fetch wallet registry", e);
|
|
47
|
+
}
|
|
48
|
+
this.loginModal = new ui.LoginModal(_objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
|
|
49
|
+
adapterListener: this,
|
|
50
|
+
chainNamespace: this.options.chainConfig.chainNamespace,
|
|
51
|
+
walletRegistry
|
|
52
|
+
}));
|
|
53
|
+
this.subscribeToLoginModalEvents();
|
|
54
|
+
const {
|
|
55
|
+
sms_otp_enabled: smsOtpEnabled,
|
|
56
|
+
whitelist,
|
|
57
|
+
key_export_enabled: keyExportEnabled
|
|
58
|
+
} = projectConfig;
|
|
59
|
+
if (smsOtpEnabled !== undefined) {
|
|
60
|
+
var _params;
|
|
61
|
+
const adapterConfig = {
|
|
62
|
+
[base.WALLET_ADAPTERS.OPENLOGIN]: {
|
|
63
|
+
label: base.WALLET_ADAPTERS.OPENLOGIN,
|
|
64
|
+
loginMethods: {
|
|
65
|
+
[openloginAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
|
|
66
|
+
name: openloginAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS,
|
|
67
|
+
showOnModal: smsOtpEnabled,
|
|
68
|
+
showOnDesktop: smsOtpEnabled,
|
|
69
|
+
showOnMobile: smsOtpEnabled
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
if (!((_params = params) !== null && _params !== void 0 && _params.modalConfig)) params = {
|
|
75
|
+
modalConfig: {}
|
|
76
|
+
};
|
|
77
|
+
params.modalConfig = deepmerge(base.cloneDeep(params.modalConfig), adapterConfig);
|
|
78
|
+
}
|
|
79
|
+
await this.loginModal.initModal();
|
|
80
|
+
const providedChainConfig = this.options.chainConfig;
|
|
81
|
+
// merge default adapters with the custom configured adapters.
|
|
82
|
+
const allAdapters = [...new Set([...Object.keys(this.modalConfig.adapters || {}), ...Object.keys(this.walletAdapters)])];
|
|
83
|
+
const adapterConfigurationPromises = allAdapters.map(async adapterName => {
|
|
84
|
+
var _this$modalConfig$ada, _params2, _this$modalConfig$ada2, _this$modalConfig$ada3;
|
|
85
|
+
// start with the default config of adapter.
|
|
86
|
+
let adapterConfig = ((_this$modalConfig$ada = this.modalConfig.adapters) === null || _this$modalConfig$ada === void 0 ? void 0 : _this$modalConfig$ada[adapterName]) || {
|
|
87
|
+
label: adapterName.split("-").map(ui.capitalizeFirstLetter).join(" "),
|
|
88
|
+
showOnModal: true,
|
|
89
|
+
showOnMobile: true,
|
|
90
|
+
showOnDesktop: true
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
// override the default config of adapter if some config is being provided by the user.
|
|
94
|
+
if ((_params2 = params) !== null && _params2 !== void 0 && (_params2 = _params2.modalConfig) !== null && _params2 !== void 0 && _params2[adapterName]) {
|
|
95
|
+
adapterConfig = _objectSpread(_objectSpread({}, adapterConfig), params.modalConfig[adapterName]);
|
|
96
|
+
}
|
|
97
|
+
this.modalConfig.adapters[adapterName] = adapterConfig;
|
|
98
|
+
|
|
99
|
+
// check if adapter is configured/added by user and exist in walletAdapters map.
|
|
100
|
+
const adapter = this.walletAdapters[adapterName];
|
|
101
|
+
base.log.debug("adapter config", adapterName, (_this$modalConfig$ada2 = this.modalConfig.adapters) === null || _this$modalConfig$ada2 === void 0 ? void 0 : _this$modalConfig$ada2[adapterName].showOnModal, adapter);
|
|
102
|
+
|
|
103
|
+
// if adapter is not custom configured then check if it is available in default adapters.
|
|
104
|
+
// and if adapter is not hidden by user
|
|
105
|
+
if (!adapter && (_this$modalConfig$ada3 = this.modalConfig.adapters) !== null && _this$modalConfig$ada3 !== void 0 && _this$modalConfig$ada3[adapterName].showOnModal) {
|
|
106
|
+
// Adapters to be shown on modal should be pre-configured.
|
|
107
|
+
if (adapterName === base.WALLET_ADAPTERS.OPENLOGIN) {
|
|
108
|
+
var _this$coreOptions$cha;
|
|
109
|
+
const defaultOptions = openloginAdapter.getOpenloginDefaultOptions();
|
|
110
|
+
const {
|
|
111
|
+
clientId,
|
|
112
|
+
useCoreKitKey,
|
|
113
|
+
chainConfig,
|
|
114
|
+
web3AuthNetwork,
|
|
115
|
+
sessionTime,
|
|
116
|
+
privateKeyProvider
|
|
117
|
+
} = this.coreOptions;
|
|
118
|
+
const finalChainConfig = _objectSpread(_objectSpread({}, base.getChainConfig(providedChainConfig.chainNamespace, (_this$coreOptions$cha = this.coreOptions.chainConfig) === null || _this$coreOptions$cha === void 0 ? void 0 : _this$coreOptions$cha.chainId)), chainConfig);
|
|
119
|
+
if (!privateKeyProvider) {
|
|
120
|
+
throw base.WalletInitializationError.invalidParams("privateKeyProvider is required");
|
|
121
|
+
}
|
|
122
|
+
const finalOpenloginAdapterSettings = _objectSpread(_objectSpread({}, defaultOptions.adapterSettings), {}, {
|
|
123
|
+
clientId,
|
|
124
|
+
network: web3AuthNetwork,
|
|
125
|
+
whiteLabel: this.options.uiConfig
|
|
126
|
+
});
|
|
127
|
+
if (smsOtpEnabled !== undefined) {
|
|
128
|
+
finalOpenloginAdapterSettings.loginConfig = {
|
|
129
|
+
[openloginAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
|
|
130
|
+
showOnModal: smsOtpEnabled,
|
|
131
|
+
showOnDesktop: smsOtpEnabled,
|
|
132
|
+
showOnMobile: smsOtpEnabled,
|
|
133
|
+
showOnSocialBackupFactor: smsOtpEnabled
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
}
|
|
137
|
+
if (whitelist) {
|
|
138
|
+
finalOpenloginAdapterSettings.originData = whitelist.signed_urls;
|
|
139
|
+
}
|
|
140
|
+
if (this.options.uiConfig.uxMode) {
|
|
141
|
+
finalOpenloginAdapterSettings.uxMode = this.options.uiConfig.uxMode;
|
|
142
|
+
}
|
|
143
|
+
const openloginAdapter$1 = new openloginAdapter.OpenloginAdapter(_objectSpread(_objectSpread({}, defaultOptions), {}, {
|
|
144
|
+
clientId,
|
|
145
|
+
useCoreKitKey,
|
|
146
|
+
chainConfig: _objectSpread({}, finalChainConfig),
|
|
147
|
+
adapterSettings: finalOpenloginAdapterSettings,
|
|
148
|
+
sessionTime,
|
|
149
|
+
web3AuthNetwork,
|
|
150
|
+
privateKeyProvider
|
|
151
|
+
}));
|
|
152
|
+
this.walletAdapters[adapterName] = openloginAdapter$1;
|
|
153
|
+
return adapterName;
|
|
154
|
+
}
|
|
155
|
+
throw base.WalletInitializationError.invalidParams(`Adapter ${adapterName} is not configured`);
|
|
156
|
+
} else if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === base.ADAPTER_CATEGORY.IN_APP || (adapter === null || adapter === void 0 ? void 0 : adapter.type) === base.ADAPTER_CATEGORY.EXTERNAL || adapterName === this.cachedAdapter) {
|
|
157
|
+
var _this$modalConfig$ada4;
|
|
158
|
+
if (!((_this$modalConfig$ada4 = this.modalConfig.adapters) !== null && _this$modalConfig$ada4 !== void 0 && _this$modalConfig$ada4[adapterName].showOnModal)) return;
|
|
159
|
+
// add client id to adapter, same web3auth client id can be used in adapter.
|
|
160
|
+
// this id is being overridden if user is also passing client id in adapter's constructor.
|
|
161
|
+
this.walletAdapters[adapterName].setAdapterSettings({
|
|
162
|
+
clientId: this.options.clientId,
|
|
163
|
+
sessionTime: this.options.sessionTime,
|
|
164
|
+
web3AuthNetwork: this.options.web3AuthNetwork,
|
|
165
|
+
useCoreKitKey: this.coreOptions.useCoreKitKey
|
|
166
|
+
});
|
|
167
|
+
|
|
168
|
+
// if adapter doesn't have any chainConfig then we will set the chainConfig based of passed chainNamespace
|
|
169
|
+
// and chainNamespace.
|
|
170
|
+
if (!adapter.chainConfigProxy) {
|
|
171
|
+
var _this$coreOptions$cha2;
|
|
172
|
+
const chainConfig = _objectSpread(_objectSpread({}, base.getChainConfig(providedChainConfig.chainNamespace, (_this$coreOptions$cha2 = this.coreOptions.chainConfig) === null || _this$coreOptions$cha2 === void 0 ? void 0 : _this$coreOptions$cha2.chainId)), this.coreOptions.chainConfig);
|
|
173
|
+
this.walletAdapters[adapterName].setAdapterSettings({
|
|
174
|
+
chainConfig
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
if (adapterName === base.WALLET_ADAPTERS.OPENLOGIN) {
|
|
178
|
+
var _this$options$uiConfi;
|
|
179
|
+
const openloginAdapter$1 = this.walletAdapters[adapterName];
|
|
180
|
+
if (this.coreOptions.privateKeyProvider) {
|
|
181
|
+
if (openloginAdapter$1.currentChainNamespace !== this.coreOptions.privateKeyProvider.currentChainConfig.chainNamespace) {
|
|
182
|
+
throw base.WalletInitializationError.incompatibleChainNameSpace("private key provider is not compatible with provided chainNamespace for openlogin adapter");
|
|
183
|
+
}
|
|
184
|
+
openloginAdapter$1.setAdapterSettings({
|
|
185
|
+
privateKeyProvider: this.coreOptions.privateKeyProvider
|
|
186
|
+
});
|
|
187
|
+
}
|
|
188
|
+
if (smsOtpEnabled !== undefined) {
|
|
189
|
+
openloginAdapter$1.setAdapterSettings({
|
|
190
|
+
loginConfig: {
|
|
191
|
+
[openloginAdapter.LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
|
|
192
|
+
showOnModal: smsOtpEnabled,
|
|
193
|
+
showOnDesktop: smsOtpEnabled,
|
|
194
|
+
showOnMobile: smsOtpEnabled,
|
|
195
|
+
showOnSocialBackupFactor: smsOtpEnabled
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
});
|
|
199
|
+
}
|
|
200
|
+
if (whitelist) {
|
|
201
|
+
openloginAdapter$1.setAdapterSettings({
|
|
202
|
+
originData: whitelist.signed_urls
|
|
203
|
+
});
|
|
204
|
+
}
|
|
205
|
+
if ((_this$options$uiConfi = this.options.uiConfig) !== null && _this$options$uiConfi !== void 0 && _this$options$uiConfi.uxMode) {
|
|
206
|
+
openloginAdapter$1.setAdapterSettings({
|
|
207
|
+
uxMode: this.options.uiConfig.uxMode
|
|
208
|
+
});
|
|
209
|
+
}
|
|
210
|
+
openloginAdapter$1.setAdapterSettings({
|
|
211
|
+
whiteLabel: this.options.uiConfig
|
|
212
|
+
});
|
|
213
|
+
if (!openloginAdapter$1.privateKeyProvider) {
|
|
214
|
+
throw base.WalletInitializationError.invalidParams("privateKeyProvider is required for openlogin adapter");
|
|
215
|
+
}
|
|
216
|
+
} else if (adapterName === base.WALLET_ADAPTERS.WALLET_CONNECT_V2) {
|
|
217
|
+
const walletConnectAdapter = this.walletAdapters[adapterName];
|
|
218
|
+
const {
|
|
219
|
+
wallet_connect_enabled: walletConnectEnabled,
|
|
220
|
+
wallet_connect_project_id: walletConnectProjectId
|
|
221
|
+
} = projectConfig;
|
|
222
|
+
if (walletConnectEnabled === false) {
|
|
223
|
+
var _this$modalConfig$ada5, _this$modalConfig$ada6, _this$modalConfig$ada7;
|
|
224
|
+
// override user specified config by hiding wallet connect
|
|
225
|
+
this.modalConfig.adapters = _objectSpread(_objectSpread({}, (_this$modalConfig$ada5 = this.modalConfig.adapters) !== null && _this$modalConfig$ada5 !== void 0 ? _this$modalConfig$ada5 : {}), {}, {
|
|
226
|
+
[base.WALLET_ADAPTERS.WALLET_CONNECT_V2]: _objectSpread(_objectSpread({}, (_this$modalConfig$ada6 = (_this$modalConfig$ada7 = this.modalConfig.adapters) === null || _this$modalConfig$ada7 === void 0 ? void 0 : _this$modalConfig$ada7[base.WALLET_ADAPTERS.WALLET_CONNECT_V2]) !== null && _this$modalConfig$ada6 !== void 0 ? _this$modalConfig$ada6 : {}), {}, {
|
|
227
|
+
showOnModal: false
|
|
228
|
+
})
|
|
229
|
+
});
|
|
230
|
+
this.modalConfig.adapters[base.WALLET_ADAPTERS.WALLET_CONNECT_V2].showOnModal = false;
|
|
231
|
+
} else {
|
|
232
|
+
var _walletConnectAdapter;
|
|
233
|
+
if (!(walletConnectAdapter !== null && walletConnectAdapter !== void 0 && (_walletConnectAdapter = walletConnectAdapter.adapterOptions) !== null && _walletConnectAdapter !== void 0 && (_walletConnectAdapter = _walletConnectAdapter.adapterSettings) !== null && _walletConnectAdapter !== void 0 && (_walletConnectAdapter = _walletConnectAdapter.walletConnectInitOptions) !== null && _walletConnectAdapter !== void 0 && _walletConnectAdapter.projectId) && !walletConnectProjectId) throw base.WalletInitializationError.invalidParams("Invalid wallet connect project id. Please configure it on the dashboard");
|
|
234
|
+
if (walletConnectProjectId) {
|
|
235
|
+
walletConnectAdapter.setAdapterSettings({
|
|
236
|
+
adapterSettings: {
|
|
237
|
+
walletConnectInitOptions: {
|
|
238
|
+
projectId: walletConnectProjectId
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
});
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
return adapterName;
|
|
246
|
+
}
|
|
247
|
+
});
|
|
248
|
+
const adapterNames = await Promise.all(adapterConfigurationPromises);
|
|
249
|
+
const hasInAppWallets = Object.values(this.walletAdapters).some(adapter => {
|
|
250
|
+
var _this$modalConfig$ada8, _this$modalConfig$ada9, _adapter$name;
|
|
251
|
+
if (adapter.type !== base.ADAPTER_CATEGORY.IN_APP) return false;
|
|
252
|
+
if (((_this$modalConfig$ada8 = this.modalConfig.adapters) === null || _this$modalConfig$ada8 === void 0 || (_this$modalConfig$ada8 = _this$modalConfig$ada8[adapter.name]) === null || _this$modalConfig$ada8 === void 0 ? void 0 : _this$modalConfig$ada8.showOnModal) !== true) return false;
|
|
253
|
+
if (!((_this$modalConfig$ada9 = this.modalConfig.adapters) !== null && _this$modalConfig$ada9 !== void 0 && (_this$modalConfig$ada9 = _this$modalConfig$ada9[adapter.name]) !== null && _this$modalConfig$ada9 !== void 0 && _this$modalConfig$ada9.loginMethods)) return true;
|
|
254
|
+
const mergedLoginMethods = ui.getAdapterSocialLogins(adapter.name, (_adapter$name = this.modalConfig.adapters[adapter.name]) === null || _adapter$name === void 0 ? void 0 : _adapter$name.loginMethods);
|
|
255
|
+
if (Object.values(mergedLoginMethods).some(method => method.showOnModal)) return true;
|
|
256
|
+
return false;
|
|
257
|
+
});
|
|
258
|
+
base.log.debug(hasInAppWallets, this.walletAdapters, adapterNames, "hasInAppWallets");
|
|
259
|
+
|
|
260
|
+
// Now, initialize the adapters.
|
|
261
|
+
const initPromises = adapterNames.map(async adapterName => {
|
|
262
|
+
if (!adapterName) return;
|
|
263
|
+
try {
|
|
264
|
+
const adapter = this.walletAdapters[adapterName];
|
|
265
|
+
// only initialize a external adapter here if it is a cached adapter.
|
|
266
|
+
if (this.cachedAdapter !== adapterName && adapter.type === base.ADAPTER_CATEGORY.EXTERNAL) {
|
|
267
|
+
return;
|
|
268
|
+
}
|
|
269
|
+
// in-app wallets or cached wallet (being connected or already connected) are initialized first.
|
|
270
|
+
// if adapter is configured then only initialize in app or cached adapter.
|
|
271
|
+
// external wallets are initialized on INIT_EXTERNAL_WALLET event.
|
|
272
|
+
this.subscribeToAdapterEvents(adapter);
|
|
273
|
+
if (adapter.status === base.ADAPTER_STATUS.NOT_READY) await adapter.init({
|
|
274
|
+
autoConnect: this.cachedAdapter === adapterName
|
|
275
|
+
});
|
|
276
|
+
// note: not adding cachedWallet to modal if it is external wallet.
|
|
277
|
+
// adding it later if no in-app wallets are available.
|
|
278
|
+
if (adapter.type === base.ADAPTER_CATEGORY.IN_APP) {
|
|
279
|
+
this.initializeInAppWallet(adapterName);
|
|
280
|
+
}
|
|
281
|
+
} catch (error) {
|
|
282
|
+
base.log.error(error, "error while initializing adapter ", adapterName);
|
|
283
|
+
}
|
|
284
|
+
});
|
|
285
|
+
this.commonJRPCProvider = await baseProvider.CommonJRPCProvider.getProviderInstance({
|
|
286
|
+
chainConfig: this.coreOptions.chainConfig
|
|
287
|
+
});
|
|
288
|
+
if (typeof keyExportEnabled === "boolean") {
|
|
289
|
+
this.coreOptions.privateKeyProvider.setKeyExportFlag(keyExportEnabled);
|
|
290
|
+
// dont know if we need to do this.
|
|
291
|
+
this.commonJRPCProvider.setKeyExportFlag(keyExportEnabled);
|
|
292
|
+
}
|
|
293
|
+
await Promise.all(initPromises);
|
|
294
|
+
if (this.status === base.ADAPTER_STATUS.NOT_READY) {
|
|
295
|
+
this.status = base.ADAPTER_STATUS.READY;
|
|
296
|
+
this.emit(base.ADAPTER_EVENTS.READY);
|
|
297
|
+
}
|
|
298
|
+
const hasExternalWallets = allAdapters.some(adapterName => {
|
|
299
|
+
var _this$walletAdapters$, _this$modalConfig$ada10;
|
|
300
|
+
return ((_this$walletAdapters$ = this.walletAdapters[adapterName]) === null || _this$walletAdapters$ === void 0 ? void 0 : _this$walletAdapters$.type) === base.ADAPTER_CATEGORY.EXTERNAL && ((_this$modalConfig$ada10 = this.modalConfig.adapters) === null || _this$modalConfig$ada10 === void 0 ? void 0 : _this$modalConfig$ada10[adapterName].showOnModal);
|
|
301
|
+
});
|
|
302
|
+
if (hasExternalWallets) {
|
|
303
|
+
this.loginModal.initExternalWalletContainer();
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
// variable to check if we have any in app wallets
|
|
307
|
+
// currently all default in app and external wallets can be hidden or shown based on config.
|
|
308
|
+
if (!hasInAppWallets && hasExternalWallets) {
|
|
309
|
+
// if no in app wallet is available then initialize external wallets in modal
|
|
310
|
+
await this.initExternalWalletAdapters(false, {
|
|
311
|
+
showExternalWalletsOnly: true
|
|
312
|
+
});
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
async connect() {
|
|
316
|
+
if (!this.loginModal) throw base.WalletInitializationError.notReady("Login modal is not initialized");
|
|
317
|
+
// if already connected return provider
|
|
318
|
+
if (this.connectedAdapterName && this.status === base.ADAPTER_STATUS.CONNECTED && this.provider) return this.provider;
|
|
319
|
+
this.loginModal.open();
|
|
320
|
+
return new Promise((resolve, reject) => {
|
|
321
|
+
this.once(base.ADAPTER_EVENTS.CONNECTED, () => {
|
|
322
|
+
return resolve(this.provider);
|
|
323
|
+
});
|
|
324
|
+
this.once(base.ADAPTER_EVENTS.ERRORED, err => {
|
|
325
|
+
return reject(err);
|
|
326
|
+
});
|
|
327
|
+
this.once(ui.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility => {
|
|
328
|
+
// modal is closed but user is not connected to any wallet.
|
|
329
|
+
if (!visibility && this.status !== base.ADAPTER_STATUS.CONNECTED) {
|
|
330
|
+
return reject(new Error("User closed the modal"));
|
|
331
|
+
}
|
|
332
|
+
});
|
|
333
|
+
});
|
|
334
|
+
}
|
|
335
|
+
async initExternalWalletAdapters(externalWalletsInitialized, options) {
|
|
336
|
+
if (externalWalletsInitialized) return;
|
|
337
|
+
const adaptersConfig = {};
|
|
338
|
+
Object.keys(this.walletAdapters).forEach(async adapterName => {
|
|
339
|
+
const adapter = this.walletAdapters[adapterName];
|
|
340
|
+
if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === base.ADAPTER_CATEGORY.EXTERNAL) {
|
|
341
|
+
base.log.debug("init external wallet", this.cachedAdapter, adapterName);
|
|
342
|
+
this.subscribeToAdapterEvents(adapter);
|
|
343
|
+
// we are not initializing cached adapter here as it is already being initialized in initModal before.
|
|
344
|
+
if (this.cachedAdapter === adapterName) {
|
|
345
|
+
return;
|
|
346
|
+
}
|
|
347
|
+
if (adapter.status === base.ADAPTER_STATUS.NOT_READY) {
|
|
348
|
+
await adapter.init({
|
|
349
|
+
autoConnect: this.cachedAdapter === adapterName
|
|
350
|
+
}).then(() => {
|
|
351
|
+
const adapterModalConfig = this.modalConfig.adapters[adapterName];
|
|
352
|
+
adaptersConfig[adapterName] = _objectSpread(_objectSpread({}, adapterModalConfig), {}, {
|
|
353
|
+
isInjected: adapter.isInjected
|
|
354
|
+
});
|
|
355
|
+
this.loginModal.addWalletLogins(adaptersConfig, {
|
|
356
|
+
showExternalWalletsOnly: !!(options !== null && options !== void 0 && options.showExternalWalletsOnly)
|
|
357
|
+
});
|
|
358
|
+
return undefined;
|
|
359
|
+
}).catch(error => base.log.error(error, "error while initializing adapter", adapterName));
|
|
360
|
+
} else if (adapter.status === base.ADAPTER_STATUS.READY) {
|
|
361
|
+
const adapterModalConfig = this.modalConfig.adapters[adapterName];
|
|
362
|
+
adaptersConfig[adapterName] = _objectSpread(_objectSpread({}, adapterModalConfig), {}, {
|
|
363
|
+
isInjected: adapter.isInjected
|
|
364
|
+
});
|
|
365
|
+
this.loginModal.addWalletLogins(adaptersConfig, {
|
|
366
|
+
showExternalWalletsOnly: !!(options !== null && options !== void 0 && options.showExternalWalletsOnly)
|
|
367
|
+
});
|
|
368
|
+
}
|
|
369
|
+
}
|
|
370
|
+
});
|
|
371
|
+
}
|
|
372
|
+
initializeInAppWallet(adapterName) {
|
|
373
|
+
base.log.info("adapterInitResults", adapterName);
|
|
374
|
+
if (this.walletAdapters[adapterName].type === base.ADAPTER_CATEGORY.IN_APP) {
|
|
375
|
+
var _adapterName, _this$options$uiConfi2, _this$options$uiConfi3, _this$options$uiConfi4;
|
|
376
|
+
this.loginModal.addSocialLogins(adapterName, ui.getAdapterSocialLogins(adapterName, (_adapterName = this.modalConfig.adapters[adapterName]) === null || _adapterName === void 0 ? void 0 : _adapterName.loginMethods), ((_this$options$uiConfi2 = this.options.uiConfig) === null || _this$options$uiConfi2 === void 0 ? void 0 : _this$options$uiConfi2.loginMethodsOrder) || ui.OPENLOGIN_PROVIDERS, _objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
|
|
377
|
+
loginGridCol: ((_this$options$uiConfi3 = this.options.uiConfig) === null || _this$options$uiConfi3 === void 0 ? void 0 : _this$options$uiConfi3.loginGridCol) || 3,
|
|
378
|
+
primaryButton: ((_this$options$uiConfi4 = this.options.uiConfig) === null || _this$options$uiConfi4 === void 0 ? void 0 : _this$options$uiConfi4.primaryButton) || "socialLogin"
|
|
379
|
+
}));
|
|
380
|
+
}
|
|
381
|
+
}
|
|
382
|
+
subscribeToLoginModalEvents() {
|
|
383
|
+
this.loginModal.on(ui.LOGIN_MODAL_EVENTS.LOGIN, async params => {
|
|
384
|
+
try {
|
|
385
|
+
await this.connectTo(params.adapter, params.loginParams);
|
|
386
|
+
} catch (error) {
|
|
387
|
+
base.log.error(`Error while connecting to adapter: ${params.adapter}`, error);
|
|
388
|
+
}
|
|
389
|
+
});
|
|
390
|
+
this.loginModal.on(ui.LOGIN_MODAL_EVENTS.INIT_EXTERNAL_WALLETS, async params => {
|
|
391
|
+
await this.initExternalWalletAdapters(params.externalWalletsInitialized);
|
|
392
|
+
});
|
|
393
|
+
this.loginModal.on(ui.LOGIN_MODAL_EVENTS.DISCONNECT, async () => {
|
|
394
|
+
try {
|
|
395
|
+
await this.logout();
|
|
396
|
+
} catch (error) {
|
|
397
|
+
base.log.error(`Error while disconnecting`, error);
|
|
398
|
+
}
|
|
399
|
+
});
|
|
400
|
+
this.loginModal.on(ui.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, async visibility => {
|
|
401
|
+
base.log.debug("is login modal visible", visibility);
|
|
402
|
+
this.emit(ui.LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility);
|
|
403
|
+
const adapter = this.walletAdapters[base.WALLET_ADAPTERS.WALLET_CONNECT_V2];
|
|
404
|
+
if (adapter) {
|
|
405
|
+
const walletConnectStatus = adapter === null || adapter === void 0 ? void 0 : adapter.status;
|
|
406
|
+
base.log.debug("trying refreshing wc session", visibility, walletConnectStatus);
|
|
407
|
+
if (visibility && (walletConnectStatus === base.ADAPTER_STATUS.READY || walletConnectStatus === base.ADAPTER_STATUS.CONNECTING)) {
|
|
408
|
+
base.log.debug("refreshing wc session");
|
|
409
|
+
|
|
410
|
+
// refreshing session for wallet connect whenever modal is opened.
|
|
411
|
+
try {
|
|
412
|
+
adapter.connect();
|
|
413
|
+
} catch (error) {
|
|
414
|
+
base.log.error(`Error while disconnecting to wallet connect in core`, error);
|
|
415
|
+
}
|
|
416
|
+
}
|
|
417
|
+
if (!visibility && this.status === base.ADAPTER_STATUS.CONNECTED && (walletConnectStatus === base.ADAPTER_STATUS.READY || walletConnectStatus === base.ADAPTER_STATUS.CONNECTING)) {
|
|
418
|
+
base.log.debug("this stops wc adapter from trying to reconnect once proposal expires");
|
|
419
|
+
adapter.status = base.ADAPTER_STATUS.READY;
|
|
420
|
+
}
|
|
421
|
+
}
|
|
422
|
+
});
|
|
423
|
+
}
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
exports.Web3Auth = Web3Auth;
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { CHAIN_NAMESPACES, SOLANA_ADAPTERS, EVM_ADAPTERS } from '@web3auth/base';
|
|
2
|
+
|
|
3
|
+
const defaultSolanaDappModalConfig = {
|
|
4
|
+
chainNamespace: CHAIN_NAMESPACES.SOLANA,
|
|
5
|
+
adapters: {
|
|
6
|
+
[SOLANA_ADAPTERS.TORUS_SOLANA]: {
|
|
7
|
+
label: "Torus Wallet",
|
|
8
|
+
showOnModal: true,
|
|
9
|
+
showOnMobile: true,
|
|
10
|
+
showOnDesktop: true
|
|
11
|
+
},
|
|
12
|
+
[SOLANA_ADAPTERS.OPENLOGIN]: {
|
|
13
|
+
label: "OpenLogin",
|
|
14
|
+
showOnModal: true,
|
|
15
|
+
showOnMobile: true,
|
|
16
|
+
showOnDesktop: true
|
|
17
|
+
},
|
|
18
|
+
[SOLANA_ADAPTERS.PHANTOM]: {
|
|
19
|
+
label: "Phantom",
|
|
20
|
+
showOnModal: true,
|
|
21
|
+
showOnMobile: true,
|
|
22
|
+
showOnDesktop: true
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
const defaultEvmDappModalConfig = {
|
|
27
|
+
chainNamespace: CHAIN_NAMESPACES.EIP155,
|
|
28
|
+
adapters: {
|
|
29
|
+
[EVM_ADAPTERS.TORUS_EVM]: {
|
|
30
|
+
label: "Torus Wallet",
|
|
31
|
+
showOnModal: true,
|
|
32
|
+
showOnMobile: true,
|
|
33
|
+
showOnDesktop: true
|
|
34
|
+
},
|
|
35
|
+
[EVM_ADAPTERS.METAMASK]: {
|
|
36
|
+
label: "MetaMask",
|
|
37
|
+
showOnModal: true,
|
|
38
|
+
showOnMobile: true,
|
|
39
|
+
showOnDesktop: true
|
|
40
|
+
},
|
|
41
|
+
[EVM_ADAPTERS.OPENLOGIN]: {
|
|
42
|
+
label: "OpenLogin",
|
|
43
|
+
showOnModal: true,
|
|
44
|
+
showOnMobile: true,
|
|
45
|
+
showOnDesktop: true
|
|
46
|
+
},
|
|
47
|
+
[EVM_ADAPTERS.WALLET_CONNECT_V2]: {
|
|
48
|
+
label: "Wallet Connect",
|
|
49
|
+
showOnModal: true,
|
|
50
|
+
showOnMobile: true,
|
|
51
|
+
showOnDesktop: true
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
const defaultSolanaWalletModalConfig = {
|
|
56
|
+
chainNamespace: CHAIN_NAMESPACES.SOLANA,
|
|
57
|
+
adapters: {
|
|
58
|
+
[SOLANA_ADAPTERS.OPENLOGIN]: {
|
|
59
|
+
label: "OpenLogin",
|
|
60
|
+
showOnModal: true,
|
|
61
|
+
showOnMobile: true,
|
|
62
|
+
showOnDesktop: true
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
const defaultEvmWalletModalConfig = {
|
|
67
|
+
chainNamespace: CHAIN_NAMESPACES.EIP155,
|
|
68
|
+
adapters: {
|
|
69
|
+
[EVM_ADAPTERS.OPENLOGIN]: {
|
|
70
|
+
label: "OpenLogin",
|
|
71
|
+
showOnModal: true,
|
|
72
|
+
showOnMobile: true,
|
|
73
|
+
showOnDesktop: true
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
const defaultOtherModalConfig = {
|
|
78
|
+
chainNamespace: CHAIN_NAMESPACES.OTHER,
|
|
79
|
+
adapters: {
|
|
80
|
+
[EVM_ADAPTERS.OPENLOGIN]: {
|
|
81
|
+
label: "OpenLogin",
|
|
82
|
+
showOnModal: true,
|
|
83
|
+
showOnMobile: true,
|
|
84
|
+
showOnDesktop: true
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
const walletRegistryUrl = "https://assets.web3auth.io/v1/wallet-registry.json";
|
|
89
|
+
|
|
90
|
+
export { defaultEvmDappModalConfig, defaultEvmWalletModalConfig, defaultOtherModalConfig, defaultSolanaDappModalConfig, defaultSolanaWalletModalConfig, walletRegistryUrl };
|