Skip to content

Commit c002912

Browse files
jlm0jlm0
committed
chore: uncomment capsule demo and add missing css styling
1 parent 1e73a80 commit c002912

File tree

3 files changed

+77
-60
lines changed

3 files changed

+77
-60
lines changed

‎packages/capsule/src/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import type { CapsuleInitOptions } from './types'
33
import type { Chain } from '@wagmi/chains'
44
import type { Chain as BlocknativeChain } from '@web3-onboard/common'
55
import { Environment as CapsuleEnvironment, OAuthMethod, Theme } from '@usecapsule/react-sdk'
6+
import "@usecapsule/react-sdk/styles.css"
67

78
type ChainId = number
89
type ChainsMap = Map<ChainId, Chain>

‎packages/demo/src/App.svelte

Lines changed: 17 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -36,11 +36,10 @@
3636
import venlyModule from '@web3-onboard/venly'
3737
import bitgetModule from '@web3-onboard/bitget'
3838
import particleAuthModule from '@web3-onboard/particle-network'
39-
// import capsuleModule, {
40-
// Environment,
41-
// OAuthMethod,
42-
// Theme
43-
// } from '@web3-onboard/capsule'
39+
import capsuleModule, {
40+
Environment,
41+
OAuthMethod
42+
} from '@web3-onboard/capsule'
4443
import {
4544
recoverAddress,
4645
arrayify,
@@ -244,19 +243,18 @@
244243
clientId: 'blocknative',
245244
environment: 'staging'
246245
})
247-
// const capsule = capsuleModule({
248-
// environment: Environment.DEVELOPMENT,
249-
// apiKey: '992bbd9146d5de8ad0419f141d9a7ca7',
250-
// modalProps: {
251-
// oAuthMethods: [OAuthMethod.GOOGLE, OAuthMethod.TWITTER],
252-
// theme: Theme.dark
253-
// },
254-
// constructorOpts: {
255-
// portalBackgroundColor: '#5e5656',
256-
// portalPrimaryButtonColor: '#ff6700',
257-
// portalTextColor: '#ffffff'
258-
// }
259-
// })
246+
const capsule = capsuleModule({
247+
environment: Environment.DEVELOPMENT,
248+
apiKey: '992bbd9146d5de8ad0419f141d9a7ca7',
249+
modalProps: {
250+
oAuthMethods: [OAuthMethod.GOOGLE, OAuthMethod.TWITTER]
251+
},
252+
constructorOpts: {
253+
portalBackgroundColor: '#5e5656',
254+
portalPrimaryButtonColor: '#ff6700',
255+
portalTextColor: '#ffffff'
256+
}
257+
})
260258
261259
const onboard = Onboard({
262260
wallets: [
@@ -284,7 +282,7 @@
284282
sequence,
285283
uauth,
286284
web3auth,
287-
// capsule,
285+
capsule,
288286
zeal,
289287
frontier,
290288
xdefi,

‎yarn.lock

Lines changed: 59 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -4686,77 +4686,80 @@
46864686
crypto-js "^4.1.1"
46874687
elliptic "^6.5.4"
46884688

4689-
"@usecapsule/core-components@^1.0.13":
4690-
version "1.0.13"
4691-
resolved "https://registry.yarnpkg.com/@usecapsule/core-components/-/core-components-1.0.13.tgz#f208c1dddc63949b515d2b642d48438cdb78ef1f"
4692-
integrity sha512-gR0N4rtDSVtAYb+SV4lc1dyD6ViTQDe0pgYBWc2V1z8StHJNeUdxLtRRZ0TsVt4RPx5/U4Qn/cieYnGIZ2SKaQ==
4689+
"@usecapsule/core-components@^2.0.9":
4690+
version "2.0.9"
4691+
resolved "https://registry.yarnpkg.com/@usecapsule/core-components/-/core-components-2.0.9.tgz#e61de457ccbe13ed5f2e4ea6672f6750460a8e5f"
4692+
integrity sha512-4kWXBMQkTN/ZInMFrSCNHSylxgiRAGtW4Lf7kxyA22ZhGCiyJjRjg38C6kYGD2mLmKlVIfUrLnpxX85fq1tlRA==
46934693
dependencies:
46944694
"@stencil/core" "^4.7.0"
4695+
color2k "^2.0.3"
46954696
gsap "^3.12.5"
4697+
lottie-web "^5.12.2"
46964698
qr-code-styling "^1.6.0-rc.1"
46974699

4698-
"@usecapsule/core-sdk@1.6.1":
4699-
version "1.6.1"
4700-
resolved "https://registry.yarnpkg.com/@usecapsule/core-sdk/-/core-sdk-1.6.1.tgz#356c6a274f9697fe7c5c395b5840e4f6b5226e1c"
4701-
integrity sha512-8T3M7dsxpmz3uRzcv9MGqvnSn2m5esXCC1nb7zj0hl0pgnmvIMvPRg2RgXhIWUG+5xBi1p2bx4n8YcA5a2TJ9A==
4700+
"@usecapsule/core-sdk@1.11.1":
4701+
version "1.11.1"
4702+
resolved "https://registry.yarnpkg.com/@usecapsule/core-sdk/-/core-sdk-1.11.1.tgz#9078a7deb517d76afb9c2c1e20f8e7bbd4093502"
4703+
integrity sha512-ekmgJqMJIQUQxHA4REr5F7mSpX+NAJ7zJk2Oivqlqu835IdDudwrVuZSoFzPDnj/q9b7id+viiz5hKSie2aeJQ==
47024704
dependencies:
47034705
"@celo/utils" "^3.2.0"
4704-
"@usecapsule/user-management-client" "1.4.1"
4706+
"@usecapsule/user-management-client" "1.8.1"
47054707
base64url "^3.0.1"
47064708
buffer "6.0.3"
47074709
ethereumjs-util "7.1.5"
47084710
node-forge "^1.3.1"
47094711

4710-
"@usecapsule/react-components@1.0.13":
4711-
version "1.0.13"
4712-
resolved "https://registry.yarnpkg.com/@usecapsule/react-components/-/react-components-1.0.13.tgz#46feef685fbf6a2716d3ad4d218b35571bee1a31"
4713-
integrity sha512-Gcql8XBIvKTMrbemHVvyicNTOlsur1CLZRD4fEFJK9ESMkHSgy05VKDd2b3dS3MPquqLOqG3vmpTvsQMsDHfOA==
4712+
"@usecapsule/react-components@^2.0.9":
4713+
version "2.0.9"
4714+
resolved "https://registry.yarnpkg.com/@usecapsule/react-components/-/react-components-2.0.9.tgz#0058209c96fde052f0617e74b46fce7778d3d906"
4715+
integrity sha512-xXP+Upgl/fe2r5dDYXACpgcAxmUAH8VVYctwnr/spsIxr92oG5JNRaED/TeILK2MmMDHrDgT7DFbXrhq0KJ19g==
47144716
dependencies:
4715-
"@usecapsule/core-components" "^1.0.13"
4717+
"@usecapsule/core-components" "^2.0.9"
47164718

4717-
"@usecapsule/react-sdk@2.3.2", "@usecapsule/react-sdk@^2.3.1":
4718-
version "2.3.2"
4719-
resolved "https://registry.yarnpkg.com/@usecapsule/react-sdk/-/react-sdk-2.3.2.tgz#b9b8d9eeb542d1e8442d730d107d1b1195ef2a11"
4720-
integrity sha512-7oKvcXEWN7ENY4tVFXKjDVy0tQrxnOmqpu9MaWfhazFSmC9O6kzftRW6ZRkxPQE5ajOfrzF6n7kyyQ2vBdWLlw==
4719+
"@usecapsule/react-sdk@3.7.1", "@usecapsule/react-sdk@^3.7.0":
4720+
version "3.7.1"
4721+
resolved "https://registry.yarnpkg.com/@usecapsule/react-sdk/-/react-sdk-3.7.1.tgz#06ce68c6c91b89e05df12119cc6a7163e28cca80"
4722+
integrity sha512-4FQt7YjglpxnAlFNsNucXIgXlSPEsYYJVI9H1I+5rBfTCF8NGURiN/J9OKJT0c7Slxfb7/djJ80LXwzowF8QuQ==
47214723
dependencies:
47224724
"@gsap/react" "^2.1.0"
47234725
"@ramp-network/ramp-instant-sdk" "^4.0.2"
4724-
"@usecapsule/react-components" "1.0.13"
4725-
"@usecapsule/web-sdk" "1.7.1"
4726+
"@usecapsule/react-components" "^2.0.9"
4727+
"@usecapsule/web-sdk" "1.13.1"
47264728
gsap "^3.12.5"
4729+
libphonenumber-js "^1.11.1"
47274730
styled-components "^6.1.8"
47284731
zustand "^4.5.2"
47294732

4730-
"@usecapsule/user-management-client@1.4.1":
4731-
version "1.4.1"
4732-
resolved "https://registry.yarnpkg.com/@usecapsule/user-management-client/-/user-management-client-1.4.1.tgz#bc639576170915f7adaa0ced7e0612bd4373b5f7"
4733-
integrity sha512-SX3kEudGx+LBKz4wjkv/uVo4YBo5aRS/b4jhSQc9JxD0rKrGSnIJn+GURPkm9lHrbi0gKbLQyStS+zAbzUy9zQ==
4733+
"@usecapsule/user-management-client@1.8.1":
4734+
version "1.8.1"
4735+
resolved "https://registry.yarnpkg.com/@usecapsule/user-management-client/-/user-management-client-1.8.1.tgz#c2bbedcc5a83194c08a6e5ee253349eabed2e4e1"
4736+
integrity sha512-dKdhx3E/pA/JeYktMylReRpItLcUzXXxQxmbNByzML+tJe5pqVgrVxmyWUH2Hkee5Zkl74JdrYi+CfG3m1YRNQ==
47344737
dependencies:
47354738
axios "^1.6.3"
47364739
qs "^6.12.0"
47374740

4738-
"@usecapsule/viem-v2-integration@1.5.1":
4739-
version "1.5.1"
4740-
resolved "https://registry.yarnpkg.com/@usecapsule/viem-v2-integration/-/viem-v2-integration-1.5.1.tgz#64af57bcfdc6032952dc8d395405bdb922360ddd"
4741-
integrity sha512-9UWGD8DqtPKR2e/r42bKUHofYArp8txMt9xlosIkwx78FYAugcMc64TxeC+Mk2KX9lGhW/oK8vw6GYsJmn1nXw==
4741+
"@usecapsule/viem-v2-integration@1.10.1":
4742+
version "1.10.1"
4743+
resolved "https://registry.yarnpkg.com/@usecapsule/viem-v2-integration/-/viem-v2-integration-1.10.1.tgz#b03428c348e4fcbd344c924acf04ad7b5ccf9dce"
4744+
integrity sha512-0bFZO62rMmIlu7SWOfjlH0IqPb6Ll1E1UJxmARpuiD29l2ZBLKOSbVWhAp3jDLIboDAZ9g+2S2jr40UMKIZtFA==
47424745
dependencies:
4743-
"@usecapsule/core-sdk" "1.6.1"
4746+
"@usecapsule/core-sdk" "1.11.1"
47444747

4745-
"@usecapsule/wagmi-v2-integration@^1.7.1":
4746-
version "1.7.3"
4747-
resolved "https://registry.yarnpkg.com/@usecapsule/wagmi-v2-integration/-/wagmi-v2-integration-1.7.3.tgz#aeb746d037aecd76fb06c1d65090fb7764a19eb0"
4748-
integrity sha512-a5P8RzByIDtE76kbmX7JEtIceMr0S4xKJG5vQZs8y0emr61WYUQ8QGitoaJUbHsAwRdqwNhUR5of+UVvhNQMoQ==
4748+
"@usecapsule/wagmi-v2-integration@^2.8.0":
4749+
version "2.8.1"
4750+
resolved "https://registry.yarnpkg.com/@usecapsule/wagmi-v2-integration/-/wagmi-v2-integration-2.8.1.tgz#012e551f50dd8fe4e5e49e22b9bab60fef849846"
4751+
integrity sha512-meiWm2hArdoog6AhTIXwzL5OFu1j2FPEHcCbWL/UR8iemTm/uEK5J9a4hMuPZBiuDFOJv9dtpvirJZok1yuCaQ==
47494752
dependencies:
4750-
"@usecapsule/react-sdk" "2.3.2"
4751-
"@usecapsule/viem-v2-integration" "1.5.1"
4753+
"@usecapsule/react-sdk" "3.7.1"
4754+
"@usecapsule/viem-v2-integration" "1.10.1"
47524755

4753-
"@usecapsule/web-sdk@1.7.1":
4754-
version "1.7.1"
4755-
resolved "https://registry.yarnpkg.com/@usecapsule/web-sdk/-/web-sdk-1.7.1.tgz#3efed277ac4555e8648911128bed3551cfd4f259"
4756-
integrity sha512-yQA8vZhIhOcH6M8+DHlC6kre7m0Ir7YeiKpNZXsnOcza1mYDSDGmjc0ydDk94AAAy3HnInXA6OzU4htXm2ATIQ==
4756+
"@usecapsule/web-sdk@1.13.1":
4757+
version "1.13.1"
4758+
resolved "https://registry.yarnpkg.com/@usecapsule/web-sdk/-/web-sdk-1.13.1.tgz#d0e93bcd84929f7893b0aeb5929ce07a86497883"
4759+
integrity sha512-I97udXg9YTjt96n9vKZDL0x/L3qYR1Su3DEOl83nDc/4gg63LzHkAgV0KdGktzUd0wSep8rXgDAS5xpYbV/5+g==
47574760
dependencies:
4758-
"@usecapsule/core-sdk" "1.6.1"
4759-
"@usecapsule/user-management-client" "1.4.1"
4761+
"@usecapsule/core-sdk" "1.11.1"
4762+
"@usecapsule/user-management-client" "1.8.1"
47604763
assert "^2.1.0"
47614764
base64url "3.0.1"
47624765
buffer "6.0.3"
@@ -7485,6 +7488,11 @@ color-name@~1.1.4:
74857488
resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
74867489
integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
74877490

7491+
color2k@^2.0.3:
7492+
version "2.0.3"
7493+
resolved "https://registry.yarnpkg.com/color2k/-/color2k-2.0.3.tgz#a771244f6b6285541c82aa65ff0a0c624046e533"
7494+
integrity sha512-zW190nQTIoXcGCaU08DvVNFTmQhUpnJfVuAKfWqUQkflXKpaDdpaYoM0iluLS9lgJNHyBF58KKA2FBEwkD7wog==
7495+
74887496
colorette@^2.0.10, colorette@^2.0.14:
74897497
version "2.0.16"
74907498
resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.16.tgz#713b9af84fdb000139f04546bd4a93f62a5085da"
@@ -11318,6 +11326,11 @@ levn@~0.3.0:
1131811326
prelude-ls "~1.1.2"
1131911327
type-check "~0.3.2"
1132011328

11329+
libphonenumber-js@^1.11.1:
11330+
version "1.11.3"
11331+
resolved "https://registry.yarnpkg.com/libphonenumber-js/-/libphonenumber-js-1.11.3.tgz#18126a2eec754eacd36f1f0d58590077fa5539ff"
11332+
integrity sha512-RU0CTsLCu2v6VEzdP+W6UU2n5+jEpMDRkGxUeBgsAJgre3vKgm17eApISH9OQY4G0jZYJVIc8qXmz6CJFueAFg==
11333+
1132111334
lie@3.1.1:
1132211335
version "3.1.1"
1132311336
resolved "https://registry.yarnpkg.com/lie/-/lie-3.1.1.tgz#9a436b2cc7746ca59de7a41fa469b3efb76bd87e"
@@ -11541,6 +11554,11 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
1154111554
dependencies:
1154211555
js-tokens "^3.0.0 || ^4.0.0"
1154311556

11557+
lottie-web@^5.12.2:
11558+
version "5.12.2"
11559+
resolved "https://registry.yarnpkg.com/lottie-web/-/lottie-web-5.12.2.tgz#579ca9fe6d3fd9e352571edd3c0be162492f68e5"
11560+
integrity sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==
11561+
1154411562
lowercase-keys@^2.0.0:
1154511563
version "2.0.0"
1154611564
resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"

0 commit comments

Comments
 (0)