thirdweb 5.30.0-nightly-33777df88fb190c2af8ad25e4930040884996f1e-20240620000630 → 5.30.0-nightly-d320777eea5404f596aa39b2b49b5165d3e1959a-20240621000551

package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletHeader.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { iconSize, radius } from "../../../core/design-system/index.js";
+import { Img } from "../../ui/components/Img.js";
+import { Skeleton } from "../../ui/components/Skeleton.js";
+import { ModalHeader } from "../../ui/components/basic.js";
+import { ModalTitle } from "../../ui/components/modalElements.js";
+import { useWalletInfo } from "../../ui/hooks/useWalletInfo.js";
+/**
+ * @internal
+ */
+export function EcosystemWalletHeader(props) {
+    const walletInfo = useWalletInfo(props.wallet.id);
+    return (_jsx(ModalHeader, { onBack: props.onBack, title: _jsx(_Fragment, { children: walletInfo.isLoading ? (_jsx(Skeleton, { height: "24px", width: "200px" })) : (_jsxs(_Fragment, { children: [!walletInfo.data?.image_id ? null : (_jsx(Img, { src: walletInfo.data?.image_id, style: {
+                            borderRadius: radius.sm,
+                        }, width: iconSize.md, height: iconSize.md, client: props.client })), _jsx(ModalTitle, { children: walletInfo.data?.name })] })) }) }));
+}
+//# sourceMappingURL=EcosystemWalletHeader.js.map

package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcosystemWalletHeader.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/ecosystem/EcosystemWalletHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAIrC;IACC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAElD,OAAO,CACL,KAAC,WAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EACH,4BACG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,QAAQ,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CACzC,CAAC,CAAC,CAAC,CACF,8BACG,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,KAAC,GAAG,IACF,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE,QAAQ,EAC9B,KAAK,EAAE;4BACL,YAAY,EAAE,MAAM,CAAC,EAAE;yBACxB,EACD,KAAK,EAAE,QAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,QAAQ,CAAC,EAAE,EACnB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,EACD,KAAC,UAAU,cAAE,UAAU,CAAC,IAAI,EAAE,IAAI,GAAc,IAC/C,CACJ,GACA,GAEL,CACH,CAAC;AACJ,CAAC"}

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

@@ -43,7 +43,7 @@ const Option = /* @__PURE__ */ StyledOption(() => {
         },
     };
 });
