@layerswap/wallet-imtbl-passport 1.7.0 → 2.0.0-next.0

package/dist/esm/constants.js

@@ -0,0 +1,2 @@
+export const name = 'Immutable Passport';
+export const id = 'imtblPassport';

package/dist/esm/index.js

@@ -1,26 +1,28 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ImtblPassportProviderWrapper } from "./ImtblPassportProvider";
-import { AppSettings } from "@layerswap/widget/internal";
+import { imtblPassportService } from "./service/ImtblPassportService";
+import { id } from "./constants";
+// The literal id in the return type lets `defineWalletDescriptor` in
+// `@layerswap/wallets` verify it matches the descriptor id at compile time.
 export function createImmutablePassportProvider(config = {}) {
     const { imtblPassportConfig } = config;
-    const WrapperComponent = ({ children }) => {
-        return (_jsx(ImtblPassportProviderWrapper, { imtblPassportConfig: imtblPassportConfig, children: children }));
+    const init = (_ctx) => {
+        imtblPassportService.setConfig(imtblPassportConfig);
+        imtblPassportService.ensureEvmConnected().catch(() => { });
+        // No-op disposer; init is idempotent across remounts.
     };
     return {
-        id: "imtblPassport",
-        wrapper: WrapperComponent,
+        id,
+        init,
     };
 }
-export { ImtblRedirect } from "./ImtblPassportProvider";
 /**
- * @deprecated Use createImmutablePassportProvider() instead. This export will be removed in a future version.
- * Note: This uses undefined config which requires configuration to be provided elsewhere.
+ * Run the Passport OAuth redirect handler. Call this from your redirect page
+ * once the route has loaded (e.g. inside a `useEffect`). Replaces the old
+ * `<ImtblRedirect />` React component.
  */
-export const ImtblPassportProvider = {
-    id: "imtblPassport",
-    wrapper: ({ children }) => {
-        const imtblPassportConfig = AppSettings.ImtblPassportConfig;
-        return (_jsx(ImtblPassportProviderWrapper, { imtblPassportConfig: imtblPassportConfig, children: children }));
-    }
-};
+export async function imtblPassportLoginCallback(config) {
+    if (config)
+        imtblPassportService.setConfig(config);
+    await imtblPassportService.loginCallback();
+}
+export { imtblPassportService } from "./service/ImtblPassportService";
+export { useImtblPassportStore } from "./service/imtblPassportStore";

package/dist/esm/service/ImtblPassportService.js

@@ -0,0 +1,85 @@
+import { useImtblPassportStore } from './imtblPassportStore';
+export class ImtblPassportService {
+    constructor() {
+        this._evmConnected = false;
+    }
+    setConfig(config) {
+        this._config = config;
+    }
+    hasInstance() {
+        return useImtblPassportStore.getState().instance !== undefined;
+    }
+    getInstance() {
+        const instance = useImtblPassportStore.getState().instance;
+        if (!instance) {
+            throw new Error('Passport auth instance requested before initialization');
+        }
+        return instance;
+    }
+    async initialize(config) {
+        const cfg = config ?? this._config;
+        if (this._initializing)
+            return this._initializing;
+        if (this.hasInstance())
+            return;
+        this._initializing = this._doInitialize(cfg).finally(() => {
+            this._initializing = undefined;
+        });
+        return this._initializing;
+    }
+    async _doInitialize(config) {
+        const { publishableKey, clientId, redirectUri, logoutRedirectUri } = config || {};
+        // publishableKey is not required by the Auth SDK — it is only sniffed
+        // below to pick the sandbox vs production Passport domain.
+        if (!clientId || !redirectUri || !logoutRedirectUri)
+            return;
+        const { Auth } = await import('@imtbl/auth');
+        const isSandbox = publishableKey?.includes('pk_imapik-test') === true;
+        const passportDomain = isSandbox
+            ? 'https://passport.sandbox.immutable.com'
+            : 'https://passport.immutable.com';
+        const instance = new Auth({
+            clientId,
+            redirectUri,
+            popupRedirectUri: redirectUri,
+            logoutRedirectUri,
+            logoutMode: 'silent',
+            audience: 'platform_api',
+            scope: 'openid offline_access email transact',
+            authenticationDomain: 'https://auth.immutable.com',
+            passportDomain,
+        });
+        useImtblPassportStore.getState()._setInstance(instance);
+    }
+    async ensureEvmConnected() {
+        const clientId = this._config?.clientId;
+        if (this._evmConnected || !clientId)
+            return;
+        this._evmConnected = true;
+        if (!this.hasInstance())
+            await this.initialize();
+        const auth = this.getInstance();
+        const { connectWallet, IMMUTABLE_ZKEVM_MAINNET_CHAIN, IMMUTABLE_ZKEVM_TESTNET_CHAIN } = await import('@imtbl/wallet');
+        const isSandbox = this._config?.publishableKey?.includes('pk_imapik-test') === true;
+        const selectedChain = isSandbox ? IMMUTABLE_ZKEVM_TESTNET_CHAIN : IMMUTABLE_ZKEVM_MAINNET_CHAIN;
+        await connectWallet({
+            clientId,
+            chains: [selectedChain],
+            initialChainId: selectedChain.chainId,
+            getUser: async (forceRefresh, options) => {
+                if (forceRefresh)
+                    return auth.forceUserRefresh();
+                if (options?.silent)
+                    return auth.getUser();
+                return auth.getUserOrLogin();
+            },
+            announceProvider: true, // EIP-6963
+        });
+    }
+    async loginCallback() {
+        if (!this.hasInstance())
+            await this.initialize();
+        await this.getInstance().loginCallback();
+    }
+}
+export const imtblPassportService = new ImtblPassportService();

package/dist/esm/service/imtblPassportStore.js

@@ -0,0 +1,6 @@
+import { create } from 'zustand';
+export const useImtblPassportStore = create()((set) => ({
+    ready: false,
+    instance: undefined,
+    _setInstance: (instance) => set({ instance, ready: !!instance }),
+}));