thirdweb 5.30.0-nightly-991cb72bdb1b94fcf0f9a3de36b2ec8ee07ae5ec-20240619000538 → 5.30.0-nightly-fab5cd43bed972b0a3f70f0f39a790349672ba72-20240620192731

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

@@ -1 +1 @@
-{"version":3,"file":"InAppWalletConnectUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InAppWalletConnectUI.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,oGAAoF;AACpF,+FAGsD;AACtD,iEAA2D;AAC3D,iEAAiE;AACjE,yEAAmE;AACnE,6EAAuE;AACvE,2EAAqE;AAErE,uEAAiE;AAEjE;;;GAGG;AACH,SAAS,oBAAoB,CAAC,KAI7B;IACC,MAAM,IAAI,GAAG,IAAA,+CAAgB,GAAE,CAAC;IAChC,MAAM,gBAAgB,GAAG,IAAA,kDAAmB,GAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,IAAgC,CAAC;IAC/C,MAAM,WAAW,GAAG,IAAA,8CAAoB,GAAE,CAAC;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,wCAAY,GAAE,CAAC;IAExC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACtB,OAAO,uBAAC,gCAAa,KAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAChB,YAAY,CAAC,IAAI,KAAK,SAAS;QAC7B,CAAC,CAAC,KAAK,CAAC,MAAM;QACd,CAAC,CAAC,GAAG,EAAE;YACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC,CAAC;IAER,MAAM,WAAW,GAAG,KAAK,EAAE,UAAU;QACnC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE;QAC7B,CAAC,CAAC,KAAK,EAAE,UAAU;YACjB,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE;YAC7B,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,uBAAC,gDAAqB,IACpB,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,WAAW,CAAC,IAAI,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,YAAY,EAAE,CAAC;QACxB,OAAO,CACL,uBAAC,oDAAuB,IACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,YAAY,GACpB,CACH,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,WAAW,EAAE,CAAC;QACvB,OAAO,CACL,uBAAC,kDAAsB,IACrB,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,IAAI,EAClC,MAAM,EAAE,WAAW,CAAC,IAAI,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,8CAAuB,IACtB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC,EAChB,MAAM,EAAE,WAAW,CAAC,IAAI,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;AACJ,CAAC;AAED,kBAAe,oBAAoB,CAAC"}
+{"version":3,"file":"InAppWalletConnectUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InAppWalletConnectUI.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,oGAAoF;AACpF,+FAGsD;AAEtD,iEAA2D;AAC3D,2DAAqD;AACrD,+DAAyD;AACzD,6DAAuD;AACvD,iEAAiE;AACjE,uEAA6D;AAE7D;;;GAGG;AACH,SAAS,oBAAoB,CAAC,KAI7B;IACC,MAAM,IAAI,GAAG,IAAA,+CAAgB,GAAE,CAAC;IAChC,MAAM,gBAAgB,GAAG,IAAA,kDAAmB,GAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,IAAkC,CAAC;IACjD,MAAM,MAAM,GAAG,IAAA,0CAAgB,GAAE,CAAC;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,wCAAY,GAAE,CAAC;IAExC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,uBAAC,gCAAa,KAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAChB,YAAY,CAAC,IAAI,KAAK,SAAS;QAC7B,CAAC,CAAC,KAAK,CAAC,MAAM;QACd,CAAC,CAAC,GAAG,EAAE;YACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC,CAAC;IAER,MAAM,WAAW,GAAG,KAAK,EAAE,UAAU;QACnC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE;QAC7B,CAAC,CAAC,KAAK,EAAE,UAAU;YACjB,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE;YAC7B,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,uBAAC,0BAAU,IACT,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,YAAY,EAAE,CAAC;QACxB,OAAO,CACL,uBAAC,8BAAY,IACX,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,YAAY,GACpB,CACH,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,WAAW,EAAE,CAAC;QACvB,OAAO,CACL,uBAAC,4BAAW,IACV,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,IAAI,EAClC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,8CAAuB,IACtB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;AACJ,CAAC;AAED,kBAAe,oBAAoB,CAAC"}

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

@@ -1,175 +1,18 @@
 "use strict";
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InAppWalletFormUIScreen = exports.InAppWalletFormUI = void 0;
+exports.InAppWalletFormUIScreen = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = require("@emotion/styled");
-const react_1 = require("react");
-const webStorage_js_1 = require("../../../../utils/storage/webStorage.js");
-const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
 const index_js_1 = require("../../../core/design-system/index.js");
 const useWalletConnectionCtx_js_1 = require("../../../core/hooks/others/useWalletConnectionCtx.js");
-const wallet_ui_states_provider_js_1 = require("../../providers/wallet-ui-states-provider.js");
 const TOS_js_1 = require("../../ui/ConnectWallet/Modal/TOS.js");
 const screen_js_1 = require("../../ui/ConnectWallet/Modal/screen.js");
 const PoweredByTW_js_1 = require("../../ui/ConnectWallet/PoweredByTW.js");
-const WalletTypeRowButton_js_1 = require("../../ui/ConnectWallet/WalletTypeRowButton.js");
-const dataUris_js_1 = require("../../ui/ConnectWallet/icons/dataUris.js");
 const Img_js_1 = require("../../ui/components/Img.js");
 const Spacer_js_1 = require("../../ui/components/Spacer.js");
-const TextDivider_js_1 = require("../../ui/components/TextDivider.js");
 const basic_js_1 = require("../../ui/components/basic.js");
-const buttons_js_1 = require("../../ui/components/buttons.js");
 const modalElements_js_1 = require("../../ui/components/modalElements.js");
