@multiplatform.one/web3 5.0.27

package/dist/esm/connectkit/components/ConnectKit.native.js

@@ -0,0 +1,186 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { createContext, createElement, useEffect, useState } from "react";
+import { Buffer } from "buffer";
+import defaultTheme from "../styles/defaultTheme.native.js";
+import ConnectKitModal from "../components/ConnectModal/index.native.js";
+import { ThemeProvider } from "styled-components";
+import { useThemeFont } from "../hooks/useGoogleFont.native.js";
+import { SIWEContext } from "./../siwe/index.native.js";
+import { useChains } from "../hooks/useChains.native.js";
+import { useConnectCallback } from "../hooks/useConnectCallback.native.js";
+import { useConnector } from "../hooks/useConnectors.native.js";
+import { ensureSiwwConnectors } from "../connectors/ensureSiwwConnectors.native.js";
+import { WagmiContext, useAccount, useConfig } from "wagmi";
+import { Web3ContextProvider } from "./contexts/web3/index.native.js";
+import { useChainIsSupported } from "../hooks/useChainIsSupported.native.js";
+var routes = {
+  ONBOARDING: "onboarding",
+  ABOUT: "about",
+  CONNECTORS: "connectors",
+  MOBILECONNECTORS: "mobileConnectors",
+  CONNECT: "connect",
+  DOWNLOAD: "download",
+  PROFILE: "profile",
+  SWITCHNETWORKS: "switchNetworks",
+  SIGNINWITHETHEREUM: "signInWithEthereum"
+};
+var Context = /* @__PURE__ */createContext(null);
+var ConnectKitProvider = function ConnectKitProvider2(param) {
+  var {
+    children,
+    theme = "auto",
+    mode = "auto",
+    customTheme,
+    options,
+    onConnect,
+    onDisconnect,
+    debugMode = false
+  } = param;
+  var _ref;
+  var _chains_, _React_useContext;
+  if (!React.useContext(WagmiContext)) {
+    throw Error("ConnectKitProvider must be within a WagmiProvider");
+  }
+  if (React.useContext(Context)) {
+    throw new Error("Multiple, nested usages of ConnectKitProvider detected. Please use only one.");
+  }
+  useConnectCallback({
+    onConnect,
+    onDisconnect
+  });
+  var chains = useChains();
+  var injectedConnector = useConnector("injected");
+  var defaultOptions = {
+    language: "en-US",
+    hideBalance: false,
+    hideTooltips: false,
+    hideQuestionMarkCTA: false,
+    hideNoWalletCTA: false,
+    walletConnectCTA: "link",
+    hideRecentBadge: false,
+    avoidLayoutShift: true,
+    embedGoogleFonts: false,
+    truncateLongENSAddress: true,
+    walletConnectName: void 0,
+    reducedMotion: false,
+    disclaimer: null,
+    bufferPolyfill: true,
+    customAvatar: void 0,
+    initialChainId: chains === null || chains === void 0 ? void 0 : (_chains_ = chains[0]) === null || _chains_ === void 0 ? void 0 : _chains_.id,
+    enforceSupportedChains: false,
+    ethereumOnboardingUrl: void 0,
+    walletOnboardingUrl: void 0,
+    disableSiweRedirect: false
+  };
+  var opts = Object.assign({}, defaultOptions, options);
+  if (typeof window !== "undefined") {
+    var _window_Buffer;
+    if (opts.bufferPolyfill) window.Buffer = (_window_Buffer = window.Buffer) !== null && _window_Buffer !== void 0 ? _window_Buffer : Buffer;
+  }
+  var [ckTheme, setTheme] = useState(theme);
+  var [ckMode, setMode] = useState(mode);
+  var [ckCustomTheme, setCustomTheme] = useState(customTheme !== null && customTheme !== void 0 ? customTheme : {});
+  var [ckLang, setLang] = useState("en-US");
+  var [open, setOpen] = useState(false);
+  var [connector, setConnector] = useState({
+    id: ""
+  });
+  var [route, setRoute] = useState(routes.CONNECTORS);
+  var [errorMessage, setErrorMessage] = useState("");
+  var [resize, onResize] = useState(0);
+  if (opts.embedGoogleFonts) useThemeFont(theme);
+  useEffect(function () {
+    return setTheme(theme);
+  }, [theme]);
+  useEffect(function () {
+    return setLang(opts.language || "en-US");
+  }, [opts.language]);
+  useEffect(function () {
+    return setErrorMessage(null);
+  }, [route, open]);
+  var ckConfig = useConfig();
+  useEffect(function () {
+    ensureSiwwConnectors(ckConfig);
+    var timers = [300, 800, 1500, 3e3].map(function (d) {
+      return setTimeout(function () {
+        return ensureSiwwConnectors(ckConfig);
+      }, d);
+    });
+    return function () {
+      return timers.forEach(function (t) {
+        return clearTimeout(t);
+      });
+    };
+  }, [ckConfig]);
+  var {
+    chain,
+    isConnected
+  } = useAccount();
+  var isChainSupported = useChainIsSupported(chain === null || chain === void 0 ? void 0 : chain.id);
+  useEffect(function () {
+    if (isConnected && opts.enforceSupportedChains && !isChainSupported) {
+      setOpen(true);
+      setRoute(routes.SWITCHNETWORKS);
+    }
+  }, [isConnected, isChainSupported, chain, route, open]);
+  var log = debugMode ? console.log : function () {};
+  var value = {
+    theme: ckTheme,
+    setTheme,
+    mode: ckMode,
+    setMode,
+    customTheme,
+    setCustomTheme,
+    lang: ckLang,
+    setLang,
+    open,
+    setOpen,
+    route,
+    setRoute,
+    connector,
+    setConnector,
+    signInWithEthereum: (_ref = (_React_useContext = React.useContext(SIWEContext)) === null || _React_useContext === void 0 ? void 0 : _React_useContext.enabled) !== null && _ref !== void 0 ? _ref : false,
+    onConnect,
+    // Other configuration
+    options: opts,
+    errorMessage,
+    debugMode,
+    log,
+    displayError: function displayError(message, code) {
+      setErrorMessage(message);
+      console.log("---------CONNECTKIT DEBUG---------");
+      console.log(message);
+      if (code) console.table(code);
+      console.log("---------/CONNECTKIT DEBUG---------");
+    },
+    resize,
+    triggerResize: function triggerResize() {
+      return onResize(function (prev) {
+        return prev + 1;
+      });
+    }
+  };
+  return /* @__PURE__ */createElement(Context.Provider, {
+    value
+  }, /* @__PURE__ */_jsx(_Fragment, {
+    children: /* @__PURE__ */_jsx(Web3ContextProvider, {
+      enabled: open,
+      children: /* @__PURE__ */_jsxs(ThemeProvider, {
+        theme: defaultTheme,
+        children: [children, /* @__PURE__ */_jsx(ConnectKitModal, {
+          lang: ckLang,
+          theme: ckTheme,
+          mode,
+          customTheme: ckCustomTheme
+        })]
+      })
+    })
+  }));
+};
+var useContext = function useContext2() {
+  var context = React.useContext(Context);
+  if (!context) throw Error("ConnectKit Hook must be inside a Provider.");
+  return context;
+};
+export { ConnectKitProvider, Context, routes, useContext };
+//# sourceMappingURL=ConnectKit.native.js.map

