thirdweb 5.30.0-nightly-33777df88fb190c2af8ad25e4930040884996f1e-20240620000630 → 5.30.0-nightly-fab5cd43bed972b0a3f70f0f39a790349672ba72-20240620192731

package/dist/cjs/react/web/utils/usePreloadWalletProviders.js

@@ -3,21 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePreloadWalletProviders = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const constants_js_1 = require("../../../wallets/constants.js");
+const is_ecosystem_wallet_js_1 = require("../../../wallets/ecosystem/is-ecosystem-wallet.js");
 function usePreloadWalletProviders({ client, wallets, }) {
     (0, react_query_1.useQueries)({
         queries: wallets
-            .filter((w) => w.id === constants_js_1.COINBASE || w.id === "inApp")
+            .filter((w) => w.id === constants_js_1.COINBASE || w.id === "inApp" || (0, is_ecosystem_wallet_js_1.isEcosystemWallet)(w.id))
             .map((w) => ({
             queryKey: ["preload-wallet", w.id],
             queryFn: async () => {
-                switch (w.id) {
-                    case constants_js_1.COINBASE: {
+                switch (true) {
+                    case constants_js_1.COINBASE === w.id: {
                         const { getCoinbaseWebProvider } = await Promise.resolve().then(() => require("../../../wallets/coinbase/coinbaseWebSDK.js"));
                         await getCoinbaseWebProvider(w.getConfig());
                         // return _something_
                         return true;
                     }
-                    case "inApp": {
+                    case "inApp" === w.id: {
                         const [{ InAppWebConnector }, { getOrCreateInAppWalletConnector },] = await Promise.all([
                             Promise.resolve().then(() => require("../../../wallets/in-app/web/lib/web-connector.js")),
                             Promise.resolve().then(() => require("../../../wallets/in-app/core/wallet/in-app-core.js")),
@@ -30,6 +31,26 @@ function usePreloadWalletProviders({ client, wallets, }) {
                         // return _something_
                         return true;
                     }
+                    case (0, is_ecosystem_wallet_js_1.isEcosystemWallet)(w.id): {
+                        const [{ InAppWebConnector }, { getOrCreateInAppWalletConnector },] = await Promise.all([
+                            Promise.resolve().then(() => require("../../../wallets/in-app/web/lib/web-connector.js")),
+                            Promise.resolve().then(() => require("../../../wallets/in-app/core/wallet/in-app-core.js")),
+                        ]);
+                        const ecosystemWallet = w; // we know this is an ecosystem wallet
+                        await getOrCreateInAppWalletConnector(client, async (client) => {
+                            return new InAppWebConnector({
+                                client,
+                                ecosystem: {
+                                    id: ecosystemWallet.id,
+                                    partnerId: ecosystemWallet.getConfig()?.partnerId,
+                                },
+                            });
+                        }, {
+                            id: ecosystemWallet.id,
+                            partnerId: ecosystemWallet.getConfig()?.partnerId,
+                        });
+                        return true;
+                    }
                     // potentially add more wallets here
                     default: {
                         return false;

package/dist/cjs/react/web/utils/usePreloadWalletProviders.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreloadWalletProviders.js","sourceRoot":"","sources":["../../../../../src/react/web/utils/usePreloadWalletProviders.ts"],"names":[],"mappings":";;;AAAA,uDAAmD;AAEnD,gEAAyD;AAIzD,SAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,OAAO,GACuC;IAC9C,IAAA,wBAAU,EAAC;QACT,OAAO,EAAE,OAAO;aACb,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,uBAAQ,IAAI,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC;aACpD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC;YAClC,OAAO,EAAE,KAAK,IAAI,EAAE;gBAClB,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;oBACb,KAAK,uBAAQ,CAAC,CAAC,CAAC;wBACd,MAAM,EAAE,sBAAsB,EAAE,GAAG,2CACjC,6CAA6C,EAC9C,CAAC;wBACF,MAAM,sBAAsB,CAC1B,CAAC,CAAC,SAAS,EAA0C,CACtD,CAAC;wBACF,qBAAqB;wBACrB,OAAO,IAAI,CAAC;oBACd,CAAC;oBACD,KAAK,OAAO,CAAC,CAAC,CAAC;wBACb,MAAM,CACJ,EAAE,iBAAiB,EAAE,EACrB,EAAE,+BAA+B,EAAE,EACpC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;iEACb,kDAAkD;iEAClD,oDAAoD;yBAC5D,CAAC,CAAC;wBACH,MAAM,+BAA+B,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;4BAC7D,OAAO,IAAI,iBAAiB,CAAC;gCAC3B,MAAM;6BACP,CAAC,CAAC;wBACL,CAAC,CAAC,CAAC;wBACH,qBAAqB;wBACrB,OAAO,IAAI,CAAC;oBACd,CAAC;oBACD,oCAAoC;oBACpC,OAAO,CAAC,CAAC,CAAC;wBACR,OAAO,KAAK,CAAC;oBACf,CAAC;gBACH,CAAC;YACH,CAAC;SACF,CAAC,CAAC;KACN,CAAC,CAAC;AACL,CAAC;AA7CD,8DA6CC"}
+{"version":3,"file":"usePreloadWalletProviders.js","sourceRoot":"","sources":["../../../../../src/react/web/utils/usePreloadWalletProviders.ts"],"names":[],"mappings":";;;AAAA,uDAAmD;AAEnD,gEAAyD;AACzD,8FAAsF;AAKtF,SAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,OAAO,GACuC;IAC9C,IAAA,wBAAU,EAAC;QACT,OAAO,EAAE,OAAO;aACb,MAAM,CACL,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,uBAAQ,IAAI,CAAC,CAAC,EAAE,KAAK,OAAO,IAAI,IAAA,0CAAiB,EAAC,CAAC,CAAC,EAAE,CAAC,CACxE;aACA,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC;YAClC,OAAO,EAAE,KAAK,IAAI,EAAE;gBAClB,QAAQ,IAAI,EAAE,CAAC;oBACb,KAAK,uBAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;wBACvB,MAAM,EAAE,sBAAsB,EAAE,GAAG,2CACjC,6CAA6C,EAC9C,CAAC;wBACF,MAAM,sBAAsB,CAC1B,CAAC,CAAC,SAAS,EAA0C,CACtD,CAAC;wBACF,qBAAqB;wBACrB,OAAO,IAAI,CAAC;oBACd,CAAC;oBACD,KAAK,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;wBACtB,MAAM,CACJ,EAAE,iBAAiB,EAAE,EACrB,EAAE,+BAA+B,EAAE,EACpC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;iEACb,kDAAkD;iEAClD,oDAAoD;yBAC5D,CAAC,CAAC;wBACH,MAAM,+BAA+B,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;4BAC7D,OAAO,IAAI,iBAAiB,CAAC;gCAC3B,MAAM;6BACP,CAAC,CAAC;wBACL,CAAC,CAAC,CAAC;wBACH,qBAAqB;wBACrB,OAAO,IAAI,CAAC;oBACd,CAAC;oBACD,KAAK,IAAA,0CAAiB,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC7B,MAAM,CACJ,EAAE,iBAAiB,EAAE,EACrB,EAAE,+BAA+B,EAAE,EACpC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;iEACb,kDAAkD;iEAClD,oDAAoD;yBAC5D,CAAC,CAAC;wBACH,MAAM,eAAe,GAAG,CAA8B,CAAC,CAAC,sCAAsC;wBAC9F,MAAM,+BAA+B,CACnC,MAAM,EACN,KAAK,EAAE,MAAM,EAAE,EAAE;4BACf,OAAO,IAAI,iBAAiB,CAAC;gCAC3B,MAAM;gCACN,SAAS,EAAE;oCACT,EAAE,EAAE,eAAe,CAAC,EAAE;oCACtB,SAAS,EAAE,eAAe,CAAC,SAAS,EAAE,EAAE,SAAS;iCAClD;6BACF,CAAC,CAAC;wBACL,CAAC,EACD;4BACE,EAAE,EAAE,eAAe,CAAC,EAAE;4BACtB,SAAS,EAAE,eAAe,CAAC,SAAS,EAAE,EAAE,SAAS;yBAClD,CACF,CAAC;wBACF,OAAO,IAAI,CAAC;oBACd,CAAC;oBACD,oCAAoC;oBACpC,OAAO,CAAC,CAAC,CAAC;wBACR,OAAO,KAAK,CAAC;oBACf,CAAC;gBACH,CAAC;YACH,CAAC;SACF,CAAC,CAAC;KACN,CAAC,CAAC;AACL,CAAC;AA1ED,8DA0EC"}

package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js

@@ -0,0 +1,48 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 useInAppWalletLocale_js_1 = require("../in-app/useInAppWalletLocale.js");
+const LoadingScreen_js_1 = require("../shared/LoadingScreen.js");
+const OTPLoginUI_js_1 = require("../shared/OTPLoginUI.js");
+const PassKeyLogin_js_1 = require("../shared/PassKeyLogin.js");
+const SocialLogin_js_1 = require("../shared/SocialLogin.js");
+const EcosystemWalletFormUI_js_1 = require("./EcosystemWalletFormUI.js");
+/**
+ *
+ * @internal
+ */
+function EcosystemWalletConnectUI(props) {
+    const data = (0, wallet_ui_states_provider_js_1.useSelectionData)();
+    const setSelectionData = (0, wallet_ui_states_provider_js_1.useSetSelectionData)();
+    const state = data;
+    const locale = (0, useInAppWalletLocale_js_1.useConnectLocale)();
+    const { connectModal } = (0, useWalletConnectionCtx_js_1.useConnectUI)();
+    if (!locale) {
+        return (0, jsx_runtime_1.jsx)(LoadingScreen_js_1.LoadingScreen, {});
+    }
+    const goBackToMain = connectModal.size === "compact"
+        ? props.goBack
+        : () => {
+            setSelectionData({});
+        };
+    const otpUserInfo = state?.emailLogin
+        ? { email: state.emailLogin }
+        : state?.phoneLogin
+            ? { phone: state.phoneLogin }
+            : undefined;
+    if (otpUserInfo) {
+        return ((0, jsx_runtime_1.jsx)(OTPLoginUI_js_1.OTPLoginUI, { userInfo: otpUserInfo, locale: locale, done: props.done, goBack: goBackToMain, wallet: props.wallet }));
+    }
+    if (state?.passkeyLogin) {
+        return ((0, jsx_runtime_1.jsx)(PassKeyLogin_js_1.PassKeyLogin, { wallet: props.wallet, done: props.done, onBack: goBackToMain }));
+    }
+    if (state?.socialLogin) {
+        return ((0, jsx_runtime_1.jsx)(SocialLogin_js_1.SocialLogin, { socialAuth: state.socialLogin.type, locale: locale, done: props.done, goBack: goBackToMain, wallet: props.wallet, state: state }));
+    }
+    return ((0, jsx_runtime_1.jsx)(EcosystemWalletFormUI_js_1.EcosystemWalletFormUIScreen, { select: () => { }, locale: locale, done: props.done, goBack: props.goBack, wallet: props.wallet }));
+}
+exports.default = EcosystemWalletConnectUI;
+//# sourceMappingURL=EcosystemWalletConnectUI.js.map

package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcosystemWalletConnectUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/ecosystem/EcosystemWalletConnectUI.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAGb,oGAAoF;AACpF,+FAGsD;AACtD,+EAAqE;AAErE,iEAA2D;AAC3D,2DAAqD;AACrD,+DAAyD;AACzD,6DAAuD;AACvD,yEAAyE;AAEzE;;;GAGG;AACH,SAAS,wBAAwB,CAAC,KAIjC;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,sDAA2B,IAC1B,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,wBAAwB,CAAC"}

package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletFormUI.js

@@ -0,0 +1,32 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EcosystemWalletFormUIScreen = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useWalletConnectionCtx_js_1 = require("../../../core/hooks/others/useWalletConnectionCtx.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 Spacer_js_1 = require("../../ui/components/Spacer.js");
+const basic_js_1 = require("../../ui/components/basic.js");
+const ConnectWalletSocialOptions_js_1 = require("../shared/ConnectWalletSocialOptions.js");
+const EcosystemWalletHeader_js_1 = require("./EcosystemWalletHeader.js");
+/**
+ * @internal
+ */
+function EcosystemWalletFormUIScreen(props) {
+    const { client, connectModal } = (0, useWalletConnectionCtx_js_1.useConnectUI)();
+    const isCompact = connectModal.size === "compact";
+    const { initialScreen, screen } = (0, screen_js_1.useScreenContext)();
+    const onBack = screen === props.wallet && initialScreen === props.wallet
+        ? undefined
+        : 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)(EcosystemWalletHeader_js_1.EcosystemWalletHeader, { client: client, onBack: onBack, wallet: props.wallet }), (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.EcosystemWalletFormUIScreen = EcosystemWalletFormUIScreen;
+//# sourceMappingURL=EcosystemWalletFormUI.js.map

package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletFormUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcosystemWalletFormUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/ecosystem/EcosystemWalletFormUI.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAGb,oGAAoF;AACpF,gEAA0D;AAC1D,sEAA0E;AAC1E,0EAA0E;AAC1E,6DAAuD;AACvD,2DAAyD;AACzD,2FAAqF;AAErF,yEAAmE;AAUnE;;GAEG;AACH,SAAgB,2BAA2B,CAAC,KAAiC;IAC3E,MAAM,EAAE,MAAM,EAAE,YAAY,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,gDAAqB,IACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,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;AAvDD,kEAuDC"}

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

@@ -0,0 +1,22 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EcosystemWalletHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../../core/design-system/index.js");
+const Img_js_1 = require("../../ui/components/Img.js");
+const Skeleton_js_1 = require("../../ui/components/Skeleton.js");
+const basic_js_1 = require("../../ui/components/basic.js");
+const modalElements_js_1 = require("../../ui/components/modalElements.js");
+const useWalletInfo_js_1 = require("../../ui/hooks/useWalletInfo.js");
+/**
+ * @internal
+ */
+function EcosystemWalletHeader(props) {
+    const walletInfo = (0, useWalletInfo_js_1.useWalletInfo)(props.wallet.id);
+    return ((0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { onBack: props.onBack, title: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: walletInfo.isLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "24px", width: "200px" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!walletInfo.data?.image_id ? null : ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: walletInfo.data?.image_id, style: {
+                            borderRadius: index_js_1.radius.sm,
+                        }, width: index_js_1.iconSize.md, height: index_js_1.iconSize.md, client: props.client })), (0, jsx_runtime_1.jsx)(modalElements_js_1.ModalTitle, { children: walletInfo.data?.name })] })) }) }));
+}
+exports.EcosystemWalletHeader = EcosystemWalletHeader;
+//# sourceMappingURL=EcosystemWalletHeader.js.map

package/dist/cjs/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,mEAAwE;AACxE,uDAAiD;AACjD,iEAA2D;AAC3D,2DAA2D;AAC3D,2EAAkE;AAClE,sEAAgE;AAEhE;;GAEG;AACH,SAAgB,qBAAqB,CAAC,KAIrC;IACC,MAAM,UAAU,GAAG,IAAA,gCAAa,EAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAElD,OAAO,CACL,uBAAC,sBAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EACH,2DACG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CACtB,uBAAC,sBAAQ,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CACzC,CAAC,CAAC,CAAC,CACF,6DACG,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,uBAAC,YAAG,IACF,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE,QAAQ,EAC9B,KAAK,EAAE;4BACL,YAAY,EAAE,iBAAM,CAAC,EAAE;yBACxB,EACD,KAAK,EAAE,mBAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,mBAAQ,CAAC,EAAE,EACnB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,EACD,uBAAC,6BAAU,cAAE,UAAU,CAAC,IAAI,EAAE,IAAI,GAAc,IAC/C,CACJ,GACA,GAEL,CACH,CAAC;AACJ,CAAC;AAlCD,sDAkCC"}

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

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

package/dist/cjs/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/cjs/react/web/wallets/in-app/InAppWalletConnectUI.js

@@ -5,10 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 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 LoadingScreen_js_1 = require("../shared/LoadingScreen.js");
+const OTPLoginUI_js_1 = require("../shared/OTPLoginUI.js");
+const PassKeyLogin_js_1 = require("../shared/PassKeyLogin.js");
+const SocialLogin_js_1 = require("../shared/SocialLogin.js");
 const InAppWalletFormUI_js_1 = require("./InAppWalletFormUI.js");
-const InAppWalletOTPLoginUI_js_1 = require("./InAppWalletOTPLoginUI.js");
-const InAppWalletPassKeyLogin_js_1 = require("./InAppWalletPassKeyLogin.js");
-const InAppWalletSocialLogin_js_1 = require("./InAppWalletSocialLogin.js");
 const useInAppWalletLocale_js_1 = require("./useInAppWalletLocale.js");
 /**
  *
@@ -18,9 +18,9 @@ function InAppWalletConnectUI(props) {
     const data = (0, wallet_ui_states_provider_js_1.useSelectionData)();
     const setSelectionData = (0, wallet_ui_states_provider_js_1.useSetSelectionData)();
     const state = data;
-    const localeQuery = (0, useInAppWalletLocale_js_1.useInAppWalletLocale)();
+    const locale = (0, useInAppWalletLocale_js_1.useConnectLocale)();
     const { connectModal } = (0, useWalletConnectionCtx_js_1.useConnectUI)();
-    if (!localeQuery.data) {
+    if (!locale) {
         return (0, jsx_runtime_1.jsx)(LoadingScreen_js_1.LoadingScreen, {});
     }
     const goBackToMain = connectModal.size === "compact"
@@ -34,15 +34,15 @@ function InAppWalletConnectUI(props) {
             ? { phone: state.phoneLogin }
             : undefined;
     if (otpUserInfo) {
-        return ((0, jsx_runtime_1.jsx)(InAppWalletOTPLoginUI_js_1.InAppWalletOTPLoginUI, { userInfo: otpUserInfo, locale: localeQuery.data, done: props.done, goBack: goBackToMain, wallet: props.wallet }));
+        return ((0, jsx_runtime_1.jsx)(OTPLoginUI_js_1.OTPLoginUI, { userInfo: otpUserInfo, locale: locale, done: props.done, goBack: goBackToMain, wallet: props.wallet }));
     }
     if (state?.passkeyLogin) {
-        return ((0, jsx_runtime_1.jsx)(InAppWalletPassKeyLogin_js_1.InAppWalletPassKeyLogin, { wallet: props.wallet, done: props.done, onBack: goBackToMain }));
+        return ((0, jsx_runtime_1.jsx)(PassKeyLogin_js_1.PassKeyLogin, { wallet: props.wallet, done: props.done, onBack: goBackToMain }));
     }
     if (state?.socialLogin) {
-        return ((0, jsx_runtime_1.jsx)(InAppWalletSocialLogin_js_1.InAppWalletSocialLogin, { socialAuth: state.socialLogin.type, locale: localeQuery.data, done: props.done, goBack: goBackToMain, wallet: props.wallet, state: state }));
+        return ((0, jsx_runtime_1.jsx)(SocialLogin_js_1.SocialLogin, { socialAuth: state.socialLogin.type, locale: locale, done: props.done, goBack: goBackToMain, wallet: props.wallet, state: state }));
     }
-    return ((0, jsx_runtime_1.jsx)(InAppWalletFormUI_js_1.InAppWalletFormUIScreen, { select: () => { }, locale: localeQuery.data, done: props.done, goBack: props.goBack, wallet: props.wallet }));
+    return ((0, jsx_runtime_1.jsx)(InAppWalletFormUI_js_1.InAppWalletFormUIScreen, { select: () => { }, locale: locale, done: props.done, goBack: props.goBack, wallet: props.wallet }));
 }
 exports.default = InAppWalletConnectUI;
 //# sourceMappingURL=InAppWalletConnectUI.js.map

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":"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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,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/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"}