-const InputSelectionUI_js_1 = require("./InputSelectionUI.js");
-const openOauthSignInWindow_js_1 = require("./openOauthSignInWindow.js");
-const socialIcons_js_1 = require("./socialIcons.js");
-const storage_js_1 = require("./storage.js");
-const validateEmail_js_1 = require("./validateEmail.js");
-const defaultAuthOptions = [
-    "email",
-    "phone",
-    "google",
-    "apple",
-    "facebook",
-    "passkey",
-];
-/**
- * @internal
- */
-const InAppWalletFormUI = (props) => {
-    const locale = props.locale;
-    const { chain, client, connectModal } = (0, useWalletConnectionCtx_js_1.useConnectUI)();
-    const { wallet } = props;
-    const setData = (0, wallet_ui_states_provider_js_1.useSetSelectionData)();
-    const themeObj = (0, CustomThemeProvider_js_1.useCustomTheme)();
-    const loginMethodsLabel = {
-        google: locale.signInWithGoogle,
-        facebook: locale.signInWithFacebook,
-        apple: locale.signInWithApple,
-    };
-    const config = props.wallet.getConfig();
-    const authOptions = config?.auth?.options || defaultAuthOptions;
-    const passKeyEnabled = authOptions.includes("passkey");
-    const emailIndex = authOptions.indexOf("email");
-    const isEmailEnabled = emailIndex !== -1;
-    const phoneIndex = authOptions.indexOf("phone");
-    const isPhoneEnabled = phoneIndex !== -1;
-    const [inputMode, setInputMode] = (0, react_1.useState)(() => {
-        if (isEmailEnabled && isPhoneEnabled) {
-            return emailIndex < phoneIndex ? "email" : "phone";
-        }
-        if (isEmailEnabled) {
-            return "email";
-        }
-        if (isPhoneEnabled) {
-            return "phone";
-        }
-        return "none";
-    });
-    const placeholder = inputMode === "email" ? locale.emailPlaceholder : locale.phonePlaceholder;
-    const emptyErrorMessage = inputMode === "email" ? locale.emailRequired : locale.phoneRequired;
-    let type = "text";
-    if (inputMode === "email") {
-        type = "email";
-    }
-    else if (inputMode === "phone") {
-        type = "tel";
-    }
-    const socialLogins = authOptions.filter((x) => x === "google" || x === "apple" || x === "facebook");
-    const hasSocialLogins = socialLogins.length > 0;
-    // Need to trigger login on button click to avoid popup from being blocked
-    const handleSocialLogin = async (strategy) => {
-        try {
-            const socialLoginWindow = (0, openOauthSignInWindow_js_1.openOauthSignInWindow)(strategy, themeObj);
-            if (!socialLoginWindow) {
-                throw new Error("Failed to open login window");
-            }
-            const connectPromise = wallet.connect({
-                chain,
-                client,
-                strategy: strategy,
-                openedWindow: socialLoginWindow,
-                closeOpenedWindow: (openedWindow) => {
-                    openedWindow.close();
-                },
-            });
-            await (0, storage_js_1.setLastAuthProvider)(strategy, webStorage_js_1.webLocalStorage);
-            setData({
-                socialLogin: {
-                    type: strategy,
-                    connectionPromise: connectPromise,
-                },
-            });
-            props.select(); // show Connect UI
-            // Note: do not call done() here, it will be called InAppWalletSocialLogin component
-            // we simply trigger the connect and save promise here - its resolution is handled in InAppWalletSocialLogin
-        }
-        catch (e) {
-            console.error(`Error sign in with ${strategy}`, e);
-        }
-    };
-    function handlePassKeyLogin() {
-        setData({
-            passkeyLogin: true,
-        });
-        props.select();
-    }
-    const showOnlyIcons = socialLogins.length > 1;
-    if (config?.metadata?.image &&
-        (!config.metadata.image.height || !config.metadata.image.width)) {
-        console.warn("Image is not properly configured. Please set height and width.", config.metadata.image);
-    }
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "md", style: {
-            position: "relative",
-        }, children: [config?.metadata?.image && ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", center: "both", children: (0, jsx_runtime_1.jsx)(Img_js_1.Img, { loading: "eager", client: client, style: {
-                        maxHeight: "100px",
-                        maxWidth: "300px",
-                    }, src: config.metadata.image.src, alt: config.metadata.image.alt, width: Math.min(config.metadata.image.width ?? 300, 300)?.toString(), height: Math.min(config.metadata.image.height ?? 100, 100)?.toString() }) })), hasSocialLogins && ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: showOnlyIcons ? "row" : "column", center: "x", gap: "sm", style: {
-                    justifyContent: "space-between",
-                }, children: socialLogins.map((loginMethod) => {
-                    const imgIconSize = showOnlyIcons ? index_js_1.iconSize.lg : index_js_1.iconSize.md;
-                    return ((0, jsx_runtime_1.jsxs)(SocialButton, { "aria-label": `Login with ${loginMethod}`, "data-variant": showOnlyIcons ? "icon" : "full", variant: "outline", fullWidth: !showOnlyIcons, onClick: () => {
-                            handleSocialLogin(loginMethod);
-                        }, children: [(0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: socialIcons_js_1.socialIcons[loginMethod], width: imgIconSize, height: imgIconSize, client: client }), !showOnlyIcons && loginMethodsLabel[loginMethod]] }, loginMethod));
-                }) })), connectModal.size === "wide" &&
-                hasSocialLogins &&
-                (isEmailEnabled || isPhoneEnabled) && (0, jsx_runtime_1.jsx)(TextDivider_js_1.TextDivider, { text: locale.or }), isEmailEnabled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: inputMode === "email" ? ((0, jsx_runtime_1.jsx)(InputSelectionUI_js_1.InputSelectionUI, { type: type, onSelect: (value) => {
-                        setData({ emailLogin: value });
-                        props.select();
-                    }, placeholder: placeholder, name: "email", errorMessage: (input) => {
-                        const isValidEmail = (0, validateEmail_js_1.validateEmail)(input.toLowerCase());
-                        if (!isValidEmail) {
-                            return locale.invalidEmail;
-                        }
-                        return undefined;
-                    }, emptyErrorMessage: emptyErrorMessage, submitButtonText: locale.submitEmail })) : ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: client, icon: dataUris_js_1.emailIcon, onClick: () => {
-                        setInputMode("email");
-                    }, 
-                    // TODO locale
-                    title: "Email address" })) })), isPhoneEnabled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: inputMode === "phone" ? ((0, jsx_runtime_1.jsx)(InputSelectionUI_js_1.InputSelectionUI, { format: "phone", type: type, onSelect: (value) => {
-                        // removes white spaces and special characters
-                        setData({ phoneLogin: value.replace(/[-\(\) ]/g, "") });
-                        props.select();
-                    }, placeholder: placeholder, name: "phone", errorMessage: (_input) => {
-                        // removes white spaces and special characters
-                        const input = _input.replace(/[-\(\) ]/g, "");
-                        const isPhone = /^[0-9]+$/.test(input);
-                        if (!isPhone && isPhoneEnabled) {
-                            return locale.invalidPhone;
-                        }
-                        return undefined;
-                    }, emptyErrorMessage: emptyErrorMessage, submitButtonText: locale.submitEmail })) : ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: client, icon: dataUris_js_1.phoneIcon, onClick: () => {
-                        setInputMode("phone");
-                    }, 
-                    // TODO locale
-                    title: "Phone number" })) })), passKeyEnabled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: client, icon: dataUris_js_1.passkeyIcon, onClick: () => {
-                        handlePassKeyLogin();
-                    }, 
-                    // TODO locale
-                    title: "Passkey" }) }))] }));
-};
-exports.InAppWalletFormUI = InAppWalletFormUI;
+const ConnectWalletSocialOptions_js_1 = require("../shared/ConnectWalletSocialOptions.js");
 /**
  * @internal
  */