package/dist/esm/connectkit/components/ConnectKit.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","createContext","createElement","useEffect","useState","Buffer","defaultTheme","ConnectKitModal","ThemeProvider","useThemeFont","SIWEContext","useChains","useConnectCallback","useConnector","ensureSiwwConnectors","WagmiContext","useAccount","useConfig","Web3ContextProvider","useChainIsSupported","routes","ONBOARDING","ABOUT","CONNECTORS","MOBILECONNECTORS","CONNECT","DOWNLOAD","PROFILE","SWITCHNETWORKS","SIGNINWITHETHEREUM","Context","ConnectKitProvider","ConnectKitProvider2","param","children","theme","mode","customTheme","options","onConnect","onDisconnect","debugMode","_ref","_chains_","_React_useContext","useContext","Error","chains","injectedConnector","defaultOptions","language","hideBalance","hideTooltips","hideQuestionMarkCTA","hideNoWalletCTA","walletConnectCTA","hideRecentBadge","avoidLayoutShift","embedGoogleFonts","truncateLongENSAddress","walletConnectName","reducedMotion","disclaimer","bufferPolyfill","customAvatar","initialChainId","id","enforceSupportedChains","ethereumOnboardingUrl","walletOnboardingUrl","disableSiweRedirect","opts","Object","assign","window","_window_Buffer","ckTheme","setTheme","ckMode","setMode","ckCustomTheme","setCustomTheme","ckLang","setLang","open","setOpen","connector","setConnector","route","setRoute","errorMessage","setErrorMessage","resize","onResize","ckConfig","timers","map","d","setTimeout","forEach","t","clearTimeout","chain","isConnected","isChainSupported","log","console","value","lang","signInWithEthereum","enabled","displayError","message","code","table","triggerResize","prev","Provider"],"sources":["../../../../src/connectkit/components/ConnectKit.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/connectkit/components/ConnectKitThemeProvider/ConnectKitThemeProvider.mjs

@@ -0,0 +1,27 @@
+import React, { createContext, createElement } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+const Context = createContext(null);
+const ConnectKitThemeProvider = ({
+  children,
+  theme = "auto",
+  mode = "auto",
+  customTheme
+}) => {
+  const value = {
+    theme,
+    mode,
+    customTheme
+  };
+  return createElement(Context.Provider, {
+    value
+  }, /* @__PURE__ */jsx(Fragment, {
+    children
+  }));
+};
+const useThemeContext = () => {
+  const context = React.useContext(Context);
+  if (!context) throw Error("ConnectKitThemeProvider must be inside a Provider.");
+  return context;
+};
+export { ConnectKitThemeProvider, useThemeContext };
+//# sourceMappingURL=ConnectKitThemeProvider.mjs.map

package/dist/esm/connectkit/components/ConnectKitThemeProvider/ConnectKitThemeProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","createElement","Fragment","jsx","Context","ConnectKitThemeProvider","children","theme","mode","customTheme","value","Provider","useThemeContext","context","useContext","Error"],"sources":["../../../../../src/connectkit/components/ConnectKitThemeProvider/ConnectKitThemeProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,aAAA,QAAqB;AA2BA,SAAAC,QAAA,EAAAC,GAAA;AAlBpD,MAAMC,OAAA,GAAUJ,aAAA,CAAmC,IAAI;AAShD,MAAMK,uBAAA,GAETA,CAAC;EAAEC,QAAA;EAAUC,KAAA,GAAQ;EAAQC,IAAA,GAAO;EAAQC;AAAY,MAAM;EAChE,MAAMC,KAAA,GAAQ;IACZH,KAAA;IACAC,IAAA;IACAC;EACF;EAEA,OAAOR,aAAA,CAAcG,OAAA,CAAQO,QAAA,EAAU;IAAED;EAAM,GAAG,eAAAP,GAAA,CAAAD,QAAA;IAAGI;EAAA,CAAS,CAAG;AACnE;AAEO,MAAMM,eAAA,GAAkBA,CAAA,KAAM;EACnC,MAAMC,OAAA,GAAUd,KAAA,CAAMe,UAAA,CAAWV,OAAO;EACxC,IAAI,CAACS,OAAA,EACH,MAAME,KAAA,CAAM,oDAAoD;EAClE,OAAOF,OAAA;AACT","ignoreList":[]}

