@getpara/react-sdk 1.5.1 → 1.6.1-dev.0

package/dist/modal/components/WalletCard/WalletCard.js

@@ -0,0 +1,127 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { useModalStore, useThemeStore } from "../../stores/index.js";
+import { CpslButton, CpslIdenticon, CpslText } from "@getpara/react-components";
+import { truncateAddress } from "@getpara/web-sdk";
+import { ModalStep } from "../../utils/steps.js";
+import { useWalletState } from "../../../provider/index.js";
+import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
+const ExternalWalletCard = ({ address, showAddFunds }) => {
+  var _a;
+  const para = useInternalClient();
+  const wallet = para.externalWallets[address];
+  if (!wallet) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    SharedWalletCard,
+    {
+      address: (_a = wallet.ensName) != null ? _a : truncateAddress(wallet.address, wallet.type),
+      identiconHash: para.getIdenticonHash(wallet.id, wallet.type),
+      showAddFunds
+    }
+  );
+};
+const WalletCard = ({ id, type, showAddFunds }) => {
+  var _a, _b;
+  const para = useInternalClient();
+  const appName = useThemeStore((state) => state.appName);
+  const wallet = para.findWallet(id, type);
+  if (!wallet) {
+    return null;
+  }
+  const address = para.getDisplayAddress(wallet.id, { addressType: type });
+  return /* @__PURE__ */ jsx(
+    SharedWalletCard,
+    {
+      id: wallet.id,
+      type: wallet.type,
+      address: (_a = wallet.ensName) != null ? _a : truncateAddress(address, type, { prefix: para.cosmosPrefix }),
+      name: (_b = wallet.name) != null ? _b : `${appName ? `${appName} ` : ""}Wallet`,
+      identiconHash: para.getIdenticonHash(wallet.id, type),
+      showAddFunds
+    }
+  );
+};
+const SharedWalletCard = ({ address, name, identiconHash, showAddFunds, id, type }) => {
+  const onRampConfig = useModalStore((state) => state.onRampConfig);
+  const { setSelectedWallet } = useWalletState();
+  const setStep = useModalStore((state) => state.setStep);
+  const isAddFundsEnabled = onRampConfig.isBuyEnabled || onRampConfig.isReceiveEnabled;
+  const handleAddFundsClick = () => {
+    if (id && type) {
+      setSelectedWallet({ id, type });
+      isAddFundsEnabled && setStep(onRampConfig.isBuyEnabled ? ModalStep.ADD_FUNDS_BUY : ModalStep.ADD_FUNDS_RECEIVE);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsxs(InnerContainer, { children: [
+      /* @__PURE__ */ jsx(CpslIdenticon, { size: "48px", hash: identiconHash }),
+      /* @__PURE__ */ jsxs(WalletNameContainer, { children: [
+        !!name && /* @__PURE__ */ jsx(Name, { color: "contrast", variant: "bodyL", weight: "semiBold", children: name }),
+        /* @__PURE__ */ jsx(Name, { color: "secondary", variant: "bodyS", weight: "medium", children: address })
+      ] })
+    ] }),
+    showAddFunds && isAddFundsEnabled && /* @__PURE__ */ jsx(AddFundsButton, { onClick: handleAddFundsClick, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "contrast", weight: "medium", children: "Add Funds" }) })
+  ] });
+};
+const WalletCards = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+`;
+const Container = styled.div`
+  width: 100%;
+  padding: 24px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 16px;
+  background-color: var(--cpsl-color-background-8);
+  border-radius: 16px;
+`;
+const InnerContainer = styled.div`
+  display: flex;
+  justify-content: flex-start;
+  gap: 8px;
+  align-items: center;
+  overflow: hidden;
+`;
+const WalletNameContainer = styled.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  align-items: flex-start;
+  justify-content: center;
+  overflow: hidden;
+`;
+const Name = styled(CpslText)`
+  width: 100%;
+  &::part(text-element) {
+    line-height: 100%;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+`;
+const AddFundsButton = styled(CpslButton)`
+  --button-primary-background-color: var(--cpsl-color-card-surface);
+  --button-primary-hover-background-color: var(--cpsl-color-background-4);
+  --button-primary-color: var(--cpsl-color-text-contrast);
+  --button-primary-hover-color: var(--cpsl-color-text-contrast);
+  --button-primary-active-color: var(--cpsl-color-text-contrast);
+  --button-padding-start: 8px;
+  --button-padding-end: 8px;
+  --button-padding-top: 8px;
+  --button-padding-bottom: 8px;
+  --button-border-radius: 8px;
+`;
+export {
+  ExternalWalletCard,
+  WalletCard,
+  WalletCards
+};

