@multiplatform.one/web3 7.18.0 → 7.20.0

package/dist/jsx/connectkit/hooks/connectors/useWalletConnectUri.native.js

@@ -1,117 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var useWalletConnectUri_exports = {};
-__export(useWalletConnectUri_exports, {
-  useWalletConnectUri: () => useWalletConnectUri
-});
-module.exports = __toCommonJS(useWalletConnectUri_exports);
-var import_react = require("react");
-var import_wagmi = require("wagmi");
-var import_connectkit = require("@multiplatform.one/connectkit");
-var import_useConnect = require("../useConnect.native.js");
-var import_useConnectors = require("./../useConnectors.native.js");
-function useWalletConnectUri() {
-  var {
-    enabled
-  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
-    enabled: true
-  };
-  var {
-    log
-  } = (0, import_connectkit.useContext)();
-  var [uri, setUri] = (0, import_react.useState)(void 0);
-  var connector = (0, import_useConnectors.useWalletConnectConnector)();
-  var {
-    isConnected
-  } = (0, import_wagmi.useAccount)();
-  var {
-    connectAsync
-  } = (0, import_useConnect.useConnect)();
-  (0, import_react.useEffect)(function () {
-    if (!enabled) return;
-    async function handleMessage(message) {
-      var {
-        type,
-        data
-      } = message;
-      log("WC Message", type, data);
-      if (type === "display_uri") {
-        setUri(data);
-      }
-    }
-    async function handleDisconnect() {
-      log("WC Disconnect");
-      if (connector) connectWallet(connector);
-    }
-    async function connectWallet(connector2) {
-      var result = await connectAsync({
-        connector: connector2
-      });
-      if (result) return result;
-      return false;
-    }
-    async function connectWalletConnect(connector2) {
-      try {
-        await connectWallet(connector2);
-      } catch (error) {
-        log("catch error");
-        log(error);
-        if (error.code) {
-          switch (error.code) {
-            case 4001:
-              log("error.code - User rejected");
-              connectWalletConnect(connector2);
-              break;
-            default:
-              log("error.code - Unknown Error");
-              break;
-          }
-        } else {
-          log("WalletConnect cannot connect.", error);
-        }
-      }
-    }
-    if (isConnected) {
-      setUri(void 0);
-    } else {
-      if (!connector || uri) return;
-      if (connector && !isConnected) {
-        connectWalletConnect(connector);
-        log("add wc listeners");
-        connector.emitter.on("message", handleMessage);
-        connector.emitter.on("disconnect", handleDisconnect);
-        return function () {
-          log("remove wc listeners");
-          connector.emitter.off("message", handleMessage);
-          connector.emitter.off("disconnect", handleDisconnect);
-        };
-      }
-    }
-  }, [enabled, connector, isConnected]);
-  return {
-    uri
-  };
-}
-//# sourceMappingURL=useWalletConnectUri.native.js.map

package/dist/jsx/connectkit/hooks/connectors/useWalletConnectUri.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useWalletConnectUri_exports","useWalletConnectUri","module","exports","import_react","require","import_wagmi","import_connectkit","import_useConnect","import_useConnectors","enabled","arguments","length","log","useContext","uri","setUri","useState","connector","useWalletConnectConnector","isConnected","useAccount","connectAsync","useConnect","useEffect","handleMessage","message","type","data","handleDisconnect","connectWallet","connector2","result","connectWalletConnect","error","code"],"sources":["../../../../../src/connectkit/hooks/connectors/useWalletConnectUri.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/connectkit/hooks/useWalletConnectModal.mjs