@@ -183,28 +26,10 @@ function InAppWalletFormUIScreen(props) {
         : props.goBack;
     return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { fullHeight: true, flex: "column", p: "lg", animate: "fadein", style: {
             minHeight: "250px",
-        }, children: [isCompact ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { onBack: onBack, title: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!connectModal.titleIcon ? null : ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: connectModal.titleIcon, width: index_js_1.iconSize.md, height: index_js_1.iconSize.md, client: client })), (0, jsx_runtime_1.jsx)(modalElements_js_1.ModalTitle, { children: connectModal.title ?? locale.title })] }) }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" })] })) : null, (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, flex: "column", center: "y", p: isCompact ? undefined : "lg", children: (0, jsx_runtime_1.jsx)(exports.InAppWalletFormUI, { ...props }) }), isCompact &&
+        }, children: [isCompact ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { onBack: onBack, title: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!connectModal.titleIcon ? null : ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: connectModal.titleIcon, width: index_js_1.iconSize.md, height: index_js_1.iconSize.md, client: client })), (0, jsx_runtime_1.jsx)(modalElements_js_1.ModalTitle, { children: connectModal.title ?? locale.title })] }) }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" })] })) : null, (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, flex: "column", center: "y", p: isCompact ? undefined : "lg", children: (0, jsx_runtime_1.jsx)(ConnectWalletSocialOptions_js_1.ConnectWalletSocialOptions, { ...props }) }), isCompact &&
                 (connectModal.showThirdwebBranding !== false ||
                     connectModal.termsOfServiceUrl ||
                     connectModal.privacyPolicyUrl) && (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "lg", children: [(0, jsx_runtime_1.jsx)(TOS_js_1.TOS, { termsOfServiceUrl: connectModal.termsOfServiceUrl, privacyPolicyUrl: connectModal.privacyPolicyUrl }), connectModal.showThirdwebBranding !== false && (0, jsx_runtime_1.jsx)(PoweredByTW_js_1.PoweredByThirdweb, {})] })] }));
 }
 exports.InAppWalletFormUIScreen = InAppWalletFormUIScreen;