-const Select = /* @__PURE__ */ StyledSelect(() => {
+const Select = /* @__PURE__ */ StyledSelect((_) => {
     const theme = useCustomTheme();
     return {
         fontSize: fontSize.sm,

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

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

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

@@ -3,11 +3,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useConnectUI } from "../../../core/hooks/others/useWalletConnectionCtx.js";
 import { useSelectionData, useSetSelectionData, } from "../../providers/wallet-ui-states-provider.js";
 import { LoadingScreen } from "../shared/LoadingScreen.js";
+import { OTPLoginUI } from "../shared/OTPLoginUI.js";
+import { PassKeyLogin } from "../shared/PassKeyLogin.js";
+import { SocialLogin } from "../shared/SocialLogin.js";
 import { InAppWalletFormUIScreen } from "./InAppWalletFormUI.js";
-import { InAppWalletOTPLoginUI } from "./InAppWalletOTPLoginUI.js";
-import { InAppWalletPassKeyLogin } from "./InAppWalletPassKeyLogin.js";
-import { InAppWalletSocialLogin } from "./InAppWalletSocialLogin.js";
-import { useInAppWalletLocale } from "./useInAppWalletLocale.js";
+import { useConnectLocale } from "./useInAppWalletLocale.js";
 /**
  *
  * @internal
@@ -16,9 +16,9 @@ function InAppWalletConnectUI(props) {
     const data = useSelectionData();
     const setSelectionData = useSetSelectionData();
     const state = data;
-    const localeQuery = useInAppWalletLocale();
+    const locale = useConnectLocale();
     const { connectModal } = useConnectUI();
-    if (!localeQuery.data) {
+    if (!locale) {
         return _jsx(LoadingScreen, {});
     }
     const goBackToMain = connectModal.size === "compact"
@@ -32,15 +32,15 @@ function InAppWalletConnectUI(props) {
             ? { phone: state.phoneLogin }
             : undefined;
     if (otpUserInfo) {
-        return (_jsx(InAppWalletOTPLoginUI, { userInfo: otpUserInfo, locale: localeQuery.data, done: props.done, goBack: goBackToMain, wallet: props.wallet }));
+        return (_jsx(OTPLoginUI, { userInfo: otpUserInfo, locale: locale, done: props.done, goBack: goBackToMain, wallet: props.wallet }));
     }
     if (state?.passkeyLogin) {
-        return (_jsx(InAppWalletPassKeyLogin, { wallet: props.wallet, done: props.done, onBack: goBackToMain }));
+        return (_jsx(PassKeyLogin, { wallet: props.wallet, done: props.done, onBack: goBackToMain }));
     }
     if (state?.socialLogin) {
-        return (_jsx(InAppWalletSocialLogin, { socialAuth: state.socialLogin.type, locale: localeQuery.data, done: props.done, goBack: goBackToMain, wallet: props.wallet, state: state }));
+        return (_jsx(SocialLogin, { socialAuth: state.socialLogin.type, locale: locale, done: props.done, goBack: goBackToMain, wallet: props.wallet, state: state }));
     }
-    return (_jsx(InAppWalletFormUIScreen, { select: () => { }, locale: localeQuery.data, done: props.done, goBack: props.goBack, wallet: props.wallet }));
+    return (_jsx(InAppWalletFormUIScreen, { select: () => { }, locale: locale, done: props.done, goBack: props.goBack, wallet: props.wallet }));
 }
 export default InAppWalletConnectUI;
 //# sourceMappingURL=InAppWalletConnectUI.js.map

package/dist/esm/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,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACpF,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,SAAS,oBAAoB,CAAC,KAI7B;IACC,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,IAAgC,CAAC;IAC/C,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC;IAExC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACtB,OAAO,KAAC,aAAa,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,KAAC,qBAAqB,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,KAAC,uBAAuB,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,KAAC,sBAAsB,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,KAAC,uBAAuB,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,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"InAppWalletConnectUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InAppWalletConnectUI.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACpF,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,8CAA8C,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;GAGG;AACH,SAAS,oBAAoB,CAAC,KAI7B;IACC,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,IAAkC,CAAC;IACjD,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC;IAExC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,KAAC,aAAa,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,KAAC,UAAU,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,KAAC,YAAY,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,KAAC,WAAW,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,KAAC,uBAAuB,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,eAAe,oBAAoB,CAAC"}

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

@@ -1,171 +1,15 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import styled from "@emotion/styled";
-import { useState } from "react";
-import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
-import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
-import { fontSize, iconSize, spacing, } from "../../../core/design-system/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { iconSize } from "../../../core/design-system/index.js";
 import { useConnectUI } from "../../../core/hooks/others/useWalletConnectionCtx.js";
-import { useSetSelectionData } from "../../providers/wallet-ui-states-provider.js";
 import { TOS } from "../../ui/ConnectWallet/Modal/TOS.js";
 import { useScreenContext } from "../../ui/ConnectWallet/Modal/screen.js";
 import { PoweredByThirdweb } from "../../ui/ConnectWallet/PoweredByTW.js";
-import { WalletTypeRowButton } from "../../ui/ConnectWallet/WalletTypeRowButton.js";
-import { emailIcon, passkeyIcon, phoneIcon, } from "../../ui/ConnectWallet/icons/dataUris.js";
 import { Img } from "../../ui/components/Img.js";
 import { Spacer } from "../../ui/components/Spacer.js";
-import { TextDivider } from "../../ui/components/TextDivider.js";
 import { Container, ModalHeader } from "../../ui/components/basic.js";
-import { Button } from "../../ui/components/buttons.js";
 import { ModalTitle } from "../../ui/components/modalElements.js";
-import { InputSelectionUI } from "./InputSelectionUI.js";
-import { openOauthSignInWindow } from "./openOauthSignInWindow.js";
-import { socialIcons } from "./socialIcons.js";
-import { setLastAuthProvider } from "./storage.js";
-import { validateEmail } from "./validateEmail.js";
-const defaultAuthOptions = [
-    "email",
-    "phone",
-    "google",
-    "apple",
-    "facebook",
-    "passkey",
-];
-/**
- * @internal
- */
-export const InAppWalletFormUI = (props) => {
-    const locale = props.locale;
-    const { chain, client, connectModal } = useConnectUI();
-    const { wallet } = props;
-    const setData = useSetSelectionData();
-    const themeObj = 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] = 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 = 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 setLastAuthProvider(strategy, 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 (_jsxs(Container, { flex: "column", gap: "md", style: {
-            position: "relative",
-        }, children: [config?.metadata?.image && (_jsx(Container, { flex: "row", center: "both", children: _jsx(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 && (_jsx(Container, { flex: showOnlyIcons ? "row" : "column", center: "x", gap: "sm", style: {
-                    justifyContent: "space-between",
-                }, children: socialLogins.map((loginMethod) => {
-                    const imgIconSize = showOnlyIcons ? iconSize.lg : iconSize.md;
-                    return (_jsxs(SocialButton, { "aria-label": `Login with ${loginMethod}`, "data-variant": showOnlyIcons ? "icon" : "full", variant: "outline", fullWidth: !showOnlyIcons, onClick: () => {
-                            handleSocialLogin(loginMethod);
-                        }, children: [_jsx(Img, { src: socialIcons[loginMethod], width: imgIconSize, height: imgIconSize, client: client }), !showOnlyIcons && loginMethodsLabel[loginMethod]] }, loginMethod));
-                }) })), connectModal.size === "wide" &&
-                hasSocialLogins &&
-                (isEmailEnabled || isPhoneEnabled) && _jsx(TextDivider, { text: locale.or }), isEmailEnabled && (_jsx(_Fragment, { children: inputMode === "email" ? (_jsx(InputSelectionUI, { type: type, onSelect: (value) => {
-                        setData({ emailLogin: value });
-                        props.select();
-                    }, placeholder: placeholder, name: "email", errorMessage: (input) => {
-                        const isValidEmail = validateEmail(input.toLowerCase());
-                        if (!isValidEmail) {
-                            return locale.invalidEmail;
-                        }
-                        return undefined;
-                    }, emptyErrorMessage: emptyErrorMessage, submitButtonText: locale.submitEmail })) : (_jsx(WalletTypeRowButton, { client: client, icon: emailIcon, onClick: () => {
-                        setInputMode("email");
-                    }, 
-                    // TODO locale
-                    title: "Email address" })) })), isPhoneEnabled && (_jsx(_Fragment, { children: inputMode === "phone" ? (_jsx(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 })) : (_jsx(WalletTypeRowButton, { client: client, icon: phoneIcon, onClick: () => {
-                        setInputMode("phone");
-                    }, 
-                    // TODO locale
-                    title: "Phone number" })) })), passKeyEnabled && (_jsx(_Fragment, { children: _jsx(WalletTypeRowButton, { client: client, icon: passkeyIcon, onClick: () => {
-                        handlePassKeyLogin();
-                    }, 
-                    // TODO locale
-                    title: "Passkey" }) }))] }));
-};
+import { ConnectWalletSocialOptions } from "../shared/ConnectWalletSocialOptions.js";
 /**
  * @internal
  */
@@ -179,27 +23,9 @@ export function InAppWalletFormUIScreen(props) {
         : props.goBack;
     return (_jsxs(Container, { fullHeight: true, flex: "column", p: "lg", animate: "fadein", style: {
             minHeight: "250px",
-        }, children: [isCompact ? (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { onBack: onBack, title: _jsxs(_Fragment, { children: [!connectModal.titleIcon ? null : (_jsx(Img, { src: connectModal.titleIcon, width: iconSize.md, height: iconSize.md, client: client })), _jsx(ModalTitle, { children: connectModal.title ?? locale.title })] }) }), _jsx(Spacer, { y: "lg" })] })) : null, _jsx(Container, { expand: true, flex: "column", center: "y", p: isCompact ? undefined : "lg", children: _jsx(InAppWalletFormUI, { ...props }) }), isCompact &&
+        }, children: [isCompact ? (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { onBack: onBack, title: _jsxs(_Fragment, { children: [!connectModal.titleIcon ? null : (_jsx(Img, { src: connectModal.titleIcon, width: iconSize.md, height: iconSize.md, client: client })), _jsx(ModalTitle, { children: connectModal.title ?? locale.title })] }) }), _jsx(Spacer, { y: "lg" })] })) : null, _jsx(Container, { expand: true, flex: "column", center: "y", p: isCompact ? undefined : "lg", children: _jsx(ConnectWalletSocialOptions, { ...props }) }), isCompact &&
                 (connectModal.showThirdwebBranding !== false ||
                     connectModal.termsOfServiceUrl ||
                     connectModal.privacyPolicyUrl) && _jsx(Spacer, { y: "xl" }), _jsxs(Container, { flex: "column", gap: "lg", children: [_jsx(TOS, { termsOfServiceUrl: connectModal.termsOfServiceUrl, privacyPolicyUrl: connectModal.privacyPolicyUrl }), connectModal.showThirdwebBranding !== false && _jsx(PoweredByThirdweb, {})] })] }));
 }