package/dist/esm/connectkit/components/ConnectKitThemeProvider/ConnectKitThemeProvider.native.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { createContext, createElement } from "react";
+var Context = /* @__PURE__ */createContext(null);
+var ConnectKitThemeProvider = function ConnectKitThemeProvider2(param) {
+  var {
+    children,
+    theme = "auto",
+    mode = "auto",
+    customTheme
+  } = param;
+  var value = {
+    theme,
+    mode,
+    customTheme
+  };
+  return /* @__PURE__ */createElement(Context.Provider, {
+    value
+  }, /* @__PURE__ */_jsx(_Fragment, {
+    children
+  }));
+};
+var useThemeContext = function useThemeContext2() {
+  var context = React.useContext(Context);
+  if (!context) throw Error("ConnectKitThemeProvider must be inside a Provider.");
+  return context;
+};
+export { ConnectKitThemeProvider, useThemeContext };
+//# sourceMappingURL=ConnectKitThemeProvider.native.js.map

package/dist/esm/connectkit/components/ConnectKitThemeProvider/ConnectKitThemeProvider.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","React","createContext","createElement","Context","ConnectKitThemeProvider","ConnectKitThemeProvider2","param","children","theme","mode","customTheme","value","Provider","useThemeContext","useThemeContext2"],"sources":["../../../../../src/connectkit/components/ConnectKitThemeProvider/ConnectKitThemeProvider.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAASC,IAAA,EAAAC,QAAA,IAAeC,SAAA,2BAAqB;AA2BA,OAAAC,KAAA,IAAAC,aAAA,EAAAC,aAAA;AAlBpD,IAAAC,OAAM,kBAA6CF,aAAI;AAShD,IAAAG,uBAAM,YAENC,wBAA0BA,CAAAC,KAAO;EACtC;IAAMC,QAAQ;IAAAC,KAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAJ,KAAA;EAAA,IACZK,KAAA;IACAH,KAAA;IACAC,IAAA;IACFC;EAEA;EACF,sBAAAR,aAAA,CAAAC,OAAA,CAAAS,QAAA;IAEOD;EACL,kBAAgBd,IAAM,CAAAE,SAAW;IACjCQ;EACE;AACF;AACF,IAAAM,eAAA,YAAAC,iBAAA","ignoreList":[]}

package/dist/esm/connectkit/components/ConnectModal/ConnectUsing.mjs

@@ -0,0 +1,60 @@
+import { AnimatePresence, motion } from "framer-motion";
+import { useEffect, useState } from "react";
+import { useContext } from "../ConnectKit.mjs";
+import { useWallet } from "../../wallets/useWallets.mjs";
+import ConnectWithInjector from "./ConnectWithInjector/index.mjs";
+import ConnectWithQRCode from "./ConnectWithQRCode.mjs";
+import { contentVariants } from "../Common/Modal/index.mjs";
+import Alert from "../Common/Alert/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const states = {
+  QRCODE: "qrcode",
+  INJECTOR: "injector"
+};
+const ConnectUsing = () => {
+  const context = useContext();
+  const wallet = useWallet(context.connector.id);
+  const isQrCode = (wallet?.ecosystem ?? "evm") === "evm" && !wallet?.isInstalled && wallet?.getWalletConnectDeeplink;
+  const [status, setStatus] = useState(isQrCode ? states.QRCODE : states.INJECTOR);
+  useEffect(() => {
+    const checkProvider = async () => {
+      const res = await wallet?.connector.getProvider();
+      if (!res) {
+        setStatus(states.QRCODE);
+        setTimeout(context.triggerResize, 10);
+      }
+    };
+    if (status === states.INJECTOR && (wallet?.ecosystem ?? "evm") === "evm") checkProvider();
+  }, []);
+  if (!wallet) return /* @__PURE__ */jsxs(Alert, {
+    children: ["Connector not found ", context.connector.id]
+  });
+  return /* @__PURE__ */jsxs(AnimatePresence, {
+    children: [status === states.QRCODE && /* @__PURE__ */jsx(motion.div, {
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: contentVariants,
+      children: /* @__PURE__ */jsx(ConnectWithQRCode, {
+        switchConnectMethod: id => {
+          setStatus(states.INJECTOR);
+          setTimeout(context.triggerResize, 10);
+        }
+      })
+    }, states.QRCODE), status === states.INJECTOR && /* @__PURE__ */jsx(motion.div, {
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: contentVariants,
+      children: /* @__PURE__ */jsx(ConnectWithInjector, {
+        switchConnectMethod: id => {
+          setStatus(states.QRCODE);
+          setTimeout(context.triggerResize, 10);
+        }
+      })
+    }, states.INJECTOR)]
+  });
+};
+var ConnectUsing_default = ConnectUsing;
+export { ConnectUsing_default as default };
+//# sourceMappingURL=ConnectUsing.mjs.map

