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

package/dist/modal/components/AddFunds/AddFundsContext.d.ts

@@ -1,31 +0,0 @@
-import { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'react';
-import { useWallet } from '../../../provider/hooks/index.js';
-import { EnabledFlow, Network, OnRampAsset, OnRampConfig, OnRampProvider } from '@getpara/web-sdk';
-import { IconType } from '@getpara/react-components';
-export type Tab = EnabledFlow;
-export declare const TABS: [
-    Tab,
-    keyof Pick<OnRampConfig, 'isBuyEnabled' | 'isReceiveEnabled' | 'isWithdrawEnabled'>,
-    IconType,
-    ReactNode
-][];
-type Value = {
-    network: Network | undefined;
-    setNetwork: Dispatch<SetStateAction<Value['network']>>;
-    asset: OnRampAsset | undefined;
-    setAsset: Dispatch<SetStateAction<Value['asset']>>;
-    fiatQuantity: string | undefined;
-    setFiatQuantity: Dispatch<SetStateAction<Value['fiatQuantity']>>;
-    networks: Network[];
-    assets: OnRampAsset[];
-    isProviderAllowed: Partial<Record<OnRampProvider, boolean>>;
-    tab: Tab;
-    activeWallet: ReturnType<typeof useWallet>['data'];
-    onRampConfig: OnRampConfig;
-};
-export declare const AddFundsContext: import("react").Context<Value>;
-export declare function AddFundsContextProvider({ tab, children }: PropsWithChildren<{
-    tab: Tab;
-}>): import("react/jsx-runtime").JSX.Element;
-export declare const useAddFunds: () => Value;
-export {};

package/dist/modal/components/AddFunds/AddFundsContext.js

@@ -1,160 +0,0 @@
-"use client";
-import {
-  __spreadProps,
-  __spreadValues
-} from "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useMemo,
-  useState
-} from "react";
-import { OnRampStep, useModalStore } from "../../stores/index.js";
-import { useWallet } from "../../../provider/hooks/index.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import {
-  EnabledFlow,
-  getOnRampAssets,
-  getOnRampNetworks,
-  OnRampPurchaseType
-} from "@getpara/web-sdk";
-import { getNetworkFromChainId, getNetworkOrMainNetEquivalent } from "@getpara/react-common";
-const TABS = [
-  [EnabledFlow.BUY, "isBuyEnabled", "creditCard", "Buy"],
-  [EnabledFlow.RECEIVE, "isReceiveEnabled", "qrCode", "Receive"],
-  [EnabledFlow.WITHDRAW, "isWithdrawEnabled", "arrowCircleBrokenDownLeft", "Withdraw"]
-];
-const DEFAULT = {
-  networks: [],
-  assets: [],
-  isProviderAllowed: {},
-  tab: TABS[0][0],
-  network: void 0,
-  setNetwork: () => {
-  },
-  asset: void 0,
-  setAsset: () => {
-  },
-  fiatQuantity: "25.00",
-  setFiatQuantity: () => {
-  },
-  onRampConfig: {},
-  activeWallet: {}
-};
-function isValid(onRampConfig, walletType, network, asset) {
-  var _a, _b;
-  return network && asset && walletType ? !!((_b = (_a = onRampConfig == null ? void 0 : onRampConfig.assetInfo[walletType]) == null ? void 0 : _a[network]) == null ? void 0 : _b[asset]) : false;
-}
-const AddFundsContext = createContext(DEFAULT);
-function AddFundsContextProvider({ tab, children }) {
-  var _a, _b;
-  const onRampConfig = useModalStore((state) => state.onRampConfig);
-  const onRampStep = useModalStore((state) => state.onRampStep);
-  const setOnRampStep = useModalStore((state) => state.setOnRampStep);
-  const { chainId } = useExternalWallets();
-  const { data: activeWallet } = useWallet();
-  const [fiatQuantity, setFiatQuantity] = useState((_b = (_a = onRampConfig == null ? void 0 : onRampConfig.defaultBuyAmount) == null ? void 0 : _a[0]) != null ? _b : "25.00");
-  const networks = useMemo(() => {
-    if (!onRampConfig) {
-      return [];
-    }
-    const detectedNetwork = getNetworkFromChainId(chainId);
-    const isExternal = (activeWallet == null ? void 0 : activeWallet.isExternal) && !!detectedNetwork;
-    return isExternal ? [getNetworkOrMainNetEquivalent(detectedNetwork, onRampConfig.testMode)] : getOnRampNetworks(onRampConfig.assetInfo, {
-      walletType: activeWallet == null ? void 0 : activeWallet.type,
-      allowed: onRampConfig.allowedAssets ? Object.keys(onRampConfig.allowedAssets) : void 0,
-      providers: onRampConfig.providers,
-      action: OnRampPurchaseType[tab === EnabledFlow.BUY ? "BUY" : "SELL"]
-    });
-  }, [chainId, activeWallet, onRampConfig, tab]);
-  const assets = useMemo(() => {
-    if (!onRampConfig) {
-      return [];
-    }
-    return [
-      ...new Set(
-        Object.values(
-          networks.reduce((acc, network2) => {
-            var _a2;
-            const configValue = (_a2 = onRampConfig.allowedAssets) == null ? void 0 : _a2[network2];
-            const allowed = configValue === true ? void 0 : configValue;
-            return __spreadProps(__spreadValues({}, acc), {
-              [network2]: getOnRampAssets(onRampConfig.assetInfo, {
-                walletType: activeWallet == null ? void 0 : activeWallet.type,
-                network: network2,
-                allowed,
-                providers: onRampConfig.providers,
-                action: OnRampPurchaseType[tab === EnabledFlow.BUY ? "BUY" : "SELL"]
-              })
-            });
-          }, {})
-        ).flat()
-      )
-    ];
-  }, [networks, onRampConfig, activeWallet, tab]);
-  const [network, setNetwork] = useState(
-    !!(activeWallet == null ? void 0 : activeWallet.type) && !!(onRampConfig == null ? void 0 : onRampConfig.defaultOnRampNetwork) && !!onRampConfig.assetInfo[activeWallet.type][onRampConfig.defaultOnRampNetwork] ? onRampConfig.defaultOnRampNetwork : void 0
-  );
-  const [asset, setAsset] = useState(
-    !!network && !!(onRampConfig == null ? void 0 : onRampConfig.defaultOnRampAsset) && assets.includes(onRampConfig.defaultOnRampAsset) ? onRampConfig.defaultOnRampAsset : void 0
-  );
-  const isProviderAllowed = useMemo(
-    () => onRampConfig && !!(activeWallet == null ? void 0 : activeWallet.type) ? onRampConfig.providers.reduce(
-      (acc, id) => {
-        var _a2, _b2, _c, _d, _e;
-        return __spreadProps(__spreadValues({}, acc), {
-          [id]: !!network && !!asset && !!((_e = (_d = (_c = (_b2 = (_a2 = onRampConfig.assetInfo[activeWallet.type]) == null ? void 0 : _a2[network]) == null ? void 0 : _b2[asset]) == null ? void 0 : _c[id]) == null ? void 0 : _d[1]) == null ? void 0 : _e[tab === EnabledFlow.BUY ? "BUY" : "SELL"])
-        });
-      },
-      {}
-    ) : {},
-    [onRampConfig, network, asset, activeWallet, tab]
-  );
-  const value = useMemo(() => {
-    if (!onRampConfig || !activeWallet) {
-      return DEFAULT;
-    }
-    return {
-      tab,
-      networks,
-      assets,
-      isProviderAllowed,
-      asset,
-      setAsset,
-      network,
-      setNetwork,
-      fiatQuantity,
-      setFiatQuantity,
-      activeWallet,
-      onRampConfig
-    };
-  }, [
-    tab,
-    networks,
-    assets,
-    isProviderAllowed,
-    asset,
-    setAsset,
-    network,
-    setNetwork,
-    fiatQuantity,
-    setFiatQuantity,
-    activeWallet,
-    onRampConfig
-  ]);
-  useEffect(() => {
-    if (!!activeWallet && onRampStep === OnRampStep.PROVIDER && !isValid(onRampConfig, activeWallet.type, network, asset)) {
-      setOnRampStep(OnRampStep.SETTINGS);
-    }
-  }, [onRampStep, onRampConfig, activeWallet, network, asset, setOnRampStep]);
-  return /* @__PURE__ */ jsx(AddFundsContext.Provider, { value, children });
-}
-const useAddFunds = () => useContext(AddFundsContext);
-export {
-  AddFundsContext,
-  AddFundsContextProvider,
-  TABS,
-  useAddFunds
-};

