@0xsequence/connect 5.0.0-ecosystem-beta → 5.0.0

package/README.md

@@ -1,7 +1,3 @@
-<div align="center">
-  <img src="https://raw.githubusercontent.com/0xsequence/web-sdk/master/public/docs/kit-logo-in-one.png">
-</div>
-
 # Sequence Web SDK 🧰
 
 Sequence Web SDK 🧰 is a library enabling developers to easily integrate web3 wallets in their app. It is based on [wagmi](https://wagmi.sh/) and supports all wagmi features.
@@ -270,7 +266,7 @@ The settings are described in more detailed in the Sequence Web SDK documentatio
 ## Local Development
 
 <div align="center">
-  <img src="public/docs/kit-demo.png">
+  <img src="public/docs/web-sdk-demo.png">
 </div>
 
 The React example can be used to test the library locally.

package/dist/cjs/chains/index.d.ts

@@ -0,0 +1,3 @@
+import type { Chain } from 'viem/chains';
+export declare const chains: Record<number, Chain>;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/chains/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chains/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGxC,eAAO,MAAM,MAAM,uBAsCb,CAAA"}

package/dist/cjs/chains/index.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chains = void 0;
+const network_1 = require("@0xsequence/network");
+const viem_1 = require("viem");
+// Sequence supported Chain configs
+exports.chains = network_1.allNetworks.reduce((acc, network) => {
+    // Filter out deprecated networks
+    if (network.deprecated) {
+        return acc;
+    }
+    // Filter out hardhat networks
+    if (network.name.startsWith('hardhat')) {
+        return acc;
+    }
+    acc[network.chainId] = (0, viem_1.defineChain)({
+        id: network.chainId,
+        name: network.title,
+        shortName: network.name,
+        nativeCurrency: {
+            name: network.nativeToken.name,
+            symbol: network.nativeToken.symbol,
+            decimals: network.nativeToken.decimals
+        },
+        rpcUrls: {
+            default: {
+                http: [network.rpcUrl]
+            }
+        },
+        ...(network.blockExplorer
+            ? {
+                blockExplorers: {
+                    default: {
+                        name: network.blockExplorer.name,
+                        url: network.blockExplorer.rootUrl
+                    }
+                }
+            }
+            : undefined)
+    });
+    return acc;
+}, {});
+//# sourceMappingURL=index.js.map

package/dist/cjs/chains/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chains/index.ts"],"names":[],"mappings":";;;AAAA,iDAAiD;AACjD,+BAAkC;AAGlC,mCAAmC;AACtB,QAAA,MAAM,GAAG,qBAAW,CAAC,MAAM,CAAwB,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;IAC/E,iCAAiC;IACjC,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;QACvB,OAAO,GAAG,CAAA;IACZ,CAAC;IAED,8BAA8B;IAC9B,IAAI,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACvC,OAAO,GAAG,CAAA;IACZ,CAAC;IAED,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,IAAA,kBAAW,EAAC;QACjC,EAAE,EAAE,OAAO,CAAC,OAAO;QACnB,IAAI,EAAE,OAAO,CAAC,KAAM;QACpB,SAAS,EAAE,OAAO,CAAC,IAAI;QACvB,cAAc,EAAE;YACd,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,IAAI;YAC9B,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,MAAM;YAClC,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ;SACvC;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC;aACvB;SACF;QACD,GAAG,CAAC,OAAO,CAAC,aAAa;YACvB,CAAC,CAAC;gBACE,cAAc,EAAE;oBACd,OAAO,EAAE;wBACP,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,IAAK;wBACjC,GAAG,EAAE,OAAO,CAAC,aAAa,CAAC,OAAQ;qBACpC;iBACF;aACF;YACH,CAAC,CAAC,SAAS,CAAC;KACf,CAAC,CAAA;IAEF,OAAO,GAAG,CAAA;AACZ,CAAC,EAAE,EAAE,CAAC,CAAA"}

package/dist/cjs/components/CollectibleTileImage/CollectibleTileImage.d.ts

@@ -0,0 +1,6 @@
+interface CollectibleTileImageProps {
+    imageUrl?: string;
+}
+export declare const CollectibleTileImage: ({ imageUrl }: CollectibleTileImageProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollectibleTileImage.d.ts.map

package/dist/cjs/components/CollectibleTileImage/CollectibleTileImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleTileImage.d.ts","sourceRoot":"","sources":["../../../../src/components/CollectibleTileImage/CollectibleTileImage.tsx"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,oBAAoB,GAAI,cAAc,yBAAyB,4CAM3E,CAAA"}

package/dist/cjs/components/CollectibleTileImage/CollectibleTileImage.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectibleTileImage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const CollectibleTileImage = ({ imageUrl }) => {
+    return ((0, jsx_runtime_1.jsx)(design_system_1.Card, { className: "flex p-0 aspect-square justify-center items-center overflow-hidden rounded-lg bg-background-secondary", children: (0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "h-full", src: imageUrl }) }));
+};
+exports.CollectibleTileImage = CollectibleTileImage;
+//# sourceMappingURL=CollectibleTileImage.js.map