package/dist/esm/connectkit/components/ConnectModal/ConnectUsing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["AnimatePresence","motion","useEffect","useState","useContext","useWallet","ConnectWithInjector","ConnectWithQRCode","contentVariants","Alert","jsx","jsxs","states","QRCODE","INJECTOR","ConnectUsing","context","wallet","connector","id","isQrCode","ecosystem","isInstalled","getWalletConnectDeeplink","status","setStatus","checkProvider","res","getProvider","setTimeout","triggerResize","children","div","initial","animate","exit","variants","switchConnectMethod","ConnectUsing_default"],"sources":["../../../../../src/connectkit/components/ConnectModal/ConnectUsing.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,EAAiBC,MAAA,QAAc;AACxC,SAASC,SAAA,EAAWC,QAAA,QAAgB;AAEpC,SAASC,UAAA,QAAkB;AAC3B,SAASC,SAAA,QAAiB;AAE1B,OAAOC,mBAAA,MAAyB;AAChC,OAAOC,iBAAA,MAAuB;AAE9B,SAASC,eAAA,QAAuB;AAChC,OAAOC,KAAA,MAAW;AAmCI,SAYZC,GAAA,EAZYC,IAAA;AAjCtB,MAAMC,MAAA,GAAS;EACbC,MAAA,EAAQ;EACRC,QAAA,EAAU;AACZ;AAEA,MAAMC,YAAA,GAAeA,CAAA,KAAM;EACzB,MAAMC,OAAA,GAAUZ,UAAA,CAAW;EAC3B,MAAMa,MAAA,GAASZ,SAAA,CAAUW,OAAA,CAAQE,SAAA,CAAUC,EAAE;EAI7C,MAAMC,QAAA,IACHH,MAAA,EAAQI,SAAA,IAAa,WAAW,SACjC,CAACJ,MAAA,EAAQK,WAAA,IACTL,MAAA,EAAQM,wBAAA;EAEV,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAItB,QAAA,CAC1BiB,QAAA,GAAWR,MAAA,CAAOC,MAAA,GAASD,MAAA,CAAOE,QACpC;EAEAZ,SAAA,CAAU,MAAM;IAEd,MAAMwB,aAAA,GAAgB,MAAAA,CAAA,KAAY;MAChC,MAAMC,GAAA,GAAM,MAAMV,MAAA,EAAQC,SAAA,CAAUU,WAAA,CAAY;MAChD,IAAI,CAACD,GAAA,EAAK;QACRF,SAAA,CAAUb,MAAA,CAAOC,MAAM;QACvBgB,UAAA,CAAWb,OAAA,CAAQc,aAAA,EAAe,EAAE;MACtC;IACF;IACA,IAAIN,MAAA,KAAWZ,MAAA,CAAOE,QAAA,KAAaG,MAAA,EAAQI,SAAA,IAAa,WAAW,OACjEK,aAAA,CAAc;EAClB,GAAG,EAAE;EAEL,IAAI,CAACT,MAAA,EAAQ,OAAO,eAAAN,IAAA,CAACF,KAAA;IAAMsB,QAAA,2BAAqBf,OAAA,CAAQE,SAAA,CAAUC,EAAA;EAAA,CAAG;EAErE,OACE,eAAAR,IAAA,CAACX,eAAA;IACE+B,QAAA,GAAAP,MAAA,KAAWZ,MAAA,CAAOC,MAAA,IACjB,eAAAH,GAAA,CAACT,MAAA,CAAO+B,GAAA,EAAP;MAECC,OAAA,EAAS;MACTC,OAAA,EAAS;MACTC,IAAA,EAAM;MACNC,QAAA,EAAU5B,eAAA;MAEVuB,QAAA,iBAAArB,GAAA,CAACH,iBAAA;QACC8B,mBAAA,EAAsBlB,EAAA,IAAgB;UAEpCM,SAAA,CAAUb,MAAA,CAAOE,QAAQ;UACzBe,UAAA,CAAWb,OAAA,CAAQc,aAAA,EAAe,EAAE;QACtC;MAAA,CACF;IAAA,GAZKlB,MAAA,CAAOC,MAad,GAEDW,MAAA,KAAWZ,MAAA,CAAOE,QAAA,IACjB,eAAAJ,GAAA,CAACT,MAAA,CAAO+B,GAAA,EAAP;MAECC,OAAA,EAAS;MACTC,OAAA,EAAS;MACTC,IAAA,EAAM;MACNC,QAAA,EAAU5B,eAAA;MAEVuB,QAAA,iBAAArB,GAAA,CAACJ,mBAAA;QACC+B,mBAAA,EAAsBlB,EAAA,IAAgB;UAEpCM,SAAA,CAAUb,MAAA,CAAOC,MAAM;UACvBgB,UAAA,CAAWb,OAAA,CAAQc,aAAA,EAAe,EAAE;QACtC;MAAA,CACF;IAAA,GAZKlB,MAAA,CAAOE,QAad;EAAA,CAEJ;AAEJ;AAEA,IAAOwB,oBAAA,GAAQvB,YAAA","ignoreList":[]}

