@crossmint/client-sdk-react-ui 1.10.2 → 1.10.3

package/dist/components/auth/methods/email/EmailSignIn.js

@@ -25,11 +25,11 @@ import "../../../../chunk-I63FQCIV.js";
 import "../../../../chunk-ZIHCLVCD.js";
 import "../../../../chunk-H4F7UVPT.js";
 import "../../../../chunk-YWVQCHQF.js";
-import "../../../../chunk-6TUZ5CU7.js";
-import "../../../../chunk-GN7OANUR.js";
+import "../../../../chunk-WBKHUVJU.js";
+import "../../../../chunk-R2H6H2HY.js";
 import "../../../../chunk-3J6CUUWT.js";
 import "../../../../chunk-AUEQQ4D3.js";
-import "../../../../chunk-MWRMO6JC.js";
+import "../../../../chunk-O4DWHB3U.js";
 import "../../../../chunk-CRTRMMJ7.js";
 export {
   EmailSignIn

package/dist/components/auth/methods/farcaster/FarcasterSignIn.cjs

@@ -25,11 +25,11 @@ require('../../../../chunk-URKPLEPV.cjs');
 require('../../../../chunk-HPOZ6I54.cjs');
 require('../../../../chunk-YE55IKBP.cjs');
 require('../../../../chunk-ENCR5SUW.cjs');
-require('../../../../chunk-67AB7TWG.cjs');
-require('../../../../chunk-COLJFFZF.cjs');
+require('../../../../chunk-GBW67Z6V.cjs');
+require('../../../../chunk-NGWVWCWP.cjs');
 require('../../../../chunk-KEKBOJCF.cjs');
 require('../../../../chunk-A2JCJ2OV.cjs');
-require('../../../../chunk-RTC2AZ6A.cjs');
+require('../../../../chunk-2EYYCX3O.cjs');
 require('../../../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/auth/methods/farcaster/FarcasterSignIn.js

@@ -25,11 +25,11 @@ import "../../../../chunk-I63FQCIV.js";
 import "../../../../chunk-ZIHCLVCD.js";
 import "../../../../chunk-H4F7UVPT.js";
 import "../../../../chunk-YWVQCHQF.js";
-import "../../../../chunk-6TUZ5CU7.js";
-import "../../../../chunk-GN7OANUR.js";
+import "../../../../chunk-WBKHUVJU.js";
+import "../../../../chunk-R2H6H2HY.js";
 import "../../../../chunk-3J6CUUWT.js";
 import "../../../../chunk-AUEQQ4D3.js";
-import "../../../../chunk-MWRMO6JC.js";
+import "../../../../chunk-O4DWHB3U.js";
 import "../../../../chunk-CRTRMMJ7.js";
 export {
   FarcasterSignIn

package/dist/components/auth/methods/google/GoogleSignIn.cjs

@@ -25,11 +25,11 @@ require('../../../../chunk-URKPLEPV.cjs');
 require('../../../../chunk-HPOZ6I54.cjs');
 require('../../../../chunk-YE55IKBP.cjs');
 require('../../../../chunk-ENCR5SUW.cjs');
-require('../../../../chunk-67AB7TWG.cjs');
-require('../../../../chunk-COLJFFZF.cjs');
+require('../../../../chunk-GBW67Z6V.cjs');
+require('../../../../chunk-NGWVWCWP.cjs');
 require('../../../../chunk-KEKBOJCF.cjs');
 require('../../../../chunk-A2JCJ2OV.cjs');
-require('../../../../chunk-RTC2AZ6A.cjs');
+require('../../../../chunk-2EYYCX3O.cjs');
 require('../../../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/auth/methods/google/GoogleSignIn.js

@@ -25,11 +25,11 @@ import "../../../../chunk-I63FQCIV.js";
 import "../../../../chunk-ZIHCLVCD.js";
 import "../../../../chunk-H4F7UVPT.js";
 import "../../../../chunk-YWVQCHQF.js";
-import "../../../../chunk-6TUZ5CU7.js";
-import "../../../../chunk-GN7OANUR.js";
+import "../../../../chunk-WBKHUVJU.js";
+import "../../../../chunk-R2H6H2HY.js";
 import "../../../../chunk-3J6CUUWT.js";
 import "../../../../chunk-AUEQQ4D3.js";
-import "../../../../chunk-MWRMO6JC.js";
+import "../../../../chunk-O4DWHB3U.js";
 import "../../../../chunk-CRTRMMJ7.js";
 export {
   GoogleSignIn

package/dist/components/auth/methods/web3/Web3AuthFlow.cjs

@@ -25,11 +25,11 @@ require('../../../../chunk-URKPLEPV.cjs');
 require('../../../../chunk-HPOZ6I54.cjs');
 require('../../../../chunk-YE55IKBP.cjs');
 require('../../../../chunk-ENCR5SUW.cjs');
-require('../../../../chunk-67AB7TWG.cjs');
-require('../../../../chunk-COLJFFZF.cjs');
+require('../../../../chunk-GBW67Z6V.cjs');
+require('../../../../chunk-NGWVWCWP.cjs');
 require('../../../../chunk-KEKBOJCF.cjs');
 require('../../../../chunk-A2JCJ2OV.cjs');
-require('../../../../chunk-RTC2AZ6A.cjs');
+require('../../../../chunk-2EYYCX3O.cjs');
 require('../../../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/auth/methods/web3/Web3AuthFlow.js

@@ -25,11 +25,11 @@ import "../../../../chunk-I63FQCIV.js";
 import "../../../../chunk-ZIHCLVCD.js";
 import "../../../../chunk-H4F7UVPT.js";
 import "../../../../chunk-YWVQCHQF.js";
-import "../../../../chunk-6TUZ5CU7.js";
-import "../../../../chunk-GN7OANUR.js";
+import "../../../../chunk-WBKHUVJU.js";
+import "../../../../chunk-R2H6H2HY.js";
 import "../../../../chunk-3J6CUUWT.js";
 import "../../../../chunk-AUEQQ4D3.js";
-import "../../../../chunk-MWRMO6JC.js";
+import "../../../../chunk-O4DWHB3U.js";
 import "../../../../chunk-CRTRMMJ7.js";
 export {
   Web3AuthFlow

package/dist/components/auth/methods/web3/Web3AuthWrapper.cjs

@@ -25,11 +25,11 @@ require('../../../../chunk-URKPLEPV.cjs');
 require('../../../../chunk-HPOZ6I54.cjs');
 require('../../../../chunk-YE55IKBP.cjs');
 require('../../../../chunk-ENCR5SUW.cjs');
-require('../../../../chunk-67AB7TWG.cjs');
-require('../../../../chunk-COLJFFZF.cjs');
+require('../../../../chunk-GBW67Z6V.cjs');
+require('../../../../chunk-NGWVWCWP.cjs');
 require('../../../../chunk-KEKBOJCF.cjs');
 require('../../../../chunk-A2JCJ2OV.cjs');
-require('../../../../chunk-RTC2AZ6A.cjs');
+require('../../../../chunk-2EYYCX3O.cjs');
 require('../../../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/auth/methods/web3/Web3AuthWrapper.js

@@ -25,11 +25,11 @@ import "../../../../chunk-I63FQCIV.js";
 import "../../../../chunk-ZIHCLVCD.js";
 import "../../../../chunk-H4F7UVPT.js";
 import "../../../../chunk-YWVQCHQF.js";
-import "../../../../chunk-6TUZ5CU7.js";
-import "../../../../chunk-GN7OANUR.js";
+import "../../../../chunk-WBKHUVJU.js";
+import "../../../../chunk-R2H6H2HY.js";
 import "../../../../chunk-3J6CUUWT.js";
 import "../../../../chunk-AUEQQ4D3.js";
-import "../../../../chunk-MWRMO6JC.js";
+import "../../../../chunk-O4DWHB3U.js";
 import "../../../../chunk-CRTRMMJ7.js";
 export {
   Web3AuthWrapper

package/dist/components/auth/methods/web3/Web3Connectors.cjs

@@ -25,11 +25,11 @@ require('../../../../chunk-URKPLEPV.cjs');
 require('../../../../chunk-HPOZ6I54.cjs');
 require('../../../../chunk-YE55IKBP.cjs');
 require('../../../../chunk-ENCR5SUW.cjs');
-require('../../../../chunk-67AB7TWG.cjs');
-require('../../../../chunk-COLJFFZF.cjs');
+require('../../../../chunk-GBW67Z6V.cjs');
+require('../../../../chunk-NGWVWCWP.cjs');
 require('../../../../chunk-KEKBOJCF.cjs');
 require('../../../../chunk-A2JCJ2OV.cjs');
-require('../../../../chunk-RTC2AZ6A.cjs');
+require('../../../../chunk-2EYYCX3O.cjs');
 require('../../../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/auth/methods/web3/Web3Connectors.js

@@ -25,11 +25,11 @@ import "../../../../chunk-I63FQCIV.js";
 import "../../../../chunk-ZIHCLVCD.js";
 import "../../../../chunk-H4F7UVPT.js";
 import "../../../../chunk-YWVQCHQF.js";
-import "../../../../chunk-6TUZ5CU7.js";
-import "../../../../chunk-GN7OANUR.js";
+import "../../../../chunk-WBKHUVJU.js";
+import "../../../../chunk-R2H6H2HY.js";
 import "../../../../chunk-3J6CUUWT.js";
 import "../../../../chunk-AUEQQ4D3.js";
-import "../../../../chunk-MWRMO6JC.js";
+import "../../../../chunk-O4DWHB3U.js";
 import "../../../../chunk-CRTRMMJ7.js";
 export {
   Web3Connectors

package/dist/components/auth/methods/web3/Web3SignIn.cjs

@@ -25,11 +25,11 @@ require('../../../../chunk-URKPLEPV.cjs');
 require('../../../../chunk-HPOZ6I54.cjs');
 require('../../../../chunk-YE55IKBP.cjs');
 require('../../../../chunk-ENCR5SUW.cjs');
-require('../../../../chunk-67AB7TWG.cjs');
-require('../../../../chunk-COLJFFZF.cjs');
+require('../../../../chunk-GBW67Z6V.cjs');
+require('../../../../chunk-NGWVWCWP.cjs');
 require('../../../../chunk-KEKBOJCF.cjs');
 require('../../../../chunk-A2JCJ2OV.cjs');
-require('../../../../chunk-RTC2AZ6A.cjs');
+require('../../../../chunk-2EYYCX3O.cjs');
 require('../../../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/auth/methods/web3/Web3SignIn.js

@@ -25,11 +25,11 @@ import "../../../../chunk-I63FQCIV.js";
 import "../../../../chunk-ZIHCLVCD.js";
 import "../../../../chunk-H4F7UVPT.js";
 import "../../../../chunk-YWVQCHQF.js";
-import "../../../../chunk-6TUZ5CU7.js";
-import "../../../../chunk-GN7OANUR.js";
+import "../../../../chunk-WBKHUVJU.js";
+import "../../../../chunk-R2H6H2HY.js";
 import "../../../../chunk-3J6CUUWT.js";
 import "../../../../chunk-AUEQQ4D3.js";
-import "../../../../chunk-MWRMO6JC.js";
+import "../../../../chunk-O4DWHB3U.js";
 import "../../../../chunk-CRTRMMJ7.js";
 export {
   Web3SignIn

package/dist/components/common/Divider.cjs

@@ -25,11 +25,11 @@ require('../../chunk-URKPLEPV.cjs');
 require('../../chunk-HPOZ6I54.cjs');
 require('../../chunk-YE55IKBP.cjs');
 require('../../chunk-ENCR5SUW.cjs');
-require('../../chunk-67AB7TWG.cjs');
-require('../../chunk-COLJFFZF.cjs');
+require('../../chunk-GBW67Z6V.cjs');
+require('../../chunk-NGWVWCWP.cjs');
 require('../../chunk-KEKBOJCF.cjs');
 require('../../chunk-A2JCJ2OV.cjs');
-require('../../chunk-RTC2AZ6A.cjs');
+require('../../chunk-2EYYCX3O.cjs');
 require('../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/common/Divider.js

@@ -25,11 +25,11 @@ import "../../chunk-I63FQCIV.js";
 import "../../chunk-ZIHCLVCD.js";
 import "../../chunk-H4F7UVPT.js";
 import "../../chunk-YWVQCHQF.js";
-import "../../chunk-6TUZ5CU7.js";
-import "../../chunk-GN7OANUR.js";
+import "../../chunk-WBKHUVJU.js";
+import "../../chunk-R2H6H2HY.js";
 import "../../chunk-3J6CUUWT.js";
 import "../../chunk-AUEQQ4D3.js";
-import "../../chunk-MWRMO6JC.js";
+import "../../chunk-O4DWHB3U.js";
 import "../../chunk-CRTRMMJ7.js";
 export {
   Divider

package/dist/components/embed/v3/CrossmintEmbeddedCheckoutV3.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNX473NO2cjs = require('../../../chunk-NX473NO2.cjs');
-require('../../../chunk-MDV3M7FD.cjs');
+var _chunkH2WTBOQ5cjs = require('../../../chunk-H2WTBOQ5.cjs');
+require('../../../chunk-ZRXZOZZZ.cjs');
 require('../../../chunk-FOCUIKYH.cjs');
 require('../../../chunk-DJ32OEWG.cjs');
 require('../../../chunk-ZCYU7QA6.cjs');
@@ -27,13 +27,13 @@ require('../../../chunk-URKPLEPV.cjs');
 require('../../../chunk-HPOZ6I54.cjs');
 require('../../../chunk-YE55IKBP.cjs');
 require('../../../chunk-ENCR5SUW.cjs');
-require('../../../chunk-67AB7TWG.cjs');
-require('../../../chunk-COLJFFZF.cjs');
+require('../../../chunk-GBW67Z6V.cjs');
+require('../../../chunk-NGWVWCWP.cjs');
 require('../../../chunk-KEKBOJCF.cjs');
 require('../../../chunk-A2JCJ2OV.cjs');
-require('../../../chunk-RTC2AZ6A.cjs');
+require('../../../chunk-2EYYCX3O.cjs');
 require('../../../chunk-4DAZAO6Y.cjs');
 
 
-exports.CrossmintEmbeddedCheckout_Alpha = _chunkNX473NO2cjs.CrossmintEmbeddedCheckout_Alpha;
+exports.CrossmintEmbeddedCheckout_Alpha = _chunkH2WTBOQ5cjs.CrossmintEmbeddedCheckout_Alpha;
 //# sourceMappingURL=CrossmintEmbeddedCheckoutV3.cjs.map

package/dist/components/embed/v3/CrossmintEmbeddedCheckoutV3.js

@@ -1,7 +1,7 @@
 import {
   CrossmintEmbeddedCheckout_Alpha
-} from "../../../chunk-QB4KFTCT.js";
-import "../../../chunk-XJYLJQA5.js";
+} from "../../../chunk-GHIVSSM5.js";
+import "../../../chunk-GM7C5PE4.js";
 import "../../../chunk-CUODMU27.js";
 import "../../../chunk-WK5RAFJ3.js";
 import "../../../chunk-6DNBJVR5.js";
@@ -27,11 +27,11 @@ import "../../../chunk-I63FQCIV.js";
 import "../../../chunk-ZIHCLVCD.js";
 import "../../../chunk-H4F7UVPT.js";
 import "../../../chunk-YWVQCHQF.js";
-import "../../../chunk-6TUZ5CU7.js";
-import "../../../chunk-GN7OANUR.js";
+import "../../../chunk-WBKHUVJU.js";
+import "../../../chunk-R2H6H2HY.js";
 import "../../../chunk-3J6CUUWT.js";
 import "../../../chunk-AUEQQ4D3.js";
-import "../../../chunk-MWRMO6JC.js";
+import "../../../chunk-O4DWHB3U.js";
 import "../../../chunk-CRTRMMJ7.js";
 export {
   CrossmintEmbeddedCheckout_Alpha

package/dist/components/embed/v3/EmbeddedCheckoutV3IFrame.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMDV3M7FDcjs = require('../../../chunk-MDV3M7FD.cjs');
+var _chunkZRXZOZZZcjs = require('../../../chunk-ZRXZOZZZ.cjs');
 require('../../../chunk-FOCUIKYH.cjs');
 require('../../../chunk-DJ32OEWG.cjs');
 require('../../../chunk-ZCYU7QA6.cjs');
@@ -26,13 +26,13 @@ require('../../../chunk-URKPLEPV.cjs');
 require('../../../chunk-HPOZ6I54.cjs');
 require('../../../chunk-YE55IKBP.cjs');
 require('../../../chunk-ENCR5SUW.cjs');
-require('../../../chunk-67AB7TWG.cjs');
-require('../../../chunk-COLJFFZF.cjs');
+require('../../../chunk-GBW67Z6V.cjs');
+require('../../../chunk-NGWVWCWP.cjs');
 require('../../../chunk-KEKBOJCF.cjs');
 require('../../../chunk-A2JCJ2OV.cjs');
-require('../../../chunk-RTC2AZ6A.cjs');
+require('../../../chunk-2EYYCX3O.cjs');
 require('../../../chunk-4DAZAO6Y.cjs');
 
 
-exports.EmbeddedCheckoutV3IFrame = _chunkMDV3M7FDcjs.EmbeddedCheckoutV3IFrame;
+exports.EmbeddedCheckoutV3IFrame = _chunkZRXZOZZZcjs.EmbeddedCheckoutV3IFrame;
 //# sourceMappingURL=EmbeddedCheckoutV3IFrame.cjs.map

package/dist/components/embed/v3/EmbeddedCheckoutV3IFrame.js

@@ -1,6 +1,6 @@
 import {
   EmbeddedCheckoutV3IFrame
-} from "../../../chunk-XJYLJQA5.js";
+} from "../../../chunk-GM7C5PE4.js";
 import "../../../chunk-CUODMU27.js";
 import "../../../chunk-WK5RAFJ3.js";
 import "../../../chunk-6DNBJVR5.js";
@@ -26,11 +26,11 @@ import "../../../chunk-I63FQCIV.js";
 import "../../../chunk-ZIHCLVCD.js";
 import "../../../chunk-H4F7UVPT.js";
 import "../../../chunk-YWVQCHQF.js";
-import "../../../chunk-6TUZ5CU7.js";
-import "../../../chunk-GN7OANUR.js";
+import "../../../chunk-WBKHUVJU.js";
+import "../../../chunk-R2H6H2HY.js";
 import "../../../chunk-3J6CUUWT.js";
 import "../../../chunk-AUEQQ4D3.js";
-import "../../../chunk-MWRMO6JC.js";
+import "../../../chunk-O4DWHB3U.js";
 import "../../../chunk-CRTRMMJ7.js";
 export {
   EmbeddedCheckoutV3IFrame

package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.cjs

@@ -70,19 +70,19 @@ function CryptoWalletConnectionHandler(props) {
   );
 }
 function _CryptoWalletConnectionHandler({ iframeClient }) {
-  const { setShowAuthFlow, primaryWallet, handleLogOut } = _sdkreactcore.useDynamicContext.call(void 0, );
+  const [showDynamicModal, setShowDynamicModal] = _react.useState.call(void 0, false);
+  const { primaryWallet } = _sdkreactcore.useDynamicContext.call(void 0, );
   _react.useEffect.call(void 0, () => {
     if (iframeClient == null) {
       return;
     }
-    const showAuthFlowListener = iframeClient.on("crypto:connect-wallet.show", (_0) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, [_0], function* ({ show }) {
-      yield handleLogOut();
-      setShowAuthFlow(show);
-    }));
+    const showAuthFlowListener = iframeClient.on("crypto:connect-wallet.show", ({ show }) => {
+      setShowDynamicModal(show);
+    });
     return () => {
       iframeClient.off(showAuthFlowListener);
     };
-  }, [iframeClient, handleLogOut, setShowAuthFlow]);
+  }, [iframeClient]);
   _react.useEffect.call(void 0, () => {
     if (iframeClient == null) {
       return;
@@ -109,7 +109,7 @@ function _CryptoWalletConnectionHandler({ iframeClient }) {
       iframeClient.off(signTransactionListener);
     };
   }, [iframeClient, primaryWallet]);
-  return null;
+  return showDynamicModal ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ShowDynamicModal, { setShowDynamicModal }) : null;
 }
 function dynamicChainToCrossmintChain(wallet) {
   return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
@@ -129,7 +129,32 @@ function dynamicChainToCrossmintChain(wallet) {
     return chainFromChainId;
   });
 }
+function ShowDynamicModal({ setShowDynamicModal }) {
+  const context = _react.useContext.call(void 0, _sdkreactcore.DynamicContext);
+  if (context == null) {
+    throw new Error("DynamicContext is missing");
+  }
+  const { setShowAuthFlow, handleLogOut } = context;
+  _react.useEffect.call(void 0, () => {
+    var _a;
+    (_a = document.getElementById("crossmint-focus-target")) == null ? void 0 : _a.focus();
+    (() => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+      yield handleLogOut();
+      setShowAuthFlow(true, {
+        clearErrors: true,
+        emitCancelAuth: true,
+        ignoreIfIsEmbeddedWidget: true,
+        initializeWalletConnect: true,
+        performMultiWalletChecks: false
+        // Important to be false in order to not require double clicking connect button
+      });
+      setShowDynamicModal(false);
+    }))();
+  }, []);
+  return null;
+}
+
 
 
-exports.CryptoWalletConnectionHandler = CryptoWalletConnectionHandler;
+exports.CryptoWalletConnectionHandler = CryptoWalletConnectionHandler; exports.ShowDynamicModal = ShowDynamicModal;
 //# sourceMappingURL=CryptoWalletConnectionHandler.cjs.map

package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed/v3/crypto/CryptoWalletConnectionHandler.tsx"],"names":[],"mappings":"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","sourcesContent":["import DynamicContextProviderWrapper from \"@/components/dynamic-xyz/DynamicContextProviderWrapper\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\nimport {\n    type APIKeyEnvironmentPrefix,\n    type BlockchainIncludingTestnet,\n    chainIdToBlockchain,\n} from \"@crossmint/common-sdk-base\";\nimport { EthereumWalletConnectors } from \"@dynamic-labs/ethereum\";\nimport { type HandleConnectedWallet, useDynamicContext } from \"@dynamic-labs/sdk-react-core\";\nimport { SolanaWalletConnectors } from \"@dynamic-labs/solana\";\nimport { useEffect } from \"react\";\nimport { handleSendTransaction } from \"./utils/handleSendTransaction\";\n\nexport function CryptoWalletConnectionHandler(props: {\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter | null;\n    apiKeyEnvironment: APIKeyEnvironmentPrefix;\n}) {\n    const { iframeClient, apiKeyEnvironment } = props;\n\n    return (\n        <DynamicContextProviderWrapper\n            apiKeyEnvironment={apiKeyEnvironment}\n            settings={{\n                walletConnectors: [EthereumWalletConnectors, SolanaWalletConnectors],\n                events: {\n                    onAuthFlowCancel() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowCancel\");\n                        iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                            error: \"cancelled\",\n                        });\n                    },\n                    onAuthFlowClose() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowClose\");\n                    },\n                    onAuthFailure(data, reason) {\n                        console.error(\"[CryptoWalletConnectionHandler] onAuthFailure\", data, reason);\n                    },\n                    onAuthSuccess(data) {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthSuccess\", data);\n                    },\n                },\n                handlers: {\n                    handleConnectedWallet: async (wallet) => {\n                        console.log(\"[CryptoWalletConnectionHandler] handleConnectedWallet\", wallet);\n\n                        const address = wallet.address;\n                        if (!address) {\n                            console.error(\"[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing\");\n                            iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                                error: \"address is missing\",\n                            });\n                            return false;\n                        }\n\n                        const chain = await dynamicChainToCrossmintChain(wallet);\n\n                        iframeClient?.send(\"crypto:connect-wallet.success\", {\n                            address,\n                            chain,\n                            walletProviderKey: wallet.connector?.key,\n                        });\n\n                        return true;\n                    },\n                },\n            }}\n        >\n            <_CryptoWalletConnectionHandler {...props} />\n        </DynamicContextProviderWrapper>\n    );\n}\n\nfunction _CryptoWalletConnectionHandler({ iframeClient }: Parameters<typeof CryptoWalletConnectionHandler>[0]) {\n    const { setShowAuthFlow, primaryWallet, handleLogOut } = useDynamicContext();\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const showAuthFlowListener = iframeClient.on(\"crypto:connect-wallet.show\", async ({ show }) => {\n            await handleLogOut();\n            setShowAuthFlow(show);\n        });\n\n        return () => {\n            iframeClient.off(showAuthFlowListener);\n        };\n    }, [iframeClient, handleLogOut, setShowAuthFlow]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const signTransactionListener = iframeClient.on(\n            \"crypto:send-transaction\",\n            async ({ chain, serializedTransaction }) => {\n                if (primaryWallet == null) {\n                    console.error(\"[CryptoWalletConnectionHandler] signTransaction: primaryWallet is missing\");\n                    iframeClient.send(\"crypto:send-transaction:failed\", {\n                        error: \"primaryWallet is missing\",\n                    });\n                    return;\n                }\n\n                await handleSendTransaction(\n                    primaryWallet,\n                    chain as BlockchainIncludingTestnet,\n                    serializedTransaction,\n                    iframeClient\n                );\n            }\n        );\n\n        return () => {\n            iframeClient.off(signTransactionListener);\n        };\n    }, [iframeClient, primaryWallet]);\n\n    return null;\n}\n\nasync function dynamicChainToCrossmintChain(\n    wallet: Parameters<HandleConnectedWallet>[0]\n): Promise<BlockchainIncludingTestnet> {\n    const chain = wallet.chain;\n    if (chain === \"SOL\") {\n        return \"solana\";\n    }\n    const chainId = await wallet.connector?.getNetwork();\n    if (typeof chainId !== \"number\") {\n        throw new Error(\"chainId is not a number\");\n    }\n    const chainFromChainId = chainIdToBlockchain(chainId);\n    if (!chainFromChainId) {\n        throw new Error(`ChainId ${chainId} is not supported`);\n    }\n    return chainFromChainId as BlockchainIncludingTestnet;\n}\n"]}
+{"version":3,"sources":["../../../../../src/components/embed/v3/crypto/CryptoWalletConnectionHandler.tsx"],"names":[],"mappings":"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","sourcesContent":["import DynamicContextProviderWrapper from \"@/components/dynamic-xyz/DynamicContextProviderWrapper\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\nimport {\n    type APIKeyEnvironmentPrefix,\n    type BlockchainIncludingTestnet,\n    chainIdToBlockchain,\n} from \"@crossmint/common-sdk-base\";\nimport { EthereumWalletConnectors } from \"@dynamic-labs/ethereum\";\nimport { DynamicContext, useDynamicContext, type HandleConnectedWallet } from \"@dynamic-labs/sdk-react-core\";\nimport { SolanaWalletConnectors } from \"@dynamic-labs/solana\";\nimport { type Dispatch, type SetStateAction, useContext, useEffect, useState } from \"react\";\nimport { handleSendTransaction } from \"./utils/handleSendTransaction\";\n\nexport function CryptoWalletConnectionHandler(props: {\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter | null;\n    apiKeyEnvironment: APIKeyEnvironmentPrefix;\n}) {\n    const { iframeClient, apiKeyEnvironment } = props;\n\n    return (\n        <DynamicContextProviderWrapper\n            apiKeyEnvironment={apiKeyEnvironment}\n            settings={{\n                walletConnectors: [EthereumWalletConnectors, SolanaWalletConnectors],\n                events: {\n                    onAuthFlowCancel() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowCancel\");\n                        iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                            error: \"cancelled\",\n                        });\n                    },\n                    onAuthFlowClose() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowClose\");\n                    },\n                    onAuthFailure(data, reason) {\n                        console.error(\"[CryptoWalletConnectionHandler] onAuthFailure\", data, reason);\n                    },\n                    onAuthSuccess(data) {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthSuccess\", data);\n                    },\n                },\n                handlers: {\n                    handleConnectedWallet: async (wallet) => {\n                        console.log(\"[CryptoWalletConnectionHandler] handleConnectedWallet\", wallet);\n\n                        const address = wallet.address;\n                        if (!address) {\n                            console.error(\"[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing\");\n                            iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                                error: \"address is missing\",\n                            });\n                            return false;\n                        }\n\n                        const chain = await dynamicChainToCrossmintChain(wallet);\n\n                        iframeClient?.send(\"crypto:connect-wallet.success\", {\n                            address,\n                            chain,\n                            walletProviderKey: wallet.connector?.key,\n                        });\n\n                        return true;\n                    },\n                },\n            }}\n        >\n            <_CryptoWalletConnectionHandler {...props} />\n        </DynamicContextProviderWrapper>\n    );\n}\n\nfunction _CryptoWalletConnectionHandler({ iframeClient }: Parameters<typeof CryptoWalletConnectionHandler>[0]) {\n    const [showDynamicModal, setShowDynamicModal] = useState(false);\n    const { primaryWallet } = useDynamicContext();\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const showAuthFlowListener = iframeClient.on(\"crypto:connect-wallet.show\", ({ show }) => {\n            setShowDynamicModal(show);\n        });\n\n        return () => {\n            iframeClient.off(showAuthFlowListener);\n        };\n    }, [iframeClient]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const signTransactionListener = iframeClient.on(\n            \"crypto:send-transaction\",\n            async ({ chain, serializedTransaction }) => {\n                if (primaryWallet == null) {\n                    console.error(\"[CryptoWalletConnectionHandler] signTransaction: primaryWallet is missing\");\n                    iframeClient.send(\"crypto:send-transaction:failed\", {\n                        error: \"primaryWallet is missing\",\n                    });\n                    return;\n                }\n\n                await handleSendTransaction(\n                    primaryWallet,\n                    chain as BlockchainIncludingTestnet,\n                    serializedTransaction,\n                    iframeClient\n                );\n            }\n        );\n\n        return () => {\n            iframeClient.off(signTransactionListener);\n        };\n    }, [iframeClient, primaryWallet]);\n\n    return showDynamicModal ? <ShowDynamicModal setShowDynamicModal={setShowDynamicModal} /> : null;\n}\n\nasync function dynamicChainToCrossmintChain(\n    wallet: Parameters<HandleConnectedWallet>[0]\n): Promise<BlockchainIncludingTestnet> {\n    const chain = wallet.chain;\n    if (chain === \"SOL\") {\n        return \"solana\";\n    }\n    const chainId = await wallet.connector?.getNetwork();\n    if (typeof chainId !== \"number\") {\n        throw new Error(\"chainId is not a number\");\n    }\n    const chainFromChainId = chainIdToBlockchain(chainId);\n    if (!chainFromChainId) {\n        throw new Error(`ChainId ${chainId} is not supported`);\n    }\n    return chainFromChainId as BlockchainIncludingTestnet;\n}\n\nexport function ShowDynamicModal({ setShowDynamicModal }: { setShowDynamicModal: Dispatch<SetStateAction<boolean>> }) {\n    const context = useContext(DynamicContext);\n    if (context == null) {\n        throw new Error(\"DynamicContext is missing\");\n    }\n    const { setShowAuthFlow, handleLogOut } = context;\n\n    useEffect(() => {\n        // Move focus from the iframe to the main page, otherwise the modal will require a double click to interact with it\n        document.getElementById(\"crossmint-focus-target\")?.focus();\n\n        (async () => {\n            await handleLogOut();\n            setShowAuthFlow(true, {\n                clearErrors: true,\n                emitCancelAuth: true,\n                ignoreIfIsEmbeddedWidget: true,\n                initializeWalletConnect: true,\n                performMultiWalletChecks: false, // Important to be false in order to not require double clicking connect button\n            });\n            setShowDynamicModal(false);\n        })();\n    }, []);\n\n    return null;\n}\n"]}

package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.d.cts

@@ -1,10 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { EmbeddedCheckoutV3IFrameEmitter } from '@crossmint/client-sdk-base';
 import { APIKeyEnvironmentPrefix } from '@crossmint/common-sdk-base';
+import { Dispatch, SetStateAction } from 'react';
 
 declare function CryptoWalletConnectionHandler(props: {
     iframeClient: EmbeddedCheckoutV3IFrameEmitter | null;
     apiKeyEnvironment: APIKeyEnvironmentPrefix;
 }): react_jsx_runtime.JSX.Element;
+declare function ShowDynamicModal({ setShowDynamicModal }: {
+    setShowDynamicModal: Dispatch<SetStateAction<boolean>>;
+}): null;
 
-export { CryptoWalletConnectionHandler };
+export { CryptoWalletConnectionHandler, ShowDynamicModal };

package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.d.ts

@@ -1,10 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { EmbeddedCheckoutV3IFrameEmitter } from '@crossmint/client-sdk-base';
 import { APIKeyEnvironmentPrefix } from '@crossmint/common-sdk-base';
+import { Dispatch, SetStateAction } from 'react';
 
 declare function CryptoWalletConnectionHandler(props: {
     iframeClient: EmbeddedCheckoutV3IFrameEmitter | null;
     apiKeyEnvironment: APIKeyEnvironmentPrefix;
 }): react_jsx_runtime.JSX.Element;
+declare function ShowDynamicModal({ setShowDynamicModal }: {
+    setShowDynamicModal: Dispatch<SetStateAction<boolean>>;
+}): null;
 
-export { CryptoWalletConnectionHandler };
+export { CryptoWalletConnectionHandler, ShowDynamicModal };

package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.js

@@ -14,9 +14,9 @@ import {
   chainIdToBlockchain
 } from "@crossmint/common-sdk-base";
 import { EthereumWalletConnectors } from "@dynamic-labs/ethereum";
-import { useDynamicContext } from "@dynamic-labs/sdk-react-core";
+import { DynamicContext, useDynamicContext } from "@dynamic-labs/sdk-react-core";
 import { SolanaWalletConnectors } from "@dynamic-labs/solana";
-import { useEffect } from "react";
+import { useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 function CryptoWalletConnectionHandler(props) {
   const { iframeClient, apiKeyEnvironment } = props;
@@ -70,19 +70,19 @@ function CryptoWalletConnectionHandler(props) {
   );
 }
 function _CryptoWalletConnectionHandler({ iframeClient }) {
-  const { setShowAuthFlow, primaryWallet, handleLogOut } = useDynamicContext();
+  const [showDynamicModal, setShowDynamicModal] = useState(false);
+  const { primaryWallet } = useDynamicContext();
   useEffect(() => {
     if (iframeClient == null) {
       return;
     }
-    const showAuthFlowListener = iframeClient.on("crypto:connect-wallet.show", (_0) => __async(this, [_0], function* ({ show }) {
-      yield handleLogOut();
-      setShowAuthFlow(show);
-    }));
+    const showAuthFlowListener = iframeClient.on("crypto:connect-wallet.show", ({ show }) => {
+      setShowDynamicModal(show);
+    });
     return () => {
       iframeClient.off(showAuthFlowListener);
     };
-  }, [iframeClient, handleLogOut, setShowAuthFlow]);
+  }, [iframeClient]);
   useEffect(() => {
     if (iframeClient == null) {
       return;
@@ -109,7 +109,7 @@ function _CryptoWalletConnectionHandler({ iframeClient }) {
       iframeClient.off(signTransactionListener);
     };
   }, [iframeClient, primaryWallet]);
-  return null;
+  return showDynamicModal ? /* @__PURE__ */ jsx(ShowDynamicModal, { setShowDynamicModal }) : null;
 }
 function dynamicChainToCrossmintChain(wallet) {
   return __async(this, null, function* () {
@@ -129,7 +129,32 @@ function dynamicChainToCrossmintChain(wallet) {
     return chainFromChainId;
   });
 }
+function ShowDynamicModal({ setShowDynamicModal }) {
+  const context = useContext(DynamicContext);
+  if (context == null) {
+    throw new Error("DynamicContext is missing");
+  }
+  const { setShowAuthFlow, handleLogOut } = context;
+  useEffect(() => {
+    var _a;
+    (_a = document.getElementById("crossmint-focus-target")) == null ? void 0 : _a.focus();
+    (() => __async(this, null, function* () {
+      yield handleLogOut();
+      setShowAuthFlow(true, {
+        clearErrors: true,
+        emitCancelAuth: true,
+        ignoreIfIsEmbeddedWidget: true,
+        initializeWalletConnect: true,
+        performMultiWalletChecks: false
+        // Important to be false in order to not require double clicking connect button
+      });
+      setShowDynamicModal(false);
+    }))();
+  }, []);
+  return null;
+}
 export {
-  CryptoWalletConnectionHandler
+  CryptoWalletConnectionHandler,
+  ShowDynamicModal
 };
 //# sourceMappingURL=CryptoWalletConnectionHandler.js.map

package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed/v3/crypto/CryptoWalletConnectionHandler.tsx"],"sourcesContent":["import DynamicContextProviderWrapper from \"@/components/dynamic-xyz/DynamicContextProviderWrapper\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\nimport {\n    type APIKeyEnvironmentPrefix,\n    type BlockchainIncludingTestnet,\n    chainIdToBlockchain,\n} from \"@crossmint/common-sdk-base\";\nimport { EthereumWalletConnectors } from \"@dynamic-labs/ethereum\";\nimport { type HandleConnectedWallet, useDynamicContext } from \"@dynamic-labs/sdk-react-core\";\nimport { SolanaWalletConnectors } from \"@dynamic-labs/solana\";\nimport { useEffect } from \"react\";\nimport { handleSendTransaction } from \"./utils/handleSendTransaction\";\n\nexport function CryptoWalletConnectionHandler(props: {\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter | null;\n    apiKeyEnvironment: APIKeyEnvironmentPrefix;\n}) {\n    const { iframeClient, apiKeyEnvironment } = props;\n\n    return (\n        <DynamicContextProviderWrapper\n            apiKeyEnvironment={apiKeyEnvironment}\n            settings={{\n                walletConnectors: [EthereumWalletConnectors, SolanaWalletConnectors],\n                events: {\n                    onAuthFlowCancel() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowCancel\");\n                        iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                            error: \"cancelled\",\n                        });\n                    },\n                    onAuthFlowClose() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowClose\");\n                    },\n                    onAuthFailure(data, reason) {\n                        console.error(\"[CryptoWalletConnectionHandler] onAuthFailure\", data, reason);\n                    },\n                    onAuthSuccess(data) {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthSuccess\", data);\n                    },\n                },\n                handlers: {\n                    handleConnectedWallet: async (wallet) => {\n                        console.log(\"[CryptoWalletConnectionHandler] handleConnectedWallet\", wallet);\n\n                        const address = wallet.address;\n                        if (!address) {\n                            console.error(\"[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing\");\n                            iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                                error: \"address is missing\",\n                            });\n                            return false;\n                        }\n\n                        const chain = await dynamicChainToCrossmintChain(wallet);\n\n                        iframeClient?.send(\"crypto:connect-wallet.success\", {\n                            address,\n                            chain,\n                            walletProviderKey: wallet.connector?.key,\n                        });\n\n                        return true;\n                    },\n                },\n            }}\n        >\n            <_CryptoWalletConnectionHandler {...props} />\n        </DynamicContextProviderWrapper>\n    );\n}\n\nfunction _CryptoWalletConnectionHandler({ iframeClient }: Parameters<typeof CryptoWalletConnectionHandler>[0]) {\n    const { setShowAuthFlow, primaryWallet, handleLogOut } = useDynamicContext();\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const showAuthFlowListener = iframeClient.on(\"crypto:connect-wallet.show\", async ({ show }) => {\n            await handleLogOut();\n            setShowAuthFlow(show);\n        });\n\n        return () => {\n            iframeClient.off(showAuthFlowListener);\n        };\n    }, [iframeClient, handleLogOut, setShowAuthFlow]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const signTransactionListener = iframeClient.on(\n            \"crypto:send-transaction\",\n            async ({ chain, serializedTransaction }) => {\n                if (primaryWallet == null) {\n                    console.error(\"[CryptoWalletConnectionHandler] signTransaction: primaryWallet is missing\");\n                    iframeClient.send(\"crypto:send-transaction:failed\", {\n                        error: \"primaryWallet is missing\",\n                    });\n                    return;\n                }\n\n                await handleSendTransaction(\n                    primaryWallet,\n                    chain as BlockchainIncludingTestnet,\n                    serializedTransaction,\n                    iframeClient\n                );\n            }\n        );\n\n        return () => {\n            iframeClient.off(signTransactionListener);\n        };\n    }, [iframeClient, primaryWallet]);\n\n    return null;\n}\n\nasync function dynamicChainToCrossmintChain(\n    wallet: Parameters<HandleConnectedWallet>[0]\n): Promise<BlockchainIncludingTestnet> {\n    const chain = wallet.chain;\n    if (chain === \"SOL\") {\n        return \"solana\";\n    }\n    const chainId = await wallet.connector?.getNetwork();\n    if (typeof chainId !== \"number\") {\n        throw new Error(\"chainId is not a number\");\n    }\n    const chainFromChainId = chainIdToBlockchain(chainId);\n    if (!chainFromChainId) {\n        throw new Error(`ChainId ${chainId} is not supported`);\n    }\n    return chainFromChainId as BlockchainIncludingTestnet;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/components/embed/v3/crypto/CryptoWalletConnectionHandler.tsx"],"sourcesContent":["import DynamicContextProviderWrapper from \"@/components/dynamic-xyz/DynamicContextProviderWrapper\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\nimport {\n    type APIKeyEnvironmentPrefix,\n    type BlockchainIncludingTestnet,\n    chainIdToBlockchain,\n} from \"@crossmint/common-sdk-base\";\nimport { EthereumWalletConnectors } from \"@dynamic-labs/ethereum\";\nimport { DynamicContext, useDynamicContext, type HandleConnectedWallet } from \"@dynamic-labs/sdk-react-core\";\nimport { SolanaWalletConnectors } from \"@dynamic-labs/solana\";\nimport { type Dispatch, type SetStateAction, useContext, useEffect, useState } from \"react\";\nimport { handleSendTransaction } from \"./utils/handleSendTransaction\";\n\nexport function CryptoWalletConnectionHandler(props: {\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter | null;\n    apiKeyEnvironment: APIKeyEnvironmentPrefix;\n}) {\n    const { iframeClient, apiKeyEnvironment } = props;\n\n    return (\n        <DynamicContextProviderWrapper\n            apiKeyEnvironment={apiKeyEnvironment}\n            settings={{\n                walletConnectors: [EthereumWalletConnectors, SolanaWalletConnectors],\n                events: {\n                    onAuthFlowCancel() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowCancel\");\n                        iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                            error: \"cancelled\",\n                        });\n                    },\n                    onAuthFlowClose() {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthFlowClose\");\n                    },\n                    onAuthFailure(data, reason) {\n                        console.error(\"[CryptoWalletConnectionHandler] onAuthFailure\", data, reason);\n                    },\n                    onAuthSuccess(data) {\n                        console.log(\"[CryptoWalletConnectionHandler] onAuthSuccess\", data);\n                    },\n                },\n                handlers: {\n                    handleConnectedWallet: async (wallet) => {\n                        console.log(\"[CryptoWalletConnectionHandler] handleConnectedWallet\", wallet);\n\n                        const address = wallet.address;\n                        if (!address) {\n                            console.error(\"[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing\");\n                            iframeClient?.send(\"crypto:connect-wallet.failed\", {\n                                error: \"address is missing\",\n                            });\n                            return false;\n                        }\n\n                        const chain = await dynamicChainToCrossmintChain(wallet);\n\n                        iframeClient?.send(\"crypto:connect-wallet.success\", {\n                            address,\n                            chain,\n                            walletProviderKey: wallet.connector?.key,\n                        });\n\n                        return true;\n                    },\n                },\n            }}\n        >\n            <_CryptoWalletConnectionHandler {...props} />\n        </DynamicContextProviderWrapper>\n    );\n}\n\nfunction _CryptoWalletConnectionHandler({ iframeClient }: Parameters<typeof CryptoWalletConnectionHandler>[0]) {\n    const [showDynamicModal, setShowDynamicModal] = useState(false);\n    const { primaryWallet } = useDynamicContext();\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const showAuthFlowListener = iframeClient.on(\"crypto:connect-wallet.show\", ({ show }) => {\n            setShowDynamicModal(show);\n        });\n\n        return () => {\n            iframeClient.off(showAuthFlowListener);\n        };\n    }, [iframeClient]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        const signTransactionListener = iframeClient.on(\n            \"crypto:send-transaction\",\n            async ({ chain, serializedTransaction }) => {\n                if (primaryWallet == null) {\n                    console.error(\"[CryptoWalletConnectionHandler] signTransaction: primaryWallet is missing\");\n                    iframeClient.send(\"crypto:send-transaction:failed\", {\n                        error: \"primaryWallet is missing\",\n                    });\n                    return;\n                }\n\n                await handleSendTransaction(\n                    primaryWallet,\n                    chain as BlockchainIncludingTestnet,\n                    serializedTransaction,\n                    iframeClient\n                );\n            }\n        );\n\n        return () => {\n            iframeClient.off(signTransactionListener);\n        };\n    }, [iframeClient, primaryWallet]);\n\n    return showDynamicModal ? <ShowDynamicModal setShowDynamicModal={setShowDynamicModal} /> : null;\n}\n\nasync function dynamicChainToCrossmintChain(\n    wallet: Parameters<HandleConnectedWallet>[0]\n): Promise<BlockchainIncludingTestnet> {\n    const chain = wallet.chain;\n    if (chain === \"SOL\") {\n        return \"solana\";\n    }\n    const chainId = await wallet.connector?.getNetwork();\n    if (typeof chainId !== \"number\") {\n        throw new Error(\"chainId is not a number\");\n    }\n    const chainFromChainId = chainIdToBlockchain(chainId);\n    if (!chainFromChainId) {\n        throw new Error(`ChainId ${chainId} is not supported`);\n    }\n    return chainFromChainId as BlockchainIncludingTestnet;\n}\n\nexport function ShowDynamicModal({ setShowDynamicModal }: { setShowDynamicModal: Dispatch<SetStateAction<boolean>> }) {\n    const context = useContext(DynamicContext);\n    if (context == null) {\n        throw new Error(\"DynamicContext is missing\");\n    }\n    const { setShowAuthFlow, handleLogOut } = context;\n\n    useEffect(() => {\n        // Move focus from the iframe to the main page, otherwise the modal will require a double click to interact with it\n        document.getElementById(\"crossmint-focus-target\")?.focus();\n\n        (async () => {\n            await handleLogOut();\n            setShowAuthFlow(true, {\n                clearErrors: true,\n                emitCancelAuth: true,\n                ignoreIfIsEmbeddedWidget: true,\n                initializeWalletConnect: true,\n                performMultiWalletChecks: false, // Important to be false in order to not require double clicking connect button\n            });\n            setShowDynamicModal(false);\n        })();\n    }, []);\n\n    return null;\n}\n"],"mappings":"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","names":[]}