-const SocialButton = /* @__PURE__ */ (0, styled_1.default)(buttons_js_1.Button)({
-    "&[data-variant='full']": {
-        display: "flex",
-        justifyContent: "flex-start",
-        padding: index_js_1.spacing.md,
-        gap: index_js_1.spacing.md,
-        fontSize: index_js_1.fontSize.md,
-        fontWeight: 500,
-        transition: "background-color 0.2s ease",
-        "&:active": {
-            boxShadow: "none",
-        },
-    },
-    "&[data-variant='icon']": {
-        padding: index_js_1.spacing.sm,
-        flexGrow: 1,
-    },
-});
 //# sourceMappingURL=InAppWalletFormUI.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InAppWalletFormUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InAppWalletFormUI.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,4CAAqC;AACrC,iCAAiC;AACjC,2EAA0E;AAM1E,+FAAoF;AACpF,mEAI8C;AAC9C,oGAAoF;AACpF,+FAAmF;AACnF,gEAA0D;AAC1D,sEAA0E;AAC1E,0EAA0E;AAC1E,0FAAoF;AACpF,0EAIkD;AAClD,uDAAiD;AACjD,6DAAuD;AACvD,uEAAiE;AACjE,2DAAsE;AACtE,+DAAwD;AACxD,2EAAkE;AAClE,+DAAyD;AAEzD,yEAAmE;AACnE,qDAA+C;AAC/C,6CAAmD;AAEnD,yDAAmD;AAEnD,MAAM,kBAAkB,GAAsB;IAC5C,OAAO;IACP,OAAO;IACP,QAAQ;IACR,OAAO;IACP,UAAU;IACV,SAAS;CACV,CAAC;AAUF;;GAEG;AACI,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,wCAAY,GAAE,CAAC;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,OAAO,GAAG,IAAA,kDAAmB,GAE1B,CAAC;IAEV,MAAM,QAAQ,GAAG,IAAA,uCAAc,GAAE,CAAC;IAElC,MAAM,iBAAiB,GAAG;QACxB,MAAM,EAAE,MAAM,CAAC,gBAAgB;QAC/B,QAAQ,EAAE,MAAM,CAAC,kBAAkB;QACnC,KAAK,EAAE,MAAM,CAAC,eAAe;KAC9B,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IACxC,MAAM,WAAW,GAAG,MAAM,EAAE,IAAI,EAAE,OAAO,IAAI,kBAAkB,CAAC;IAChE,MAAM,cAAc,GAAG,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEvD,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,UAAU,KAAK,CAAC,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,UAAU,KAAK,CAAC,CAAC,CAAC;IAEzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAA6B,GAAG,EAAE;QAC1E,IAAI,cAAc,IAAI,cAAc,EAAE,CAAC;YACrC,OAAO,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QACrD,CAAC;QACD,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GACf,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAC5E,MAAM,iBAAiB,GACrB,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;IAEtE,IAAI,IAAI,GAAG,MAAM,CAAC;IAClB,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QAC1B,IAAI,GAAG,OAAO,CAAC;IACjB,CAAC;SAAM,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QACjC,IAAI,GAAG,KAAK,CAAC;IACf,CAAC;IAED,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CACrC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,UAAU,CAChC,CAAC;IAE7B,MAAM,eAAe,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhD,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,KAAK,EAAE,QAA+B,EAAE,EAAE;QAClE,IAAI,CAAC;YACH,MAAM,iBAAiB,GAAG,IAAA,gDAAqB,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACpE,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;YACjD,CAAC;YAED,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;gBACpC,KAAK;gBACL,MAAM;gBACN,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,iBAAiB;gBAC/B,iBAAiB,EAAE,CAAC,YAAY,EAAE,EAAE;oBAClC,YAAY,CAAC,KAAK,EAAE,CAAC;gBACvB,CAAC;aACF,CAAC,CAAC;YAEH,MAAM,IAAA,gCAAmB,EAAC,QAAQ,EAAE,+BAAe,CAAC,CAAC;YAErD,OAAO,CAAC;gBACN,WAAW,EAAE;oBACX,IAAI,EAAE,QAAQ;oBACd,iBAAiB,EAAE,cAAc;iBAClC;aACF,CAAC,CAAC;YAEH,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,kBAAkB;YAElC,oFAAoF;YACpF,4GAA4G;QAC9G,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,sBAAsB,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QACrD,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,kBAAkB;QACzB,OAAO,CAAC;YACN,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;QACH,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IAE9C,IACE,MAAM,EAAE,QAAQ,EAAE,KAAK;QACvB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAC/D,CAAC;QACD,OAAO,CAAC,IAAI,CACV,gEAAgE,EAChE,MAAM,CAAC,QAAQ,CAAC,KAAK,CACtB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,wBAAC,oBAAS,IACR,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;SACrB,aAEA,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,CAC1B,uBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,YACjC,uBAAC,YAAG,IACF,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;wBACL,SAAS,EAAE,OAAO;wBAClB,QAAQ,EAAE,OAAO;qBAClB,EACD,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAC9B,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAC9B,KAAK,EAAE,IAAI,CAAC,GAAG,CACb,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,GAAG,EAClC,GAAG,CACJ,EAAE,QAAQ,EAAE,EACb,MAAM,EAAE,IAAI,CAAC,GAAG,CACd,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,GAAG,EACnC,GAAG,CACJ,EAAE,QAAQ,EAAE,GACb,GACQ,CACb,EAGA,eAAe,IAAI,CAClB,uBAAC,oBAAS,IACR,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACtC,MAAM,EAAC,GAAG,EACV,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;oBACL,cAAc,EAAE,eAAe;iBAChC,YAEA,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;oBAChC,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,mBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAQ,CAAC,EAAE,CAAC;oBAC9D,OAAO,CACL,wBAAC,YAAY,kBACC,cAAc,WAAW,EAAE,kBACzB,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAE7C,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,CAAC,aAAa,EACzB,OAAO,EAAE,GAAG,EAAE;4BACZ,iBAAiB,CAAC,WAAW,CAAC,CAAC;wBACjC,CAAC,aAED,uBAAC,YAAG,IACF,GAAG,EAAE,4BAAW,CAAC,WAAW,CAAC,EAC7B,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,WAAW,EACnB,MAAM,EAAE,MAAM,GACd,EACD,CAAC,aAAa,IAAI,iBAAiB,CAAC,WAAW,CAAC,KAb5C,WAAW,CAcH,CAChB,CAAC;gBACJ,CAAC,CAAC,GACQ,CACb,EAEA,YAAY,CAAC,IAAI,KAAK,MAAM;gBAC3B,eAAe;gBACf,CAAC,cAAc,IAAI,cAAc,CAAC,IAAI,uBAAC,4BAAW,IAAC,IAAI,EAAE,MAAM,CAAC,EAAE,GAAI,EAGvE,cAAc,IAAI,CACjB,2DACG,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,uBAAC,sCAAgB,IACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,OAAO,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;wBAC/B,KAAK,CAAC,MAAM,EAAE,CAAC;oBACjB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;wBACtB,MAAM,YAAY,GAAG,IAAA,gCAAa,EAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;wBACxD,IAAI,CAAC,YAAY,EAAE,CAAC;4BAClB,OAAO,MAAM,CAAC,YAAY,CAAC;wBAC7B,CAAC;wBACD,OAAO,SAAS,CAAC;oBACnB,CAAC,EACD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,MAAM,CAAC,WAAW,GACpC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,4CAAmB,IAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,uBAAS,EACf,OAAO,EAAE,GAAG,EAAE;wBACZ,YAAY,CAAC,OAAO,CAAC,CAAC;oBACxB,CAAC;oBACD,cAAc;oBACd,KAAK,EAAE,eAAe,GACtB,CACH,GACA,CACJ,EACA,cAAc,IAAI,CACjB,2DACG,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,uBAAC,sCAAgB,IACf,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,8CAA8C;wBAC9C,OAAO,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;wBACxD,KAAK,CAAC,MAAM,EAAE,CAAC;oBACjB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;wBACvB,8CAA8C;wBAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;wBAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wBAEvC,IAAI,CAAC,OAAO,IAAI,cAAc,EAAE,CAAC;4BAC/B,OAAO,MAAM,CAAC,YAAY,CAAC;wBAC7B,CAAC;wBAED,OAAO,SAAS,CAAC;oBACnB,CAAC,EACD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,MAAM,CAAC,WAAW,GACpC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,4CAAmB,IAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,uBAAS,EACf,OAAO,EAAE,GAAG,EAAE;wBACZ,YAAY,CAAC,OAAO,CAAC,CAAC;oBACxB,CAAC;oBACD,cAAc;oBACd,KAAK,EAAE,cAAc,GACrB,CACH,GACA,CACJ,EAEA,cAAc,IAAI,CACjB,2DACE,uBAAC,4CAAmB,IAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,yBAAW,EACjB,OAAO,EAAE,GAAG,EAAE;wBACZ,kBAAkB,EAAE,CAAC;oBACvB,CAAC;oBACD,cAAc;oBACd,KAAK,EAAC,SAAS,GACf,GACD,CACJ,IACS,CACb,CAAC;AACJ,CAAC,CAAC;AAjRW,QAAA,iBAAiB,qBAiR5B;AAEF;;GAEG;AACH,SAAgB,uBAAuB,CAAC,KAA6B;IACnE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAA,wCAAY,GAAE,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAgB,GAAE,CAAC;IAErD,MAAM,MAAM,GACV,MAAM,KAAK,KAAK,CAAC,MAAM,IAAI,aAAa,KAAK,KAAK,CAAC,MAAM;QACvD,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IAEnB,OAAO,CACL,wBAAC,oBAAS,IACR,UAAU,QACV,IAAI,EAAC,QAAQ,EACb,CAAC,EAAC,IAAI,EACN,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE;YACL,SAAS,EAAE,OAAO;SACnB,aAEA,SAAS,CAAC,CAAC,CAAC,CACX,6DACE,uBAAC,sBAAW,IACV,MAAM,EAAE,MAAM,EACd,KAAK,EACH,6DACG,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,uBAAC,YAAG,IACF,GAAG,EAAE,YAAY,CAAC,SAAS,EAC3B,KAAK,EAAE,mBAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,mBAAQ,CAAC,EAAE,EACnB,MAAM,EAAE,MAAM,GACd,CACH,EACD,uBAAC,6BAAU,cAAE,YAAY,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,GAAc,IAC5D,GAEL,EACF,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IAChB,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,uBAAC,oBAAS,IACR,MAAM,QACN,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,GAAG,EACV,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,YAE/B,uBAAC,yBAAiB,OAAK,KAAK,GAAI,GACtB,EAEX,SAAS;gBACR,CAAC,YAAY,CAAC,oBAAoB,KAAK,KAAK;oBAC1C,YAAY,CAAC,iBAAiB;oBAC9B,YAAY,CAAC,gBAAgB,CAAC,IAAI,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAEvD,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,uBAAC,YAAG,IACF,iBAAiB,EAAE,YAAY,CAAC,iBAAiB,EACjD,gBAAgB,EAAE,YAAY,CAAC,gBAAgB,GAC/C,EAED,YAAY,CAAC,oBAAoB,KAAK,KAAK,IAAI,uBAAC,kCAAiB,KAAG,IAC3D,IACF,CACb,CAAC;AACJ,CAAC;AAnED,0DAmEC;AAED,MAAM,YAAY,GAAG,eAAe,CAAC,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAAC;IAClD,wBAAwB,EAAE;QACxB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,YAAY;QAC5B,OAAO,EAAE,kBAAO,CAAC,EAAE;QACnB,GAAG,EAAE,kBAAO,CAAC,EAAE;QACf,QAAQ,EAAE,mBAAQ,CAAC,EAAE;QACrB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,4BAA4B;QACxC,UAAU,EAAE;YACV,SAAS,EAAE,MAAM;SAClB;KACF;IACD,wBAAwB,EAAE;QACxB,OAAO,EAAE,kBAAO,CAAC,EAAE;QACnB,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC,CAAC"}