package/dist/esm/connectkit/components/ConnectModal/ConnectUsing.native.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "framer-motion";
+import { useEffect, useState } from "react";
+import { useContext } from "../ConnectKit.native.js";
+import { useWallet } from "../../wallets/useWallets.native.js";
+import ConnectWithInjector from "./ConnectWithInjector/index.native.js";
+import ConnectWithQRCode from "./ConnectWithQRCode.native.js";
+import { contentVariants } from "../Common/Modal/index.native.js";
+import Alert from "../Common/Alert/index.native.js";
+var states = {
+  QRCODE: "qrcode",
+  INJECTOR: "injector"
+};
+var ConnectUsing = function ConnectUsing2() {
+  var _ref;
+  var context = useContext();
+  var wallet = useWallet(context.connector.id);
+  var isQrCode = ((_ref = wallet === null || wallet === void 0 ? void 0 : wallet.ecosystem) !== null && _ref !== void 0 ? _ref : "evm") === "evm" && !(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalled) && (wallet === null || wallet === void 0 ? void 0 : wallet.getWalletConnectDeeplink);
+  var [status, setStatus] = useState(isQrCode ? states.QRCODE : states.INJECTOR);
+  useEffect(function () {
+    var _ref2;
+    var checkProvider = async function checkProvider2() {
+      var res = await (wallet === null || wallet === void 0 ? void 0 : wallet.connector.getProvider());
+      if (!res) {
+        setStatus(states.QRCODE);
+        setTimeout(context.triggerResize, 10);
+      }
+    };
+    if (status === states.INJECTOR && ((_ref2 = wallet === null || wallet === void 0 ? void 0 : wallet.ecosystem) !== null && _ref2 !== void 0 ? _ref2 : "evm") === "evm") checkProvider();
+  }, []);
+  if (!wallet) return /* @__PURE__ */_jsxs(Alert, {
+    children: ["Connector not found ", context.connector.id]
+  });
+  return /* @__PURE__ */_jsxs(AnimatePresence, {
+    children: [status === states.QRCODE && /* @__PURE__ */_jsx(motion.div, {
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: contentVariants,
+      children: /* @__PURE__ */_jsx(ConnectWithQRCode, {
+        switchConnectMethod: function switchConnectMethod(id) {
+          setStatus(states.INJECTOR);
+          setTimeout(context.triggerResize, 10);
+        }
+      })
+    }, states.QRCODE),
+    // delay required here for modal to resize
+    status === states.INJECTOR && /* @__PURE__ */_jsx(motion.div, {
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: contentVariants,
+      children: /* @__PURE__ */_jsx(ConnectWithInjector, {
+        switchConnectMethod: function switchConnectMethod(id) {
+          setStatus(states.QRCODE);
+          setTimeout(context.triggerResize, 10);
+        }
+      })
+    }, states.INJECTOR)]
+  });
+};
+var ConnectUsing_default = ConnectUsing;
+export { ConnectUsing_default as default };
+//# sourceMappingURL=ConnectUsing.native.js.map

package/dist/esm/connectkit/components/ConnectModal/ConnectUsing.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AnimatePresence","motion","useEffect","useState","useContext","useWallet","ConnectWithInjector","ConnectWithQRCode","contentVariants","Alert","states","QRCODE","INJECTOR","ConnectUsing","ConnectUsing2","_ref","context","wallet","connector","id","isQrCode","ecosystem","isInstalled","getWalletConnectDeeplink","status","setStatus","_ref2","checkProvider","checkProvider2","res","getProvider","setTimeout","triggerResize","children","div","initial","animate","exit","variants","switchConnectMethod","ConnectUsing_default","default"],"sources":["../../../../../src/connectkit/components/ConnectModal/ConnectUsing.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAiB,IAAAC,KAAA,QAAc;AACxC,SAASC,eAAW,EAAAC,MAAA,QAAgB;AAEpC,SAASC,SAAA,EAAAC,QAAkB;AAC3B,SAASC,UAAA,QAAiB;AAE1B,SAAOC,SAAA,4CAAyB;AAChC,OAAOC,mBAAA,MAAuB;AAE9B,OAAAC,iBAAS,qCAAuB;AAChC,SAAOC,eAAW;AAmCI,OAAAC,KAYZ,MAZY;AAjCtB,IAAAC,MAAM;EACJC,MAAA,EAAQ;EACRC,QAAA,EAAU;AACZ;AAEA,IAAAC,YAAM,YAAqBC,cAAA;EACzB,IAAAC,IAAM;EACN,IAAAC,OAAM,GAAAZ,UAAS,CAAU;EAIzB,IAAAa,MAAM,GAAAZ,SACH,CAAAW,OAAQ,CAAAE,SAAa,CAAAC,EAAA;EAIxB,IAAAC,QAAO,GAAQ,EAAAL,IAAA,GAASE,MAAI,aAAAA,MAAA,uBAAAA,MAAA,CAAAI,SAAA,cAAAN,IAAA,cAAAA,IAAA,yBAAAE,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAK,WAAA,MAAAL,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAM,wBAAA;EAAA,IAC1B,CAAAC,MAAA,EAAWC,SAAO,IAAAtB,QAAS,CAAAiB,QAAO,GAAAV,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAE,QAAA;EACpCV,SAAA;IAEA,IAAAwB,KAAU;IAER,IAAAC,aAAM,kBAA4BC,eAAA;MAChC,IAAAC,GAAM,UAAMZ,MAAM,KAAQ,QAAUA,MAAA,UAAY,aAAAA,MAAA,CAAAC,SAAA,CAAAY,WAAA;MAChD,IAAI,CAACD,GAAA,EAAK;QACRJ,SAAA,CAAUf,MAAA,CAAOC,MAAM;QACvBoB,UAAA,CAAWf,OAAA,CAAQgB,aAAA,EAAe,EAAE;MACtC;IACF;IACA,IAAIR,MAAA,KAAWd,MAAA,CAAOE,QAAA,KAAa,CAAAc,KAAA,GAAQT,MAAA,SAAa,IAAAA,MAAW,uBAAAA,MAAA,CAAAI,SAAA,cAAAK,KAAA,cAAAA,KAAA,qBAAAC,aAAA;EACjE;EACJ,IAAI,CAACV,MAAA,wBAAAlB,KAAA,CAAAU,KAAA;IAELwB,QAAK,EAAQ,CAAc,wBAAqBjB,OAAQ,CAAAE,SAAU,CAAAC,EAAA;EAElE;EAEK,sBAAkBpB,KAAA,CAAAC,eACjB;IAAAiC,QAAC,EAAO,CAAPT,MAAA,KAAAd,MAAA,CAAAC,MAAA,mBAAAd,IAAA,CAAAI,MAAA,CAAAiC,GAAA;MAECC,OAAA,EAAS;MACTC,OAAA,EAAS;MACTC,IAAA,EAAM;MACNC,QAAA,EAAU9B,eAAA;MAEVyB,QAAA,iBAAApC,IAAA,CAAAU,iBAAA;QAACgC,mBAAA,WAAAA,oBAAApB,EAAA;UAAAM,SAAA,CAAAf,MAAA,CAAAE,QAAA;UACCmB,UAAA,CAAAf,OAAA,CAAAgB,aAAsC;QAEpC;MACA;IAAoC,GAAAtB,MACtC,CAAAC,MAAA;IAAA;IAAAa,MACF,KAAAd,MAAA,CAAAE,QAAA,mBAAAf,IAAA,CAAAI,MAAA,CAAAiC,GAAA;MAAAC,OAAA;MAZKC,OAAO;MAadC,IAAA;MAEDC,QAAW,EAAA9B,eAAO;MAChByB,QAAO,iBAAApC,IAAA,CAAAS,mBAAA;QAAPiC,mBAAA,WAAAA,oBAAApB,EAAA;UAECM,SAAS,CAAAf,MAAA,CAAAC,MAAA;UACToB,UAAS,CAAAf,OAAA,CAAAgB,aAAA;QACT;MACA;IAAU,GAEVtB,MAAA,CAAAE,QAAA;EAAC;AAAA;AAGG,IAAA4B,oBAAU,GAAA3B,YAAa;AACvB,SAAoC2B,oBACtC,IAAAC,OAAA","ignoreList":[]}