@@ -1,49 +0,0 @@
-import { useState } from "react";
-import { walletConnect } from "wagmi/connectors";
-import { useContext, isWalletConnectConnector } from "@multiplatform.one/connectkit";
-import { useConnect } from "./useConnect.mjs";
-function useWalletConnectModal() {
-  const {
-    log
-  } = useContext();
-  const {
-    connectAsync,
-    connectors
-  } = useConnect();
-  const [isOpen, setIsOpen] = useState(false);
-  return {
-    isOpen,
-    open: async () => {
-      const w3mcss = document.createElement("style");
-      w3mcss.textContent = `w3m-modal, wcm-modal{ --wcm-z-index: 2147483647; --w3m-z-index:2147483647; }`;
-      document.head.appendChild(w3mcss);
-      const clientConnector = connectors.find(c => isWalletConnectConnector(c.id));
-      if (clientConnector) {
-        try {
-          const provider = await clientConnector.getProvider();
-          const projectId = provider.rpc.projectId;
-          const connector = walletConnect({
-            projectId,
-            showQrModal: true
-          });
-          setIsOpen(true);
-          try {
-            await connectAsync({
-              connector
-            });
-          } catch (err) {
-            log("WalletConnect", err);
-          }
-          setIsOpen(false);
-          document.head.removeChild(w3mcss);
-        } catch (err) {
-          log("Could not get WalletConnect provider", err);
-        }
-      } else {
-        log("No WalletConnect connector available");
-      }
-    }
-  };
-}
-export { useWalletConnectModal };
-//# sourceMappingURL=useWalletConnectModal.mjs.map

package/dist/jsx/connectkit/hooks/useWalletConnectModal.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","walletConnect","useContext","isWalletConnectConnector","useConnect","useWalletConnectModal","log","connectAsync","connectors","isOpen","setIsOpen","open","w3mcss","document","createElement","textContent","head","appendChild","clientConnector","find","c","id","provider","getProvider","projectId","rpc","connector","showQrModal","err","removeChild"],"sources":["../../../../src/connectkit/hooks/useWalletConnectModal.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAEzB,SAASC,aAAA,QAAqB;AAC9B,SAASC,UAAA,EAAYC,wBAAA,QAAgC;AACrD,SAASC,UAAA,QAAkB;AAEpB,SAASC,sBAAA,EAAwB;EACtC,MAAM;IAAEC;EAAI,IAAIJ,UAAA,CAAW;EAC3B,MAAM;IAAEK,YAAA;IAAcC;EAAW,IAAIJ,UAAA,CAAW;EAChD,MAAM,CAACK,MAAA,EAAQC,SAAS,IAAIV,QAAA,CAAS,KAAK;EAE1C,OAAO;IACLS,MAAA;IACAE,IAAA,EAAM,MAAAA,CAAA,KAAY;MAEhB,MAAMC,MAAA,GAASC,QAAA,CAASC,aAAA,CAAc,OAAO;MAC7CF,MAAA,CAAOG,WAAA,GAAc;MACrBF,QAAA,CAASG,IAAA,CAAKC,WAAA,CAAYL,MAAM;MAEhC,MAAMM,eAAA,GAAyCV,UAAA,CAAWW,IAAA,CAAMC,CAAA,IAC9DjB,wBAAA,CAAyBiB,CAAA,CAAEC,EAAE,CAC/B;MAEA,IAAIH,eAAA,EAAiB;QACnB,IAAI;UACF,MAAMI,QAAA,GAAgB,MAAMJ,eAAA,CAAgBK,WAAA,CAAY;UACxD,MAAMC,SAAA,GAAYF,QAAA,CAASG,GAAA,CAAID,SAAA;UAE/B,MAAME,SAAA,GAA+BzB,aAAA,CAAc;YACjDuB,SAAA;YACAG,WAAA,EAAa;UACf,CAAC;UAEDjB,SAAA,CAAU,IAAI;UACd,IAAI;YACF,MAAMH,YAAA,CAAa;cAAEmB;YAAqB,CAAC;UAC7C,SAASE,GAAA,EAAK;YACZtB,GAAA,CAAI,iBAAiBsB,GAAG;UAC1B;UACAlB,SAAA,CAAU,KAAK;UAGfG,QAAA,CAASG,IAAA,CAAKa,WAAA,CAAYjB,MAAM;QAClC,SAASgB,GAAA,EAAK;UACZtB,GAAA,CAAI,wCAAwCsB,GAAG;QACjD;MACF,OAAO;QACLtB,GAAA,CAAI,sCAAsC;MAC5C;IACF;EACF;AACF","ignoreList":[]}