-const SocialButton = /* @__PURE__ */ styled(Button)({
-    "&[data-variant='full']": {
-        display: "flex",
-        justifyContent: "flex-start",
-        padding: spacing.md,
-        gap: spacing.md,
-        fontSize: fontSize.md,
-        fontWeight: 500,
-        transition: "background-color 0.2s ease",
-        "&:active": {
-            boxShadow: "none",
-        },
-    },
-    "&[data-variant='icon']": {
-        padding: spacing.sm,
-        flexGrow: 1,
-    },
-});
 //# sourceMappingURL=InAppWalletFormUI.js.map

package/dist/esm/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":"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"}
+{"version":3,"file":"InAppWalletFormUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InAppWalletFormUI.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAWrF;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAA6B;IACnE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,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,MAAC,SAAS,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,8BACE,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,KAAK,EACH,8BACG,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,KAAC,GAAG,IACF,GAAG,EAAE,YAAY,CAAC,SAAS,EAC3B,KAAK,EAAE,QAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,QAAQ,CAAC,EAAE,EACnB,MAAM,EAAE,MAAM,GACd,CACH,EACD,KAAC,UAAU,cAAE,YAAY,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,GAAc,IAC5D,GAEL,EACF,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IAChB,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,SAAS,IACR,MAAM,QACN,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,GAAG,EACV,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,YAE/B,KAAC,0BAA0B,OAAK,KAAK,GAAI,GAC/B,EAEX,SAAS;gBACR,CAAC,YAAY,CAAC,oBAAoB,KAAK,KAAK;oBAC1C,YAAY,CAAC,iBAAiB;oBAC9B,YAAY,CAAC,gBAAgB,CAAC,IAAI,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAEvD,MAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,KAAC,GAAG,IACF,iBAAiB,EAAE,YAAY,CAAC,iBAAiB,EACjD,gBAAgB,EAAE,YAAY,CAAC,gBAAgB,GAC/C,EAED,YAAY,CAAC,oBAAoB,KAAK,KAAK,IAAI,KAAC,iBAAiB,KAAG,IAC3D,IACF,CACb,CAAC;AACJ,CAAC"}

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