package/dist/esm/connectkit/components/ConnectModal/ConnectWithInjector/CircleSpinner/index.mjs

@@ -0,0 +1,89 @@
+import { LogoContainer, Logo, Spinner, SpinnerContainer, ExpiringSpinner } from "./styles.mjs";
+import { AnimatePresence } from "framer-motion";
+import { jsx, jsxs } from "react/jsx-runtime";
+const CircleSpinner = ({
+  logo,
+  smallLogo,
+  connecting = true,
+  unavailable = false,
+  countdown = false
+}) => {
+  return /* @__PURE__ */jsxs(LogoContainer, {
+    transition: {
+      duration: 0.5,
+      ease: [0.175, 0.885, 0.32, 0.98]
+    },
+    children: [/* @__PURE__ */jsx(Logo, {
+      $small: !unavailable && smallLogo,
+      style: unavailable ? {
+        borderRadius: 0
+      } : void 0,
+      children: logo
+    }), /* @__PURE__ */jsx(SpinnerContainer, {
+      children: /* @__PURE__ */jsxs(AnimatePresence, {
+        children: [connecting && /* @__PURE__ */jsx(Spinner, {
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0,
+            transition: {
+              duration: countdown ? 1 : 0
+            }
+          },
+          children: /* @__PURE__ */jsxs("svg", {
+            "aria-hidden": "true",
+            width: "102",
+            height: "102",
+            viewBox: "0 0 102 102",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [/* @__PURE__ */jsx("path", {
+              d: "M52 100C24.3858 100 2 77.6142 2 50",
+              stroke: "url(#paint0_linear_1943_4139)",
+              strokeWidth: "3.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }), /* @__PURE__ */jsx("defs", {
+              children: /* @__PURE__ */jsxs("linearGradient", {
+                id: "paint0_linear_1943_4139",
+                x1: "2",
+                y1: "48.5",
+                x2: "53",
+                y2: "100",
+                gradientUnits: "userSpaceOnUse",
+                children: [/* @__PURE__ */jsx("stop", {
+                  stopColor: "var(--ck-spinner-color)"
+                }), /* @__PURE__ */jsx("stop", {
+                  offset: "1",
+                  stopColor: "var(--ck-spinner-color)",
+                  stopOpacity: "0"
+                })]
+              })
+            })]
+          })
+        }, "Spinner"), countdown && /* @__PURE__ */jsxs(ExpiringSpinner, {
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0
+          },
+          transition: {
+            duration: 0.25
+          },
+          children: [/* @__PURE__ */jsx("div", {}), /* @__PURE__ */jsx("div", {})]
+        }, "ExpiringSpinner")]
+      })
+    })]
+  });
+};
+var CircleSpinner_default = CircleSpinner;
+export { CircleSpinner_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/connectkit/components/ConnectModal/ConnectWithInjector/CircleSpinner/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["LogoContainer","Logo","Spinner","SpinnerContainer","ExpiringSpinner","AnimatePresence","jsx","jsxs","CircleSpinner","logo","smallLogo","connecting","unavailable","countdown","transition","duration","ease","children","$small","style","borderRadius","initial","opacity","animate","exit","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","stopOpacity","CircleSpinner_default"],"sources":["../../../../../../../src/connectkit/components/ConnectModal/ConnectWithInjector/CircleSpinner/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,aAAA,EACAC,IAAA,EACAC,OAAA,EACAC,gBAAA,EACAC,eAAA,QACK;AAEP,SAASC,eAAA,QAAuB;AAoB1B,SAAAC,GAAA,EAoCYC,IAAA,QApCZ;AAjBN,MAAMC,aAAA,GAAgBA,CAAC;EACrBC,IAAA;EACAC,SAAA;EACAC,UAAA,GAAa;EACbC,WAAA,GAAc;EACdC,SAAA,GAAY;AACd,MAMM;EACJ,OACE,eAAAN,IAAA,CAACP,aAAA;IACCc,UAAA,EAAY;MAAEC,QAAA,EAAU;MAAKC,IAAA,EAAM,CAAC,OAAO,OAAO,MAAM,IAAI;IAAE;IAE9DC,QAAA,kBAAAX,GAAA,CAACL,IAAA;MACCiB,MAAA,EAAQ,CAACN,WAAA,IAAeF,SAAA;MACxBS,KAAA,EAAOP,WAAA,GAAc;QAAEQ,YAAA,EAAc;MAAE,IAAI;MAE1CH,QAAA,EAAAR;IAAA,CACH,GACA,eAAAH,GAAA,CAACH,gBAAA;MACCc,QAAA,iBAAAV,IAAA,CAACF,eAAA;QACEY,QAAA,GAAAN,UAAA,IACC,eAAAL,GAAA,CAACJ,OAAA;UAECmB,OAAA,EAAS;YAAEC,OAAA,EAAS;UAAE;UACtBC,OAAA,EAAS;YAAED,OAAA,EAAS;UAAE;UACtBE,IAAA,EAAM;YACJF,OAAA,EAAS;YACTR,UAAA,EAAY;cACVC,QAAA,EAAUF,SAAA,GAAY,IAAI;YAC5B;UACF;UAEAI,QAAA,iBAAAV,IAAA,CAAC;YACC,eAAY;YACZkB,KAAA,EAAM;YACNC,MAAA,EAAO;YACPC,OAAA,EAAQ;YACRC,IAAA,EAAK;YACLC,KAAA,EAAM;YAENZ,QAAA,kBAAAX,GAAA,CAAC;cACCwB,CAAA,EAAE;cACFC,MAAA,EAAO;cACPC,WAAA,EAAY;cACZC,aAAA,EAAc;cACdC,cAAA,EAAe;YAAA,CACjB,GACA,eAAA5B,GAAA,CAAC;cACCW,QAAA,iBAAAV,IAAA,CAAC;gBACC4B,EAAA,EAAG;gBACHC,EAAA,EAAG;gBACHC,EAAA,EAAG;gBACHC,EAAA,EAAG;gBACHC,EAAA,EAAG;gBACHC,aAAA,EAAc;gBAEdvB,QAAA,kBAAAX,GAAA,CAAC;kBAAKmC,SAAA,EAAU;gBAAA,CAA0B,GAC1C,eAAAnC,GAAA,CAAC;kBACCoC,MAAA,EAAO;kBACPD,SAAA,EAAU;kBACVE,WAAA,EAAY;gBAAA,CACd;cAAA,CACF;YAAA,CACF;UAAA,CACF;QAAA,GA1CI,SA2CN,GAED9B,SAAA,IACC,eAAAN,IAAA,CAACH,eAAA;UAECiB,OAAA,EAAS;YAAEC,OAAA,EAAS;UAAE;UACtBC,OAAA,EAAS;YAAED,OAAA,EAAS;UAAE;UACtBE,IAAA,EAAM;YAAEF,OAAA,EAAS;UAAE;UACnBR,UAAA,EAAY;YAAEC,QAAA,EAAU;UAAK;UAE7BE,QAAA,kBAAAX,GAAA,CAAC,SAAI,GACL,eAAAA,GAAA,CAAC,SAAI;QAAA,GAPD,iBAQN;MAAA,CAEJ;IAAA,CACF;EAAA,CACF;AAEJ;AAEA,IAAOsC,qBAAA,GAAQpC,aAAA","ignoreList":[]}

package/dist/esm/connectkit/components/ConnectModal/ConnectWithInjector/CircleSpinner/index.native.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LogoContainer, Logo, Spinner, SpinnerContainer, ExpiringSpinner } from "./styles.native.js";
+import { AnimatePresence } from "framer-motion";
+import React from "react";
+var CircleSpinner = function CircleSpinner2(param) {
+  var {
+    logo,
+    smallLogo,
+    connecting = true,
+    unavailable = false,
+    countdown = false
+  } = param;
+  return /* @__PURE__ */_jsxs(LogoContainer, {
+    transition: {
+      duration: 0.5,
+      ease: [0.175, 0.885, 0.32, 0.98]
+    },
+    children: [/* @__PURE__ */_jsx(Logo, {
+      $small: !unavailable && smallLogo,
+      style: unavailable ? {
+        borderRadius: 0
+      } : void 0,
+      children: logo
+    }), /* @__PURE__ */_jsx(SpinnerContainer, {
+      children: /* @__PURE__ */_jsxs(AnimatePresence, {
+        children: [connecting && /* @__PURE__ */_jsx(Spinner, {
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0,
+            transition: {
+              duration: countdown ? 1 : 0
+            }
+          },
+          children: /* @__PURE__ */_jsxs("svg", {
+            "aria-hidden": "true",
+            width: "102",
+            height: "102",
+            viewBox: "0 0 102 102",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [/* @__PURE__ */_jsx("path", {
+              d: "M52 100C24.3858 100 2 77.6142 2 50",
+              stroke: "url(#paint0_linear_1943_4139)",
+              strokeWidth: "3.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }), /* @__PURE__ */_jsx("defs", {
+              children: /* @__PURE__ */_jsxs("linearGradient", {
+                id: "paint0_linear_1943_4139",
+                x1: "2",
+                y1: "48.5",
+                x2: "53",
+                y2: "100",
+                gradientUnits: "userSpaceOnUse",
+                children: [/* @__PURE__ */_jsx("stop", {
+                  stopColor: "var(--ck-spinner-color)"
+                }), /* @__PURE__ */_jsx("stop", {
+                  offset: "1",
+                  stopColor: "var(--ck-spinner-color)",
+                  stopOpacity: "0"
+                })]
+              })
+            })]
+          })
+        }, "Spinner"), countdown && /* @__PURE__ */_jsxs(ExpiringSpinner, {
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0
+          },
+          transition: {
+            duration: 0.25
+          },
+          children: [/* @__PURE__ */_jsx("div", {}), /* @__PURE__ */_jsx("div", {})]
+        }, "ExpiringSpinner")]
+      })
+    })]
+  });
+};
+var CircleSpinner_default = CircleSpinner;
+export { CircleSpinner_default as default };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/connectkit/components/ConnectModal/ConnectWithInjector/CircleSpinner/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","LogoContainer","Logo","Spinner","SpinnerContainer","ExpiringSpinner","AnimatePresence","React","CircleSpinner","CircleSpinner2","param","logo","smallLogo","connecting","unavailable","countdown","transition","duration","ease","children","$small","style","borderRadius","initial","opacity","animate","exit","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","stopOpacity","CircleSpinner_default","default"],"sources":["../../../../../../../src/connectkit/components/ConnectModal/ConnectWithInjector/CircleSpinner/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,aAAA,EAAAC,IAAA,EAAAC,OAAA,EAAAC,gBAAA,EAAAC,eAAA;AAAA,SACAC,eAAA;AAAA,OACAC,KAAA;AAAA,IACAC,aAAA,YAAAC,eAAAC,KAAA;EACA;IAAAC,IAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,SAAA;EAAA,IAAAL,KAAA;EAAA,OACK,eAAAV,KAAA,CAAAC,aAAA;IAEPe,UAAS;MAoBHC,QAoCY;MArDZC,IAAA,GACJ,OACA,OACA,MACA;IAEF;IAOEC,QACE,GAAC,eAAArB,IAAA,CAAAI,IAAA;MAAAkB,MAAA,GAAAN,WAAA,IAAAF,SAAA;MACCS,KAAA,EAAAP,WAAc;QAEdQ,YAAA;MAAA;MAAAH,QAAC,EAAAR;IAAA,mBACUb,IAAA,CAAAM,gBAAe;MAAAe,QACxB,iBAAqBnB,KAAE,CAAAM,eAAoB;QAAAa,QAE1C,GAAAN,UAAA,mBAAAf,IAAA,CAAAK,OAAA;UACHoB,OAAA;YACAC,OAAA;UAEK;UACEC,OAAA;YAAAD,OAAA;UAEC;UACAE,IAAA;YACAF,OAAM;YACJR,UAAS;cACTC,QAAA,EAAYF,SAAA;YAAA;UACgB;UAE9BI,QAAA,iBAAAnB,KAAA;YAEA;YAAC2B,KAAA;YAAAC,MAAA;YAAAC,OACC,eAAY;YAAAC,IACZ,QAAM;YAAAC,KACN,8BAAO;YAAAZ,QACP,GACA,eAAKrB,IAAA;cACLkC,CAAA,sCAAM;cAENC,MAAA;cAAAC,WAAA;cAAAC,aAAC;cAAAC,cAAA;YAAA,IACG,eACKtC,IAAA;cAAAqB,QACP,iBAAYnB,KAAA;gBAAAqC,EACZ,2BAAc;gBAAAC,EACd;gBAAeC,EAAA;gBACjBC,EAAA;gBACAC,EAAA;gBACGC,aAAA;gBAAAvB,QAAA,GACC,eAAGrB,IAAA;kBACH6C,SAAG;gBACH,IACA,eAAG7C,IAAA;kBACH8C,MAAG;kBACHD,SAAA,2BAAc;kBAEdE,WAAA;gBAAA;cACA;YAAC;UACQ;QACG,eACE9B,SAAA,mBAAAf,KAAA,CAAAK,eAAA;UAAAkB,OAAA;YACdC,OAAA;UAAA;UAAAC,OACF,EACF;YAAAD,OAAA;UAAA;UACFE,IAAA;YAAAF,OAAA;UA1CI;UA2CNR,UAAA;YAEDC,QACC;UAAC;UAAAE,QAAA,GAEC,eAAWrB,IAAW,aACtB,eAAWA,IAAW;QACH,GACnB,iBAAc;MAEd;IAAK;EACA;AAAA;AAPD,IAAAgD,qBAQN,GAAAtC,aAAA;AAAA,SAGNsC,qBAAA,IAAAC,OAAA","ignoreList":[]}