package/dist/jsx/connectkit/hooks/useWalletConnectModal.native.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var useWalletConnectModal_exports = {};
-__export(useWalletConnectModal_exports, {
-  useWalletConnectModal: () => useWalletConnectModal
-});
-module.exports = __toCommonJS(useWalletConnectModal_exports);
-var import_react = require("react");
-var import_connectors = require("wagmi/connectors");
-var import_connectkit = require("@multiplatform.one/connectkit");
-var import_useConnect = require("./useConnect.native.js");
-function useWalletConnectModal() {
-  var {
-    log
-  } = (0, import_connectkit.useContext)();
-  var {
-    connectAsync,
-    connectors
-  } = (0, import_useConnect.useConnect)();
-  var [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  return {
-    isOpen,
-    open: async function open() {
-      var w3mcss = document.createElement("style");
-      w3mcss.textContent = `w3m-modal, wcm-modal{ --wcm-z-index: 2147483647; --w3m-z-index:2147483647; }`;
-      document.head.appendChild(w3mcss);
-      var clientConnector = connectors.find(function (c) {
-        return (0, import_connectkit.isWalletConnectConnector)(c.id);
-      });
-      if (clientConnector) {
-        try {
-          var provider = await clientConnector.getProvider();
-          var projectId = provider.rpc.projectId;
-          var connector = (0, import_connectors.walletConnect)({
-            projectId,
-            showQrModal: true
-          });
-          setIsOpen(true);
-          try {
-            await connectAsync({
-              connector
-            });
-          } catch (err) {
-            log("WalletConnect", err);
-          }
-          setIsOpen(false);
-          document.head.removeChild(w3mcss);
-        } catch (err) {
-          log("Could not get WalletConnect provider", err);
-        }
-      } else {
-        log("No WalletConnect connector available");
-      }
-    }
-  };
-}
-//# sourceMappingURL=useWalletConnectModal.native.js.map

package/dist/jsx/connectkit/hooks/useWalletConnectModal.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useWalletConnectModal_exports","useWalletConnectModal","module","exports","import_react","require","import_connectors","import_connectkit","import_useConnect","log","useContext","connectAsync","connectors","useConnect","isOpen","setIsOpen","useState","open","w3mcss","document","createElement","textContent","head","appendChild","clientConnector","find","c","isWalletConnectConnector","id"],"sources":["../../../../src/connectkit/hooks/useWalletConnectModal.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAqB;AAC9B,IAAAC,gBAAS,GAAYF,MAAA,CAAAG,wBAAgC;AACrD,IAAAC,iBAAS,GAAAJ,MAAkB,CAAAK,mBAAA;AAEpB,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAwB,CAAAC,cAAA;AACtC,IAAAC,QAAQ,GAAIA,CAAAC,MAAI,EAAAC,GAAA,KAAW;EAC3B,SAAQC,IAAA,IAAAD,GAAA,EACRZ,SAAO,CAAAW,MAAQ,EAAAE,IAAS;IAAIC,GAAA,EAAAF,GAAA,CAASC,IAAA,CAAK;IAAAE,UAAA;EAAA;AAE1C;AAAO,IACLC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACAF,IAAM,WAAAA,IAAY,wBAAAA,IAAA;IAEhB,SAAMG,GAAA,IAAAhB,iBAAkB,CAAAa,IAAA,GACxB,KAAAX,YAAO,CAAAe,IAAc,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACrBnB,SAAS,CAAAiB,EAAK,EAAAI,GAAA;MAAAP,GAAY,EAAAA,CAAA,KAAMI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAEhC;EAA0D,OAAME,EAAA;AACjC;AAG/B,IAAAM,YAAI,GAAAC,GAAA,IAAiBR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACnB,IAAAE,6BAAI;AACFhB,QAAA,CAAAgB,6BAA4B;EAC5BC,qBAAM,EAAAA,CAAA,KAAYA;AAElB;AAAmDC,MAAA,CAAAC,OACjD,GAAAN,YAAA,CAAAG,6BAAA;AAAA,IAAAI,YACA,GAAAC,OAAa;AAAA,IAAAC,iBACd,GAAAD,OAAA;AAED,IAAAE,iBAAU,GAAIF,OAAA;AACd,IAAAG,iBAAI,GAAAH,OAAA;AACF,SAAAJ,qBAAMA,CAAA,EAAe;EAAsB;IAAAQ;EAC7C,QAASF,iBAAK,CAAAG,UAAA;EACZ;IAAAC,YAAI;IAAAC;EAAiB,IAAG,IAAAJ,iBAAA,CAAAK,UAAA;EAAA,KAAAC,MAC1B,EAAAC,SAAA,QAAAX,YAAA,CAAAY,QAAA;EACA;IAGAF,MAAA;IAAgCG,IAClC,iBAAcA,KAAA;MACZ,IAAAC,MAAI,GAAAC,QAAA,CAAAC,aAAA;MAA2CF,MACjD,CAAAG,WAAA;MACFF,QAAO,CAAAG,IAAA,CAAAC,WAAA,CAAAL,MAAA;MACL,IAAAM,eAAI,GAAAZ,UAAA,CAAAa,IAAA,WAAsCC,CAAA;QAC5C,WAAAnB,iBAAA,CAAAoB,wBAAA,EAAAD,CAAA,CAAAE,EAAA;MACF;MACF,IAAAJ,eAAA;QACF","ignoreList":[]}

package/src/connectkit/components/ConnectModal/ConnectWithQRCode.tsx

@@ -1,188 +0,0 @@
-import React from "react";
-import {
-  routes,
-  useContext,
-  detectBrowser,
-  isAaveAccountConnector,
-  isWalletConnectConnector,
-  PageContent,
-  ModalContent,
-  OrDivider,
-  CustomQRCode,
-  Button,
-  ScanIconWithLogos,
-  ExternalLinkIcon,
-  CopyToClipboard,
-  useLocales,
-} from "@multiplatform.one/connectkit";
-
-import { useWalletConnectModal } from "../../hooks/useWalletConnectModal";
-
-import { useWallet } from "../../wallets/useWallets";
-import { useWeb3 } from "../contexts/web3";
-
-const ConnectWithQRCode: React.FC<{
-  switchConnectMethod: (id?: string) => void;
-}> = ({ switchConnectMethod }) => {
-  const context = useContext();
-
-  const id = context.connector.id;
-
-  const wallet = useWallet(context.connector.id);
-
-  const { open: openW3M, isOpen: isOpenW3M } = useWalletConnectModal();
-  const {
-    connect: { getUri },
-  } = useWeb3();
-
-  const wcUri = getUri(id);
-  const uri = wcUri ? (wallet?.getWalletConnectDeeplink?.(wcUri) ?? wcUri) : undefined;
-
-  const locales = useLocales({
-    CONNECTORNAME: wallet?.name,
-  });
-
-  if (!wallet) return <>Wallet not found {context.connector.id}</>;
-
-  const downloads = wallet?.downloadUrls;
-  const extensions = {
-    chrome: downloads?.chrome,
-    firefox: downloads?.firefox,
-    brave: downloads?.brave,
-    edge: downloads?.edge,
-    safari: downloads?.safari,
-  };
-
-  const browser = detectBrowser();
-
-  const hasApps = downloads && Object.keys(downloads).length !== 0;
-
-  const suggestedExtension = extensions
-    ? {
-        name: Object.keys(extensions)[0],
-        label:
-          Object.keys(extensions)[0]?.charAt(0).toUpperCase() +
-          Object.keys(extensions)[0]?.slice(1), // Capitalise first letter, but this might be better suited as a lookup table
-        url: extensions[Object.keys(extensions)[0]],
-      }
-    : undefined;
-
-  const showAdditionalOptions = isWalletConnectConnector(id);
-
-  return (
-    <PageContent>
-      <ModalContent style={{ paddingBottom: 8, gap: 14 }}>
-        <CustomQRCode
-          value={uri}
-          image={wallet?.icon}
-          tooltipMessage={
-            isWalletConnectConnector(id) ? (
-              <>
-                <ScanIconWithLogos />
-                <span>{locales.scanScreen_tooltip_walletConnect}</span>
-              </>
-            ) : (
-              <>
-                <ScanIconWithLogos logo={wallet?.icon} />
-                <span>{locales.scanScreen_tooltip_default}</span>
-              </>
-            )
-          }
-        />
-        {showAdditionalOptions ? (
-          <OrDivider />
-        ) : (
-          hasApps && <OrDivider>{locales.dontHaveTheApp}</OrDivider>
-        )}
-      </ModalContent>
-
-      {showAdditionalOptions && ( // for walletConnect
-        <div
-          style={{
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            gap: 14,
-          }}
-        >
-          {context.options?.walletConnectCTA !== "modal" && (
-            <CopyToClipboard variant="button" string={uri}>
-              {context.options?.walletConnectCTA === "link"
-                ? locales.copyToClipboard
-                : locales.copyCode}
-            </CopyToClipboard>
-          )}
-          {context.options?.walletConnectCTA !== "link" && (
-            <Button
-              icon={<ExternalLinkIcon />}
-              onClick={openW3M}
-              disabled={isOpenW3M}
-              waiting={isOpenW3M}
-            >
-              {context.options?.walletConnectCTA === "modal"
-                ? locales.useWalletConnectModal
-                : locales.useModal}
-            </Button>
-          )}
-        </div>
-      )}
-
-      {isAaveAccountConnector(wallet.id) && (
-        <>
-          <OrDivider />
-          <Button onClick={() => switchConnectMethod(id)}>{locales.loginWithEmailOrPhone}</Button>
-        </>
-      )}
-      {/*
-      {hasExtensionInstalled && ( // Run the extension
-        <Button
-          icon={connectorInfo?.logos.default}
-          roundedIcon
-          onClick={() => switchConnectMethod(id)}
-        >
-          Open {connectorInfo?.name}
-        </Button>
-      )}
-
-      {!hasExtensionInstalled && extensionUrl && (
-        <Button href={extensionUrl} icon={<BrowserIcon />}>
-          {locales.installTheExtension}
-        </Button>
-      )}
-      */}
-
-      {hasApps && (
-        <>
-          <Button
-            onClick={() => {
-              context.setRoute(routes.DOWNLOAD);
-            }}
-            /*
-            icon={
-              <div style={{ background: connectorInfo?.icon }}>
-                {connectorInfo?.logos.default}
-              </div>
-            }
-            roundedIcon
-            */
-            download
-          >
-            {locales.getWalletName}
-          </Button>
-        </>
-      )}
-      {/*
-        {suggestedExtension && (
-          <Button
-            href={suggestedExtension?.url}
-            icon={<BrowserIcon browser={suggestedExtension?.name} />}
-          >
-            Install on {suggestedExtension?.label}
-          </Button>
-        }
-        */}
-    </PageContent>
-  );
-};
-
-export default ConnectWithQRCode;

package/src/connectkit/components/Pages/MobileConnectors/index.tsx

@@ -1,142 +0,0 @@
-import React from "react";
-import { Container, WalletList, WalletItem, WalletIcon, WalletLabel } from "./styles";
-
-import {
-  PageContent,
-  ModalContent,
-  useContext,
-  CopyToClipboard,
-  useLocales,
-  Spinner,
-  ScrollArea,
-} from "@multiplatform.one/connectkit";
-import { useWalletConnectModal } from "../../../hooks/useWalletConnectModal";
-import { useWeb3 } from "../../contexts/web3";
-import { useWallets } from "../../../wallets/useWallets";
-import { WalletConfigProps, walletConfigs } from "../../../wallets/walletConfigs";
-
-const MoreIcon = (
-  <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M30 42V19M19 30.5H42"
-      stroke="var(--ck-body-color-muted)"
-      strokeWidth="3"
-      strokeLinecap="round"
-    />
-  </svg>
-);
-
-const MobileConnectors: React.FC = () => {
-  const context = useContext();
-  const locales = useLocales();
-
-  const {
-    connect: { getUri },
-  } = useWeb3();
-  const wcUri = getUri();
-
-  const { open: openW3M, isOpen: isOpenW3M } = useWalletConnectModal();
-  const wallets = useWallets();
-
-  // filter out installed wallets
-  const walletsIdsToDisplay =
-    Object.keys(walletConfigs).filter((walletId) => {
-      const wallet = walletConfigs[walletId];
-      if (wallets.find((w) => w.connector.id === walletId)) return false;
-      if (!wallet.getWalletConnectDeeplink) return false;
-      return true;
-    }) ?? [];
-
-  const connectWallet = (wallet: WalletConfigProps) => {
-    const uri = wallet.getWalletConnectDeeplink?.(wcUri!);
-    if (uri) window.location.href = uri;
-    //if (uri) window.open(uri, '_blank');
-  };
-
-  return (
-    <PageContent style={{ width: 312 }}>
-      <Container>
-        <ModalContent style={{ paddingBottom: 0 }}>
-          <ScrollArea height={340}>
-            <WalletList $disabled={!wcUri}>
-              {walletsIdsToDisplay
-                .sort(
-                  // sort by name
-                  (a, b) => {
-                    const walletA = walletConfigs[a];
-                    const walletB = walletConfigs[b];
-                    const nameA = walletA.name ?? walletA.shortName ?? a;
-                    const nameB = walletB.name ?? walletB.shortName ?? b;
-                    return nameA.localeCompare(nameB);
-                  },
-                )
-                .filter(
-                  (walletId) =>
-                    !(walletId === "coinbaseWallet" || walletId === "com.coinbase.wallet"),
-                )
-                .map((walletId, i) => {
-                  const wallet = walletConfigs[walletId];
-                  const { name, shortName, iconConnector, icon } = wallet;
-                  return (
-                    <WalletItem
-                      key={i}
-                      onClick={() => connectWallet(wallet)}
-                      style={{
-                        animationDelay: `${i * 50}ms`,
-                      }}
-                    >
-                      <WalletIcon $outline={true}>{iconConnector ?? icon}</WalletIcon>
-                      <WalletLabel>{shortName ?? name}</WalletLabel>
-                    </WalletItem>
-                  );
-                })}
-              <WalletItem onClick={openW3M} $waiting={isOpenW3M}>
-                <WalletIcon style={{ background: "var(--ck-body-background-secondary)" }}>
-                  {isOpenW3M ? (
-                    <div
-                      style={{
-                        position: "absolute",
-                        inset: 0,
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                      }}
-                    >
-                      <div
-                        style={{
-                          width: "50%",
-                        }}
-                      >
-                        <Spinner />
-                      </div>
-                    </div>
-                  ) : (
-                    MoreIcon
-                  )}
-                </WalletIcon>
-                <WalletLabel>{locales.more}</WalletLabel>
-              </WalletItem>
-            </WalletList>
-          </ScrollArea>
-        </ModalContent>
-        {context.options?.walletConnectCTA !== "modal" && (
-          <div
-            style={{
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              gap: 14,
-              paddingTop: 8,
-            }}
-          >
-            <CopyToClipboard variant="button" string={wcUri}>
-              {locales.copyToClipboard}
-            </CopyToClipboard>
-          </div>
-        )}
-      </Container>
-    </PageContent>
-  );
-};
-
-export default MobileConnectors;

package/src/connectkit/components/Pages/MobileConnectors/styles.ts

@@ -1,66 +0,0 @@
-import { css, keyframes } from "styled-components";
-import { styled } from "@multiplatform.one/connectkit";
-
-export const WalletItem = styled.div<{ $waiting?: boolean }>`
-  text-align: center;
-  transition: opacity 100ms ease;
-  opacity: ${(props) => (props.$waiting ? 0.4 : 1)};
-`;
-export const WalletIcon = styled.div<{ $outline?: boolean }>`
-  z-index: 9;
-  position: relative;
-  margin: 0 auto 10px;
-  border-radius: 16px;
-  width: 60px;
-  height: 60px;
-  overflow: hidden;
-  background: rgba(0, 0, 0, 0.04);
-  ${(props) =>
-    props.$outline &&
-    `
-  &:before {
-    content: '';
-    z-index: 2;
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    box-shadow: inset 0 0 0 1px var(--ck-body-background-tertiary);
-  }`}
-  svg {
-    display: block;
-    position: relative;
-    width: 100%;
-    height: auto;
-  }
-`;
-export const WalletLabel = styled.div`
-  color: var(--ck-body-color);
-  font-size: 13px;
-  line-height: 15px;
-  font-weight: 500;
-  opacity: 0.75;
-`;
-
-const PulseKeyframes = keyframes`
-  0%,100% { opacity:1; }
-  50% { opacity:0.5; }
-`;
-
-export const WalletList = styled.div<{ $disabled?: boolean }>`
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 22px 8px;
-  margin: 0 -10px;
-  padding: 4px 0 0;
-  transition: opacity 300ms ease;
-  ${(props) =>
-    props.$disabled &&
-    css`
-      pointer-events: none;
-      opacity: 0.4;
-      ${WalletItem} {
-        animation: ${PulseKeyframes} 1s infinite ease-in-out;
-      }
-    `}
-`;
-export const Container = styled.div``;