package/dist/modal/components/WalletCreationDoneStep/WalletCreationDoneStep.js

@@ -0,0 +1,52 @@
+"use client";
+import {
+  __async
+} from "../../../chunk-MMUBH76A.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CpslButton, CpslText } from "@getpara/react-components";
+import { StepContainer, InnerStepContainer, HeroIcon } from "../common.js";
+import { useModalStore, useThemeStore } from "../../stores/index.js";
+import { ModalStep } from "../../utils/steps.js";
+import { WalletCard, WalletCards } from "../WalletCard/WalletCard.js";
+import styled from "styled-components";
+import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
+const WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
+  const hideWallets = useThemeStore((state) => state.hideWallets);
+  const setStep = useModalStore((state) => state.setStep);
+  const isLogin = useModalStore((state) => state.isLogin());
+  const onRampConfig = useModalStore((state) => state.onRampConfig);
+  const para = useInternalClient();
+  const isOnRampConfigured = (onRampConfig == null ? void 0 : onRampConfig.isBuyEnabled) || (onRampConfig == null ? void 0 : onRampConfig.isReceiveEnabled) || (onRampConfig == null ? void 0 : onRampConfig.isWithdrawEnabled);
+  const handleNext = () => __async(void 0, null, function* () {
+    if (isLogin) {
+      if (!twoFactorAuthEnabled) {
+        setStep(ModalStep.LOGIN_DONE);
+        return;
+      }
+      const is2FAComplete = yield para.check2FAStatus();
+      setStep(is2FAComplete ? ModalStep.LOGIN_DONE : ModalStep.SETUP_2FA);
+    } else {
+      if (twoFactorAuthEnabled) {
+        setStep(ModalStep.SETUP_2FA);
+      } else {
+        onClose();
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
+    /* @__PURE__ */ jsx(CardContainer, { children: hideWallets ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(HeroIcon, { icon: "checkCircleFilled" }),
+      /* @__PURE__ */ jsx(CpslText, { variant: "bodyM", color: "secondary", weight: "medium", style: { marginTop: "16px" }, children: "Your account has been created." })
+    ] }) : /* @__PURE__ */ jsx(WalletCards, { children: para.currentWalletIdsArray.map(([id, type]) => {
+      return /* @__PURE__ */ jsx(WalletCard, { id, type, showAddFunds: isOnRampConfigured }, id);
+    }) }) }),
+    /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, onClick: handleNext, children: twoFactorAuthEnabled ? "Continue" : "Done" }) })
+  ] });
+};
+const CardContainer = styled(InnerStepContainer)`
+  min-height: 196px;
+  justify-content: center;
+`;
+export {
+  WalletCreationDoneStep
+};

package/dist/modal/components/common.js