+{"version":3,"file":"InAppWalletFormUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InAppWalletFormUI.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,mEAAgE;AAChE,oGAAoF;AACpF,gEAA0D;AAC1D,sEAA0E;AAC1E,0EAA0E;AAC1E,uDAAiD;AACjD,6DAAuD;AACvD,2DAAsE;AACtE,2EAAkE;AAClE,2FAAqF;AAWrF;;GAEG;AACH,SAAgB,uBAAuB,CAAC,KAA6B;IACnE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAA,wCAAY,GAAE,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAgB,GAAE,CAAC;IAErD,MAAM,MAAM,GACV,MAAM,KAAK,KAAK,CAAC,MAAM,IAAI,aAAa,KAAK,KAAK,CAAC,MAAM;QACvD,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IAEnB,OAAO,CACL,wBAAC,oBAAS,IACR,UAAU,QACV,IAAI,EAAC,QAAQ,EACb,CAAC,EAAC,IAAI,EACN,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE;YACL,SAAS,EAAE,OAAO;SACnB,aAEA,SAAS,CAAC,CAAC,CAAC,CACX,6DACE,uBAAC,sBAAW,IACV,MAAM,EAAE,MAAM,EACd,KAAK,EACH,6DACG,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,uBAAC,YAAG,IACF,GAAG,EAAE,YAAY,CAAC,SAAS,EAC3B,KAAK,EAAE,mBAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,mBAAQ,CAAC,EAAE,EACnB,MAAM,EAAE,MAAM,GACd,CACH,EACD,uBAAC,6BAAU,cAAE,YAAY,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,GAAc,IAC5D,GAEL,EACF,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IAChB,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,uBAAC,oBAAS,IACR,MAAM,QACN,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,GAAG,EACV,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,YAE/B,uBAAC,0DAA0B,OAAK,KAAK,GAAI,GAC/B,EAEX,SAAS;gBACR,CAAC,YAAY,CAAC,oBAAoB,KAAK,KAAK;oBAC1C,YAAY,CAAC,iBAAiB;oBAC9B,YAAY,CAAC,gBAAgB,CAAC,IAAI,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAEvD,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,uBAAC,YAAG,IACF,iBAAiB,EAAE,YAAY,CAAC,iBAAiB,EACjD,gBAAgB,EAAE,YAAY,CAAC,gBAAgB,GAC/C,EAED,YAAY,CAAC,oBAAoB,KAAK,KAAK,IAAI,uBAAC,kCAAiB,KAAG,IAC3D,IACF,CACb,CAAC;AACJ,CAAC;AAnED,0DAmEC"}

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