@@ -5,9 +5,9 @@ import { useSetSelectionData } from "../../providers/wallet-ui-states-provider.j
 import { useScreenContext } from "../../ui/ConnectWallet/Modal/screen.js";
 import { WalletEntryButton } from "../../ui/ConnectWallet/WalletEntryButton.js";
 import { reservedScreens } from "../../ui/ConnectWallet/constants.js";
+import { ConnectWalletSocialOptions } from "../shared/ConnectWalletSocialOptions.js";
 import { LoadingScreen } from "../shared/LoadingScreen.js";
-import { InAppWalletFormUI } from "./InAppWalletFormUI.js";
-import { useInAppWalletLocale } from "./useInAppWalletLocale.js";
+import { useConnectLocale } from "./useInAppWalletLocale.js";
 /**
  *
  * @internal
@@ -16,7 +16,7 @@ function InAppWalletSelectionUI(props) {
     const { screen } = useScreenContext();
     const { connectModal } = useConnectUI();
     const setData = useSetSelectionData();
-    const localeQuery = useInAppWalletLocale();
+    const locale = useConnectLocale();
     // do not show the "selectUI" if
     // modal is compact or
     // it is being rendered in Safe wallet
@@ -27,10 +27,10 @@ function InAppWalletSelectionUI(props) {
                 props.select();
             } }));
     }
-    if (!localeQuery.data) {
+    if (!locale) {
         return _jsx(LoadingScreen, { height: "195px" });
     }
-    return (_jsx(InAppWalletFormUI, { locale: localeQuery.data, wallet: props.wallet, done: props.done, select: props.select, goBack: props.goBack }));
+    return (_jsx(ConnectWalletSocialOptions, { locale: locale, wallet: props.wallet, done: props.done, select: props.select, goBack: props.goBack }));
 }
 export default InAppWalletSelectionUI;
 //# sourceMappingURL=InAppWalletSelectionUI.js.map

package/dist/esm/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,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,SAAS,sBAAsB,CAAC,KAK/B;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAE3C,gCAAgC;IAChC,sBAAsB;IACtB,sCAAsC;IACtC,IACE,YAAY,CAAC,IAAI,KAAK,MAAM;QAC5B,CAAC,MAAM,KAAK,eAAe,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC,EACpE,CAAC;QACD,OAAO,CACL,KAAC,iBAAiB,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,KAAC,aAAa,IAAC,MAAM,EAAC,OAAO,GAAG,CAAC;IAC1C,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,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,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"InAppWalletSelectionUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InAppWalletSelectionUI.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;GAGG;AACH,SAAS,sBAAsB,CAAC,KAK/B;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAElC,gCAAgC;IAChC,sBAAsB;IACtB,sCAAsC;IACtC,IACE,YAAY,CAAC,IAAI,KAAK,MAAM;QAC5B,CAAC,MAAM,KAAK,eAAe,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC,EACpE,CAAC;QACD,OAAO,CACL,KAAC,iBAAiB,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,KAAC,aAAa,IAAC,MAAM,EAAC,OAAO,GAAG,CAAC;IAC1C,CAAC;IAED,OAAO,CACL,KAAC,0BAA0B,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,eAAe,sBAAsB,CAAC"}

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

@@ -2,7 +2,7 @@
 import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
 import { fontSize } from "../../../core/design-system/index.js";
 import { StyledButton } from "../../ui/design-system/elements.js";
-export const LinkButton = /* @__PURE__ */ StyledButton(() => {
+export const LinkButton = /* @__PURE__ */ StyledButton((_) => {
     const theme = useCustomTheme();
     return {
         all: "unset",

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

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

@@ -1,16 +1,17 @@
-import { useQuery } from "@tanstack/react-query";
+import { useEffect, useState } from "react";
 import { useConnectUI } from "../../../core/hooks/others/useWalletConnectionCtx.js";
-import { getInAppWalletLocale } from "./locale/getInAppWalletLocale.js";
+import { getConnectLocale } from "../shared/locale/getConnectLocale.js";
 /**
  * @internal
  */
-export function useInAppWalletLocale() {
+export function useConnectLocale() {
     const localeId = useConnectUI().locale;
-    return useQuery({
-        queryKey: ["inAppWalletLocale", localeId],
-        queryFn: () => getInAppWalletLocale(localeId),
-        refetchOnMount: false,
-        refetchOnWindowFocus: false,
-    });
+    const [locale, setLocale] = useState(undefined);
+    useEffect(() => {
+        getConnectLocale(localeId).then((l) => {
+            setLocale(l);
+        });
+    }, [localeId]);
+    return locale;
 }
 //# sourceMappingURL=useInAppWalletLocale.js.map

package/dist/esm/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,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAClC,MAAM,QAAQ,GAAG,YAAY,EAAE,CAAC,MAAM,CAAC;IACvC,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;QACzC,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,QAAQ,CAAC;QAC7C,cAAc,EAAE,KAAK;QACrB,oBAAoB,EAAE,KAAK;KAC5B,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"useInAppWalletLocale.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/useInAppWalletLocale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,QAAQ,GAAG,YAAY,EAAE,CAAC,MAAM,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA4B,SAAS,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,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"}

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

@@ -0,0 +1,184 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import { useState } from "react";
+import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
+import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
+import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
+import { fontSize, iconSize, spacing, } from "../../../core/design-system/index.js";
+import { useConnectUI } from "../../../core/hooks/others/useWalletConnectionCtx.js";
+import { useSetSelectionData } from "../../providers/wallet-ui-states-provider.js";
+import { WalletTypeRowButton } from "../../ui/ConnectWallet/WalletTypeRowButton.js";
+import { emailIcon, passkeyIcon, phoneIcon, } from "../../ui/ConnectWallet/icons/dataUris.js";
+import { Img } from "../../ui/components/Img.js";
+import { TextDivider } from "../../ui/components/TextDivider.js";
+import { Container } from "../../ui/components/basic.js";
+import { Button } from "../../ui/components/buttons.js";
+import { InputSelectionUI } from "../in-app/InputSelectionUI.js";
+import { socialIcons } from "../in-app/socialIcons.js";
+import { validateEmail } from "../in-app/validateEmail.js";
+import { openOauthSignInWindow } from "./openOauthSignInWindow.js";
+import { setLastAuthProvider } from "./storage.js";
+const defaultAuthOptions = [
+    "email",
+    "phone",
+    "google",
+    "apple",
+    "facebook",
+    "passkey",
+];
+/**
+ * @internal
+ */
+export const ConnectWalletSocialOptions = (props) => {
+    const locale = props.locale;
+    const { chain, client, connectModal } = useConnectUI();
+    const { wallet } = props;
+    const setData = useSetSelectionData();
+    const themeObj = 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] = 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 = 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 = isEcosystemWallet(wallet)
+                ? wallet.connect({
+                    ...connectOptions,
+                    ecosystem: {
+                        id: wallet.id,
+                        partnerId: wallet.getConfig()?.partnerId,
+                    },
+                })
+                : wallet.connect(connectOptions);
+            await setLastAuthProvider(strategy, 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 (_jsxs(Container, { flex: "column", gap: "md", style: {
+            position: "relative",
+        }, children: [hasSocialLogins && (_jsx(Container, { flex: showOnlyIcons ? "row" : "column", center: "x", gap: "sm", style: {
+                    justifyContent: "space-between",
+                }, children: socialLogins.map((loginMethod) => {
+                    const imgIconSize = showOnlyIcons ? iconSize.lg : iconSize.md;
+                    return (_jsxs(SocialButton, { "aria-label": `Login with ${loginMethod}`, "data-variant": showOnlyIcons ? "icon" : "full", variant: "outline", fullWidth: !showOnlyIcons, onClick: () => {
+                            handleSocialLogin(loginMethod);
+                        }, children: [_jsx(Img, { src: socialIcons[loginMethod], width: imgIconSize, height: imgIconSize, client: client }), !showOnlyIcons && loginMethodsLabel[loginMethod]] }, loginMethod));
+                }) })), connectModal.size === "wide" &&
+                hasSocialLogins &&
+                (isEmailEnabled || isPhoneEnabled) && _jsx(TextDivider, { text: locale.or }), isEmailEnabled && (_jsx(_Fragment, { children: inputMode === "email" ? (_jsx(InputSelectionUI, { type: type, onSelect: (value) => {
+                        setData({ emailLogin: value });
+                        props.select();
+                    }, placeholder: placeholder, name: "email", errorMessage: (input) => {
+                        const isValidEmail = validateEmail(input.toLowerCase());
+                        if (!isValidEmail) {
+                            return locale.invalidEmail;
+                        }
+                        return undefined;
+                    }, emptyErrorMessage: emptyErrorMessage, submitButtonText: locale.submitEmail })) : (_jsx(WalletTypeRowButton, { client: client, icon: emailIcon, onClick: () => {
+                        setInputMode("email");
+                    }, 
+                    // TODO locale
+                    title: "Email address" })) })), isPhoneEnabled && (_jsx(_Fragment, { children: inputMode === "phone" ? (_jsx(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 })) : (_jsx(WalletTypeRowButton, { client: client, icon: phoneIcon, onClick: () => {
+                        setInputMode("phone");
+                    }, 
+                    // TODO locale
+                    title: "Phone number" })) })), passKeyEnabled && (_jsx(_Fragment, { children: _jsx(WalletTypeRowButton, { client: client, icon: passkeyIcon, onClick: () => {
+                        handlePassKeyLogin();
+                    }, 
+                    // TODO locale
+                    title: "Passkey" }) }))] }));
+};
+const SocialButton = /* @__PURE__ */ styled(Button)({
+    "&[data-variant='full']": {
+        display: "flex",
+        justifyContent: "flex-start",
+        padding: spacing.md,
+        gap: spacing.md,
+        fontSize: fontSize.md,
+        fontWeight: 500,
+        transition: "background-color 0.2s ease",
+        "&:active": {
+            boxShadow: "none",
+        },
+    },
+    "&[data-variant='icon']": {
+        padding: spacing.sm,
+        flexGrow: 1,
+    },
+});
+//# sourceMappingURL=ConnectWalletSocialOptions.js.map