@@ -0,0 +1,83 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { CpslIcon, CpslInput, CpslText, CpslTileButton } from "@getpara/react-components";
+import { styled } from "styled-components";
+const SpinnerContainer = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const QRContainer = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 286px;
+  height: 286px;
+`;
+const InfoBoxContent = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`;
+const InfoBoxHeader = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  cpsl-icon {
+    --height: 20px;
+    --width: 20px;
+  }
+`;
+const FilledDisabledInput = styled(CpslInput)`
+  --container-border-color: var(--cpsl-color-input-border-placeholder);
+  --container-background-color: var(--cpsl-color-background-0);
+  --input-background-color: transparent;
+  --input-font-weight: 500;
+  --input-color: var(--cpsl-color-text-secondary);
+`;
+const FullWidthFilledDisabledInput = styled(FilledDisabledInput)`
+  width: 100%;
+`;
+const CenteredText = styled(CpslText)`
+  width: 100%;
+  text-align: center;
+`;
+const InnerStepContainer = styled.div`
+  width: 100%;
+  height: 100%;
+  align-self: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+`;
+const StepContainer = styled(InnerStepContainer)`
+  gap: ${({ $wide }) => $wide ? "32px" : "24px"};
+`;
+const Heading = styled(CenteredText)``;
+const StyledCpslTileButton = styled(CpslTileButton)`
+  --button-width: 100%;
+  --button-height: 87px;
+  --button-icon-height: 32px;
+  --button-icon-width: 32px;
+`;
+const HeroIcon = styled(CpslIcon)`
+  --height: 80px;
+  --width: 80px;
+  --icon-color: var(--cpsl-color-text-primary);
+`;
+export {
+  CenteredText,
+  FilledDisabledInput,
+  FullWidthFilledDisabledInput,
+  Heading,
+  HeroIcon,
+  InfoBoxContent,
+  InfoBoxHeader,
+  InnerStepContainer,
+  QRContainer,
+  SpinnerContainer,
+  StepContainer,
+  StyledCpslTileButton
+};

package/dist/modal/components/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./ModalContent/ModalContent.js";

package/dist/modal/constants/constants.js

@@ -0,0 +1,111 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { Network, OnRampAsset, OnRampMethod, OnRampProvider } from "@getpara/core-sdk";
+const PARA_CONNECT = "https://connect.getpara.com/";
+const PARA_TERMS_AND_CONDITIONS = "https://getpara.com/terms";
+const ON_RAMP_PROVIDERS = {
+  [OnRampProvider.STRIPE]: {
+    name: "Stripe",
+    feeLower: 0.99,
+    feeUpper: 4.49,
+    methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
+    icon: "stripeBrand",
+    backgroundColors: ["#6772E5", "#808AF4"]
+  },
+  [OnRampProvider.RAMP]: {
+    name: "Ramp",
+    feeLower: 0.99,
+    feeUpper: 4.49,
+    methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
+    icon: "rampNetworkBrand",
+    backgroundColors: ["#21BF73", "#3AE492"]
+  },
+  [OnRampProvider.MOONPAY]: {
+    name: "MoonPay",
+    feeLower: 1,
+    feeUpper: 4.5,
+    methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
+    icon: "moonpayBrand",
+    backgroundColors: ["#7715F5", "#9647fd"]
+  }
+};
+const NETWORKS = {
+  [Network.ETHEREUM]: { name: "Ethereum", icon: "ethereum" },
+  [Network.SEPOLIA]: { name: "Sepolia", icon: "ethereum" },
+  [Network.ARBITRUM]: { name: "Arbitrum", icon: "arbitrumBrand" },
+  [Network.BASE]: { name: "Base", icon: "baseBrand" },
+  [Network.OPTIMISM]: { name: "Optimism", icon: "optimismBrand" },
+  [Network.POLYGON]: { name: "Polygon", icon: "polygonBrand" },
+  [Network.SOLANA]: { name: "Solana", icon: "solana" },
+  [Network.COSMOS]: { name: "Cosmos", icon: "cosmos" },
+  [Network.CELO]: { name: "Celo", icon: "celoBrand" },
+  [Network.NOBLE]: { name: "Noble", icon: "nobleBrand" }
+};
+const ON_RAMP_ASSETS = {
+  [OnRampAsset.ETHEREUM]: { name: "Ethereum", code: "ETH", icon: "ethereum" },
+  [OnRampAsset.USDC]: { name: "USDC", code: "USDC", icon: "usdcBrand" },
+  [OnRampAsset.POLYGON]: { name: "Polygon", code: "MATIC", icon: "polygonBrand" },
+  [OnRampAsset.SOLANA]: { name: "Solana", code: "SOL", icon: "solana" },
+  [OnRampAsset.ATOM]: { name: "Atom", code: "ATOM", icon: "cosmos" },
+  [OnRampAsset.CELO]: { name: "Celo", code: "CELO", icon: "celoBrand" },
+  [OnRampAsset.TETHER]: { name: "Tether", code: "USDT", icon: "tetherBrand" },
+  [OnRampAsset.CUSD]: { name: "Celo Dollar", code: "CUSD", icon: "celoBrand" },
+  [OnRampAsset.CEUR]: { name: "Celo Euro", code: "CEUR", icon: "celoBrand" },
+  [OnRampAsset.CREAL]: { name: "Celo Real", code: "CREAL", icon: "celoBrand" }
+};
+function getNetworkName(str) {
+  var _a, _b;
+  return (_b = (_a = NETWORKS[str]) == null ? void 0 : _a.name) != null ? _b : `${str[0]}${str.slice(1).toLowerCase()}`;
+}
+function getNetworkIcon(str) {
+  var _a, _b;
+  return (_b = (_a = NETWORKS[str]) == null ? void 0 : _a.icon) != null ? _b : "globe";
+}
+function getAssetName(str) {
+  var _a, _b;
+  return (_b = (_a = ON_RAMP_ASSETS[str]) == null ? void 0 : _a.code) != null ? _b : str;
+}
+function getAssetIcon(str) {
+  var _a, _b;
+  return (_b = (_a = ON_RAMP_ASSETS[str]) == null ? void 0 : _a.icon) != null ? _b : "emptyCircle";
+}
+const MOBILE_SIZE = 480;
+const NETWORK_NOT_SUPPORTED_ERROR = "network not supported";
+const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+const BODY_MOTION_VARIANTS = {
+  enter: (direction) => {
+    return {
+      scale: direction > 0 ? 0.9 : 1.1,
+      opacity: 0
+    };
+  },
+  center: {
+    scale: 1,
+    opacity: 1
+  },
+  exit: (direction) => {
+    return {
+      scale: direction < 0 ? 0.9 : 1.1,
+      opacity: 0
+    };
+  }
+};
+const BODY_TRANSITION = {
+  duration: 0.2
+};
+export {
+  BODY_MOTION_VARIANTS,
+  BODY_TRANSITION,
+  EMAIL_REGEX,
+  MOBILE_SIZE,
+  NETWORKS,
+  NETWORK_NOT_SUPPORTED_ERROR,
+  ON_RAMP_ASSETS,
+  ON_RAMP_PROVIDERS,
+  PARA_CONNECT,
+  PARA_TERMS_AND_CONDITIONS,
+  getAssetIcon,
+  getAssetName,
+  getNetworkIcon,
+  getNetworkName
+};

package/dist/modal/constants/defaults.js

@@ -0,0 +1,10 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+const DEFAULTS = {
+  LOGGIN_POLLING_DELAY_MS: 5e3,
+  POLLING_INTERVAL_MS: 2e3,
+  ANIMATION_DURATION: 0.15
+};
+export {
+  DEFAULTS
+};

package/dist/modal/constants/oAuthLogos.js

@@ -0,0 +1,24 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+const brandedOAuthLogos = {
+  GOOGLE: "googleBrand",
+  TWITTER: "twitter",
+  APPLE: "apple",
+  DISCORD: "discordBrand",
+  FACEBOOK: "facebookBrand",
+  FARCASTER: "farcasterBrand",
+  TELEGRAM: "telegramBrand"
+};
+const oAuthLogos = {
+  GOOGLE: "google",
+  TWITTER: "twitter",
+  APPLE: "apple",
+  DISCORD: "discord",
+  FACEBOOK: "facebook",
+  FARCASTER: "farcaster",
+  TELEGRAM: "telegram"
+};
+export {
+  brandedOAuthLogos,
+  oAuthLogos
+};

package/dist/modal/hooks/useActiveWallet.js

@@ -0,0 +1,15 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { useMemo } from "react";
+import { useWalletState } from "../../provider/index.js";
+import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
+function useActiveWallet() {
+  const client = useInternalClient();
+  const { selectedWallet } = useWalletState();
+  return useMemo(() => {
+    return client.findWallet(selectedWallet.id, selectedWallet.type, { forbidPregen: true });
+  }, [client, selectedWallet]);
+}
+export {
+  useActiveWallet
+};

package/dist/modal/hooks/useCreateAccount.js

@@ -0,0 +1,72 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
+import { DEFAULTS } from "../constants/defaults.js";
+import { useModalStore } from "../stores/index.js";
+import { openPopup } from "../utils/openPopup.js";
+import { ModalStep } from "../utils/steps.js";
+import { useGoBack } from "./useGoBack.js";
+function useCreateAccount() {
+  const para = useInternalClient();
+  const goBack = useGoBack();
+  const refs = useModalStore((state) => state.refs);
+  const setStep = useModalStore((state) => state.setStep);
+  const webAuthURLForCreate = useModalStore((state) => state.webAuthURLForCreate);
+  const setWebAuthURLForCreate = useModalStore((state) => state.setWebAuthURLForCreate);
+  const setIFrameUrl = useModalStore((state) => state.setIFrameUrl);
+  const awaitWalletCreationTransition = () => __async(this, null, function* () {
+    var _a;
+    const isComplete = yield para.waitForAccountCreation({ popupWindow: refs.popupWindow.current });
+    window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
+    refs.poll.current = void 0;
+    refs.popupWindow.current = void 0;
+    if (isComplete) {
+      setWebAuthURLForCreate("");
+      setIFrameUrl("");
+      setStep(ModalStep.AWAITING_WALLET_CREATION);
+    } else if (refs.currentStep.current === ModalStep.AWAITING_BIOMETRIC_CREATION) {
+      goBack();
+    }
+  });
+  return {
+    withPasskey: () => {
+      var _a, _b;
+      if (((_a = refs.poll.current) == null ? void 0 : _a.action) === "createPasskey") {
+        return;
+      }
+      clearTimeout((_b = refs.poll.current) == null ? void 0 : _b.timeout);
+      refs.popupWindow.current = openPopup({
+        url: webAuthURLForCreate,
+        target: "ParaPasskey",
+        type: "CREATE_PASSKEY",
+        current: refs.popupWindow.current
+      });
+      refs.poll.current = {
+        action: "createPasskey",
+        timeout: window.setTimeout(awaitWalletCreationTransition, DEFAULTS.POLLING_INTERVAL_MS)
+      };
+      if (refs.currentStep.current !== ModalStep.AWAITING_BIOMETRIC_CREATION) {
+        setStep(ModalStep.AWAITING_BIOMETRIC_CREATION);
+      }
+    },
+    withPassword: () => {
+      var _a, _b;
+      if (((_a = refs.poll.current) == null ? void 0 : _a.action) === "createPassword") {
+        return;
+      }
+      clearTimeout((_b = refs.poll.current) == null ? void 0 : _b.timeout);
+      refs.poll.current = {
+        action: "createPassword",
+        timeout: window.setTimeout(awaitWalletCreationTransition, DEFAULTS.POLLING_INTERVAL_MS)
+      };
+      if (refs.currentStep.current !== ModalStep.PASSWORD_CREATION) {
+        setStep(ModalStep.PASSWORD_CREATION);
+      }
+    }
+  };
+}
+export {
+  useCreateAccount
+};

package/dist/modal/hooks/useEmbeddedExternalConnection.js

@@ -0,0 +1,39 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { useExternalWalletProviderStore } from "../stores/externalWalletProvider/useExternalWalletProviderStore.js";
+const useEmbeddedExternalConnection = () => {
+  const connectParaEvmWallet = useExternalWalletProviderStore((state) => state.connectParaEvmWallet);
+  const EvmProvider = useExternalWalletProviderStore((state) => state.EvmProvider);
+  const evmContext = useExternalWalletProviderStore((state) => state.evmContext);
+  const connectParaCosmosWallet = useExternalWalletProviderStore((state) => state.connectParaCosmosWallet);
+  const CosmosProvider = useExternalWalletProviderStore((state) => state.CosmosProvider);
+  const cosmosContext = useExternalWalletProviderStore((state) => state.cosmosContext);
+  const connectEmbeddedToExternalConnectors = () => __async(void 0, null, function* () {
+    if (evmContext && EvmProvider && connectParaEvmWallet) {
+      try {
+        const { error } = yield connectParaEvmWallet();
+        if (error) {
+          console.warn("Failed to connect Para EVM wallet to Wagmi:", error);
+        }
+      } catch (err) {
+        console.warn("Error calling connectParaEvmWallet:", err);
+      }
+    }
+    if (cosmosContext && CosmosProvider && connectParaCosmosWallet) {
+      try {
+        const { error } = yield connectParaCosmosWallet();
+        if (error) {
+          console.warn("Failed to connect Para Cosmos wallet to Graz:", error);
+        }
+      } catch (err) {
+        console.warn("Error calling connectParaCosmosWallet:", err);
+      }
+    }
+  });
+  return connectEmbeddedToExternalConnectors;
+};
+export {
+  useEmbeddedExternalConnection
+};

package/dist/modal/hooks/useGoBack.js

@@ -0,0 +1,35 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { useExternalWallets } from "../providers/ExternalWalletContext.js";
+import { useModalStore } from "../stores/index.js";
+import { getAddFundsStep, ModalStep } from "../utils/steps.js";
+const useGoBack = () => {
+  const currentStep = useModalStore((state) => state.step);
+  const setStep = useModalStore((state) => state.setStep);
+  const accountAddFundTab = useModalStore((state) => state.accountAddFundTab);
+  const decrementStep = useModalStore((state) => state.decrementStep);
+  const resetState = useModalStore((state) => state.resetState);
+  const { setChainIdSwitchingTo } = useExternalWallets();
+  const goBack = () => {
+    if (currentStep === ModalStep.ADD_FUNDS_AWAITING) {
+      setStep(getAddFundsStep(accountAddFundTab));
+    } else {
+      decrementStep();
+    }
+    switch (currentStep) {
+      case ModalStep.AUTH_MAIN:
+      case ModalStep.AUTH_MORE: {
+        resetState();
+        break;
+      }
+      case ModalStep.CHAIN_SWITCH: {
+        setChainIdSwitchingTo();
+        break;
+      }
+    }
+  };
+  return goBack;
+};
+export {
+  useGoBack
+};

package/dist/modal/hooks/useSetLoginURLs.d.ts

@@ -0,0 +1,8 @@
+import { AuthType } from '@getpara/user-management-client';
+import { AuthMethod } from '@getpara/web-sdk';
+export declare const useSetLoginURLs: () => ({ supportedAuthMethods, authType, displayName, pfpUrl, }: {
+    supportedAuthMethods: Set<AuthMethod>;
+    authType: AuthType;
+    displayName?: string;
+    pfpUrl?: string;
+}) => Promise<void>;

package/dist/modal/hooks/useSetLoginURLs.js

@@ -0,0 +1,45 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { AuthMethod, getPublicKeyHex } from "@getpara/web-sdk";
+import { useModalStore } from "../stores/index.js";
+import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
+const useSetLoginURLs = () => {
+  const para = useInternalClient();
+  const setWebAuthURLForLogin = useModalStore((state) => state.setWebAuthURLForLogin);
+  const setPasswordURLForLogin = useModalStore((state) => state.setPasswordUrlForLogin);
+  const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
+  return (_0) => __async(void 0, [_0], function* ({
+    supportedAuthMethods,
+    authType,
+    displayName,
+    pfpUrl
+  }) {
+    setSupportedAuthMethods(supportedAuthMethods);
+    const res = yield para.touchSession();
+    const webAuthUrlForLogin = (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has(AuthMethod.PASSKEY)) ? yield para.getWebAuthURLForLogin({
+      sessionId: res.data.sessionId,
+      loginEncryptionPublicKey: getPublicKeyHex(para.loginEncryptionKeyPair),
+      partnerId: res.data.partnerId,
+      newDeviceSessionId: res.data.sessionLookupId,
+      newDeviceEncryptionKey: getPublicKeyHex(para.loginEncryptionKeyPair),
+      authType,
+      displayName,
+      pfpUrl
+    }) : void 0;
+    const passwordAuthUrlForLogin = (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has(AuthMethod.PASSWORD)) ? yield para.getPasswordURLForLogin({
+      sessionId: res.data.sessionId,
+      loginEncryptionPublicKey: getPublicKeyHex(para.loginEncryptionKeyPair),
+      partnerId: res.data.partnerId,
+      authType,
+      displayName,
+      pfpUrl
+    }) : void 0;
+    setWebAuthURLForLogin(webAuthUrlForLogin);
+    setPasswordURLForLogin(passwordAuthUrlForLogin);
+  });
+};
+export {
+  useSetLoginURLs
+};

package/dist/modal/index.js

@@ -0,0 +1,32 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+export * from "./ParaModal.js";
+import { ModalStep } from "./utils/steps.js";
+import { AuthLayout } from "./types/modalProps.js";
+export * from "./utils/openPopup.js";
+import {
+  ON_RAMP_PROVIDERS,
+  ON_RAMP_ASSETS,
+  NETWORKS,
+  getAssetIcon,
+  getAssetName,
+  getNetworkIcon,
+  getNetworkName
+} from "./constants/constants.js";
+import { SaveRecoverySecret } from "./components/RecoverySecretStep/RecoverySecretStep.js";
+export * from "./utils/validateOnRampConfig.js";
+export * from "./types/externalWallets.js";
+import { useExternalWalletProviderStore } from "./stores/externalWalletProvider/useExternalWalletProviderStore.js";
+export {
+  AuthLayout,
+  ModalStep,
+  NETWORKS,
+  ON_RAMP_ASSETS,
+  ON_RAMP_PROVIDERS,
+  SaveRecoverySecret,
+  getAssetIcon,
+  getAssetName,
+  getNetworkIcon,
+  getNetworkName,
+  useExternalWalletProviderStore
+};