@web3auth/modal 9.7.0 → 10.0.0-alpha.1

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.
Files changed (153) hide show
  1. package/dist/lib.cjs/node_modules/style-inject/dist/style-inject.es.js +28 -0
  2. package/dist/lib.cjs/{config.js → packages/modal/src/config.js} +17 -29
  3. package/dist/lib.cjs/{index.js → packages/modal/src/index.js} +7 -0
  4. package/dist/lib.cjs/packages/modal/src/modalManager.js +376 -0
  5. package/dist/lib.cjs/packages/modal/src/react/Web3AuthProvider.js +15 -0
  6. package/dist/lib.cjs/packages/modal/src/react/context/Web3AuthInnerContext.js +199 -0
  7. package/dist/lib.cjs/packages/modal/src/react/hooks/useWeb3Auth.js +15 -0
  8. package/dist/lib.cjs/packages/modal/src/react/index.js +12 -0
  9. package/dist/lib.cjs/packages/modal/src/ui/assets/arrow-left-dark.svg.js +7 -0
  10. package/dist/lib.cjs/packages/modal/src/ui/assets/arrow-left-light.svg.js +7 -0
  11. package/dist/lib.cjs/packages/modal/src/ui/assets/x-dark.svg.js +7 -0
  12. package/dist/lib.cjs/packages/modal/src/ui/assets/x-light.svg.js +7 -0
  13. package/dist/lib.cjs/packages/modal/src/ui/components/AdapterLoader.js +108 -0
  14. package/dist/lib.cjs/packages/modal/src/ui/components/Button/Button.js +34 -0
  15. package/dist/lib.cjs/packages/modal/src/ui/components/Button/styles.css.js +8 -0
  16. package/dist/lib.cjs/packages/modal/src/ui/components/ExternalWallet/ExternalWalletButton.js +44 -0
  17. package/dist/lib.cjs/packages/modal/src/ui/components/ExternalWallet/ExternalWalletConnect.js +67 -0
  18. package/dist/lib.cjs/packages/modal/src/ui/components/ExternalWallet/ExternalWalletDetails.js +34 -0
  19. package/dist/lib.cjs/packages/modal/src/ui/components/ExternalWallet/ExternalWalletHeader.js +46 -0
  20. package/dist/lib.cjs/packages/modal/src/ui/components/ExternalWallet/ExternalWalletInstall.js +167 -0
  21. package/dist/lib.cjs/packages/modal/src/ui/components/ExternalWallets.js +273 -0
  22. package/dist/lib.cjs/packages/modal/src/ui/components/Footer.js +20 -0
  23. package/dist/lib.cjs/packages/modal/src/ui/components/Header.js +81 -0
  24. package/dist/lib.cjs/packages/modal/src/ui/components/Icon.js +73 -0
  25. package/dist/lib.cjs/packages/modal/src/ui/components/Image.js +51 -0
  26. package/dist/lib.cjs/packages/modal/src/ui/components/Loader.js +59 -0
  27. package/dist/lib.cjs/packages/modal/src/ui/components/Modal.js +244 -0
  28. package/dist/lib.cjs/packages/modal/src/ui/components/SelfCustodyViaWeb3Auth.js +30 -0
  29. package/dist/lib.cjs/packages/modal/src/ui/components/SocialLoginPasswordless.js +141 -0
  30. package/dist/lib.cjs/packages/modal/src/ui/components/SocialLogins.js +148 -0
  31. package/dist/lib.cjs/packages/modal/src/ui/components/WalletConnect.js +84 -0
  32. package/dist/lib.cjs/packages/modal/src/ui/config.js +17 -0
  33. package/dist/lib.cjs/packages/modal/src/ui/context/ThemeContext.js +9 -0
  34. package/dist/lib.cjs/packages/modal/src/ui/css/web3auth.css.js +8 -0
  35. package/dist/lib.cjs/packages/modal/src/ui/i18n/dutch.json.js +84 -0
  36. package/dist/lib.cjs/packages/modal/src/ui/i18n/english.json.js +84 -0
  37. package/dist/lib.cjs/packages/modal/src/ui/i18n/french.json.js +82 -0
  38. package/dist/lib.cjs/packages/modal/src/ui/i18n/german.json.js +84 -0
  39. package/dist/lib.cjs/packages/modal/src/ui/i18n/japanese.json.js +84 -0
  40. package/dist/lib.cjs/packages/modal/src/ui/i18n/korean.json.js +84 -0
  41. package/dist/lib.cjs/packages/modal/src/ui/i18n/mandarin.json.js +84 -0
  42. package/dist/lib.cjs/packages/modal/src/ui/i18n/portuguese.json.js +84 -0
  43. package/dist/lib.cjs/packages/modal/src/ui/i18n/spanish.json.js +84 -0
  44. package/dist/lib.cjs/packages/modal/src/ui/i18n/turkish.json.js +84 -0
  45. package/dist/lib.cjs/packages/modal/src/ui/interfaces.js +26 -0
  46. package/dist/lib.cjs/packages/modal/src/ui/localeImport.js +25 -0
  47. package/dist/lib.cjs/packages/modal/src/ui/loginModal.js +309 -0
  48. package/dist/lib.cjs/packages/modal/src/ui/utils.js +71 -0
  49. package/dist/lib.cjs/packages/modal/src/vue/Web3AuthProvider.js +208 -0
  50. package/dist/lib.cjs/packages/modal/src/vue/composables/useWeb3Auth.js +12 -0
  51. package/dist/lib.cjs/packages/modal/src/vue/index.js +9 -0
  52. package/dist/lib.esm/node_modules/style-inject/dist/style-inject.es.js +26 -0
  53. package/dist/lib.esm/{config.js → packages/modal/src/config.js} +12 -24
  54. package/dist/lib.esm/{index.js → packages/modal/src/index.js} +1 -0
  55. package/dist/lib.esm/packages/modal/src/modalManager.js +374 -0
  56. package/dist/lib.esm/packages/modal/src/react/Web3AuthProvider.js +13 -0
  57. package/dist/lib.esm/packages/modal/src/react/context/Web3AuthInnerContext.js +196 -0
  58. package/dist/lib.esm/packages/modal/src/react/hooks/useWeb3Auth.js +13 -0
  59. package/dist/lib.esm/packages/modal/src/react/index.js +3 -0
  60. package/dist/lib.esm/packages/modal/src/ui/assets/arrow-left-dark.svg.js +5 -0
  61. package/dist/lib.esm/packages/modal/src/ui/assets/arrow-left-light.svg.js +5 -0
  62. package/dist/lib.esm/packages/modal/src/ui/assets/x-dark.svg.js +5 -0
  63. package/dist/lib.esm/packages/modal/src/ui/assets/x-light.svg.js +5 -0
  64. package/dist/lib.esm/packages/modal/src/ui/components/AdapterLoader.js +106 -0
  65. package/dist/lib.esm/packages/modal/src/ui/components/Button/Button.js +32 -0
  66. package/dist/lib.esm/packages/modal/src/ui/components/Button/styles.css.js +6 -0
  67. package/dist/lib.esm/packages/modal/src/ui/components/ExternalWallet/ExternalWalletButton.js +42 -0
  68. package/dist/lib.esm/packages/modal/src/ui/components/ExternalWallet/ExternalWalletConnect.js +65 -0
  69. package/dist/lib.esm/packages/modal/src/ui/components/ExternalWallet/ExternalWalletDetails.js +32 -0
  70. package/dist/lib.esm/packages/modal/src/ui/components/ExternalWallet/ExternalWalletHeader.js +44 -0
  71. package/dist/lib.esm/packages/modal/src/ui/components/ExternalWallet/ExternalWalletInstall.js +165 -0
  72. package/dist/lib.esm/packages/modal/src/ui/components/ExternalWallets.js +271 -0
  73. package/dist/lib.esm/packages/modal/src/ui/components/Footer.js +18 -0
  74. package/dist/lib.esm/packages/modal/src/ui/components/Header.js +79 -0
  75. package/dist/lib.esm/packages/modal/src/ui/components/Icon.js +71 -0
  76. package/dist/lib.esm/packages/modal/src/ui/components/Image.js +49 -0
  77. package/dist/lib.esm/packages/modal/src/ui/components/Loader.js +57 -0
  78. package/dist/lib.esm/packages/modal/src/ui/components/Modal.js +242 -0
  79. package/dist/lib.esm/packages/modal/src/ui/components/SelfCustodyViaWeb3Auth.js +28 -0
  80. package/dist/lib.esm/packages/modal/src/ui/components/SocialLoginPasswordless.js +139 -0
  81. package/dist/lib.esm/packages/modal/src/ui/components/SocialLogins.js +146 -0
  82. package/dist/lib.esm/packages/modal/src/ui/components/WalletConnect.js +82 -0
  83. package/dist/lib.esm/packages/modal/src/ui/config.js +13 -0
  84. package/dist/lib.esm/packages/modal/src/ui/context/ThemeContext.js +7 -0
  85. package/dist/lib.esm/packages/modal/src/ui/css/web3auth.css.js +6 -0
  86. package/dist/lib.esm/packages/modal/src/ui/i18n/dutch.json.js +79 -0
  87. package/dist/lib.esm/packages/modal/src/ui/i18n/english.json.js +79 -0
  88. package/dist/lib.esm/packages/modal/src/ui/i18n/french.json.js +77 -0
  89. package/dist/lib.esm/packages/modal/src/ui/i18n/german.json.js +79 -0
  90. package/dist/lib.esm/packages/modal/src/ui/i18n/japanese.json.js +79 -0
  91. package/dist/lib.esm/packages/modal/src/ui/i18n/korean.json.js +79 -0
  92. package/dist/lib.esm/packages/modal/src/ui/i18n/mandarin.json.js +79 -0
  93. package/dist/lib.esm/packages/modal/src/ui/i18n/portuguese.json.js +79 -0
  94. package/dist/lib.esm/packages/modal/src/ui/i18n/spanish.json.js +79 -0
  95. package/dist/lib.esm/packages/modal/src/ui/i18n/turkish.json.js +79 -0
  96. package/dist/lib.esm/packages/modal/src/ui/interfaces.js +20 -0
  97. package/dist/lib.esm/packages/modal/src/ui/localeImport.js +23 -0
  98. package/dist/lib.esm/packages/modal/src/ui/loginModal.js +307 -0
  99. package/dist/lib.esm/packages/modal/src/ui/utils.js +65 -0
  100. package/dist/lib.esm/packages/modal/src/vue/Web3AuthProvider.js +206 -0
  101. package/dist/lib.esm/packages/modal/src/vue/composables/useWeb3Auth.js +10 -0
  102. package/dist/lib.esm/packages/modal/src/vue/index.js +2 -0
  103. package/dist/modal.cjs.js +5676 -470
  104. package/dist/modal.umd.min.js +1 -1
  105. package/dist/modal.umd.min.js.LICENSE.txt +45 -0
  106. package/dist/types/config.d.ts +6 -6
  107. package/dist/types/index.d.ts +1 -0
  108. package/dist/types/interface.d.ts +5 -5
  109. package/dist/types/modalManager.d.ts +11 -12
  110. package/dist/types/react/Web3AuthProvider.d.ts +3 -0
  111. package/dist/types/react/context/Web3AuthInnerContext.d.ts +4 -0
  112. package/dist/types/react/context/index.d.ts +1 -0
  113. package/dist/types/react/hooks/index.d.ts +1 -0
  114. package/dist/types/react/hooks/useWeb3Auth.d.ts +2 -0
  115. package/dist/types/react/index.d.ts +4 -0
  116. package/dist/types/react/interfaces.d.ts +18 -0
  117. package/dist/types/ui/components/AdapterLoader.d.ts +11 -0
  118. package/dist/types/ui/components/Button/Button.d.ts +16 -0
  119. package/dist/types/ui/components/Button/index.d.ts +1 -0
  120. package/dist/types/ui/components/ExternalWallet/ExternalWalletButton.d.ts +7 -0
  121. package/dist/types/ui/components/ExternalWallet/ExternalWalletConnect.d.ts +9 -0
  122. package/dist/types/ui/components/ExternalWallet/ExternalWalletDetails.d.ts +9 -0
  123. package/dist/types/ui/components/ExternalWallet/ExternalWalletHeader.d.ts +8 -0
  124. package/dist/types/ui/components/ExternalWallet/ExternalWalletInstall.d.ts +8 -0
  125. package/dist/types/ui/components/ExternalWallets.d.ts +17 -0
  126. package/dist/types/ui/components/Footer.d.ts +1 -0
  127. package/dist/types/ui/components/Header.d.ts +8 -0
  128. package/dist/types/ui/components/Icon.d.ts +9 -0
  129. package/dist/types/ui/components/Image.d.ts +12 -0
  130. package/dist/types/ui/components/Loader.d.ts +10 -0
  131. package/dist/types/ui/components/Modal.d.ts +16 -0
  132. package/dist/types/ui/components/SelfCustodyViaWeb3Auth.d.ts +1 -0
  133. package/dist/types/ui/components/SocialLoginPasswordless.d.ts +16 -0
  134. package/dist/types/ui/components/SocialLogins.d.ts +14 -0
  135. package/dist/types/ui/components/WalletConnect.d.ts +8 -0
  136. package/dist/types/ui/config.d.ts +4 -0
  137. package/dist/types/ui/context/ThemeContext.d.ts +3 -0
  138. package/dist/types/ui/helper/countryData.d.ts +7 -0
  139. package/dist/types/ui/i18n/index.d.ts +11 -0
  140. package/dist/types/ui/index.d.ts +4 -0
  141. package/dist/types/ui/interfaces.d.ts +102 -0
  142. package/dist/types/ui/localeImport.d.ts +3 -0
  143. package/dist/types/ui/loginModal.d.ts +27 -0
  144. package/dist/types/ui/utils.d.ts +12 -0
  145. package/dist/types/vue/Web3AuthProvider.d.ts +13 -0
  146. package/dist/types/vue/composables/index.d.ts +1 -0
  147. package/dist/types/vue/composables/useWeb3Auth.d.ts +2 -0
  148. package/dist/types/vue/index.d.ts +3 -0
  149. package/dist/types/vue/interfaces.d.ts +42 -0
  150. package/package.json +100 -43
  151. package/dist/lib.cjs/modalManager.js +0 -441
  152. package/dist/lib.esm/modalManager.js +0 -439
  153. package/dist/modal.esm.js +0 -513