package/dist/modal/components/AddFunds/AddFundsDone.d.ts

@@ -1,6 +0,0 @@
-interface AddFundsDoneProps {
-    isSuccess?: boolean;
-    onClose: () => void;
-}
-export declare const AddFundsDone: ({ isSuccess, onClose }: AddFundsDoneProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modal/components/AddFunds/AddFundsDone.js

@@ -1,49 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Heading, HeroIcon, InnerStepContainer, StepContainer } from "../common.js";
-import { useModalStore } from "../../stores/index.js";
-import { useMemo } from "react";
-import { CpslButton, CpslText } from "@getpara/react-components";
-import { getAddFundsStep } from "../../utils/steps.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-import { EnabledFlow } from "@getpara/web-sdk";
-const AddFundsDone = ({ isSuccess, onClose }) => {
-  var _a;
-  const hideWallets = useStore((state) => {
-    var _a2;
-    return (_a2 = state.modalConfig) == null ? void 0 : _a2.hideWallets;
-  });
-  const setStep = useModalStore((state) => state.setStep);
-  const onRampPurchase = useModalStore((state) => state.onRampPurchase);
-  const accountAddFundTab = useModalStore((state) => state.accountAddFundTab);
-  const formatter = useMemo(() => {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: (onRampPurchase == null ? void 0 : onRampPurchase.fiat) || "USD"
-    });
-  }, [onRampPurchase == null ? void 0 : onRampPurchase.fiat]);
-  const heading = isSuccess ? "Transaction Successful" : "Something Went Wrong";
-  const text = isSuccess ? `${formatter.format(parseFloat((_a = onRampPurchase == null ? void 0 : onRampPurchase.fiatQuantity) != null ? _a : "0"))} is now available in your ${hideWallets ? "account" : "wallet"}.` : `No funds were added to your ${hideWallets ? "account" : "wallet"}.`;
-  const buttonText = isSuccess ? "Done" : "Try Again";
-  return /* @__PURE__ */ jsxs(StepContainer, { children: [
-    /* @__PURE__ */ jsx(HeroIcon, { icon: "checkCircleFilled" }),
-    /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx(Heading, { variant: "headingS", weight: "bold", children: heading }),
-      /* @__PURE__ */ jsx(CpslText, { variant: "bodyS", color: "secondary", children: text })
-    ] }),
-    /* @__PURE__ */ jsx(
-      CpslButton,
-      {
-        fullWidth: true,
-        onClick: () => {
-          isSuccess ? onClose() : setStep(getAddFundsStep(accountAddFundTab != null ? accountAddFundTab : EnabledFlow.BUY));
-        },
-        children: buttonText
-      }
-    )
-  ] });
-};
-export {
-  AddFundsDone
-};