@@ -7,8 +7,8 @@ const wallet_ui_states_provider_js_1 = require("../../providers/wallet-ui-states
 const screen_js_1 = require("../../ui/ConnectWallet/Modal/screen.js");
 const WalletEntryButton_js_1 = require("../../ui/ConnectWallet/WalletEntryButton.js");
 const constants_js_1 = require("../../ui/ConnectWallet/constants.js");
+const ConnectWalletSocialOptions_js_1 = require("../shared/ConnectWalletSocialOptions.js");
 const LoadingScreen_js_1 = require("../shared/LoadingScreen.js");
-const InAppWalletFormUI_js_1 = require("./InAppWalletFormUI.js");
 const useInAppWalletLocale_js_1 = require("./useInAppWalletLocale.js");
 /**
  *
@@ -18,7 +18,7 @@ function InAppWalletSelectionUI(props) {
     const { screen } = (0, screen_js_1.useScreenContext)();
     const { connectModal } = (0, useWalletConnectionCtx_js_1.useConnectUI)();
     const setData = (0, wallet_ui_states_provider_js_1.useSetSelectionData)();
-    const localeQuery = (0, useInAppWalletLocale_js_1.useInAppWalletLocale)();
+    const locale = (0, useInAppWalletLocale_js_1.useConnectLocale)();
     // do not show the "selectUI" if
     // modal is compact or
     // it is being rendered in Safe wallet
@@ -29,10 +29,10 @@ function InAppWalletSelectionUI(props) {
                 props.select();
             } }));
     }
-    if (!localeQuery.data) {
+    if (!locale) {
         return (0, jsx_runtime_1.jsx)(LoadingScreen_js_1.LoadingScreen, { height: "195px" });
     }
-    return ((0, jsx_runtime_1.jsx)(InAppWalletFormUI_js_1.InAppWalletFormUI, { locale: localeQuery.data, wallet: props.wallet, done: props.done, select: props.select, goBack: props.goBack }));
+    return ((0, jsx_runtime_1.jsx)(ConnectWalletSocialOptions_js_1.ConnectWalletSocialOptions, { locale: locale, wallet: props.wallet, done: props.done, select: props.select, goBack: props.goBack }));
 }
 exports.default = InAppWalletSelectionUI;
 //# sourceMappingURL=InAppWalletSelectionUI.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InAppWalletSelectionUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InAppWalletSelectionUI.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,oGAAoF;AACpF,+FAAmF;AACnF,sEAA0E;AAC1E,sFAAgF;AAChF,sEAAsE;AACtE,iEAA2D;AAC3D,iEAA2D;AAC3D,uEAAiE;AAEjE;;;GAGG;AACH,SAAS,sBAAsB,CAAC,KAK/B;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAgB,GAAE,CAAC;IACtC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,wCAAY,GAAE,CAAC;IACxC,MAAM,OAAO,GAAG,IAAA,kDAAmB,GAAE,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,8CAAoB,GAAE,CAAC;IAE3C,gCAAgC;IAChC,sBAAsB;IACtB,sCAAsC;IACtC,IACE,YAAY,CAAC,IAAI,KAAK,MAAM;QAC5B,CAAC,MAAM,KAAK,8BAAe,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC,EACpE,CAAC;QACD,OAAO,CACL,uBAAC,wCAAiB,IAChB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EACzB,YAAY,EAAE,GAAG,EAAE;gBACjB,OAAO,CAAC,EAAE,CAAC,CAAC;gBACZ,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACtB,OAAO,uBAAC,gCAAa,IAAC,MAAM,EAAC,OAAO,GAAG,CAAC;IAC1C,CAAC;IAED,OAAO,CACL,uBAAC,wCAAiB,IAChB,MAAM,EAAE,WAAW,CAAC,IAAI,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;AACJ,CAAC;AAED,kBAAe,sBAAsB,CAAC"}
+{"version":3,"file":"InAppWalletSelectionUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InAppWalletSelectionUI.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,oGAAoF;AACpF,+FAAmF;AACnF,sEAA0E;AAC1E,sFAAgF;AAChF,sEAAsE;AACtE,2FAAqF;AACrF,iEAA2D;AAC3D,uEAA6D;AAE7D;;;GAGG;AACH,SAAS,sBAAsB,CAAC,KAK/B;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAgB,GAAE,CAAC;IACtC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,wCAAY,GAAE,CAAC;IACxC,MAAM,OAAO,GAAG,IAAA,kDAAmB,GAAE,CAAC;IACtC,MAAM,MAAM,GAAG,IAAA,0CAAgB,GAAE,CAAC;IAElC,gCAAgC;IAChC,sBAAsB;IACtB,sCAAsC;IACtC,IACE,YAAY,CAAC,IAAI,KAAK,MAAM;QAC5B,CAAC,MAAM,KAAK,8BAAe,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC,EACpE,CAAC;QACD,OAAO,CACL,uBAAC,wCAAiB,IAChB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EACzB,YAAY,EAAE,GAAG,EAAE;gBACjB,OAAO,CAAC,EAAE,CAAC,CAAC;gBACZ,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,uBAAC,gCAAa,IAAC,MAAM,EAAC,OAAO,GAAG,CAAC;IAC1C,CAAC;IAED,OAAO,CACL,uBAAC,0DAA0B,IACzB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;AACJ,CAAC;AAED,kBAAe,sBAAsB,CAAC"}

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

@@ -36,7 +36,7 @@ function InputSelectionUI(props) {
                 }, "data-error": renderingError, children: [props.format === "phone" && ((0, jsx_runtime_1.jsx)(CountrySelector_js_1.CountrySelector, { countryCode: countryCodeInfo, setCountryCode: setCountryCodeInfo })), (0, jsx_runtime_1.jsx)(formElements_js_1.Input, { tabIndex: -1, placeholder: props.placeholder, style: {
                             flexGrow: 1,
                             padding: `${index_js_1.spacing.md} ${props.format === "phone" ? 0 : index_js_1.spacing.md}`,
-                        }, variant: "transparent", type: props.type, name: props.name, value: input, onChange: (e) => {
+                        }, variant: "transparent", type: props.type, name: props.name, value: input, disabled: props.disabled, onChange: (e) => {
                             setInput(e.target.value);
                             if (props.errorMessage) {
                                 setError(props.errorMessage(e.target.value));
@@ -48,7 +48,7 @@ function InputSelectionUI(props) {
                             if (e.key === "Enter") {
                                 handleSelect();
                             }
-                        } }), (0, jsx_runtime_1.jsx)(buttons_js_1.IconButton, { onClick: handleSelect, style: {
+                        } }), (0, jsx_runtime_1.jsx)(buttons_js_1.IconButton, { onClick: handleSelect, disabled: props.disabled, style: {
                             padding: index_js_1.spacing.md,
                             borderRadius: `0 ${index_js_1.radius.lg} ${index_js_1.radius.lg} 0`,
                         }, children: (0, jsx_runtime_1.jsx)(react_icons_1.ArrowRightIcon, { width: index_js_1.iconSize.md, height: index_js_1.iconSize.md }) })] }), showError && error && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xs" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "danger", size: "sm", children: error })] })), !(showError && error) &&

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

@@ -1 +1 @@
-{"version":3,"file":"InputSelectionUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InputSelectionUI.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InputSelectionUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InputSelectionUI.tsx"],"names":[],"mappings":"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"}

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

@@ -5,7 +5,7 @@ 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)(() => {
+exports.LinkButton = (0, elements_js_1.StyledButton)((_) => {
     const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
     return {
         all: "unset",

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

@@ -1 +1 @@
-{"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,GAAG,EAAE;IAC1D,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"}
+{"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/cjs/react/web/wallets/in-app/useInAppWalletLocale.js

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInAppWalletLocale = void 0;
-const react_query_1 = require("@tanstack/react-query");
+exports.useConnectLocale = void 0;
+const react_1 = require("react");
 const useWalletConnectionCtx_js_1 = require("../../../core/hooks/others/useWalletConnectionCtx.js");
-const getInAppWalletLocale_js_1 = require("./locale/getInAppWalletLocale.js");
+const getConnectLocale_js_1 = require("../shared/locale/getConnectLocale.js");
 /**
  * @internal
  */
-function useInAppWalletLocale() {
+function useConnectLocale() {
     const localeId = (0, useWalletConnectionCtx_js_1.useConnectUI)().locale;
-    return (0, react_query_1.useQuery)({
-        queryKey: ["inAppWalletLocale", localeId],
-        queryFn: () => (0, getInAppWalletLocale_js_1.getInAppWalletLocale)(localeId),
-        refetchOnMount: false,
-        refetchOnWindowFocus: false,
-    });
+    const [locale, setLocale] = (0, react_1.useState)(undefined);
+    (0, react_1.useEffect)(() => {
+        (0, getConnectLocale_js_1.getConnectLocale)(localeId).then((l) => {
+            setLocale(l);
+        });
+    }, [localeId]);
+    return locale;
 }
-exports.useInAppWalletLocale = useInAppWalletLocale;
+exports.useConnectLocale = useConnectLocale;
 //# sourceMappingURL=useInAppWalletLocale.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInAppWalletLocale.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/useInAppWalletLocale.ts"],"names":[],"mappings":";;;AAAA,uDAAiD;AACjD,oGAAoF;AACpF,8EAAwE;AAExE;;GAEG;AACH,SAAgB,oBAAoB;IAClC,MAAM,QAAQ,GAAG,IAAA,wCAAY,GAAE,CAAC,MAAM,CAAC;IACvC,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;QACzC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAA,8CAAoB,EAAC,QAAQ,CAAC;QAC7C,cAAc,EAAE,KAAK;QACrB,oBAAoB,EAAE,KAAK;KAC5B,CAAC,CAAC;AACL,CAAC;AARD,oDAQC"}
+{"version":3,"file":"useInAppWalletLocale.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/useInAppWalletLocale.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAC5C,oGAAoF;AACpF,8EAAwE;AAGxE;;GAEG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,QAAQ,GAAG,IAAA,wCAAY,GAAE,CAAC,MAAM,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAA4B,SAAS,CAAC,CAAC;IAE3E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAA,sCAAgB,EAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,SAAS,CAAC,CAAC,CAAC,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,MAAM,CAAC;AAChB,CAAC;AAXD,4CAWC"}

package/dist/cjs/react/web/wallets/shared/ConnectWalletSocialOptions.js

@@ -0,0 +1,188 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectWalletSocialOptions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_1 = require("@emotion/styled");
+const react_1 = require("react");
+const webStorage_js_1 = require("../../../../utils/storage/webStorage.js");
+const is_ecosystem_wallet_js_1 = require("../../../../wallets/ecosystem/is-ecosystem-wallet.js");
+const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
+const index_js_1 = require("../../../core/design-system/index.js");
+const useWalletConnectionCtx_js_1 = require("../../../core/hooks/others/useWalletConnectionCtx.js");
+const wallet_ui_states_provider_js_1 = require("../../providers/wallet-ui-states-provider.js");
+const WalletTypeRowButton_js_1 = require("../../ui/ConnectWallet/WalletTypeRowButton.js");
+const dataUris_js_1 = require("../../ui/ConnectWallet/icons/dataUris.js");
+const Img_js_1 = require("../../ui/components/Img.js");
+const TextDivider_js_1 = require("../../ui/components/TextDivider.js");
+const basic_js_1 = require("../../ui/components/basic.js");
+const buttons_js_1 = require("../../ui/components/buttons.js");
+const InputSelectionUI_js_1 = require("../in-app/InputSelectionUI.js");
+const socialIcons_js_1 = require("../in-app/socialIcons.js");
+const validateEmail_js_1 = require("../in-app/validateEmail.js");
+const openOauthSignInWindow_js_1 = require("./openOauthSignInWindow.js");
+const storage_js_1 = require("./storage.js");
+const defaultAuthOptions = [
+    "email",
+    "phone",
+    "google",
+    "apple",
+    "facebook",
+    "passkey",
+];
+/**
+ * @internal
+ */
+const ConnectWalletSocialOptions = (props) => {
+    const locale = props.locale;
+    const { chain, client, connectModal } = (0, useWalletConnectionCtx_js_1.useConnectUI)();
+    const { wallet } = props;
+    const setData = (0, wallet_ui_states_provider_js_1.useSetSelectionData)();
+    const themeObj = (0, CustomThemeProvider_js_1.useCustomTheme)();
+    const loginMethodsLabel = {
+        google: locale.signInWithGoogle,
+        facebook: locale.signInWithFacebook,
+        apple: locale.signInWithApple,
+    };
+    const authOptions = defaultAuthOptions; // TODO: Fetch these from the backend
+    const passKeyEnabled = authOptions.includes("passkey");
+    const emailIndex = authOptions.indexOf("email");
+    const isEmailEnabled = emailIndex !== -1;
+    const phoneIndex = authOptions.indexOf("phone");
+    const isPhoneEnabled = phoneIndex !== -1;
+    const [inputMode, setInputMode] = (0, react_1.useState)(() => {
+        if (isEmailEnabled && isPhoneEnabled) {
+            return emailIndex < phoneIndex ? "email" : "phone";
+        }
+        if (isEmailEnabled) {
+            return "email";
+        }
+        if (isPhoneEnabled) {
+            return "phone";
+        }
+        return "none";
+    });
+    const placeholder = inputMode === "email" ? locale.emailPlaceholder : locale.phonePlaceholder;
+    const emptyErrorMessage = inputMode === "email" ? locale.emailRequired : locale.phoneRequired;
+    let type = "text";
+    if (inputMode === "email") {
+        type = "email";
+    }
+    else if (inputMode === "phone") {
+        type = "tel";
+    }
+    const socialLogins = authOptions.filter((x) => x === "google" || x === "apple" || x === "facebook");
+    const hasSocialLogins = socialLogins.length > 0;
+    // Need to trigger login on button click to avoid popup from being blocked
+    const handleSocialLogin = async (strategy) => {
+        try {
+            const socialLoginWindow = (0, openOauthSignInWindow_js_1.openOauthSignInWindow)(strategy, themeObj);
+            if (!socialLoginWindow) {
+                throw new Error("Failed to open login window");
+            }
+            const connectOptions = {
+                chain,
+                client,
+                strategy,
+                openedWindow: socialLoginWindow,
+                closeOpenedWindow: (openedWindow) => {
+                    openedWindow.close();
+                },
+            };
+            const connectPromise = (0, is_ecosystem_wallet_js_1.isEcosystemWallet)(wallet)
+                ? wallet.connect({
+                    ...connectOptions,
+                    ecosystem: {
+                        id: wallet.id,
+                        partnerId: wallet.getConfig()?.partnerId,
+                    },
+                })
+                : wallet.connect(connectOptions);
+            await (0, storage_js_1.setLastAuthProvider)(strategy, webStorage_js_1.webLocalStorage);
+            setData({
+                socialLogin: {
+                    type: strategy,
+                    connectionPromise: connectPromise,
+                },
+            });
+            props.select(); // show Connect UI
+            // Note: do not call done() here, it will be called InAppWalletSocialLogin component
+            // we simply trigger the connect and save promise here - its resolution is handled in InAppWalletSocialLogin
+        }
+        catch (e) {
+            console.error(`Error sign in with ${strategy}`, e);
+        }
+    };
+    function handlePassKeyLogin() {
+        setData({
+            passkeyLogin: true,
+        });
+        props.select();
+    }
+    const showOnlyIcons = socialLogins.length > 1;
+    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "md", style: {
+            position: "relative",
+        }, children: [hasSocialLogins && ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: showOnlyIcons ? "row" : "column", center: "x", gap: "sm", style: {
+                    justifyContent: "space-between",
+                }, children: socialLogins.map((loginMethod) => {
+                    const imgIconSize = showOnlyIcons ? index_js_1.iconSize.lg : index_js_1.iconSize.md;
+                    return ((0, jsx_runtime_1.jsxs)(SocialButton, { "aria-label": `Login with ${loginMethod}`, "data-variant": showOnlyIcons ? "icon" : "full", variant: "outline", fullWidth: !showOnlyIcons, onClick: () => {
+                            handleSocialLogin(loginMethod);
+                        }, children: [(0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: socialIcons_js_1.socialIcons[loginMethod], width: imgIconSize, height: imgIconSize, client: client }), !showOnlyIcons && loginMethodsLabel[loginMethod]] }, loginMethod));
+                }) })), connectModal.size === "wide" &&
+                hasSocialLogins &&
+                (isEmailEnabled || isPhoneEnabled) && (0, jsx_runtime_1.jsx)(TextDivider_js_1.TextDivider, { text: locale.or }), isEmailEnabled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: inputMode === "email" ? ((0, jsx_runtime_1.jsx)(InputSelectionUI_js_1.InputSelectionUI, { type: type, onSelect: (value) => {
+                        setData({ emailLogin: value });
+                        props.select();
+                    }, placeholder: placeholder, name: "email", errorMessage: (input) => {
+                        const isValidEmail = (0, validateEmail_js_1.validateEmail)(input.toLowerCase());
+                        if (!isValidEmail) {
+                            return locale.invalidEmail;
+                        }
+                        return undefined;
+                    }, emptyErrorMessage: emptyErrorMessage, submitButtonText: locale.submitEmail })) : ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: client, icon: dataUris_js_1.emailIcon, onClick: () => {
+                        setInputMode("email");
+                    }, 
+                    // TODO locale
+                    title: "Email address" })) })), isPhoneEnabled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: inputMode === "phone" ? ((0, jsx_runtime_1.jsx)(InputSelectionUI_js_1.InputSelectionUI, { format: "phone", type: type, onSelect: (value) => {
+                        // removes white spaces and special characters
+                        setData({ phoneLogin: value.replace(/[-\(\) ]/g, "") });
+                        props.select();
+                    }, placeholder: placeholder, name: "phone", errorMessage: (_input) => {
+                        // removes white spaces and special characters
+                        const input = _input.replace(/[-\(\) ]/g, "");
+                        const isPhone = /^[0-9]+$/.test(input);
+                        if (!isPhone && isPhoneEnabled) {
+                            return locale.invalidPhone;
+                        }
+                        return undefined;
+                    }, emptyErrorMessage: emptyErrorMessage, submitButtonText: locale.submitEmail })) : ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: client, icon: dataUris_js_1.phoneIcon, onClick: () => {
+                        setInputMode("phone");
+                    }, 
+                    // TODO locale
+                    title: "Phone number" })) })), passKeyEnabled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: client, icon: dataUris_js_1.passkeyIcon, onClick: () => {
+                        handlePassKeyLogin();
+                    }, 
+                    // TODO locale
+                    title: "Passkey" }) }))] }));
+};
+exports.ConnectWalletSocialOptions = ConnectWalletSocialOptions;
+const SocialButton = /* @__PURE__ */ (0, styled_1.default)(buttons_js_1.Button)({
+    "&[data-variant='full']": {
+        display: "flex",
+        justifyContent: "flex-start",
+        padding: index_js_1.spacing.md,
+        gap: index_js_1.spacing.md,
+        fontSize: index_js_1.fontSize.md,
+        fontWeight: 500,
+        transition: "background-color 0.2s ease",
+        "&:active": {
+            boxShadow: "none",
+        },
+    },
+    "&[data-variant='icon']": {
+        padding: index_js_1.spacing.sm,
+        flexGrow: 1,
+    },
+});
+//# sourceMappingURL=ConnectWalletSocialOptions.js.map

