@particle-network/connectkit 2.1.2 → 3.0.0-alpha.0

package/dist/connecting-GOBWMW4K.js

@@ -0,0 +1,567 @@
+"use client";
+import {
+  useWalletConnectUri
+} from "./chunk-GSKX5EV3.js";
+import {
+  useWalletConnector
+} from "./chunk-XCXHOPWL.js";
+import {
+  ConnectingAnimation,
+  ConnectingContainer,
+  RetryButton,
+  RetryIconContainer,
+  StatusContainer
+} from "./chunk-I25KOOCX.js";
+import {
+  useIsMobile
+} from "./chunk-3SRTREZ2.js";
+import {
+  PageContent
+} from "./chunk-LD7ULFQB.js";
+import {
+  RetryIconCircle_default
+} from "./chunk-A5T4WCC5.js";
+import {
+  circleSpinner_default
+} from "./chunk-JD2G7AYY.js";
+import {
+  useConnect
+} from "./chunk-WGKCZEHD.js";
+import {
+  Icons_default
+} from "./chunk-T5GA77TN.js";
+import {
+  useLastConnectorId
+} from "./chunk-N3I53AXB.js";
+import {
+  isCoinbase,
+  isPasskeySmartWallet,
+  isWalletConnect
+} from "./chunk-XGHEAMH4.js";
+import "./chunk-L54GEI53.js";
+import "./chunk-JNC2NG4X.js";
+import "./chunk-U4SXOUNY.js";
+import "./chunk-YYOKJPK2.js";
+import "./chunk-BJ32HYL4.js";
+import "./chunk-RYSXBBMM.js";
+import "./chunk-N3MSOWVE.js";
+import "./chunk-QFH64IAE.js";
+import "./chunk-55UGY273.js";
+import "./chunk-R7ILOOFS.js";
+import "./chunk-WFCEI56L.js";
+import "./chunk-FAWZTHLQ.js";
+import "./chunk-BHWEMMMW.js";
+import "./chunk-C7E42FPN.js";
+import "./chunk-R3XVOLUA.js";
+import "./chunk-NDM5BGSH.js";
+import "./chunk-YNLKWKSL.js";
+import {
+  openMobileUrl,
+  useAccount,
+  useContext,
+  useLocales
+} from "./chunk-RCHD3MLP.js";
+import {
+  formatString
+} from "./chunk-ABM25MSG.js";
+import "./chunk-S4DO33H6.js";
+import "./chunk-3L2UPU7A.js";
+import "./chunk-KU5MGEWC.js";
+import "./chunk-BCB2QAQS.js";
+import "./chunk-MN2F4AZ3.js";
+import "./chunk-YJJ4ATTJ.js";
+import "./chunk-E4D4ECEP.js";
+import "./chunk-2W7MK3DK.js";
+import "./chunk-UMENPXBC.js";
+import "./chunk-G3GPVZMU.js";
+import "./chunk-WUBIBUXY.js";
+import "./chunk-DWNXHRFN.js";
+import "./chunk-36YHDQZP.js";
+import "./chunk-NJTGSUH4.js";
+import "./chunk-2WEF5LND.js";
+import "./chunk-J7HM4OEH.js";
+import "./chunk-VSGGK7B2.js";
+import "./chunk-7UCSXQQ6.js";
+import "./chunk-GFNFEXAZ.js";
+import "./chunk-XV736F4S.js";
+import "./chunk-3ITHJWMM.js";
+import "./chunk-RITZUPW3.js";
+import "./chunk-HGVSZKUL.js";
+import "./chunk-E3X3TM7Q.js";
+
+// src/pages/connecting/index.tsx
+import { AnimatePresence as AnimatePresence2, useAnimationControls } from "framer-motion";
+import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
+
+// src/components/squircleSpinner/index.tsx
+import { AnimatePresence } from "framer-motion";
+
+// src/components/squircleSpinner/styles.ts
+import { motion } from "framer-motion";
+import { styled } from "styled-components";
+var LogoContainer = styled(motion.div)`
+  z-index: 4;
+  position: relative;
+  overflow: hidden;
+  svg {
+    z-index: 3;
+    position: relative;
+    display: block;
+  }
+`;
+var Logo = styled(motion.div)`
+  z-index: 2;
+  position: absolute;
+  overflow: hidden;
+  inset: ${(props) => props.inset ?? 3}px;
+  border-radius: 16px;
+  background: var(--pcm-body-background);
+  svg,
+  img {
+    pointer-events: none;
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+`;
+var SpinnerContainer = styled(motion.div)`
+  position: absolute;
+  inset: 1px;
+  /* overflow: hidden; */
+`;
+var Spinner = styled(motion.div)`
+  pointer-events: none;
+  user-select: none;
+  z-index: 1;
+  position: absolute;
+  inset: -25%;
+  &:before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: conic-gradient(
+      from -90deg,
+      transparent,
+      transparent,
+      transparent,
+      transparent,
+      transparent,
+      var(--pcm-accent-color)
+    );
+    animation: rotateSpinner 1200ms linear infinite;
+  }
+  @keyframes rotateSpinner {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+
+// src/components/squircleSpinner/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SquircleSpinner = ({ logo, connecting = true }) => {
+  return /* @__PURE__ */ jsxs(LogoContainer, { transition: { duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:6:5:LogoContainer", children: [
+    /* @__PURE__ */ jsx(Logo, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:7:7:Logo", children: logo }),
+    /* @__PURE__ */ jsx(SpinnerContainer, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:8:7:SpinnerContainer", children: /* @__PURE__ */ jsx(AnimatePresence, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:9:9:AnimatePresence", children: connecting && /* @__PURE__ */ jsx(
+      Spinner,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: {
+          opacity: 0,
+          transition: {
+            duration: 0
+          }
+        },
+        "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:11:13:Spinner"
+      },
+      "Spinner"
+    ) }) }),
+    /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", width: "64", height: "64", viewBox: "0 0 102 102", fill: "none", "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:25:7:svg", children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "7.57895",
+          y: "7.57895",
+          width: "86.8421",
+          height: "86.8421",
+          rx: "19.2211",
+          stroke: "black",
+          strokeOpacity: "0.02",
+          strokeWidth: "1.15789",
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:26:9:rect"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M0 0H102V102H0V0ZM7 38.284C7 27.5684 7 22.2106 9.01905 18.0892C10.9522 14.1431 14.1431 10.9522 18.0892 9.01905C22.2106 7 27.5684 7 38.284 7H63.716C74.4316 7 79.7894 7 83.9108 9.01905C87.8569 10.9522 91.0478 14.1431 92.9809 18.0892C95 22.2106 95 27.5684 95 38.284V63.716C95 74.4316 95 79.7894 92.9809 83.9108C91.0478 87.8569 87.8569 91.0478 83.9108 92.9809C79.7894 95 74.4316 95 63.716 95H38.284C27.5684 95 22.2106 95 18.0892 92.9809C14.1431 91.0478 10.9522 87.8569 9.01905 83.9108C7 79.7894 7 74.4316 7 63.716V38.284ZM41.5 0.5H41.4325C34.7246 0.499996 29.6023 0.499994 25.5104 0.823325C21.388 1.14906 18.1839 1.80986 15.3416 3.20227C10.0602 5.78959 5.78959 10.0602 3.20227 15.3416C1.80986 18.1839 1.14906 21.388 0.823325 25.5104C0.499994 29.6023 0.499996 34.7246 0.5 41.4325V41.5V55.5938C0.5 55.6808 0.507407 55.766 0.521624 55.849C0.507407 55.9319 0.5 56.0172 0.5 56.1042V60.5V60.5675C0.499996 67.2754 0.499994 72.3977 0.823325 76.4896C1.14906 80.612 1.80986 83.8161 3.20227 86.6584C5.78959 91.9398 10.0602 96.2104 15.3416 98.7977C18.1839 100.19 21.388 100.851 25.5104 101.177C29.6022 101.5 34.7244 101.5 41.432 101.5H41.4324H41.5H43.4227H60.5H60.5675H60.568C67.2756 101.5 72.3977 101.5 76.4896 101.177C80.612 100.851 83.8161 100.19 86.6584 98.7977C91.9398 96.2104 96.2104 91.9398 98.7977 86.6584C100.19 83.8161 100.851 80.612 101.177 76.4896C101.5 72.3978 101.5 67.2756 101.5 60.568V60.5676V60.5V41.5V41.4324V41.432C101.5 34.7244 101.5 29.6022 101.177 25.5104C100.851 21.388 100.19 18.1839 98.7977 15.3416C96.2104 10.0602 91.9398 5.78959 86.6584 3.20227C83.8161 1.80986 80.612 1.14906 76.4896 0.823325C72.3977 0.499994 67.2754 0.499996 60.5675 0.5H60.5H41.5ZM3.5 56.1042C3.5 56.0172 3.49259 55.9319 3.47838 55.849C3.49259 55.766 3.5 55.6808 3.5 55.5938V41.5C3.5 34.7112 3.50109 29.7068 3.814 25.7467C4.1256 21.8032 4.73946 19.0229 5.89635 16.6614C8.19077 11.9779 11.9779 8.19077 16.6614 5.89635C19.0229 4.73946 21.8032 4.1256 25.7467 3.814C29.7068 3.50109 34.7112 3.5 41.5 3.5H60.5C67.2888 3.5 72.2932 3.50109 76.2533 3.814C80.1968 4.1256 82.977 4.73946 85.3386 5.89635C90.022 8.19077 93.8092 11.9779 96.1036 16.6614C97.2605 19.0229 97.8744 21.8032 98.186 25.7467C98.4989 29.7068 98.5 34.7112 98.5 41.5V60.5C98.5 67.2888 98.4989 72.2932 98.186 76.2533C97.8744 80.1968 97.2605 82.9771 96.1036 85.3386C93.8092 90.022 90.022 93.8092 85.3386 96.1036C82.977 97.2605 80.1968 97.8744 76.2533 98.186C72.2932 98.4989 67.2888 98.5 60.5 98.5H43.4227H41.5C34.7112 98.5 29.7068 98.4989 25.7467 98.186C21.8032 97.8744 19.0229 97.2605 16.6614 96.1036C11.9779 93.8092 8.19077 90.022 5.89635 85.3386C4.73946 82.9771 4.1256 80.1968 3.814 76.2533C3.50109 72.2932 3.5 67.2888 3.5 60.5V56.1042Z",
+          fill: "var(--pcm-body-background)",
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:36:9:path"
+        }
+      )
+    ] })
+  ] });
+};
+var squircleSpinner_default = SquircleSpinner;
+
+// src/hooks/useWalletConnectModal.tsx
+import { useState } from "react";
+function useWalletConnectModal() {
+  const { connectAsync } = useConnect();
+  const { config } = useContext();
+  const walletConnector = useWalletConnector("evmWallet");
+  const { updateLastConnectorId } = useLastConnectorId();
+  const [error, setError] = useState();
+  const openW3m = async () => {
+    setError(void 0);
+    if (walletConnector && walletConnector.w3mConnector) {
+      const w3mcss = document.createElement("style");
+      w3mcss.innerHTML = "w3m-modal, wcm-modal{ --wcm-z-index: 2147483647; --w3m-z-index:2147483647; }";
+      document.head.appendChild(w3mcss);
+      try {
+        let connector = walletConnector._internal.connectors.setup(walletConnector.w3mConnector);
+        connector = config._internal.connectors.setup(connector);
+        await connectAsync({ connector });
+        updateLastConnectorId("walletConnect");
+      } catch (err) {
+        console.log("WalletConnect openW3m", err);
+        setError(err);
+      } finally {
+        document.head.removeChild(w3mcss);
+      }
+    } else {
+      console.log("No WalletConnect connector available");
+    }
+  };
+  return {
+    error,
+    openW3m
+  };
+}
+
+// src/pages/connecting/index.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var States = {
+  CONNECTED: "connected",
+  CONNECTING: "connecting",
+  FAILED: "failed",
+  REJECTED: "rejected",
+  NOTCONNECTED: "notconnected",
+  UNAVAILABLE: "unavailable"
+};
+var contentVariants = {
+  initial: {
+    opacity: 0,
+    scale: 0.95
+  },
+  animate: {
+    opacity: 1,
+    scale: 1,
+    transition: {
+      ease: [0.16, 1, 0.3, 1],
+      duration: 0.25
+    }
+  }
+};
+var Page = ({
+  wallet,
+  authParams,
+  passkeyParams
+}) => {
+  const locales = useLocales();
+  const [status, setStatus] = useState2(States.CONNECTING);
+  const controller = useAnimationControls();
+  const { config } = useContext();
+  const {
+    uri,
+    requestUri,
+    available: wcAvailable,
+    error: requestWCUriError
+  } = useWalletConnectUri(wallet?.connector?.id);
+  const isMobile = useIsMobile();
+  const { updateLastConnectorId } = useLastConnectorId();
+  const { openW3m, error: openW3mError } = useWalletConnectModal();
+  const { isConnected } = useAccount();
+  const handleError = useCallback((error) => {
+    if (error) {
+      console.log("connect error", error.code, error.message, error.name, error);
+      if (error.code) {
+        switch (error.code) {
+          case -32002:
+            setStatus(States.NOTCONNECTED);
+            break;
+          case 4001:
+            setStatus(States.REJECTED);
+            break;
+          default:
+            setStatus(States.FAILED);
+            break;
+        }
+      } else {
+        if (error.message) {
+          switch (error.message) {
+            case "User rejected request":
+              setStatus(States.REJECTED);
+              break;
+            default:
+              setStatus(States.FAILED);
+              break;
+          }
+        }
+      }
+    }
+  }, []);
+  const connectCallback = useMemo(
+    () => ({
+      onMutate: ({ connector }) => {
+        if (connector) {
+          setStatus(States.CONNECTING);
+        } else {
+          setStatus(States.UNAVAILABLE);
+        }
+      },
+      onSettled: (data, error) => {
+        handleError(error);
+      }
+    }),
+    [handleError]
+  );
+  const { connect } = useConnect(connectCallback);
+  const isPasskey = useMemo(() => {
+    return wallet.connector.id === "passkeySmartWallet";
+  }, [wallet]);
+  const walletInfo = useMemo(() => {
+    let icon = wallet.icon;
+    if (authParams?.socialType) {
+      icon = /* @__PURE__ */ jsx2(Icons_default, { authType: authParams.socialType, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:139:14:SocialIcon" });
+    }
+    const passkey = isPasskey ? { isRegistering: passkeyParams?.isRegistering ?? false } : void 0;
+    return {
+      id: wallet.id,
+      name: wallet.name,
+      shortName: wallet.shortName ?? wallet.name,
+      icon,
+      iconShape: wallet.iconShape ?? "circle",
+      iconShouldShrink: wallet.iconShouldShrink,
+      isAuth: Boolean(authParams?.socialType),
+      passkey
+    };
+  }, [wallet, authParams, passkeyParams, isPasskey]);
+  const suggestedExtension = useMemo(() => {
+    return wallet?.downloadUrls ? {
+      name: Object.keys(wallet?.downloadUrls)[0],
+      label: Object.keys(wallet.downloadUrls)[0].charAt(0).toUpperCase() + Object.keys(wallet.downloadUrls)[0].slice(1),
+      url: wallet?.downloadUrls[Object.keys(wallet.downloadUrls)[0]]
+    } : void 0;
+  }, [wallet]);
+  const toggleAnim = async () => {
+    controller.stop();
+    controller.set("initial");
+    await controller.start("animate");
+  };
+  const onConnect = () => {
+    console.log("connect start, id:", wallet?.connector?.id);
+    setStatus(States.CONNECTING);
+    if (isMobile && wallet.connector.chainType === "evm" && wallet.getWalletConnectDeeplink && !isCoinbase(wallet.connector.id) && !wallet.isInstalled) {
+      if (isWalletConnect(wallet.connector.id)) {
+        console.log("open walletConnect modal...");
+        openW3m();
+        return;
+      } else if (wcAvailable) {
+        console.log("request walletConnect uri...");
+        requestUri();
+        return;
+      }
+    }
+    if (wallet?.isInstalled && wallet?.connector) {
+      if (authParams?.socialType) {
+        config.storage?.setItem("recentConnectorId", wallet.connector.id);
+        updateLastConnectorId(wallet.connector.id);
+      }
+      connect({ connector: wallet?.connector, authParams, passkeyParams });
+    } else {
+      setStatus(States.UNAVAILABLE);
+    }
+  };
+  useEffect(() => {
+    const connectTimeout = setTimeout(onConnect, 200);
+    return () => {
+      clearTimeout(connectTimeout);
+    };
+  }, []);
+  useEffect(() => {
+    if (uri && isMobile && wallet.connector.chainType === "evm" && wallet.getWalletConnectDeeplink) {
+      const url = wallet.getWalletConnectDeeplink(uri);
+      console.log("openMobileUrl", url);
+      openMobileUrl(url);
+    }
+  }, [uri]);
+  useEffect(() => {
+    if (isMobile && requestWCUriError) {
+      handleError(requestWCUriError);
+    }
+  }, [requestWCUriError, handleError]);
+  useEffect(() => {
+    if (isMobile && isWalletConnect(wallet.connector.id) && openW3mError) {
+      handleError(openW3mError);
+    }
+  }, [openW3mError, handleError]);
+  useEffect(() => {
+    return () => {
+      if (!isConnected) {
+        config.setState((x) => ({
+          ...x,
+          status: x.current ? "connected" : "disconnected"
+        }));
+      }
+    };
+  }, [isConnected]);
+  const connectingH = useMemo(() => {
+    const walletName = walletInfo.shortName || walletInfo.name || "Wallet";
+    if (status == States.CONNECTED) {
+      return locales.connectingConnected;
+    } else if (status == States.FAILED) {
+      return locales.connectingFailed;
+    } else if (status == States.REJECTED) {
+      return locales.connectingRejected;
+    } else if (status == States.NOTCONNECTED) {
+      return formatString(locales.connectingNotconnected, walletName);
+    } else if (status == States.UNAVAILABLE) {
+      if (suggestedExtension) {
+        return locales.connectingUnavailable;
+      } else {
+        if (isPasskeySmartWallet(walletInfo.id)) {
+          return locales.connectingPasskeyUnavailable;
+        }
+        return formatString(locales.connectingInstall, walletName);
+      }
+    }
+    return locales.connectingRequest;
+  }, [status, locales, walletInfo, suggestedExtension]);
+  const connectingP = useMemo(() => {
+    const walletName = walletInfo.shortName || walletInfo.name || "Wallet";
+    if (status == States.CONNECTED) {
+      return locales.connectingConnectedDesc;
+    } else if (status == States.FAILED) {
+      return locales.connectingFailedDesc;
+    } else if (status == States.REJECTED) {
+      return locales.connectingRejectedDesc;
+    } else if (status == States.NOTCONNECTED) {
+      return formatString(locales.connectingNotconnectedDesc, walletName);
+    } else if (status == States.UNAVAILABLE) {
+      if (suggestedExtension) {
+        return formatString(locales.connectingUnavailableDesc, walletName, suggestedExtension.label);
+      } else {
+        if (isPasskeySmartWallet(walletInfo.id)) {
+          return locales.connectingPasskeyUnavailableDesc;
+        }
+        return formatString(locales.connectingInstallDesc, walletName);
+      }
+    }
+    if (walletInfo.isAuth) {
+      return locales.connectingRequestAuthDesc;
+    } else if (walletInfo.passkey) {
+      if (walletInfo.passkey.isRegistering) {
+        return locales.setupPasskeyPrompt;
+      } else {
+        return locales.passkeyPrompt;
+      }
+    }
+    return locales.connectingRequestDesc;
+  }, [status, locales, walletInfo, suggestedExtension]);
+  useEffect(() => {
+    if (connectingH) {
+      toggleAnim();
+    }
+  }, [connectingH]);
+  return /* @__PURE__ */ jsx2(PageContent, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:310:5:PageContent", children: /* @__PURE__ */ jsxs2(ConnectingContainer, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:311:7:ConnectingContainer", children: [
+    /* @__PURE__ */ jsxs2(
+      ConnectingAnimation,
+      {
+        $shake: status === States.FAILED || status === States.REJECTED,
+        $circle: walletInfo.iconShape === "circle",
+        "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:312:9:ConnectingAnimation",
+        children: [
+          /* @__PURE__ */ jsx2(AnimatePresence2, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:316:11:AnimatePresence", children: (status === States.FAILED || status === States.REJECTED) && /* @__PURE__ */ jsx2(
+            RetryButton,
+            {
+              "aria-label": "Retry",
+              initial: { opacity: 0, scale: 0.8 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.8 },
+              whileTap: { scale: 0.9 },
+              transition: { duration: 0.1 },
+              onClick: onConnect,
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:318:15:RetryButton",
+              children: /* @__PURE__ */ jsx2(RetryIconContainer, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:327:17:RetryIconContainer", children: /* @__PURE__ */ jsx2(RetryIconCircle_default, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:328:19:RetryIconCircle" }) })
+            }
+          ) }),
+          walletInfo.iconShape === "circle" ? /* @__PURE__ */ jsx2(
+            circleSpinner_default,
+            {
+              logo: status === States.UNAVAILABLE ? /* @__PURE__ */ jsx2(
+                "div",
+                {
+                  style: {
+                    transform: isPasskey ? "scale(1)" : "scale(1.14)",
+                    position: "relative",
+                    width: "100%"
+                  },
+                  "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:338:19:div",
+                  children: walletInfo.icon
+                }
+              ) : /* @__PURE__ */ jsx2(Fragment, { children: walletInfo.icon }),
+              smallLogo: walletInfo.iconShouldShrink,
+              connecting: status === States.CONNECTING,
+              unavailable: status === States.UNAVAILABLE,
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:335:13:CircleSpinner"
+            }
+          ) : /* @__PURE__ */ jsx2(
+            squircleSpinner_default,
+            {
+              logo: status === States.UNAVAILABLE ? /* @__PURE__ */ jsx2(
+                "div",
+                {
+                  style: {
+                    position: "relative",
+                    width: "60px",
+                    height: "60px"
+                  },
+                  "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:359:19:div",
+                  children: /* @__PURE__ */ jsx2(
+                    "div",
+                    {
+                      style: {
+                        transform: "scale(0.75)"
+                      },
+                      "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:366:21:div",
+                      children: walletInfo.icon
+                    }
+                  )
+                }
+              ) : /* @__PURE__ */ jsx2(Fragment, { children: walletInfo.icon }),
+              connecting: status === States.CONNECTING,
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:356:13:SquircleSpinner"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs2(StatusContainer, { variants: contentVariants, initial: "animate", animate: controller, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:383:9:StatusContainer", children: [
+      /* @__PURE__ */ jsx2("div", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:384:11:div", children: connectingH }),
+      /* @__PURE__ */ jsx2("span", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:385:11:span", children: connectingP })
+    ] })
+  ] }) });
+};
+var connecting_default = Page;
+export {
+  States,
+  connecting_default as default
+};
+//# sourceMappingURL=connecting-GOBWMW4K.js.map

package/dist/connecting-GOBWMW4K.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/connecting/index.tsx", "../src/components/squircleSpinner/index.tsx", "../src/components/squircleSpinner/styles.ts", "../src/hooks/useWalletConnectModal.tsx"],
+  "sourcesContent": ["import { AnimatePresence, useAnimationControls, type Variants } from 'framer-motion';\nimport { useCallback, useEffect, useMemo, useState, type ReactNode } from 'react';\nimport type { ConnectWithSocialParam, PasskeyParams } from '../../actions/connect';\nimport RetryIconCircle from '../../assets/icons/RetryIconCircle';\nimport CircleSpinner from '../../components/circleSpinner';\nimport { PageContent } from '../../components/modal/styles';\nimport SocialIcon from '../../components/socialLogin/Icons';\nimport SquircleSpinner from '../../components/squircleSpinner';\nimport { isCoinbase, isPasskeySmartWallet, isWalletConnect } from '../../config/wallet';\nimport { useContext } from '../../context';\nimport { useAccount } from '../../hooks/useAccount';\nimport useConnect from '../../hooks/useConnect';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport { useLastConnectorId } from '../../hooks/useLastConnectorId';\nimport useLocales from '../../hooks/useLocales';\nimport { useWalletConnectModal } from '../../hooks/useWalletConnectModal';\nimport { useWalletConnectUri } from '../../hooks/useWalletConnectUri';\nimport type { WalletProps } from '../../hooks/useWalletsProps';\nimport { formatString } from '../../locales';\nimport { openMobileUrl } from '../../utils';\nimport { ConnectingAnimation, ConnectingContainer, RetryButton, RetryIconContainer, StatusContainer } from './styles';\n\nexport const States = {\n  CONNECTED: 'connected',\n  CONNECTING: 'connecting',\n  FAILED: 'failed',\n  REJECTED: 'rejected',\n  NOTCONNECTED: 'notconnected',\n  UNAVAILABLE: 'unavailable',\n};\n\nconst contentVariants: Variants = {\n  initial: {\n    opacity: 0,\n    scale: 0.95,\n  },\n  animate: {\n    opacity: 1,\n    scale: 1,\n    transition: {\n      ease: [0.16, 1, 0.3, 1],\n      duration: 0.25,\n    },\n  },\n};\n\ntype WalletInfo = {\n  id: string;\n  name: string;\n  shortName: string;\n  icon: ReactNode;\n  iconShape?: 'squircle' | 'circle' | 'square';\n  iconShouldShrink?: boolean;\n  isAuth: boolean;\n  passkey?: { isRegistering: boolean };\n};\n\nconst Page = ({\n  wallet,\n  authParams,\n  passkeyParams,\n}: {\n  wallet: WalletProps;\n  authParams?: ConnectWithSocialParam;\n  passkeyParams?: PasskeyParams;\n}) => {\n  const locales = useLocales();\n  const [status, setStatus] = useState(States.CONNECTING);\n  const controller = useAnimationControls();\n  const { config } = useContext();\n  const {\n    uri,\n    requestUri,\n    available: wcAvailable,\n    error: requestWCUriError,\n  } = useWalletConnectUri(wallet?.connector?.id);\n  const isMobile = useIsMobile();\n  const { updateLastConnectorId } = useLastConnectorId();\n  const { openW3m, error: openW3mError } = useWalletConnectModal();\n  const { isConnected } = useAccount();\n\n  const handleError = useCallback((error) => {\n    if (error) {\n      console.log('connect error', error.code, error.message, error.name, error);\n      if (error.code) {\n        // https://github.com/MetaMask/eth-rpc-errors/blob/main/src/error-constants.ts\n        switch (error.code) {\n          case -32002:\n            setStatus(States.NOTCONNECTED);\n            break;\n          case 4001:\n            setStatus(States.REJECTED);\n            break;\n          default:\n            setStatus(States.FAILED);\n            break;\n        }\n      } else {\n        // Sometimes the error doesn't respond with a code\n        if (error.message) {\n          switch (error.message) {\n            case 'User rejected request':\n              setStatus(States.REJECTED);\n              break;\n            default:\n              setStatus(States.FAILED);\n              break;\n          }\n        }\n      }\n    }\n  }, []);\n\n  const connectCallback = useMemo(\n    () => ({\n      onMutate: ({ connector }) => {\n        if (connector) {\n          setStatus(States.CONNECTING);\n        } else {\n          setStatus(States.UNAVAILABLE);\n        }\n      },\n      onSettled: (data, error: any) => {\n        handleError(error);\n      },\n    }),\n    [handleError]\n  );\n\n  const { connect } = useConnect(connectCallback);\n\n  const isPasskey = useMemo(() => {\n    return wallet.connector.id === 'passkeySmartWallet';\n  }, [wallet]);\n\n  const walletInfo: WalletInfo = useMemo(() => {\n    let icon = wallet.icon;\n    if (authParams?.socialType) {\n      icon = <SocialIcon authType={authParams.socialType}  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:139:14:SocialIcon\" />;\n    }\n\n    const passkey = isPasskey ? { isRegistering: passkeyParams?.isRegistering ?? false } : undefined;\n\n    return {\n      id: wallet.id,\n      name: wallet.name!,\n      shortName: wallet.shortName ?? wallet.name!,\n      icon,\n      iconShape: wallet.iconShape ?? 'circle',\n      iconShouldShrink: wallet.iconShouldShrink,\n      isAuth: Boolean(authParams?.socialType),\n      passkey,\n    };\n  }, [wallet, authParams, passkeyParams, isPasskey]);\n\n  const suggestedExtension = useMemo(() => {\n    return wallet?.downloadUrls\n      ? {\n          name: Object.keys(wallet?.downloadUrls)[0],\n          label:\n            Object.keys(wallet.downloadUrls)[0]!.charAt(0).toUpperCase() +\n            Object.keys(wallet.downloadUrls)[0]!.slice(1),\n          url: wallet?.downloadUrls[Object.keys(wallet.downloadUrls)[0]!],\n        }\n      : undefined;\n  }, [wallet]);\n\n  const toggleAnim = async () => {\n    controller.stop();\n    controller.set('initial');\n    // await controller.start('exit');\n    await controller.start('animate');\n  };\n\n  const onConnect = () => {\n    console.log('connect start, id:', wallet?.connector?.id);\n\n    setStatus(States.CONNECTING);\n    if (\n      isMobile &&\n      wallet.connector.chainType === 'evm' &&\n      wallet.getWalletConnectDeeplink &&\n      !isCoinbase(wallet.connector.id) &&\n      !wallet.isInstalled\n    ) {\n      if (isWalletConnect(wallet.connector.id)) {\n        console.log('open walletConnect modal...');\n        openW3m();\n        return;\n      } else if (wcAvailable) {\n        console.log('request walletConnect uri...');\n        requestUri();\n        return;\n      }\n    }\n\n    if (wallet?.isInstalled && wallet?.connector) {\n      if (authParams?.socialType) {\n        config.storage?.setItem('recentConnectorId', wallet.connector.id);\n        updateLastConnectorId(wallet.connector.id);\n      }\n      connect({ connector: wallet?.connector, authParams, passkeyParams });\n    } else {\n      setStatus(States.UNAVAILABLE);\n    }\n  };\n\n  useEffect(() => {\n    const connectTimeout = setTimeout(onConnect, 200);\n    return () => {\n      clearTimeout(connectTimeout);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (uri && isMobile && wallet.connector.chainType === 'evm' && wallet.getWalletConnectDeeplink) {\n      const url = wallet.getWalletConnectDeeplink(uri);\n      console.log('openMobileUrl', url);\n      openMobileUrl(url);\n    }\n  }, [uri]);\n\n  useEffect(() => {\n    if (isMobile && requestWCUriError) {\n      handleError(requestWCUriError);\n    }\n  }, [requestWCUriError, handleError]);\n\n  useEffect(() => {\n    if (isMobile && isWalletConnect(wallet.connector.id) && openW3mError) {\n      handleError(openW3mError);\n    }\n  }, [openW3mError, handleError]);\n\n  useEffect(() => {\n    return () => {\n      // connect status  -> connected / disconnected\n      if (!isConnected) {\n        config.setState((x) => ({\n          ...x,\n          // Keep existing connector connected in case of error\n          status: x.current ? 'connected' : 'disconnected',\n        }));\n      }\n    };\n  }, [isConnected]);\n\n  const connectingH = useMemo(() => {\n    const walletName = walletInfo.shortName || walletInfo.name || 'Wallet';\n    if (status == States.CONNECTED) {\n      return locales.connectingConnected;\n    } else if (status == States.FAILED) {\n      return locales.connectingFailed;\n    } else if (status == States.REJECTED) {\n      return locales.connectingRejected;\n    } else if (status == States.NOTCONNECTED) {\n      return formatString(locales.connectingNotconnected, walletName);\n    } else if (status == States.UNAVAILABLE) {\n      if (suggestedExtension) {\n        return locales.connectingUnavailable;\n      } else {\n        if (isPasskeySmartWallet(walletInfo.id)) {\n          return locales.connectingPasskeyUnavailable;\n        }\n        return formatString(locales.connectingInstall, walletName);\n      }\n    }\n    return locales.connectingRequest;\n  }, [status, locales, walletInfo, suggestedExtension]);\n\n  const connectingP = useMemo(() => {\n    const walletName = walletInfo.shortName || walletInfo.name || 'Wallet';\n    if (status == States.CONNECTED) {\n      return locales.connectingConnectedDesc;\n    } else if (status == States.FAILED) {\n      return locales.connectingFailedDesc;\n    } else if (status == States.REJECTED) {\n      return locales.connectingRejectedDesc;\n    } else if (status == States.NOTCONNECTED) {\n      return formatString(locales.connectingNotconnectedDesc, walletName);\n    } else if (status == States.UNAVAILABLE) {\n      if (suggestedExtension) {\n        return formatString(locales.connectingUnavailableDesc, walletName, suggestedExtension.label);\n      } else {\n        if (isPasskeySmartWallet(walletInfo.id)) {\n          return locales.connectingPasskeyUnavailableDesc;\n        }\n        return formatString(locales.connectingInstallDesc, walletName);\n      }\n    }\n    if (walletInfo.isAuth) {\n      return locales.connectingRequestAuthDesc;\n    } else if (walletInfo.passkey) {\n      if (walletInfo.passkey.isRegistering) {\n        return locales.setupPasskeyPrompt;\n      } else {\n        return locales.passkeyPrompt;\n      }\n    }\n    return locales.connectingRequestDesc;\n  }, [status, locales, walletInfo, suggestedExtension]);\n\n  useEffect(() => {\n    if (connectingH) {\n      toggleAnim();\n    }\n  }, [connectingH]);\n\n  return (\n    <PageContent data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:310:5:PageContent\">\n      <ConnectingContainer data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:311:7:ConnectingContainer\">\n        <ConnectingAnimation\n          $shake={status === States.FAILED || status === States.REJECTED}\n          $circle={walletInfo.iconShape === 'circle'}\n         data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:312:9:ConnectingAnimation\" >\n          <AnimatePresence data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:316:11:AnimatePresence\">\n            {(status === States.FAILED || status === States.REJECTED) && (\n              <RetryButton\n                aria-label='Retry'\n                initial={{ opacity: 0, scale: 0.8 }}\n                animate={{ opacity: 1, scale: 1 }}\n                exit={{ opacity: 0, scale: 0.8 }}\n                whileTap={{ scale: 0.9 }}\n                transition={{ duration: 0.1 }}\n                onClick={onConnect}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:318:15:RetryButton\" >\n                <RetryIconContainer data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:327:17:RetryIconContainer\">\n                  <RetryIconCircle  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:328:19:RetryIconCircle\"/>\n                </RetryIconContainer>\n              </RetryButton>\n            )}\n          </AnimatePresence>\n\n          {walletInfo.iconShape === 'circle' ? (\n            <CircleSpinner\n              logo={\n                status === States.UNAVAILABLE ? (\n                  <div\n                    style={{\n                      transform: isPasskey ? 'scale(1)' : 'scale(1.14)',\n                      position: 'relative',\n                      width: '100%',\n                    }}\n                   data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:338:19:div\" >\n                    {walletInfo.icon}\n                  </div>\n                ) : (\n                  <>{walletInfo.icon}</>\n                )\n              }\n              smallLogo={walletInfo.iconShouldShrink}\n              connecting={status === States.CONNECTING}\n              unavailable={status === States.UNAVAILABLE}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:335:13:CircleSpinner\" />\n          ) : (\n            <SquircleSpinner\n              logo={\n                status === States.UNAVAILABLE ? (\n                  <div\n                    style={{\n                      position: 'relative',\n                      width: '60px',\n                      height: '60px',\n                    }}\n                   data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:359:19:div\" >\n                    <div\n                      style={{\n                        transform: 'scale(0.75)',\n                      }}\n                     data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:366:21:div\" >\n                      {walletInfo.icon}\n                    </div>\n                  </div>\n                ) : (\n                  <>{walletInfo.icon}</>\n                )\n              }\n              connecting={status === States.CONNECTING}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:356:13:SquircleSpinner\" />\n          )}\n        </ConnectingAnimation>\n\n        <StatusContainer variants={contentVariants} initial='animate' animate={controller} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:383:9:StatusContainer\" >\n          <div data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:384:11:div\">{connectingH}</div>\n          <span data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/connecting/index.tsx:385:11:span\">{connectingP}</span>\n        </StatusContainer>\n      </ConnectingContainer>\n    </PageContent>\n  );\n};\n\nexport default Page;\n", "import { AnimatePresence } from 'framer-motion';\nimport { Logo, LogoContainer, Spinner, SpinnerContainer } from './styles';\n\nconst SquircleSpinner = ({ logo, connecting = true }: { logo?: React.ReactNode; connecting?: boolean }) => {\n  return (\n    <LogoContainer transition={{ duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:6:5:LogoContainer\" >\n      <Logo data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:7:7:Logo\">{logo}</Logo>\n      <SpinnerContainer data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:8:7:SpinnerContainer\">\n        <AnimatePresence data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:9:9:AnimatePresence\">\n          {connecting && (\n            <Spinner\n              key='Spinner'\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{\n                opacity: 0,\n                transition: {\n                  duration: 0,\n                },\n              }}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:11:13:Spinner\" />\n          )}\n        </AnimatePresence>\n      </SpinnerContainer>\n      <svg aria-hidden='true' width='64' height='64' viewBox='0 0 102 102' fill='none' data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:25:7:svg\" >\n        <rect\n          x='7.57895'\n          y='7.57895'\n          width='86.8421'\n          height='86.8421'\n          rx='19.2211'\n          stroke='black'\n          strokeOpacity='0.02'\n          strokeWidth='1.15789'\n         data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:26:9:rect\" />\n        <path\n          fillRule='evenodd'\n          clipRule='evenodd'\n          d='M0 0H102V102H0V0ZM7 38.284C7 27.5684 7 22.2106 9.01905 18.0892C10.9522 14.1431 14.1431 10.9522 18.0892 9.01905C22.2106 7 27.5684 7 38.284 7H63.716C74.4316 7 79.7894 7 83.9108 9.01905C87.8569 10.9522 91.0478 14.1431 92.9809 18.0892C95 22.2106 95 27.5684 95 38.284V63.716C95 74.4316 95 79.7894 92.9809 83.9108C91.0478 87.8569 87.8569 91.0478 83.9108 92.9809C79.7894 95 74.4316 95 63.716 95H38.284C27.5684 95 22.2106 95 18.0892 92.9809C14.1431 91.0478 10.9522 87.8569 9.01905 83.9108C7 79.7894 7 74.4316 7 63.716V38.284ZM41.5 0.5H41.4325C34.7246 0.499996 29.6023 0.499994 25.5104 0.823325C21.388 1.14906 18.1839 1.80986 15.3416 3.20227C10.0602 5.78959 5.78959 10.0602 3.20227 15.3416C1.80986 18.1839 1.14906 21.388 0.823325 25.5104C0.499994 29.6023 0.499996 34.7246 0.5 41.4325V41.5V55.5938C0.5 55.6808 0.507407 55.766 0.521624 55.849C0.507407 55.9319 0.5 56.0172 0.5 56.1042V60.5V60.5675C0.499996 67.2754 0.499994 72.3977 0.823325 76.4896C1.14906 80.612 1.80986 83.8161 3.20227 86.6584C5.78959 91.9398 10.0602 96.2104 15.3416 98.7977C18.1839 100.19 21.388 100.851 25.5104 101.177C29.6022 101.5 34.7244 101.5 41.432 101.5H41.4324H41.5H43.4227H60.5H60.5675H60.568C67.2756 101.5 72.3977 101.5 76.4896 101.177C80.612 100.851 83.8161 100.19 86.6584 98.7977C91.9398 96.2104 96.2104 91.9398 98.7977 86.6584C100.19 83.8161 100.851 80.612 101.177 76.4896C101.5 72.3978 101.5 67.2756 101.5 60.568V60.5676V60.5V41.5V41.4324V41.432C101.5 34.7244 101.5 29.6022 101.177 25.5104C100.851 21.388 100.19 18.1839 98.7977 15.3416C96.2104 10.0602 91.9398 5.78959 86.6584 3.20227C83.8161 1.80986 80.612 1.14906 76.4896 0.823325C72.3977 0.499994 67.2754 0.499996 60.5675 0.5H60.5H41.5ZM3.5 56.1042C3.5 56.0172 3.49259 55.9319 3.47838 55.849C3.49259 55.766 3.5 55.6808 3.5 55.5938V41.5C3.5 34.7112 3.50109 29.7068 3.814 25.7467C4.1256 21.8032 4.73946 19.0229 5.89635 16.6614C8.19077 11.9779 11.9779 8.19077 16.6614 5.89635C19.0229 4.73946 21.8032 4.1256 25.7467 3.814C29.7068 3.50109 34.7112 3.5 41.5 3.5H60.5C67.2888 3.5 72.2932 3.50109 76.2533 3.814C80.1968 4.1256 82.977 4.73946 85.3386 5.89635C90.022 8.19077 93.8092 11.9779 96.1036 16.6614C97.2605 19.0229 97.8744 21.8032 98.186 25.7467C98.4989 29.7068 98.5 34.7112 98.5 41.5V60.5C98.5 67.2888 98.4989 72.2932 98.186 76.2533C97.8744 80.1968 97.2605 82.9771 96.1036 85.3386C93.8092 90.022 90.022 93.8092 85.3386 96.1036C82.977 97.2605 80.1968 97.8744 76.2533 98.186C72.2932 98.4989 67.2888 98.5 60.5 98.5H43.4227H41.5C34.7112 98.5 29.7068 98.4989 25.7467 98.186C21.8032 97.8744 19.0229 97.2605 16.6614 96.1036C11.9779 93.8092 8.19077 90.022 5.89635 85.3386C4.73946 82.9771 4.1256 80.1968 3.814 76.2533C3.50109 72.2932 3.5 67.2888 3.5 60.5V56.1042Z'\n          fill='var(--pcm-body-background)'\n         data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/squircleSpinner/index.tsx:36:9:path\" />\n      </svg>\n    </LogoContainer>\n  );\n};\n\nexport default SquircleSpinner;\n", "import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\nexport const LogoContainer = styled(motion.div)`\n  z-index: 4;\n  position: relative;\n  overflow: hidden;\n  svg {\n    z-index: 3;\n    position: relative;\n    display: block;\n  }\n`;\nexport const Logo = styled(motion.div)<{ inset?: number }>`\n  z-index: 2;\n  position: absolute;\n  overflow: hidden;\n  inset: ${(props) => props.inset ?? 3}px;\n  border-radius: 16px;\n  background: var(--pcm-body-background);\n  svg,\n  img {\n    pointer-events: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const SpinnerContainer = styled(motion.div)`\n  position: absolute;\n  inset: 1px;\n  /* overflow: hidden; */\n`;\nexport const Spinner = styled(motion.div)`\n  pointer-events: none;\n  user-select: none;\n  z-index: 1;\n  position: absolute;\n  inset: -25%;\n  &:before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: conic-gradient(\n      from -90deg,\n      transparent,\n      transparent,\n      transparent,\n      transparent,\n      transparent,\n      var(--pcm-accent-color)\n    );\n    animation: rotateSpinner 1200ms linear infinite;\n  }\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n", "import { useState } from 'react';\nimport { useContext } from '../context';\nimport useConnect from './useConnect';\nimport { useLastConnectorId } from './useLastConnectorId';\nimport { useWalletConnector } from './useWalletConnectors';\n\nexport function useWalletConnectModal() {\n  const { connectAsync } = useConnect();\n  const { config } = useContext();\n  const walletConnector = useWalletConnector('evmWallet');\n  const { updateLastConnectorId } = useLastConnectorId();\n\n  const [error, setError] = useState<Error>();\n\n  const openW3m = async () => {\n    setError(undefined);\n    if (walletConnector && walletConnector.w3mConnector) {\n      const w3mcss = document.createElement('style');\n      w3mcss.innerHTML = 'w3m-modal, wcm-modal{ --wcm-z-index: 2147483647; --w3m-z-index:2147483647; }';\n      document.head.appendChild(w3mcss);\n      try {\n        let connector = walletConnector._internal.connectors.setup(walletConnector.w3mConnector);\n        connector = config._internal.connectors.setup(connector);\n\n        await connectAsync({ connector: connector });\n        updateLastConnectorId('walletConnect');\n      } catch (err) {\n        console.log('WalletConnect openW3m', err);\n        setError(err as unknown as Error);\n      } finally {\n        // remove modal styling\n        document.head.removeChild(w3mcss);\n      }\n    } else {\n      console.log('No WalletConnect connector available');\n    }\n  };\n\n  return {\n    error,\n    openW3m,\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["AnimatePresence", "useState", "jsx", "jsxs", "useState", "AnimatePresence"]
+}