@getpara/react-sdk 2.0.0-dev.3 → 2.0.0-dev.4

package/dist/modal/components/Controls/Selects.js

@@ -1,173 +0,0 @@
-"use client";
-import {
-  __async,
-  __spreadProps,
-  __spreadValues
-} from "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CpslButton, CpslIcon, CpslIdenticon, CpslText } from "@getpara/react-components";
-import { safeStyled } from "@getpara/react-common";
-import { truncateAddress } from "@getpara/web-sdk";
-import { useEffect, useRef } from "react";
-import { useDropdownPosition } from "../AuthInput/hooks/useDropdownPosition.js";
-import { useAccount, useWallet, useWalletState } from "../../../provider/index.js";
-import { HeaderSelect, HeaderSelectContainer, HeaderSelectItem } from "../common.js";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-import { useCopyToClipboard } from "@getpara/react-common";
-import { getWalletDisplayName } from "../../utils/getWalletDisplayName.js";
-const getValue = (id, type) => {
-  return id && type ? `${id}~${type}` : void 0;
-};
-const ChainSelect = () => {
-  var _a, _b;
-  const containerRef = useRef(null);
-  const { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize } = useDropdownPosition(containerRef);
-  const { data: activeWallet } = useWallet();
-  const { switchChain, chainId, chains, chainIdSwitchingTo } = useExternalWallets();
-  useEffect(() => {
-    if (dropdownMaxHeight && chainId) {
-      resize();
-    }
-  }, [chainId, chainIdSwitchingTo, dropdownMaxHeight]);
-  const handleChainChange = (chainId2) => __async(void 0, null, function* () {
-    yield switchChain(chainId2);
-  });
-  if (!activeWallet || !activeWallet.isExternal || activeWallet.type === "SOLANA") {
-    return null;
-  }
-  const chainIdToUse = chainIdSwitchingTo != null ? chainIdSwitchingTo : chainId;
-  const selectedChainName = (_a = chains.find((c) => c.id.toString() === chainIdToUse)) == null ? void 0 : _a.name;
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(HeaderSelectContainer, { ref: containerRef, id: "inputContainer", children: /* @__PURE__ */ jsxs(
-    HeaderSelect,
-    {
-      selectedValue: (_b = chainIdToUse == null ? void 0 : chainIdToUse.toString()) != null ? _b : "",
-      onCpslSelectValueChange: (e) => {
-        handleChainChange(e.detail);
-      },
-      showFormattedSelectedItem: true,
-      placeholder: "Choose chain...",
-      anchorElId: "inputContainer",
-      dropdownMaxHeight,
-      $width: dropdownWidth != null ? dropdownWidth : 0,
-      $top: (mobileAnchor != null ? mobileAnchor : 0) + 16 + 1,
-      autoWidth: true,
-      selectedItemVariant: "bodyXS",
-      children: [
-        chainIdToUse && /* @__PURE__ */ jsx(ChainName, { variant: "bodyXS", color: "contrast", slot: "selected-item", children: selectedChainName }),
-        chains == null ? void 0 : chains.map((chain) => /* @__PURE__ */ jsx(HeaderSelectItem, { slot: "items", value: chain.id.toString(), children: /* @__PURE__ */ jsx(ChainName, { variant: "bodyXS", color: "contrast", children: chain.name }) }, chain.id))
-      ]
-    }
-  ) }) });
-};
-const AccountSelect = () => {
-  var _a;
-  const hideWallets = useStore((state) => {
-    var _a2;
-    return (_a2 = state.modalConfig) == null ? void 0 : _a2.hideWallets;
-  });
-  const para = useInternalClient();
-  const containerRef = useRef(null);
-  const { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize } = useDropdownPosition(containerRef);
-  const [isCopied, copy] = useCopyToClipboard();
-  const { setSelectedWallet } = useWalletState();
-  const { data: activeWallet } = useWallet();
-  const { embedded } = useAccount();
-  const availableWallets = embedded == null ? void 0 : embedded.wallets;
-  const isGuest = para.isGuestMode && (activeWallet == null ? void 0 : activeWallet.pregenIdentifierType) === "GUEST_ID";
-  const handleCopy = () => {
-    copy((activeWallet == null ? void 0 : activeWallet.address) ? para.getDisplayAddress(activeWallet.id, { addressType: activeWallet.type }) : "");
-  };
-  const ActiveWalletNode = activeWallet ? /* @__PURE__ */ jsxs(FlexRow, { slot: "selected-item", style: { height: "24px" }, children: [
-    !isGuest && /* @__PURE__ */ jsx(CpslIdenticon, { variant: "avatar", size: "24px", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }),
-    /* @__PURE__ */ jsx(WalletName, { variant: "bodyXS", color: "contrast", style: { marginLeft: isGuest ? "8px" : "0px" }, children: isGuest ? "Guest" : getWalletDisplayName(para, __spreadProps(__spreadValues({}, activeWallet), { hideWallets })) }),
-    !hideWallets && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", children: (_a = activeWallet.ensName) != null ? _a : para.getDisplayAddress(activeWallet.id, { truncate: true, addressType: activeWallet.type }) }),
-      /* @__PURE__ */ jsx(
-        CpslButton,
-        {
-          id: "ignore-click",
-          size: "small",
-          variant: "ghost",
-          onClick: (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-            handleCopy();
-          },
-          children: /* @__PURE__ */ jsx(CpslIcon, { id: "ignore-click", slot: "start", icon: isCopied ? "check" : "copy" })
-        }
-      )
-    ] })
-  ] }) : null;
-  useEffect(() => {
-    if (dropdownMaxHeight && (activeWallet == null ? void 0 : activeWallet.address)) {
-      resize();
-    }
-  }, [activeWallet, availableWallets, dropdownMaxHeight]);
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(HeaderSelectContainer, { ref: containerRef, id: "addressInputContainer", children: availableWallets && availableWallets.length > 1 ? /* @__PURE__ */ jsxs(
-    HeaderSelect,
-    {
-      selectedValue: getValue(activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type),
-      onCpslSelectValueChange: (e) => {
-        const [id, type] = e.detail.split("~");
-        setSelectedWallet({ id, type });
-      },
-      showFormattedSelectedItem: true,
-      placeholder: "Choose wallet...",
-      anchorElId: "addressInputContainer",
-      dropdownMaxHeight,
-      $width: dropdownWidth != null ? dropdownWidth : 0,
-      $top: (mobileAnchor != null ? mobileAnchor : 0) + 16 + 1,
-      autoWidth: true,
-      selectedItemVariant: "bodyXS",
-      children: [
-        activeWallet && ActiveWalletNode,
-        availableWallets.map(({ address, name: _name, id, type, isExternal }) => {
-          const key = getValue(id, type);
-          const name = _name != null ? _name : getWalletDisplayName(para, { type, isExternal, isMenu: true, hideWallets });
-          return /* @__PURE__ */ jsx(HeaderSelectItem, { slot: "items", value: key, children: /* @__PURE__ */ jsxs(FlexRow, { children: [
-            /* @__PURE__ */ jsx(CpslIdenticon, { size: "40px", hash: para.getIdenticonHash(id, type) }),
-            /* @__PURE__ */ jsxs(FlexCol, { children: [
-              name && /* @__PURE__ */ jsx(CpslText, { variant: "bodyS", color: "contrast", children: name }),
-              !hideWallets && address && type && /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", children: truncateAddress(address, type, { prefix: para.cosmosPrefix }) })
-            ] })
-          ] }) }, key);
-        })
-      ]
-    }
-  ) : ActiveWalletNode }) });
-};
-const Container = safeStyled.div`
-  flex: 0;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-`;
-const FlexRow = safeStyled.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`;
-const FlexCol = safeStyled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-`;
-const WalletName = safeStyled(CpslText)`
-  white-space: nowrap;
-`;
-const ChainName = safeStyled(CpslText)`
-  max-width: 150px;
-  text-transform: capitalize;
-
-  &::part(text-element) {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-`;
-export {
-  AccountSelect,
-  ChainSelect
-};