package/dist/cjs/react/web/wallets/shared/ConnectWalletSocialOptions.js.map

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

package/dist/cjs/react/web/wallets/shared/ConnectingScreen.js

@@ -15,17 +15,17 @@ const text_js_1 = require("../../ui/components/text.js");
  */
 const ConnectingScreen = (props) => {
     const { locale } = props;
-    const { connectModal } = (0, useWalletConnectionCtx_js_1.useConnectUI)();
+    const { client, connectModal } = (0, useWalletConnectionCtx_js_1.useConnectUI)();
     return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { animate: "fadein", fullHeight: true, flex: "column", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { p: "lg", style: {
                     paddingBottom: 0,
                 }, children: (0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: props.walletName, onBack: props.onBack }) }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", center: "y", expand: true, px: connectModal.size === "compact" ? "lg" : "xxl", relative: true, style: {
                     paddingTop: 0,
-                }, children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { py: "3xl", children: (0, jsx_runtime_1.jsx)(WalletLogoSpinner_js_1.WalletLogoSpinner, { error: props.errorConnecting, id: props.walletId }) }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { animate: "fadein", style: {
+                }, children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { py: "3xl", children: (0, jsx_runtime_1.jsx)(WalletLogoSpinner_js_1.WalletLogoSpinner, { client: client, error: props.errorConnecting, id: props.walletId }) }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { animate: "fadein", style: {
                             animationDuration: "200ms",
                         }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "primaryText", size: "lg", weight: 600, children: props.errorConnecting ? locale.failed : locale.inProgress }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), !props.errorConnecting ? ((0, jsx_runtime_1.jsx)(text_js_1.Text, { balance: true, center: true, multiline: true, children: locale.instruction })) : ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", center: "x", animate: "fadein", children: (0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { fullWidth: true, variant: "accent", onClick: props.onRetry, style: {
                                         gap: index_js_1.spacing.xs,
                                         alignItems: "center",
-                                    }, children: [(0, jsx_runtime_1.jsx)(react_icons_1.ReloadIcon, { width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm }), " ", locale.tryAgain] }) }))] })] }), props.onGetStarted && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", center: "x", p: "lg", children: (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "link", onClick: props.onGetStarted, children: locale.getStartedLink }) })] }))] }));
+                                    }, children: [(0, jsx_runtime_1.jsx)(react_icons_1.ReloadIcon, { width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm }), " ", locale.tryAgain] }) }))] })] }), props.onGetStarted ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", center: "x", p: "lg", children: (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "link", onClick: props.onGetStarted, children: locale.getStartedLink }) })] })) : ((0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: connectModal.size === "compact" ? "lg" : "xxl" }))] }));
 };
 exports.ConnectingScreen = ConnectingScreen;
 //# sourceMappingURL=ConnectingScreen.js.map