@@ -1,439 +0,0 @@
1
- import _objectSpread from '@babel/runtime/helpers/objectSpread2';
2
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
- import { LOGIN_PROVIDER, getAuthDefaultOptions, AuthAdapter } from '@web3auth/auth-adapter';
4
- import { cloneDeep, WalletInitializationError, fetchProjectConfig, log, fetchWalletRegistry, WALLET_ADAPTERS, ADAPTER_NAMES, getChainConfig, ADAPTER_CATEGORY, ADAPTER_STATUS, ADAPTER_EVENTS } from '@web3auth/base';
5
- import { CommonJRPCProvider } from '@web3auth/base-provider';
6
- import { Web3AuthNoModal } from '@web3auth/no-modal';
7
- import { getUserLanguage, LoginModal, capitalizeFirstLetter, getAdapterSocialLogins, LOGIN_MODAL_EVENTS, AUTH_PROVIDERS } from '@web3auth/ui';
8
- import deepmerge from 'deepmerge';
9
- import { defaultOtherModalConfig, walletRegistryUrl } from './config.js';
10
-
11
- class Web3Auth extends Web3AuthNoModal {
12
- constructor(options) {
13
- super(options);
14
- _defineProperty(this, "loginModal", void 0);
15
- _defineProperty(this, "options", void 0);
16
- _defineProperty(this, "modalConfig", cloneDeep(defaultOtherModalConfig));
17
- this.options = _objectSpread({}, options);
18
- if (!this.options.uiConfig) this.options.uiConfig = {};
19
- if (!this.coreOptions.privateKeyProvider) throw WalletInitializationError.invalidParams("privateKeyProvider is required");
20
- }
21
- setModalConfig(modalConfig) {
22
- super.checkInitRequirements();
23
- this.modalConfig = modalConfig;
24
- }
25
- async initModal(params) {
26
- var _params;
27
- super.checkInitRequirements();
28
- let projectConfig;
29
- try {
30
- var _this$options$account;
31
- projectConfig = await fetchProjectConfig(this.options.clientId, this.options.web3AuthNetwork, (_this$options$account = this.options.accountAbstractionProvider) === null || _this$options$account === void 0 ? void 0 : _this$options$account.config.smartAccountInit.name);
32
- } catch (e) {
33
- log.error("Failed to fetch project configurations", e);
34
- throw WalletInitializationError.notReady("failed to fetch project configurations", e);
35
- }
36
- const {
37
- whitelabel
38
- } = projectConfig;
39
- this.options.uiConfig = deepmerge(cloneDeep(whitelabel || {}), this.options.uiConfig || {});
40
- if (!this.options.uiConfig.defaultLanguage) this.options.uiConfig.defaultLanguage = getUserLanguage(this.options.uiConfig.defaultLanguage);
41
- if (!this.options.uiConfig.mode) this.options.uiConfig.mode = "light";
42
- let walletRegistry = {
43
- others: {},
44
- default: {}
45
- };
46
- if (!((_params = params) !== null && _params !== void 0 && _params.hideWalletDiscovery)) {
47
- try {
48
- walletRegistry = await fetchWalletRegistry(walletRegistryUrl);
49
- } catch (e) {
50
- log.error("Failed to fetch wallet registry", e);
51
- }
52
- }
53
- this.loginModal = new LoginModal(_objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
54
- adapterListener: this,
55
- chainNamespace: this.options.chainConfig.chainNamespace,
56
- walletRegistry
57
- }));
58
- this.subscribeToLoginModalEvents();
59
- const {
60
- sms_otp_enabled: smsOtpEnabled,
61
- whitelist,
62
- key_export_enabled: keyExportEnabled
63
- } = projectConfig;
64
- if (smsOtpEnabled !== undefined) {
65
- var _params2, _params$modalConfig$W;
66
- const adapterConfig = {
67
- [WALLET_ADAPTERS.AUTH]: {
68
- label: WALLET_ADAPTERS.AUTH,
69
- loginMethods: {
70
- [LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
71
- name: LOGIN_PROVIDER.SMS_PASSWORDLESS,
72
- showOnModal: smsOtpEnabled,
73
- showOnDesktop: smsOtpEnabled,
74
- showOnMobile: smsOtpEnabled
75
- }
76
- }
77
- }
78
- };
79
- if (!((_params2 = params) !== null && _params2 !== void 0 && _params2.modalConfig)) params = {
80
- modalConfig: {}
81
- };
82
- const localSmsOtpEnabled = (_params$modalConfig$W = params.modalConfig[WALLET_ADAPTERS.AUTH]) === null || _params$modalConfig$W === void 0 || (_params$modalConfig$W = _params$modalConfig$W.loginMethods) === null || _params$modalConfig$W === void 0 || (_params$modalConfig$W = _params$modalConfig$W[LOGIN_PROVIDER.SMS_PASSWORDLESS]) === null || _params$modalConfig$W === void 0 ? void 0 : _params$modalConfig$W.showOnModal;
83
- if (localSmsOtpEnabled === true && smsOtpEnabled === false) {
84
- throw WalletInitializationError.invalidParams("must enable sms otp on dashboard in order to utilise it");
85
- }
86
- params.modalConfig = deepmerge(adapterConfig, cloneDeep(params.modalConfig));
87
- }
88
- await this.loginModal.initModal();
89
- const providedChainConfig = this.options.chainConfig;
90
- // merge default adapters with the custom configured adapters.
91
- const allAdapters = [...new Set([...Object.keys(this.modalConfig.adapters || {}), ...Object.keys(this.walletAdapters)])];
92
- const adapterConfigurationPromises = allAdapters.map(async adapterName => {
93
- var _this$modalConfig$ada, _params3, _this$modalConfig$ada2, _this$modalConfig$ada3;
94
- // start with the default config of adapter.
95
- let adapterConfig = ((_this$modalConfig$ada = this.modalConfig.adapters) === null || _this$modalConfig$ada === void 0 ? void 0 : _this$modalConfig$ada[adapterName]) || {
96
- label: ADAPTER_NAMES[adapterName] || adapterName.split("-").map(capitalizeFirstLetter).join(" "),
97
- showOnModal: true,
98
- showOnMobile: true,
99
- showOnDesktop: true
100
- };
101
-
102
- // override the default config of adapter if some config is being provided by the user.
103
- if ((_params3 = params) !== null && _params3 !== void 0 && (_params3 = _params3.modalConfig) !== null && _params3 !== void 0 && _params3[adapterName]) {
104
- adapterConfig = _objectSpread(_objectSpread({}, adapterConfig), params.modalConfig[adapterName]);
105
- }
106
- this.modalConfig.adapters[adapterName] = adapterConfig;
107
-
108
- // check if adapter is configured/added by user and exist in walletAdapters map.
109
- const adapter = this.walletAdapters[adapterName];
110
- 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);
111
-
112
- // if adapter is not custom configured then check if it is available in default adapters.
113
- // and if adapter is not hidden by user
114
- if (!adapter && (_this$modalConfig$ada3 = this.modalConfig.adapters) !== null && _this$modalConfig$ada3 !== void 0 && _this$modalConfig$ada3[adapterName].showOnModal) {
115
- // Adapters to be shown on modal should be pre-configured.
116
- if (adapterName === WALLET_ADAPTERS.AUTH) {
117
- var _this$coreOptions$cha;
118
- const defaultOptions = getAuthDefaultOptions();
119
- const {
120
- clientId,
121
- useCoreKitKey,
122
- chainConfig,
123
- web3AuthNetwork,
124
- sessionTime,
125
- privateKeyProvider
126
- } = this.coreOptions;
127
- const finalChainConfig = _objectSpread(_objectSpread({}, getChainConfig(providedChainConfig.chainNamespace, (_this$coreOptions$cha = this.coreOptions.chainConfig) === null || _this$coreOptions$cha === void 0 ? void 0 : _this$coreOptions$cha.chainId, clientId)), chainConfig);
128
- if (!privateKeyProvider) {
129
- throw WalletInitializationError.invalidParams("privateKeyProvider is required");
130
- }
131
- const finalAuthAdapterSettings = _objectSpread(_objectSpread({}, defaultOptions.adapterSettings), {}, {
132
- clientId,
133
- network: web3AuthNetwork,
134
- whiteLabel: this.options.uiConfig
135
- });
136
- if (smsOtpEnabled !== undefined) {
137
- finalAuthAdapterSettings.loginConfig = {
138
- [LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
139
- showOnModal: smsOtpEnabled,
140
- showOnDesktop: smsOtpEnabled,
141
- showOnMobile: smsOtpEnabled,
142
- showOnSocialBackupFactor: smsOtpEnabled
143
- }
144
- };
145
- }
146
- if (whitelist) {
147
- finalAuthAdapterSettings.originData = whitelist.signed_urls;
148
- }
149
- if (this.options.uiConfig.uxMode) {
150
- finalAuthAdapterSettings.uxMode = this.options.uiConfig.uxMode;
151
- }
152
- const authAdapter = new AuthAdapter(_objectSpread(_objectSpread({}, defaultOptions), {}, {
153
- clientId,
154
- useCoreKitKey,
155
- chainConfig: _objectSpread({}, finalChainConfig),
156
- adapterSettings: finalAuthAdapterSettings,
157
- sessionTime,
158
- web3AuthNetwork,
159
- privateKeyProvider
160
- }));
161
- this.walletAdapters[adapterName] = authAdapter;
162
- return adapterName;
163
- }
164
- throw WalletInitializationError.invalidParams(`Adapter ${adapterName} is not configured`);
165
- } else if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === ADAPTER_CATEGORY.IN_APP || (adapter === null || adapter === void 0 ? void 0 : adapter.type) === ADAPTER_CATEGORY.EXTERNAL || adapterName === this.cachedAdapter) {
166
- var _this$modalConfig$ada4;
167
- if (!((_this$modalConfig$ada4 = this.modalConfig.adapters) !== null && _this$modalConfig$ada4 !== void 0 && _this$modalConfig$ada4[adapterName].showOnModal)) return;
168
- // add client id to adapter, same web3auth client id can be used in adapter.
169
- // this id is being overridden if user is also passing client id in adapter's constructor.
170
- this.walletAdapters[adapterName].setAdapterSettings({
171
- clientId: this.options.clientId,
172
- sessionTime: this.options.sessionTime,
173
- web3AuthNetwork: this.options.web3AuthNetwork,
174
- useCoreKitKey: this.coreOptions.useCoreKitKey
175
- });
176
-
177
- // if adapter doesn't have any chainConfig then we will set the chainConfig based of passed chainNamespace
178
- // and chainNamespace.
179
- if (!adapter.chainConfigProxy) {
180
- var _this$coreOptions$cha2;
181
- const chainConfig = _objectSpread(_objectSpread({}, getChainConfig(providedChainConfig.chainNamespace, (_this$coreOptions$cha2 = this.coreOptions.chainConfig) === null || _this$coreOptions$cha2 === void 0 ? void 0 : _this$coreOptions$cha2.chainId, this.coreOptions.clientId)), this.coreOptions.chainConfig);
182
- this.walletAdapters[adapterName].setAdapterSettings({
183
- chainConfig
184
- });
185
- }
186
- if (adapterName === WALLET_ADAPTERS.AUTH) {
187
- var _this$options$uiConfi;
188
- const authAdapter = this.walletAdapters[adapterName];
189
- if (this.coreOptions.privateKeyProvider) {
190
- if (authAdapter.currentChainNamespace !== this.coreOptions.privateKeyProvider.currentChainConfig.chainNamespace) {
191
- throw WalletInitializationError.incompatibleChainNameSpace("private key provider is not compatible with provided chainNamespace for auth adapter");
192
- }
193
- authAdapter.setAdapterSettings({
194
- privateKeyProvider: this.coreOptions.privateKeyProvider
195
- });
196
- }
197
- if (smsOtpEnabled !== undefined) {
198
- authAdapter.setAdapterSettings({
199
- loginConfig: {
200
- [LOGIN_PROVIDER.SMS_PASSWORDLESS]: {
201
- showOnModal: smsOtpEnabled,
202
- showOnDesktop: smsOtpEnabled,
203
- showOnMobile: smsOtpEnabled,
204
- showOnSocialBackupFactor: smsOtpEnabled
205
- }
206
- }
207
- });
208
- }
209
- if (whitelist) {
210
- authAdapter.setAdapterSettings({
211
- originData: whitelist.signed_urls
212
- });
213
- }
214
- if ((_this$options$uiConfi = this.options.uiConfig) !== null && _this$options$uiConfi !== void 0 && _this$options$uiConfi.uxMode) {
215
- authAdapter.setAdapterSettings({
216
- uxMode: this.options.uiConfig.uxMode
217
- });
218
- }
219
- authAdapter.setAdapterSettings({
220
- whiteLabel: this.options.uiConfig
221
- });
222
- if (!authAdapter.privateKeyProvider) {
223
- throw WalletInitializationError.invalidParams("privateKeyProvider is required for auth adapter");
224
- }
225
- } else if (adapterName === WALLET_ADAPTERS.WALLET_CONNECT_V2) {
226
- const walletConnectAdapter = this.walletAdapters[adapterName];
227
- const {
228
- wallet_connect_enabled: walletConnectEnabled,
229
- wallet_connect_project_id: walletConnectProjectId
230
- } = projectConfig;
231
- if (walletConnectEnabled === false) {
232
- var _this$modalConfig$ada5, _this$modalConfig$ada6, _this$modalConfig$ada7;
233
- // override user specified config by hiding wallet connect
234
- this.modalConfig.adapters = _objectSpread(_objectSpread({}, (_this$modalConfig$ada5 = this.modalConfig.adapters) !== null && _this$modalConfig$ada5 !== void 0 ? _this$modalConfig$ada5 : {}), {}, {
235
- [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[WALLET_ADAPTERS.WALLET_CONNECT_V2]) !== null && _this$modalConfig$ada6 !== void 0 ? _this$modalConfig$ada6 : {}), {}, {
236
- showOnModal: false
237
- })
238
- });
239
- this.modalConfig.adapters[WALLET_ADAPTERS.WALLET_CONNECT_V2].showOnModal = false;
240
- } else {
241
- var _walletConnectAdapter;
242
- 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 WalletInitializationError.invalidParams("Invalid wallet connect project id. Please configure it on the dashboard");
243
- if (walletConnectProjectId) {
244
- walletConnectAdapter.setAdapterSettings({
245
- adapterSettings: {
246
- walletConnectInitOptions: {
247
- projectId: walletConnectProjectId
248
- }
249
- }
250
- });
251
- }
252
- }
253
- }
254
- return adapterName;
255
- }
256
- });
257
- const adapterNames = await Promise.all(adapterConfigurationPromises);
258
- const hasInAppWallets = Object.values(this.walletAdapters).some(adapter => {
259
- var _this$modalConfig$ada8, _this$modalConfig$ada9, _adapter$name;
260
- if (adapter.type !== ADAPTER_CATEGORY.IN_APP) return false;
261
- 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;
262
- 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;
263
- const mergedLoginMethods = getAdapterSocialLogins(adapter.name, (_adapter$name = this.modalConfig.adapters[adapter.name]) === null || _adapter$name === void 0 ? void 0 : _adapter$name.loginMethods);
264
- if (Object.values(mergedLoginMethods).some(method => method.showOnModal)) return true;
265
- return false;
266
- });
267
- log.debug(hasInAppWallets, this.walletAdapters, adapterNames, "hasInAppWallets");
268
-
269
- // Now, initialize the adapters.
270
- const initPromises = adapterNames.map(async adapterName => {
271
- if (!adapterName) return;
272
- try {
273
- const adapter = this.walletAdapters[adapterName];
274
- // only initialize a external adapter here if it is a cached adapter.
275
- if (this.cachedAdapter !== adapterName && adapter.type === ADAPTER_CATEGORY.EXTERNAL) {
276
- return;
277
- }
278
- // in-app wallets or cached wallet (being connected or already connected) are initialized first.
279
- // if adapter is configured then only initialize in app or cached adapter.
280
- // external wallets are initialized on INIT_EXTERNAL_WALLET event.
281
- this.subscribeToAdapterEvents(adapter);
282
- if (adapter.status === ADAPTER_STATUS.NOT_READY) await adapter.init({
283
- autoConnect: this.cachedAdapter === adapterName
284
- });
285
- // note: not adding cachedWallet to modal if it is external wallet.
286
- // adding it later if no in-app wallets are available.
287
- if (adapter.type === ADAPTER_CATEGORY.IN_APP) {
288
- this.initializeInAppWallet(adapterName);
289
- }
290
- } catch (error) {
291
- log.error(error, "error while initializing adapter ", adapterName);
292
- }
293
- });
294
- this.commonJRPCProvider = await CommonJRPCProvider.getProviderInstance({
295
- chainConfig: this.coreOptions.chainConfig
296
- });
297
- if (typeof keyExportEnabled === "boolean") {
298
- this.coreOptions.privateKeyProvider.setKeyExportFlag(keyExportEnabled);
299
- // dont know if we need to do this.
300
- this.commonJRPCProvider.setKeyExportFlag(keyExportEnabled);
301
- }
302
- await Promise.all(initPromises);
303
- if (this.status === ADAPTER_STATUS.NOT_READY) {
304
- this.status = ADAPTER_STATUS.READY;
305
- this.emit(ADAPTER_EVENTS.READY);
306
- }
307
- const hasExternalWallets = allAdapters.some(adapterName => {
308
- var _params4, _this$walletAdapters$, _this$modalConfig$ada10;
309
- // if wallet connect adapter is available but hideWalletDiscovery is true then don't consider it as external wallet
310
- if (adapterName === WALLET_ADAPTERS.WALLET_CONNECT_V2 && (_params4 = params) !== null && _params4 !== void 0 && _params4.hideWalletDiscovery) return false;
311
- return ((_this$walletAdapters$ = this.walletAdapters[adapterName]) === null || _this$walletAdapters$ === void 0 ? void 0 : _this$walletAdapters$.type) === ADAPTER_CATEGORY.EXTERNAL && ((_this$modalConfig$ada10 = this.modalConfig.adapters) === null || _this$modalConfig$ada10 === void 0 ? void 0 : _this$modalConfig$ada10[adapterName].showOnModal);
312
- });
313
- if (hasExternalWallets) {
314
- this.loginModal.initExternalWalletContainer();
315
- }
316
-
317
- // variable to check if we have any in app wallets
318
- // currently all default in app and external wallets can be hidden or shown based on config.
319
- if (!hasInAppWallets && hasExternalWallets) {
320
- // if no in app wallet is available then initialize external wallets in modal
321
- await this.initExternalWalletAdapters(false, {
322
- showExternalWalletsOnly: true
323
- });
324
- }
325
- }
326
- async connect() {
327
- if (!this.loginModal) throw WalletInitializationError.notReady("Login modal is not initialized");
328
- // if already connected return provider
329
- if (this.connectedAdapterName && this.status === ADAPTER_STATUS.CONNECTED && this.provider) return this.provider;
330
- this.loginModal.open();
331
- return new Promise((resolve, reject) => {
332
- this.once(ADAPTER_EVENTS.CONNECTED, () => {
333
- return resolve(this.provider);
334
- });
335
- this.once(ADAPTER_EVENTS.ERRORED, err => {
336
- return reject(err);
337
- });
338
- this.once(LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility => {
339
- // modal is closed but user is not connected to any wallet.
340
- if (!visibility && this.status !== ADAPTER_STATUS.CONNECTED) {
341
- return reject(new Error("User closed the modal"));
342
- }
343
- });
344
- });
345
- }
346
- async initExternalWalletAdapters(externalWalletsInitialized, options) {
347
- if (externalWalletsInitialized) return;
348
- const adaptersConfig = {};
349
- // we do it like this because we don't want one slow adapter to delay the load of the entire external wallet section.
350
- Object.keys(this.walletAdapters).forEach(async adapterName => {
351
- const adapter = this.walletAdapters[adapterName];
352
- if ((adapter === null || adapter === void 0 ? void 0 : adapter.type) === ADAPTER_CATEGORY.EXTERNAL) {
353
- log.debug("init external wallet", this.cachedAdapter, adapterName, adapter.status);
354
- this.subscribeToAdapterEvents(adapter);
355
- // we are not initializing cached adapter here as it is already being initialized in initModal before.
356
- if (this.cachedAdapter === adapterName) {
357
- return;
358
- }
359
- if (adapter.status === ADAPTER_STATUS.NOT_READY) {
360
- await adapter.init({
361
- autoConnect: this.cachedAdapter === adapterName
362
- }).then(() => {
363
- const adapterModalConfig = this.modalConfig.adapters[adapterName];
364
- adaptersConfig[adapterName] = _objectSpread(_objectSpread({}, adapterModalConfig), {}, {
365
- isInjected: adapter.isInjected
366
- });
367
- this.loginModal.addWalletLogins(adaptersConfig, {
368
- showExternalWalletsOnly: !!(options !== null && options !== void 0 && options.showExternalWalletsOnly)
369
- });
370
- return undefined;
371
- }).catch(error => log.error(error, "error while initializing adapter", adapterName));
372
- } else if (adapter.status === ADAPTER_STATUS.READY || adapter.status === ADAPTER_STATUS.CONNECTING) {
373
- // we use connecting status for wallet connect
374
- const adapterModalConfig = this.modalConfig.adapters[adapterName];
375
- adaptersConfig[adapterName] = _objectSpread(_objectSpread({}, adapterModalConfig), {}, {
376
- isInjected: adapter.isInjected
377
- });
378
- this.loginModal.addWalletLogins(adaptersConfig, {
379
- showExternalWalletsOnly: !!(options !== null && options !== void 0 && options.showExternalWalletsOnly)
380
- });
381
- }
382
- }
383
- });
384
- }
385
- initializeInAppWallet(adapterName) {
386
- log.info("adapterInitResults", adapterName);
387
- if (this.walletAdapters[adapterName].type === ADAPTER_CATEGORY.IN_APP) {
388
- var _adapterName, _this$options$uiConfi2, _this$options$uiConfi3, _this$options$uiConfi4;
389
- this.loginModal.addSocialLogins(adapterName, 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) || AUTH_PROVIDERS, _objectSpread(_objectSpread({}, this.options.uiConfig), {}, {
390
- loginGridCol: ((_this$options$uiConfi3 = this.options.uiConfig) === null || _this$options$uiConfi3 === void 0 ? void 0 : _this$options$uiConfi3.loginGridCol) || 3,
391
- primaryButton: ((_this$options$uiConfi4 = this.options.uiConfig) === null || _this$options$uiConfi4 === void 0 ? void 0 : _this$options$uiConfi4.primaryButton) || "socialLogin"
392
- }));
393
- }
394
- }
395
- subscribeToLoginModalEvents() {
396
- this.loginModal.on(LOGIN_MODAL_EVENTS.LOGIN, async params => {
397
- try {
398
- await this.connectTo(params.adapter, params.loginParams);
399
- } catch (error) {
400
- log.error(`Error while connecting to adapter: ${params.adapter}`, error);
401
- }
402
- });
403
- this.loginModal.on(LOGIN_MODAL_EVENTS.INIT_EXTERNAL_WALLETS, async params => {
404
- await this.initExternalWalletAdapters(params.externalWalletsInitialized);
405
- });
406
- this.loginModal.on(LOGIN_MODAL_EVENTS.DISCONNECT, async () => {
407
- try {
408
- await this.logout();
409
- } catch (error) {
410
- log.error(`Error while disconnecting`, error);
411
- }
412
- });
413
- this.loginModal.on(LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, async visibility => {
414
- log.debug("is login modal visible", visibility);
415
- this.emit(LOGIN_MODAL_EVENTS.MODAL_VISIBILITY, visibility);
416
- const adapter = this.walletAdapters[WALLET_ADAPTERS.WALLET_CONNECT_V2];
417
- if (adapter) {
418
- const walletConnectStatus = adapter === null || adapter === void 0 ? void 0 : adapter.status;
419
- log.debug("trying refreshing wc session", visibility, walletConnectStatus);
420
- if (visibility && (walletConnectStatus === ADAPTER_STATUS.READY || walletConnectStatus === ADAPTER_STATUS.CONNECTING)) {
421
- log.debug("refreshing wc session");
422
-
423
- // refreshing session for wallet connect whenever modal is opened.
424
- try {
425
- adapter.connect();
426
- } catch (error) {
427
- log.error(`Error while disconnecting to wallet connect in core`, error);
428
- }
429
- }
430
- if (!visibility && this.status === ADAPTER_STATUS.CONNECTED && (walletConnectStatus === ADAPTER_STATUS.READY || walletConnectStatus === ADAPTER_STATUS.CONNECTING)) {
431
- log.debug("this stops wc adapter from trying to reconnect once proposal expires");
432
- adapter.status = ADAPTER_STATUS.READY;
433
- }
434
- }
435
- });
436
- }
437
- }
438
-
439
- export { Web3Auth };