package/dist/cjs/components/CollectibleTileImage/CollectibleTileImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleTileImage.js","sourceRoot":"","sources":["../../../../src/components/CollectibleTileImage/CollectibleTileImage.tsx"],"names":[],"mappings":";;;;AAAA,6DAAuD;AAOhD,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAA6B,EAAE,EAAE;IAC9E,OAAO,CACL,uBAAC,oBAAI,IAAC,SAAS,EAAC,uGAAuG,YACrH,uBAAC,qBAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,QAAQ,GAAI,GACtC,CACR,CAAA;AACH,CAAC,CAAA;AANY,QAAA,oBAAoB,wBAMhC"}

package/dist/cjs/components/CollectibleTileImage/index.d.ts

@@ -0,0 +1,2 @@
+export { CollectibleTileImage } from './CollectibleTileImage';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/CollectibleTileImage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CollectibleTileImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/cjs/components/CollectibleTileImage/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectibleTileImage = void 0;
+var CollectibleTileImage_1 = require("./CollectibleTileImage");
+Object.defineProperty(exports, "CollectibleTileImage", { enumerable: true, get: function () { return CollectibleTileImage_1.CollectibleTileImage; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/CollectibleTileImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollectibleTileImage/index.ts"],"names":[],"mappings":";;;AAAA,+DAA6D;AAApD,4HAAA,oBAAoB,OAAA"}

package/dist/cjs/components/Connect/Banner.d.ts

@@ -0,0 +1,7 @@
+import { ConnectConfig } from '../../types';
+interface BannerProps {
+    config: ConnectConfig;
+}
+export declare const Banner: ({ config }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Banner.d.ts.map

package/dist/cjs/components/Connect/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Connect/Banner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,UAAU,WAAW;IACnB,MAAM,EAAE,aAAa,CAAA;CACtB;AAED,eAAO,MAAM,MAAM,GAAI,YAAkC,WAAW,4CAanE,CAAA"}

package/dist/cjs/components/Connect/Banner.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Banner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const Banner = ({ config = {} }) => {
+    const { signIn = {} } = config;
+    const { logoUrl } = signIn;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: logoUrl && ((0, jsx_runtime_1.jsx)("div", { className: "flex mt-5 justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Image, { src: logoUrl, style: { height: '110px' } }) })) }));
+};
+exports.Banner = Banner;
+//# sourceMappingURL=Banner.js.map

package/dist/cjs/components/Connect/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Connect/Banner.tsx"],"names":[],"mappings":";;;;AAAA,6DAAiD;AAQ1C,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,EAAmB,EAAe,EAAE,EAAE;IACtE,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,MAAM,CAAA;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;IAE1B,OAAO,CACL,2DACG,OAAO,IAAI,CACV,gCAAK,SAAS,EAAC,uCAAuC,YACpD,uBAAC,qBAAK,IAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,GAC/C,CACP,GACA,CACJ,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,MAAM,UAalB"}

package/dist/cjs/components/Connect/Connect.d.ts

@@ -0,0 +1,11 @@
+import { FormattedEmailConflictInfo } from '../../hooks/useWaasEmailConflict';
+import { SequenceConnectProviderProps } from '../SequenceConnectProvider';
+export declare const SEQUENCE_UNIVERSAL_CONNECTOR_NAME = "Sequence";
+interface ConnectProps extends SequenceConnectProviderProps {
+    emailConflictInfo?: FormattedEmailConflictInfo | null;
+    onClose: () => void;
+    isPreview?: boolean;
+}
+export declare const Connect: (props: ConnectProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Connect.d.ts.map

package/dist/cjs/components/Connect/Connect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Connect.d.ts","sourceRoot":"","sources":["../../../../src/components/Connect/Connect.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAM7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAA;AASzE,eAAO,MAAM,iCAAiC,aAAa,CAAA;AAE3D,UAAU,YAAa,SAAQ,4BAA4B;IACzD,iBAAiB,CAAC,EAAE,0BAA0B,GAAG,IAAI,CAAA;IACrD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CAsd1C,CAAA"}

package/dist/cjs/components/Connect/Connect.js

@@ -0,0 +1,296 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Connect = exports.SEQUENCE_UNIVERSAL_CONNECTOR_NAME = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const tracker_1 = require("@databeat/tracker");
+const clsx_1 = require("clsx");
+const react_1 = require("react");
+const react_apple_signin_auth_1 = require("react-apple-signin-auth");
+const wagmi_1 = require("wagmi");
+const constants_1 = require("../../constants");
+const walletLinking_1 = require("../../constants/walletLinking");
+const Analytics_1 = require("../../contexts/Analytics");
+const useStorage_1 = require("../../hooks/useStorage");
+const useWaasEmailAuth_1 = require("../../hooks/useWaasEmailAuth");
+const useWaasLinkWallet_1 = require("../../hooks/useWaasLinkWallet");
+const useWallets_1 = require("../../hooks/useWallets");
+const helpers_1 = require("../../utils/helpers");
+const ConnectButton_1 = require("../ConnectButton");
+const SequenceLogo_1 = require("../SequenceLogo");
+const Banner_1 = require("./Banner");
+const ConnectedWallets_1 = require("./ConnectedWallets");
+const EmailWaasVerify_1 = require("./EmailWaasVerify");
+const ExtendedWalletList_1 = require("./ExtendedWalletList");
+const MAX_ITEM_PER_ROW = 4;
+exports.SEQUENCE_UNIVERSAL_CONNECTOR_NAME = 'Sequence';
+const Connect = (props) => {
+    (0, react_apple_signin_auth_1.useScript)(react_apple_signin_auth_1.appleAuthHelpers.APPLE_SCRIPT_SRC);
+    const { analytics } = (0, Analytics_1.useAnalyticsContext)();
+    const { onClose, emailConflictInfo, config = {}, isPreview = false } = props;
+    const { signIn = {} } = config;
+    const storage = (0, useStorage_1.useStorage)();
+    const descriptiveSocials = !!config?.signIn?.descriptiveSocials;
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const projectName = config?.signIn?.projectName;
+    const [email, setEmail] = (0, react_1.useState)('');
+    const [showEmailWaasPinInput, setShowEmailWaasPinInput] = (0, react_1.useState)(false);
+    const [showExtendedList, setShowExtendedList] = (0, react_1.useState)(null);
+    const { status, connectors, connect } = (0, wagmi_1.useConnect)();
+    const connections = (0, wagmi_1.useConnections)();
+    const { signMessageAsync } = (0, wagmi_1.useSignMessage)();
+    const { wallets, linkedWallets, disconnectWallet, refetchLinkedWallets } = (0, useWallets_1.useWallets)();
+    const hasInjectedSequenceConnector = connectors.some(c => c.id === 'app.sequence');
+    const hasConnectedSequenceUniversal = connections.some(c => c.connector.name === exports.SEQUENCE_UNIVERSAL_CONNECTOR_NAME);
+    const hasConnectedSocialOrSequenceUniversal = connections.some(c => c.connector?._wallet?.type === 'social') || hasConnectedSequenceUniversal;
+    const waasConnection = connections.find(c => c.connector?.type === 'sequence-waas');
+    // Setup wallet linking
+    const { linkWallet, removeLinkedWallet } = (0, useWaasLinkWallet_1.useWaasLinkWallet)(waasConnection?.connector);
+    const [lastConnectedWallet, setLastConnectedWallet] = (0, react_1.useState)(undefined);
+    const [isSigningLinkMessage, setIsSigningLinkMessage] = (0, react_1.useState)(false);
+    const handleUnlinkWallet = async (address) => {
+        try {
+            await removeLinkedWallet(address);
+            const parentWallet = wallets.find(w => w.isEmbedded)?.address;
+            try {
+                analytics?.track({
+                    event: 'UNLINK_WALLET',
+                    props: {
+                        parentWalletAddress: parentWallet ? getUserIdForEvent(parentWallet) : '',
+                        linkedWalletAddress: getUserIdForEvent(address),
+                        linkedWalletType: linkedWallets?.find(lw => lw.linkedWalletAddress === address)?.walletType || '',
+                        source: 'sequence-kit/core'
+                    }
+                });
+            }
+            catch (e) {
+                console.warn('unlink analytics error:', e);
+            }
+            refetchLinkedWallets();
+        }
+        catch (e) {
+            console.warn('unlink error:', e);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (!lastConnectedWallet) {
+            return;
+        }
+        const tryLinkWallet = async () => {
+            const nonWaasWallets = connections.filter(c => c.connector?.type !== 'sequence-waas');
+            const nonLinkedWallets = nonWaasWallets.filter(c => !linkedWallets?.find(lw => lw.linkedWalletAddress === c.accounts[0].toLowerCase()));
+            if (nonLinkedWallets.map(w => w.accounts[0]).includes(lastConnectedWallet)) {
+                const waasWalletAddress = waasConnection?.accounts[0];
+                if (!waasWalletAddress) {
+                    return;
+                }
+                const childWalletAddress = lastConnectedWallet;
+                const childMessage = `Link to parent wallet with address ${waasWalletAddress}`;
+                setIsSigningLinkMessage(true);
+                let childSignature;
+                try {
+                    childSignature = await signMessageAsync({ account: lastConnectedWallet, message: childMessage });
+                    if (!childSignature) {
+                        return;
+                    }
+                    await linkWallet({
+                        signatureChainId: walletLinking_1.CHAIN_ID_FOR_SIGNATURE,
+                        connectorName: connections.find(c => c.accounts[0] === lastConnectedWallet)?.connector?.name || '',
+                        childWalletAddress,
+                        childMessage,
+                        childSignature
+                    });
+                    try {
+                        analytics?.track({
+                            event: 'LINK_WALLET',
+                            props: {
+                                parentWalletAddress: getUserIdForEvent(waasWalletAddress),
+                                linkedWalletAddress: getUserIdForEvent(childWalletAddress),
+                                linkedWalletType: connections.find(c => c.accounts[0] === lastConnectedWallet)?.connector?.name || '',
+                                source: 'sequence-kit/core'
+                            }
+                        });
+                    }
+                    catch (e) {
+                        console.warn('link analytics error:', e);
+                    }
+                    refetchLinkedWallets();
+                }
+                catch (e) {
+                    console.log(e);
+                }
+            }
+            setIsSigningLinkMessage(false);
+            setLastConnectedWallet(undefined);
+            onClose();
+        };
+        if (connections && connections.length > 1 && waasConnection !== undefined) {
+            tryLinkWallet();
+        }
+        else {
+            setLastConnectedWallet(undefined);
+            onClose();
+        }
+    }, [connections, lastConnectedWallet]);
+    const baseWalletConnectors = connectors
+        .filter(c => {
+        return c._wallet && (c._wallet.type === 'wallet' || c._wallet.type === undefined);
+    })
+        // Remove sequence if wallet extension detected
+        .filter(c => {
+        if (c._wallet?.id === 'sequence' && hasInjectedSequenceConnector) {
+            return false;
+        }
+        return true;
+    });
+    const mockConnector = baseWalletConnectors.find(connector => {
+        return connector._wallet.id === 'mock';
+    });
+    // EIP-6963 connectors will not have the _wallet property
+    const injectedConnectors = connectors
+        .filter(c => c.type === 'injected')
+        // Remove the injected connectors when another connector is already in the base connectors
+        .filter(connector => {
+        if (connector.id === 'com.coinbase.wallet') {
+            return !connectors.find(connector => connector?._wallet?.id === 'coinbase-wallet');
+        }
+        if (connector.id === 'io.metamask') {
+            return !connectors.find(connector => connector?._wallet?.id === 'metamask-wallet');
+        }
+        return true;
+    })
+        .map(connector => {
+        const Logo = (props) => {
+            return (0, jsx_runtime_1.jsx)(design_system_1.Image, { src: connector.icon, alt: connector.name, disableAnimation: true, ...props });
+        };
+        return {
+            ...connector,
+            _wallet: {
+                id: connector.id,
+                name: connector.name,
+                logoLight: Logo,
+                logoDark: Logo,
+                type: 'wallet'
+            }
+        };
+    });
+    const socialAuthConnectors = connectors
+        .filter(c => c._wallet?.type === 'social')
+        .filter(c => !c._wallet.id.includes('email'));
+    const walletConnectors = [...baseWalletConnectors, ...injectedConnectors].filter(c => hasConnectedSequenceUniversal ? c.name !== exports.SEQUENCE_UNIVERSAL_CONNECTOR_NAME : true);
+    const emailConnector = connectors.find(c => c._wallet.id.includes('email'));
+    const onChangeEmail = ev => {
+        setEmail(ev.target.value);
+    };
+    (0, react_1.useEffect)(() => {
+        setIsLoading(status === 'pending' || status === 'success');
+    }, [status]);
+    const handleConnect = async (connector) => {
+        connect({ connector }, {
+            onSettled: result => {
+                setLastConnectedWallet(result?.accounts[0]);
+            }
+        });
+    };
+    const onConnect = (connector) => {
+        if (signIn.useMock && mockConnector) {
+            handleConnect(mockConnector);
+            return;
+        }
+        if (connector._wallet.id === 'email') {
+            const email = prompt('Auto-email login, please specify the email address:');
+            if ('setEmail' in connector) {
+                ;
+                connector.setEmail(email);
+            }
+        }
+        handleConnect(connector);
+    };
+    const onConnectInlineEmail = async (e) => {
+        e.preventDefault();
+        if (!(0, helpers_1.isEmailValid)(email)) {
+            return;
+        }
+        if (signIn.useMock && mockConnector) {
+            handleConnect(mockConnector);
+            return;
+        }
+        if (emailConnector) {
+            if ('setEmail' in emailConnector) {
+                ;
+                emailConnector.setEmail(email);
+            }
+            if (emailConnector._wallet.id === 'email-waas') {
+                try {
+                    await sendEmailCode();
+                    setShowEmailWaasPinInput(true);
+                }
+                catch (e) {
+                    console.log(e);
+                }
+            }
+            else {
+                handleConnect(emailConnector);
+            }
+        }
+    };
+    const { inProgress: emailAuthInProgress, loading: emailAuthLoading, error: emailAuthError, initiateAuth: initiateEmailAuth, sendChallengeAnswer, resetError } = (0, useWaasEmailAuth_1.useEmailAuth)({
+        connector: emailConnector,
+        onSuccess: async (result) => {
+            if ('signInResponse' in result && result.signInResponse?.email) {
+                storage?.setItem(constants_1.LocalStorageKey.WaasSignInEmail, result.signInResponse.email);
+            }
+            if (emailConnector) {
+                if (result.version === 1) {
+                    // Store the version 1 idToken so that it can be used to authenticate during a refresh
+                    storage?.setItem(constants_1.LocalStorageKey.WaasEmailIdToken, result.idToken);
+                }
+                handleConnect(emailConnector);
+            }
+        }
+    });
+    const sendEmailCode = async () => {
+        await initiateEmailAuth(email);
+    };
+    // Hide the email input if there is an email conflict
+    (0, react_1.useEffect)(() => {
+        if (emailConflictInfo) {
+            setShowEmailWaasPinInput(false);
+        }
+    }, [emailConflictInfo]);
+    const showSocialConnectorSection = socialAuthConnectors.length > 0;
+    const showEmailInputSection = !!emailConnector;
+    const showMoreSocialOptions = socialAuthConnectors.length > MAX_ITEM_PER_ROW;
+    const showMoreWalletOptions = walletConnectors.length > MAX_ITEM_PER_ROW;
+    const socialConnectorsPerRow = showMoreSocialOptions && !descriptiveSocials ? MAX_ITEM_PER_ROW - 1 : socialAuthConnectors.length;
+    const walletConnectorsPerRow = showMoreWalletOptions ? MAX_ITEM_PER_ROW - 1 : walletConnectors.length;
+    if (showExtendedList) {
+        const SEARCHABLE_TRESHOLD = 8;
+        const connectors = showExtendedList === 'social' ? socialAuthConnectors : walletConnectors;
+        const searchable = connectors.length > SEARCHABLE_TRESHOLD;
+        return ((0, jsx_runtime_1.jsx)(ExtendedWalletList_1.ExtendedWalletList, { searchable: searchable, onGoBack: () => setShowExtendedList(null), onConnect: onConnect, connectors: connectors, title: showExtendedList === 'social' ? 'Continue with a social account' : 'Choose a wallet' }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center text-primary items-center font-medium", style: {
+                    marginTop: '4px'
+                }, children: [(0, jsx_runtime_1.jsx)(TitleWrapper, { isPreview: isPreview, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "secondary", children: isLoading
+                                ? `Connecting...`
+                                : hasConnectedSocialOrSequenceUniversal
+                                    ? 'Wallets'
+                                    : `Sign in ${projectName ? `to ${projectName}` : ''}` }) }), isSigningLinkMessage && ((0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", children: "Confirm the signature request to link your account" }) }))] }), isLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center pt-4", children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [wallets.length > 0 && !showEmailWaasPinInput && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ConnectedWallets_1.ConnectedWallets, { wallets: wallets, linkedWallets: linkedWallets, disconnectWallet: disconnectWallet, unlinkWallet: handleUnlinkWallet }), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Divider, { className: "text-background-raised w-full" }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", children: !hasConnectedSocialOrSequenceUniversal ? 'Connect with a social account' : 'Connect another wallet' }) })] })] })), showEmailWaasPinInput ? ((0, jsx_runtime_1.jsx)(EmailWaasVerify_1.EmailWaasVerify, { sendEmailCode: sendEmailCode, error: emailAuthError, isLoading: emailAuthLoading, onConfirm: sendChallengeAnswer, resetError: resetError })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hasConnectedSocialOrSequenceUniversal && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Banner_1.Banner, { config: config }), (0, jsx_runtime_1.jsx)("div", { className: "flex mt-6 gap-6 flex-col", children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showSocialConnectorSection && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 justify-center items-center", children: [socialAuthConnectors.slice(0, socialConnectorsPerRow).map(connector => {
+                                                            return ((0, jsx_runtime_1.jsx)("div", { className: "w-full", children: connector._wallet.id === 'google-waas' ? ((0, jsx_runtime_1.jsx)(ConnectButton_1.GoogleWaasConnectButton, { isDescriptive: descriptiveSocials, connector: connector, onConnect: onConnect })) : connector._wallet.id === 'apple-waas' ? ((0, jsx_runtime_1.jsx)(ConnectButton_1.AppleWaasConnectButton, { isDescriptive: descriptiveSocials, connector: connector, onConnect: onConnect })) : ((0, jsx_runtime_1.jsx)(ConnectButton_1.ConnectButton, { isDescriptive: descriptiveSocials, connector: connector, onConnect: onConnect })) }, connector.uid));
+                                                        }), showMoreSocialOptions && ((0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)(ConnectButton_1.ShowAllWalletsButton, { onClick: () => setShowExtendedList('social') }) }))] })), showSocialConnectorSection && showEmailInputSection && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 flex-row justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Divider, { className: "mx-0 my-0 text-background-secondary grow" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "leading-4 h-4 text-sm", variant: "normal", fontWeight: "medium", color: "muted", children: "or" }), (0, jsx_runtime_1.jsx)(design_system_1.Divider, { className: "mx-0 my-0 text-background-secondary grow" })] })), showEmailInputSection && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("form", { onSubmit: onConnectInlineEmail, children: (0, jsx_runtime_1.jsx)(design_system_1.TextInput, { autoFocus: true, onChange: onChangeEmail, value: email, name: "email", placeholder: "Email address", controls: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: emailAuthInProgress ? ((0, jsx_runtime_1.jsx)(design_system_1.Spinner, {})) : ((0, jsx_runtime_1.jsx)(design_system_1.IconButton, { type: "submit", size: "xs", icon: design_system_1.ArrowRightIcon, disabled: !(0, helpers_1.isEmailValid)(email) })) }), "data-1p-ignore": true }) }) }))] }) })] })), walletConnectors.length > 0 && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.clsx)('flex gap-2 flex-row justify-center items-center', hasConnectedSequenceUniversal ? 'mt-4' : 'mt-6'), children: [walletConnectors.slice(0, walletConnectorsPerRow).map(connector => {
+                                            return (0, jsx_runtime_1.jsx)(ConnectButton_1.ConnectButton, { connector: connector, onConnect: onConnect }, connector.uid);
+                                        }), showMoreWalletOptions && (0, jsx_runtime_1.jsx)(ConnectButton_1.ShowAllWalletsButton, { onClick: () => setShowExtendedList('wallet') })] }) })), (0, jsx_runtime_1.jsx)("div", { className: "mt-6", children: (0, jsx_runtime_1.jsx)(SequenceLogo_1.PoweredBySequence, {}) })] }))] }))] }));
+};
+exports.Connect = Connect;
+const TitleWrapper = ({ children, isPreview }) => {
+    if (isPreview) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+    }
+    return (0, jsx_runtime_1.jsx)(design_system_1.ModalPrimitive.Title, { asChild: true, children: children });
+};
+const getUserIdForEvent = (address) => {
+    return (0, tracker_1.genUserId)(address.toLowerCase(), false, { privacy: { userIdHash: true } }).userId;
+};
+//# sourceMappingURL=Connect.js.map