package/dist/modal/components/ExternalWalletNetworkSelectStep/ExternalWalletNetworkSelectStep.d.ts

@@ -1 +0,0 @@
-export declare const ExternalWalletNetworkSelectStep: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/modal/components/ExternalWalletNetworkSelectStep/ExternalWalletNetworkSelectStep.js

@@ -1,75 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { safeStyled } from "@getpara/react-common";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useModalStore } from "../../stores/index.js";
-import { ModalStep } from "../../utils/steps.js";
-import { CpslButton, CpslIcon, CpslText } from "@getpara/react-components";
-import { WALLET_TYPE_CONFIG } from "../../constants/walletTypeConfig.js";
-import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";
-const ExternalWalletNetworkSelectStep = () => {
-  var _a, _b;
-  const setStep = useModalStore((state) => state.setStep);
-  const selectedExternalWalletId = useModalStore((state) => state.selectedExternalWalletId);
-  const setSelectedExternalWalletId = useModalStore((state) => state.setSelectedExternalWalletId);
-  const { wallets, connectExternalWallet } = useExternalWallets();
-  const { accountLinkInProgress, linkAccount } = useAccountLinking();
-  const externalWalletProvider = (_b = accountLinkInProgress == null ? void 0 : accountLinkInProgress.pendingWalletProvider) != null ? _b : (_a = accountLinkInProgress == null ? void 0 : accountLinkInProgress.externalWallet) == null ? void 0 : _a.providerId;
-  if (!accountLinkInProgress && !selectedExternalWalletId) {
-    setStep(ModalStep.ACCOUNT_MAIN);
-    return null;
-  }
-  const availableWallets = wallets.filter((w) => w.internalId === (externalWalletProvider != null ? externalWalletProvider : selectedExternalWalletId));
-  const firstWallet = availableWallets[0];
-  const handleWalletClick = (wallet) => () => {
-    if (accountLinkInProgress) {
-      linkAccount({ externalWallet: wallet });
-      return;
-    }
-    setSelectedExternalWalletId(wallet.internalId);
-    setStep(ModalStep.EX_WALLET_SELECTED);
-    if (wallet.installed || wallet.internalId === "FARCASTER") {
-      connectExternalWallet(wallet);
-    } else if (wallet.isMobile) {
-      connectExternalWallet(wallet, true);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx(Avatar, { slot: "image", src: firstWallet == null ? void 0 : firstWallet.iconUrl }),
-    /* @__PURE__ */ jsx(ButtonContainer, { children: availableWallets.map((wallet) => {
-      const config = WALLET_TYPE_CONFIG[wallet.type];
-      return /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, variant: "tertiary", onClick: handleWalletClick(wallet), children: /* @__PURE__ */ jsxs(ButtonInnerContainer, { children: [
-        /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: config.icon }),
-        /* @__PURE__ */ jsx(CpslText, { weight: "medium", children: config.name })
-      ] }) }, wallet.type);
-    }) })
-  ] });
-};
-const Container = safeStyled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 32px;
-`;
-const ButtonContainer = safeStyled.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-`;
-const Avatar = safeStyled.img`
-  width: 80px;
-  height: 80px;
-  object-fit: contain;
-`;
-const ButtonInnerContainer = safeStyled.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`;
-export {
-  ExternalWalletNetworkSelectStep
-};

package/dist/modal/components/ExternalWalletStep/ExternalWalletStep.d.ts

@@ -1,8 +0,0 @@
-import { CommonWallet } from '@getpara/react-common';
-export declare const ExternalWalletMobileConnect: ({ wallet, qrUri: propsQrUri, onConnectWc, isSelfFetching, }: {
-    wallet: CommonWallet;
-    qrUri?: string;
-    onConnectWc: (_: CommonWallet) => Promise<void>;
-    isSelfFetching?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ExternalWalletStep: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/modal/components/ExternalWalletStep/ExternalWalletStep.js

@@ -1,175 +0,0 @@
-"use client";
-import {
-  __async
-} from "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CpslButton, CpslIcon, CpslQrCode, CpslSpinner, CpslText } from "@getpara/react-components";
-import { CenteredText, ErrorContainer, ErrorIcon, InnerStepContainer, QRContainer, StepContainer } from "../common.js";
-import { useEffect, useMemo, useState } from "react";
-import { useModalStore } from "../../stores/index.js";
-import { safeStyled } from "@getpara/react-common";
-import { useCopyToClipboard } from "@getpara/react-common";
-import { ModalStep } from "../../utils/steps.js";
-import { isMobile, isTablet } from "@getpara/web-sdk";
-import { routeMobileExternalWallet } from "../../utils/routeMobileExternalWallet.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-const ExternalWalletMobileConnect = ({
-  wallet,
-  qrUri: propsQrUri,
-  onConnectWc,
-  isSelfFetching = false
-}) => {
-  var _a, _b;
-  const [isCopied, copy] = useCopyToClipboard();
-  const appName = useStore((state) => state.appName);
-  const [qrUri, setQrUri] = useState(isSelfFetching ? void 0 : propsQrUri);
-  const isWalletConnect = wallet.id === "walletConnect";
-  const handleCopy = () => {
-    if (qrUri) {
-      copy(qrUri);
-    }
-  };
-  useEffect(() => {
-    const fetchQrUri = () => {
-      var _a2;
-      if (!isSelfFetching) {
-        return;
-      }
-      (_a2 = wallet.getQrUri) == null ? void 0 : _a2.call(wallet).then(setQrUri).catch();
-    };
-    fetchQrUri();
-  }, [wallet, isSelfFetching]);
-  useEffect(() => {
-    setQrUri(propsQrUri);
-  }, [propsQrUri]);
-  if (wallet.type === "SOLANA" || isMobile() && !isTablet()) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      wallet.type === "SOLANA" && qrUri && /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "error", children: `Continue in the ${wallet.name} mobile app.` }) }),
-      wallet.id !== "walletConnect" && /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-        wallet.type === "SOLANA" && qrUri && !wallet.hasIosSafariExtension || wallet.type !== "SOLANA" ? /* @__PURE__ */ jsx(CpslButton, { onClick: () => routeMobileExternalWallet(qrUri), fullWidth: true, children: "Connect Wallet" }) : /* @__PURE__ */ jsx(Text, { weight: "semiBold", children: wallet.hasIosSafariExtension ? `Please install and use the ${wallet.name} extension for iOS Safari.` : `Please navigate to ${appName} in the ${wallet.name} wallet.` }),
-        !wallet.hasIosSafariExtension && /* @__PURE__ */ jsx(Link, { href: (_a = wallet.downloadUrl) != null ? _a : "", target: "_blank", children: /* @__PURE__ */ jsxs(ExternalButton, { variant: "secondary", children: [
-          `Get ${wallet.name}`,
-          /* @__PURE__ */ jsx(ExternalIcon, { icon: "linkExternal" })
-        ] }) })
-      ] })
-    ] });
-  }
-  const GetWalletButton = /* @__PURE__ */ jsxs(ExternalButton, { variant: "secondary", onClick: isWalletConnect ? onConnectWc : void 0, children: [
-    `${isWalletConnect ? "Open" : "Get"} ${wallet.name}`,
-    /* @__PURE__ */ jsx(ExternalIcon, { icon: "linkExternal" })
-  ] });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", children: "Scan with your mobile device" }),
-      /* @__PURE__ */ jsx(QRContainer, { children: !qrUri ? /* @__PURE__ */ jsx(CpslSpinner, { size: 100 }) : /* @__PURE__ */ jsx(CpslQrCode, { url: qrUri, imageSrc: wallet.iconUrl }) }),
-      /* @__PURE__ */ jsxs(CpslButton, { size: "small", variant: "ghost", onClick: handleCopy, children: [
-        /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: isCopied ? "check" : "copy" }),
-        isCopied ? "Copied" : "Copy Link"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(InnerStepContainer, { children: isWalletConnect ? /* @__PURE__ */ jsx(Fragment, { children: GetWalletButton }) : /* @__PURE__ */ jsx(Link, { href: (_b = wallet.downloadUrl) != null ? _b : "", target: "_blank", children: GetWalletButton }) })
-  ] });
-};
-const ExternalWalletStep = () => {
-  const externalWalletError = useModalStore((state) => state.externalWalletError);
-  const setStep = useModalStore((state) => state.setStep);
-  const { connectExternalWallet, wallet, qrUri, walletDisplayHelpers } = useExternalWallets();
-  useEffect(() => {
-    routeMobileExternalWallet(qrUri);
-  }, [qrUri]);
-  const handleTryAgainClick = () => __async(void 0, null, function* () {
-    if (wallet) {
-      yield connectExternalWallet(wallet);
-    }
-  });
-  const Content = useMemo(() => {
-    var _a;
-    if (!wallet) {
-      return null;
-    }
-    const isWalletConnect = wallet.id === "walletConnect";
-    const isMobileWalletConnect = isMobile() && isWalletConnect;
-    if (isMobileWalletConnect) {
-      /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(Text, { weight: "semiBold", children: "Continue in the WalletConnect modal." }) });
-    }
-    const { showExtension, showMobile } = walletDisplayHelpers;
-    if (!showMobile && !showExtension) {
-      return /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(Text, { weight: "semiBold", children: `${wallet.name} isn't supported on mobile devices.
-
-Please choose another wallet or continue on desktop.` }) });
-    }
-    if (showExtension) {
-      const isInstalled = wallet.installed;
-      return /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-        isInstalled && !(externalWalletError == null ? void 0 : externalWalletError.length) ? /* @__PURE__ */ jsx(CenteredText, { color: "contrast", weight: "semiBold", children: `Confirm connection request in the ${wallet.name} browser extension.` }) : /* @__PURE__ */ jsxs(ErrorContainer, { children: [
-          /* @__PURE__ */ jsx(ErrorIcon, { icon: "alertCircle" }),
-          /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "error", children: isInstalled ? externalWalletError == null ? void 0 : externalWalletError[0] : `${wallet.name} not detected` })
-        ] }),
-        /* @__PURE__ */ jsxs(
-          CpslButton,
-          {
-            as: isInstalled ? "button" : "a",
-            href: (_a = wallet.downloadUrl) != null ? _a : "",
-            target: "_blank",
-            variant: "secondary",
-            onClick: handleTryAgainClick,
-            children: [
-              /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: isInstalled ? "refresh" : "linkExternal" }),
-              isInstalled ? "Try Again" : `Get ${wallet.name}`
-            ]
-          }
-        )
-      ] });
-    }
-    if (showMobile) {
-      return /* @__PURE__ */ jsx(
-        ExternalWalletMobileConnect,
-        {
-          wallet,
-          qrUri,
-          onConnectWc: (w) => __async(void 0, null, function* () {
-            yield connectExternalWallet(w, true, true);
-          })
-        }
-      );
-    }
-  }, [wallet, walletDisplayHelpers, externalWalletError, qrUri]);
-  useEffect(() => {
-    if (!wallet) {
-      setStep(ModalStep.AUTH_MAIN);
-    }
-  }, [wallet]);
-  if (!wallet) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Container, { children: Content });
-};
-const Container = safeStyled(StepContainer)`
-  flex: 1;
-  justify-content: space-between;
-`;
-const Text = safeStyled(CenteredText)`
-  white-space: pre-line;
-`;
-const ExternalButton = safeStyled(CpslButton)`
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  cursor: pointer;
-  margin-top: 8px;
-  text-decoration: none;
-`;
-const ExternalIcon = safeStyled(CpslIcon)`
-  --height: 20px;
-  --width: 20px;
-`;
-const Link = safeStyled.a`
-  text-decoration: none;
-`;
-export {
-  ExternalWalletMobileConnect,
-  ExternalWalletStep
-};

package/dist/modal/components/ExternalWalletStep/config.d.ts

@@ -1,7 +0,0 @@
-import { Tab } from '../../types/commonTypes.js';
-export declare enum TabValue {
-    extension = "extension",
-    mobile = "mobile",
-    web = "web"
-}
-export declare const TABS: Record<'extension' | 'mobile' | 'web', Tab<TabValue>>;

package/dist/modal/components/ExternalWalletStep/config.js

@@ -1,17 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-var TabValue = /* @__PURE__ */ ((TabValue2) => {
-  TabValue2["extension"] = "extension";
-  TabValue2["mobile"] = "mobile";
-  TabValue2["web"] = "web";
-  return TabValue2;
-})(TabValue || {});
-const TABS = {
-  extension: { label: "Extension", value: "extension" /* extension */, icon: "puzzlePiece" },
-  mobile: { label: "Mobile", value: "mobile" /* mobile */, icon: "phone" },
-  web: { label: "Web", value: "web" /* web */, icon: "globe" }
-};
-export {
-  TABS,
-  TabValue
-};

package/dist/modal/components/ExternalWalletVerificationStep/ExternalWalletVerificationStep.d.ts

@@ -1 +0,0 @@
-export declare const ExternalWalletVerificationStep: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/ExternalWalletVerificationStep/ExternalWalletVerificationStep.js

@@ -1,39 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CpslButton, CpslSpinner, CpslText } from "@getpara/react-components";
-import { safeStyled } from "@getpara/react-common";
-import { useModalStore } from "../../stores/index.js";
-import { ErrorContainer, ErrorIcon, Heading, InnerStepContainer, StepContainer } from "../common.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useEffect, useRef } from "react";
-const ExternalWalletVerificationStep = () => {
-  const effectRan = useRef(false);
-  const { verifyWalletSignature } = useExternalWallets();
-  const externalWalletError = useModalStore((state) => state.externalWalletError);
-  useEffect(() => {
-    const hasRun = effectRan.current;
-    if (!hasRun) {
-      verifyWalletSignature();
-      effectRan.current = true;
-    }
-  }, []);
-  return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx(Heading, { variant: "headingS", weight: "bold", children: "Verify Your Wallet" }),
-      /* @__PURE__ */ jsx(InlineText, { variant: "bodyS", color: "secondary", children: "Sign the message with your wallet to complete sign up." }),
-      !!(externalWalletError == null ? void 0 : externalWalletError[0]) && /* @__PURE__ */ jsxs(ErrorContainer, { children: [
-        /* @__PURE__ */ jsx(ErrorIcon, { icon: "alertCircle" }),
-        /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "error", children: externalWalletError == null ? void 0 : externalWalletError[0] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(InnerStepContainer, { children: !externalWalletError || !effectRan.current ? /* @__PURE__ */ jsx(CpslSpinner, {}) : /* @__PURE__ */ jsx(CpslButton, { onClick: verifyWalletSignature, children: "Retry" }) })
-  ] });
-};
-const InlineText = safeStyled(CpslText)`
-  text-align: center;
-  display: inline-block;
-`;
-export {
-  ExternalWalletVerificationStep
-};

package/dist/modal/components/ExternalWallets/ExternalWallets.d.ts

@@ -1 +0,0 @@
-export declare const ExternalWallets: () => import("react/jsx-runtime").JSX.Element;