thirdweb 5.58.0 → 5.58.1

package/src/wallets/in-app/core/wallet/ecosystem-core.ts

@@ -8,6 +8,16 @@ import type {
   CreateWalletArgs,
   EcosystemWalletId,
 } from "../../../wallet-types.js";
+import type { Ecosystem } from "../../web/types.js";
+import {
+  getLinkedProfilesInternal,
+  linkAccount as linkProfileWithToken,
+} from "../authentication/linkAccount.js";
+import type {
+  MultiStepAuthArgsType,
+  Profile,
+  SingleStepAuthArgsType,
+} from "../authentication/types.js";
 import type { InAppConnector } from "../interfaces/connector.js";
 import { getOrCreateInAppWalletConnector } from "./in-app-core.js";
 
@@ -25,6 +35,10 @@ export function createEcosystemWallet(args: {
   let account: Account | undefined = undefined;
   let chain: Chain | undefined = undefined;
   let client: ThirdwebClient | undefined;
+  const ecosystem: Ecosystem = {
+    id,
+    partnerId: createOptions?.partnerId,
+  };
 
   return {
     id,
@@ -38,7 +52,13 @@ export function createEcosystemWallet(args: {
       return chain;
     },
     getConfig: () => createOptions,
+    getProfiles: async () => {
+      if (!client) {
+        return [];
+      }
 
+      return getLinkedProfilesInternal({ client, ecosystem });
+    },
     getAccount: () => account,
     autoConnect: async (options) => {
       const { autoConnectInAppWallet } = await import("./index.js");
@@ -46,10 +66,7 @@ export function createEcosystemWallet(args: {
       const connector = await getOrCreateInAppWalletConnector(
         options.client,
         connectorFactory,
-        {
-          id,
-          partnerId: createOptions?.partnerId,
-        },
+        ecosystem,
       );
 
       const [connectedAccount, connectedChain] = await autoConnectInAppWallet(
@@ -75,10 +92,7 @@ export function createEcosystemWallet(args: {
       const connector = await getOrCreateInAppWalletConnector(
         options.client,
         connectorFactory,
-        {
-          id,
-          partnerId: createOptions?.partnerId,
-        },
+        ecosystem,
       );
 
       const [connectedAccount, connectedChain] = await connectInAppWallet(
@@ -104,10 +118,7 @@ export function createEcosystemWallet(args: {
         const connector = await getOrCreateInAppWalletConnector(
           client,
           connectorFactory,
-          {
-            id,
-            partnerId: createOptions?.partnerId,
-          },
+          ecosystem,
         );
         const result = await connector.logout();
         if (!result.success) {
@@ -122,5 +133,28 @@ export function createEcosystemWallet(args: {
       chain = newChain;
       emitter.emit("chainChanged", newChain);
     },
-  };
+    // This is not included on the global interface but is force-resolved in linkProfile
+    linkProfile: async (
+      options: SingleStepAuthArgsType | MultiStepAuthArgsType,
+    ): Promise<Profile[]> => {
+      if (!client) {
+        throw new Error(
+          "No client found, please connect the wallet before linking a profile",
+        );
+      }
+
+      const connector = await getOrCreateInAppWalletConnector(
+        client,
+        connectorFactory,
+        ecosystem,
+      );
+
+      const { storedToken } = await connector.authenticate(options);
+      return await linkProfileWithToken({
+        client,
+        ecosystem,
+        tokenToLink: storedToken.cookieString,
+      });
+    },
+  } as Wallet<EcosystemWalletId>;
 }

package/src/wallets/in-app/core/wallet/profiles.ts

@@ -1,3 +1,5 @@
+import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
+import type { EcosystemWalletId } from "../../../../wallets/wallet-types.js";
 import type { Wallet } from "../../../interfaces/wallet.js";
 import type {
   MultiStepAuthArgsType,
@@ -25,8 +27,8 @@ import type {
  * ```
  * @wallet
  */
-export async function getProfiles(wallet: Wallet<"inApp">) {
-  if (wallet.id !== "inApp") {
+export async function getProfiles(wallet: Wallet<"inApp" | EcosystemWalletId>) {
+  if (wallet.id !== "inApp" && !isEcosystemWallet(wallet)) {
     throw new Error("Multi-auth currently only supports in-app wallets");
   }
 
@@ -59,10 +61,10 @@ export async function getProfiles(wallet: Wallet<"inApp">) {
  * @wallet
  */
 export async function linkProfile(
-  wallet: Wallet<"inApp">,
+  wallet: Wallet<"inApp" | EcosystemWalletId>,
   auth: MultiStepAuthArgsType | SingleStepAuthArgsType,
 ): Promise<Profile[]> {
-  if (wallet.id !== "inApp") {
+  if (wallet.id !== "inApp" && !isEcosystemWallet(wallet)) {
     throw new Error("Multi-auth currently only supports in-app wallets");
   }
 

package/dist/cjs/react/web/wallets/in-app/LinkButton.js

@@ -1,23 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkButton = void 0;
-const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
-const index_js_1 = require("../../../core/design-system/index.js");
-const elements_js_1 = require("../../ui/design-system/elements.js");
-exports.LinkButton = (0, elements_js_1.StyledButton)((_) => {
-    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
-    return {
-        all: "unset",
-        color: theme.colors.accentText,
-        fontSize: index_js_1.fontSize.sm,
-        cursor: "pointer",
-        textAlign: "center",
-        fontWeight: 500,
-        width: "100%",
-        "&:hover": {
-            color: theme.colors.primaryText,
-        },
-    };
-});
-//# sourceMappingURL=LinkButton.js.map

package/dist/cjs/react/web/wallets/in-app/LinkButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/LinkButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,+FAAoF;AACpF,mEAAgE;AAChE,oEAAkE;AAErD,QAAA,UAAU,GAAmB,IAAA,0BAAY,EAAC,CAAC,CAAC,EAAE,EAAE;IAC3D,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QAC9B,QAAQ,EAAE,mBAAQ,CAAC,EAAE;QACrB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,MAAM;QACb,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;SAChC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/react/web/wallets/in-app/LinkButton.js

@@ -1,20 +0,0 @@
-"use client";
-import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
-import { fontSize } from "../../../core/design-system/index.js";
-import { StyledButton } from "../../ui/design-system/elements.js";
-export const LinkButton = /* @__PURE__ */ StyledButton((_) => {
-    const theme = useCustomTheme();
-    return {
-        all: "unset",
-        color: theme.colors.accentText,
-        fontSize: fontSize.sm,
-        cursor: "pointer",
-        textAlign: "center",
-        fontWeight: 500,
-        width: "100%",
-        "&:hover": {
-            color: theme.colors.primaryText,
-        },
-    };
-});
-//# sourceMappingURL=LinkButton.js.map

package/dist/esm/react/web/wallets/in-app/LinkButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/LinkButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,oDAAoD,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;IAC3D,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO;QACL,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QAC9B,QAAQ,EAAE,QAAQ,CAAC,EAAE;QACrB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,MAAM;QACb,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;SAChC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/types/react/web/wallets/in-app/LinkButton.d.ts

@@ -1,5 +0,0 @@
-export declare const LinkButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-//# sourceMappingURL=LinkButton.d.ts.map

package/dist/types/react/web/wallets/in-app/LinkButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/LinkButton.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU;;SAeW,MAAO,WAAW;qHADlD,CAAC"}

package/src/react/web/wallets/in-app/LinkButton.tsx

@@ -1,20 +0,0 @@
-"use client";
-import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
-import { fontSize } from "../../../core/design-system/index.js";
-import { StyledButton } from "../../ui/design-system/elements.js";
-
-export const LinkButton = /* @__PURE__ */ StyledButton((_) => {
-  const theme = useCustomTheme();
-  return {
-    all: "unset",
-    color: theme.colors.accentText,
-    fontSize: fontSize.sm,
-    cursor: "pointer",
-    textAlign: "center",
-    fontWeight: 500,
-    width: "100%",
-    "&:hover": {
-      color: theme.colors.primaryText,
-    },
-  };
-});