package/dist/cjs/components/Connect/Connect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Connect.js","sourceRoot":"","sources":["../../../../src/components/Connect/Connect.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Connect/ConnectedWallets.d.ts

@@ -0,0 +1,12 @@
+import { LinkedWallet } from '@0xsequence/api';
+import { JSX } from 'react';
+import { ConnectedWallet } from '../../hooks/useWallets';
+interface ConnectedWalletsProps {
+    wallets: ConnectedWallet[];
+    linkedWallets?: LinkedWallet[];
+    disconnectWallet: (address: string) => void;
+    unlinkWallet: (address: string) => void;
+}
+export declare const ConnectedWallets: ({ wallets, linkedWallets, disconnectWallet, unlinkWallet }: ConnectedWalletsProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=ConnectedWallets.d.ts.map

package/dist/cjs/components/Connect/ConnectedWallets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedWallets.d.ts","sourceRoot":"","sources":["../../../../src/components/Connect/ConnectedWallets.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,OAAc,EAA8B,GAAG,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAIxD,UAAU,qBAAqB;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAID,eAAO,MAAM,gBAAgB,GAAI,4DAK9B,qBAAqB,KAAG,GAAG,CAAC,OAAO,GAAG,IA4JxC,CAAA"}

package/dist/cjs/components/Connect/ConnectedWallets.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectedWallets = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const WalletListItem_1 = require("./WalletListItem");
+const MAX_HEIGHT = 240;
+const ConnectedWallets = ({ wallets, linkedWallets, disconnectWallet, unlinkWallet }) => {
+    const scrollContainerRef = (0, react_2.useRef)(null);
+    const updateScrollFades = (target) => {
+        const isScrollable = target.scrollHeight > MAX_HEIGHT;
+        const isAtBottom = target.scrollHeight - target.scrollTop <= MAX_HEIGHT;
+        const isAtTop = target.scrollTop === 0;
+        const bottomFadeElement = target.parentElement?.querySelector('.scroll-fade');
+        const topFadeElement = target.parentElement?.querySelector('.scroll-fade-top');
+        if (bottomFadeElement) {
+            bottomFadeElement.style.opacity = isScrollable && !isAtBottom ? '1' : '0';
+        }
+        if (topFadeElement) {
+            topFadeElement.style.opacity = isScrollable && !isAtTop ? '1' : '0';
+        }
+    };
+    const allWallets = (0, react_2.useMemo)(() => {
+        // Get read-only linked wallets that aren't connected
+        const readOnlyLinkedWallets = (linkedWallets ?? [])
+            .filter(lw => !wallets.some(w => w.address.toLowerCase() === lw.linkedWalletAddress.toLowerCase()))
+            .map(lw => ({
+            name: lw.walletType || 'Linked Wallet',
+            address: lw.linkedWalletAddress,
+            isEmbedded: false,
+            isActive: false,
+            isLinked: true,
+            isReadOnly: true,
+            onDisconnect: () => { }, // No-op for read-only wallets
+            onUnlink: () => {
+                unlinkWallet(lw.linkedWalletAddress);
+            }
+        }));
+        // Transform ConnectedWallet to WalletListItemProps
+        const connectedWallets = wallets.map(wallet => ({
+            name: wallet.name,
+            address: wallet.address,
+            isEmbedded: wallet.isEmbedded,
+            isActive: wallet.isActive,
+            isLinked: linkedWallets?.some(lw => lw.linkedWalletAddress.toLowerCase() === wallet.address.toLowerCase()) ?? false,
+            isReadOnly: false,
+            onDisconnect: () => disconnectWallet(wallet.address),
+            onUnlink: () => { } // No-op for connected wallets
+        }));
+        // Sort wallets: embedded first, then by name and address
+        const sortedConnectedWallets = [...connectedWallets].sort((a, b) => {
+            if (a.isEmbedded && !b.isEmbedded) {
+                return -1;
+            }
+            if (!a.isEmbedded && b.isEmbedded) {
+                return 1;
+            }
+            return (a.name.toLowerCase().localeCompare(b.name.toLowerCase()) || a.address.toLowerCase().localeCompare(b.address.toLowerCase()));
+        });
+        // Sort read-only linked wallets by name and address
+        const sortedReadOnlyWallets = [...readOnlyLinkedWallets].sort((a, b) => a.name.toLowerCase().localeCompare(b.name.toLowerCase()) || a.address.toLowerCase().localeCompare(b.address.toLowerCase()));
+        // Combine all wallets
+        return [...sortedConnectedWallets, ...sortedReadOnlyWallets];
+    }, [wallets, linkedWallets, disconnectWallet]);
+    (0, react_2.useEffect)(() => {
+        const container = scrollContainerRef.current;
+        if (container) {
+            // Initial check
+            updateScrollFades(container);
+            // Check again after animations complete (approximately)
+            const timeout = setTimeout(() => {
+                updateScrollFades(container);
+            }, 500); // Half second delay to allow animations to settle
+            return () => clearTimeout(timeout);
+        }
+    }, [allWallets]); // Re-run when wallets change as it affects content height
+    if (wallets.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex mt-4 flex-col", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)(react_1.motion.div, { className: "flex py-1 gap-2 flex-col overflow-y-auto", ref: scrollContainerRef, onScroll: (e) => {
+                        updateScrollFades(e.currentTarget);
+                    }, style: {
+                        maxHeight: `${MAX_HEIGHT}px`,
+                        scrollbarWidth: 'none',
+                        borderRadius: '8px',
+                        position: 'relative'
+                    }, children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { mode: "popLayout", initial: false, children: allWallets.map((wallet, index) => ((0, jsx_runtime_1.jsx)(react_1.motion.div, { custom: index, initial: "hidden", animate: "visible", variants: {
+                                hidden: { opacity: 0, y: 20 },
+                                visible: (i) => ({
+                                    opacity: 1,
+                                    y: 0,
+                                    transition: {
+                                        type: 'spring',
+                                        stiffness: 400,
+                                        damping: 30,
+                                        delay: i * 0.1
+                                    }
+                                })
+                            }, style: { willChange: 'transform, opacity', transformOrigin: 'center' }, children: (0, jsx_runtime_1.jsx)(WalletListItem_1.WalletListItem, { ...wallet }) }, wallet.address))) }) }), (0, jsx_runtime_1.jsx)("div", { className: "scroll-fade-top absolute top-0 left-0 right-0", style: {
+                        height: '30px',
+                        background: 'linear-gradient(to top, rgba(0, 0, 0, 0), var(--color-background-primary))',
+                        pointerEvents: 'none',
+                        opacity: 0,
+                        transition: 'opacity 0.2s'
+                    } }), (0, jsx_runtime_1.jsx)("div", { className: "scroll-fade absolute bottom-0 left-0 right-0", style: {
+                        height: '40px',
+                        background: 'linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-background-primary))',
+                        pointerEvents: 'none',
+                        opacity: 0,
+                        transition: 'opacity 0.2s'
+                    } })] }) }));
+};
+exports.ConnectedWallets = ConnectedWallets;
+//# sourceMappingURL=ConnectedWallets.js.map