package/dist/modal/components/AddFunds/AddFundsProvider.d.ts

@@ -1 +0,0 @@
-export declare function AddFundsProvider(): import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/AddFunds/AddFundsProvider.js

@@ -1,109 +0,0 @@
-"use client";
-import {
-  __async,
-  __spreadProps,
-  __spreadValues
-} from "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { safeStyled } from "@getpara/react-common";
-import { Heading, InnerStepContainer } from "../common.js";
-import { CpslText } from "@getpara/react-components";
-import { useAddFunds } from "./AddFundsContext.js";
-import { useModalStore } from "../../stores/index.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-import { motion, AnimatePresence } from "framer-motion";
-import { OnRampProviderButton } from "../OnRampComponents/OnRampProviderButton.js";
-import { useWallet } from "../../../provider/index.js";
-import { EnabledFlow, OnRampProvider, OnRampPurchaseType } from "@getpara/web-sdk";
-import { ModalStep } from "../../utils/steps.js";
-import { contentMotionProps } from "./common.js";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-function AddFundsProvider() {
-  const para = useInternalClient();
-  const hideWallets = useStore((state) => {
-    var _a;
-    return (_a = state.modalConfig) == null ? void 0 : _a.hideWallets;
-  });
-  const onRampConfig = useModalStore((state) => state.onRampConfig);
-  const setOnRampPurchase = useModalStore((state) => state.setOnRampPurchase);
-  const setModalStep = useModalStore((state) => state.setStep);
-  const { asset, network, fiatQuantity, isProviderAllowed, tab } = useAddFunds();
-  const { data: activeWallet } = useWallet();
-  return /* @__PURE__ */ jsxs(Container, __spreadProps(__spreadValues({}, contentMotionProps), { children: [
-    /* @__PURE__ */ jsx(Heading, { variant: "headingS", weight: "bold", children: "Choose Provider" }),
-    /* @__PURE__ */ jsxs($InnerStepContainer, { children: [
-      /* @__PURE__ */ jsxs(NoProviders, { isHidden: Object.values(isProviderAllowed).some((v) => !!v), variant: "bodyM", children: [
-        "No providers are available for this ",
-        hideWallets ? "account" : "wallet"
-      ] }),
-      /* @__PURE__ */ jsx(AnimatePresence, { children: onRampConfig ? onRampConfig.providers.map((id, index) => {
-        return isProviderAllowed[id] ? /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            style: { width: "100%" },
-            layout: true,
-            initial: { opacity: 0, transform: "translateX(25px)" },
-            animate: { opacity: 1, transform: "none" },
-            exit: { opacity: 0, transform: "translateX(-25px)" },
-            transition: { duration: 0.2 },
-            children: /* @__PURE__ */ jsx(
-              OnRampProviderButton,
-              {
-                config: onRampConfig,
-                index,
-                onClick: () => __async(this, null, function* () {
-                  if (!(activeWallet == null ? void 0 : activeWallet.type)) return;
-                  const isPopup = id !== OnRampProvider.RAMP;
-                  const { onRampPurchase: newOnRampPurchase } = yield para.initiateOnRampTransaction({
-                    walletId: activeWallet.isExternal ? void 0 : activeWallet.id,
-                    externalWalletAddress: activeWallet.isExternal ? activeWallet.id : void 0,
-                    shouldOpenPopup: isPopup,
-                    params: {
-                      type: tab === EnabledFlow.BUY ? OnRampPurchaseType.BUY : OnRampPurchaseType.SELL,
-                      walletType: activeWallet.type,
-                      provider: id,
-                      network,
-                      asset,
-                      fiatQuantity,
-                      testMode: onRampConfig == null ? void 0 : onRampConfig.testMode
-                    }
-                  });
-                  setOnRampPurchase(__spreadProps(__spreadValues({}, newOnRampPurchase), { fiat: "USD" }));
-                  !isPopup && setModalStep(ModalStep.ADD_FUNDS_AWAITING);
-                })
-              },
-              id
-            )
-          },
-          id
-        ) : null;
-      }) : null })
-    ] })
-  ] }));
-}
-const Container = safeStyled(motion.div)`
-  width: 100%;
-  height: 100%;
-  align-self: center;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  height: 320px;
-`;
-const $InnerStepContainer = safeStyled(InnerStepContainer)`
-  position: relative;
-`;
-const NoProviders = safeStyled(CpslText)`
-  width: 100%;
-  text-align: center;
-  visibility: ${({ isHidden }) => isHidden ? "hidden" : "visible"};
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  transition: visibility 0.2s;
-`;
-export {
-  AddFundsProvider
-};

