From 8cbd7e78213548951e8d2d12b0f743ed1f4d5625 Mon Sep 17 00:00:00 2001 From: Guru Date: Mon, 3 Feb 2025 14:04:55 +0530 Subject: [PATCH] feat: customauth vue app --- examples/vue-app/package-lock.json | 16 ++++++++-------- examples/vue-app/src/App.vue | 24 ++++++++++++------------ examples/vue-app/src/config.ts | 15 ++++++++++++++- 3 files changed, 34 insertions(+), 21 deletions(-) diff --git a/examples/vue-app/package-lock.json b/examples/vue-app/package-lock.json index 87f0bdd4..a2e8331b 100644 --- a/examples/vue-app/package-lock.json +++ b/examples/vue-app/package-lock.json @@ -44,7 +44,7 @@ }, "../..": { "name": "@toruslabs/customauth", - "version": "20.2.3", + "version": "20.4.0", "license": "MIT", "dependencies": { "@chaitanyapotti/register-service-worker": "^1.7.4", @@ -55,25 +55,25 @@ "@toruslabs/http-helpers": "^7.0.0", "@toruslabs/metadata-helpers": "^6.0.0", "@toruslabs/session-manager": "^3.1.0", - "@toruslabs/torus.js": "^15.1.0-0", + "@toruslabs/torus.js": "^15.1.1", "base64url": "^3.0.1", "bowser": "^2.11.0", "deepmerge": "^4.3.1", - "eventemitter3": "^5.0.1", + "events": "^3.3.0", "loglevel": "^1.9.2" }, "devDependencies": { - "@sentry/types": "^8.33.1", + "@sentry/types": "^8.35.0", "@toruslabs/config": "^2.2.0", - "@toruslabs/eslint-config-typescript": "^3.3.3", - "@toruslabs/torus-scripts": "^6.1.2", + "@toruslabs/eslint-config-typescript": "^3.3.4", + "@toruslabs/torus-scripts": "^6.1.5", "eslint": "^8.57.0", "husky": "^9.1.6", "lint-staged": "^15.2.10", "prettier": "^3.3.3", "rimraf": "^6.0.1", "typed-emitter": "^2.1.0", - "typescript": "^5.6.2" + "typescript": "^5.6.3" }, "engines": { "node": ">=18.x", @@ -6178,11 +6178,11 @@ }, "../../node_modules/eventemitter3": { "version": "5.0.1", + "dev": true, "license": "MIT" }, "../../node_modules/events": { "version": "3.3.0", - "dev": true, "license": "MIT", "engines": { "node": ">=0.8.x" diff --git a/examples/vue-app/src/App.vue b/examples/vue-app/src/App.vue index 3116eb36..5f5e1ea8 100644 --- a/examples/vue-app/src/App.vue +++ b/examples/vue-app/src/App.vue @@ -212,6 +212,7 @@ import { REDDIT, sapphireDevnetVerifierMap, sapphireDevnetVerifierOptions, + TELEGRAM, testnetVerifierMap, testnetVerifierOptions, TWITTER, @@ -289,6 +290,11 @@ const loginToConnectionMap = computed((): Record { privKeyInfo = data?.finalKeyData; localUserInfo = data?.userInfo; } else { - const data = await customAuthSdk.value.triggerAggregateLogin({ - aggregateVerifierType: "single_id_verifier", - subVerifierDetailsArray: [ - { - clientId, - typeOfLogin, - verifier: "web3auth", - jwtParams, - }, - ], - verifierIdentifier: verifier, + const data = await customAuthSdk.value?.triggerLogin({ + typeOfLogin, + verifier, + clientId, + jwtParams, }); privKeyInfo = data?.finalKeyData; - localUserInfo = data?.userInfo[0]; + localUserInfo = data?.userInfo; } if (privKeyInfo) { diff --git a/examples/vue-app/src/config.ts b/examples/vue-app/src/config.ts index 78de41d6..01b4d15c 100644 --- a/examples/vue-app/src/config.ts +++ b/examples/vue-app/src/config.ts @@ -5,6 +5,7 @@ import { SafeEventEmitterProvider } from "@web3auth/base"; export const GOOGLE = "google"; export const FACEBOOK = "facebook"; export const REDDIT = "reddit"; +export const TELEGRAM = "telegram"; export const DISCORD = "discord"; export const TWITCH = "twitch"; export const GITHUB = "github"; @@ -26,7 +27,7 @@ export const WEB3AUTH_EMAIL_PASSWORDLESS = "email_passwordless"; export const WEB3AUTH_SMS_PASSWORDLESS = "sms_passwordless"; export const LOCAL_NETWORK = "network"; export const uxModeOptions = Object.values(UX_MODE).map((x) => ({ name: x, value: x })); -export const WEB3AUTH_CLIENT_ID = "BJ6l3_kIQiy6YVL7zDlCcEAvGpGukwFgp-C_0WvNI_fAEeIaoVRLDrV5OjtbZr_zJxbyXFsXMT-yhQiUNYvZWpo"; +export const WEB3AUTH_CLIENT_ID = "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ"; export interface LoginProviderItem { name: string; @@ -42,6 +43,12 @@ export const testnetVerifierMap = { clientId: "221898609709-obfn3p63741l5333093430j3qeiinaa8.apps.googleusercontent.com", verifier: "google-lrc", }, + [TELEGRAM]: { + name: "Telegram", + typeOfLogin: "telegram", + clientId: "7696397063", + verifier: "test-telegram-4", + }, [FACEBOOK]: { name: "Facebook", typeOfLogin: "facebook", clientId: "617201755556395", verifier: "facebook-lrc" }, [REDDIT]: { name: "Reddit", typeOfLogin: "jwt", clientId: "RKlRuuRoDKOItbJSoOZabDLzizvd1uKn", verifier: "torus-reddit-test" }, [TWITCH]: { name: "Twitch", typeOfLogin: "twitch", clientId: "f5and8beke76mzutmics0zu4gw10dj", verifier: "twitch-lrc" }, @@ -93,6 +100,12 @@ export const sapphireDevnetVerifierMap = { clientId: "221898609709-qnfklddleh1m1m7bq6g8d8dakffp0n86.apps.googleusercontent.com", verifier: "web3auth-google-sapphire-devnet", }, + [TELEGRAM]: { + name: "Telegram", + typeOfLogin: "telegram", + clientId: "7696397063", + verifier: "test-telegram-4", + }, [FACEBOOK]: { name: "Facebook", typeOfLogin: "facebook", clientId: "226597929760394", verifier: "web3auth-facebook-sapphire-devnet" }, [REDDIT]: { name: "Reddit", typeOfLogin: "jwt", clientId: "XfiFWQbsZ9t5WQ4TfzHWZOpEghkNskko", verifier: "web3auth-auth0-reddit-sapphire-devnet" }, [TWITCH]: { name: "Twitch", typeOfLogin: "twitch", clientId: "94nxxpy7inarina6kc9hyg2ao3mja2", verifier: "web3auth-twitch-sapphire-devnet" },