package/dist/modal/components/AddFunds/AddFundsReceive.d.ts

@@ -1 +0,0 @@
-export declare function AddFundsReceive(): import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/AddFunds/AddFundsReceive.js

@@ -1,83 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  CpslButton,
-  CpslDivider,
-  CpslIcon,
-  CpslIdenticon,
-  CpslQrCode,
-  CpslSpinner,
-  CpslText
-} from "@getpara/react-components";
-import { CenteredText, FilledDisabledInput, InnerStepContainer, QRContainer } from "../common.js";
-import { isMobile } from "@getpara/web-sdk";
-import { useModalStore } from "../../stores/index.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-import { useCopyToClipboard } from "@getpara/react-common";
-import { useMemo } from "react";
-import { useWallet } from "../../../provider/hooks/index.js";
-import { useAddFunds } from "./AddFundsContext.js";
-import { formatNetworkList } from "../../utils/stringFormatters.js";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-const GENERIC_WALLET = {
-  EVM: "Ethereum or EVM-based networks",
-  SOLANA: "Solana or SVM-based networks",
-  COSMOS: "Cosmos networks"
-};
-function AddFundsReceive() {
-  const [isCopied, copy] = useCopyToClipboard();
-  const { networks } = useAddFunds();
-  const para = useInternalClient();
-  const appName = useStore((state) => state.appName);
-  const hideWallets = useStore((state) => {
-    var _a;
-    return (_a = state.modalConfig) == null ? void 0 : _a.hideWallets;
-  });
-  const onRampConfig = useModalStore((state) => state.onRampConfig);
-  const { data: activeWallet } = useWallet();
-  const address = useMemo(
-    () => activeWallet ? para.getDisplayAddress(activeWallet.id, { addressType: activeWallet.type }) : "",
-    [para, activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type]
-  );
-  const onCopy = () => {
-    copy(address);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    activeWallet && /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsxs(
-      FilledDisabledInput,
-      {
-        noAutoDisable: true,
-        readonly: true,
-        placeholder: para.getDisplayAddress(activeWallet.id, {
-          truncate: true,
-          addressType: activeWallet.type,
-          targetLength: 16
-        }),
-        children: [
-          /* @__PURE__ */ jsx(CpslIdenticon, { slot: "start", size: "32px", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }),
-          /* @__PURE__ */ jsx(CpslButton, { slot: "end", variant: "ghost", onClick: onCopy, children: /* @__PURE__ */ jsx(CpslIcon, { icon: isCopied ? "check" : "copy" }) })
-        ]
-      },
-      address
-    ) }),
-    !isMobile() && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(CpslDivider, { children: "or" }),
-      /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-        /* @__PURE__ */ jsx(QRContainer, { children: !address ? /* @__PURE__ */ jsx(CpslSpinner, { size: 100 }) : /* @__PURE__ */ jsx(CpslQrCode, { url: address }, address) }),
-        /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "secondary", children: "Scan with your crypto wallet" })
-      ] })
-    ] }),
-    (activeWallet == null ? void 0 : activeWallet.type) && /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsxs(CenteredText, { weight: "semiBold", children: [
-        !!(onRampConfig == null ? void 0 : onRampConfig.allowedAssets) && networks.length > 0 || hideWallets ? appName != null ? appName : "This App" : "This Wallet",
-        " ",
-        "Only Supports:"
-      ] }),
-      /* @__PURE__ */ jsx(CenteredText, { weight: "medium", color: "secondary", children: !!(onRampConfig == null ? void 0 : onRampConfig.allowedAssets) && networks.length > 0 ? formatNetworkList(networks) : GENERIC_WALLET[activeWallet.type] })
-    ] })
-  ] });
-}
-export {
-  AddFundsReceive
-};

package/dist/modal/components/AddFunds/AddFundsSettings.d.ts

@@ -1 +0,0 @@
-export declare function AddFundsSettings(): import("react/jsx-runtime").JSX.Element;