@getpara/react-sdk 1.13.0 → 1.13.1

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

@@ -8,7 +8,7 @@ import { OnRampProvider } from "@getpara/web-sdk";
 import { useModalStore, useThemeStore } from "../../stores/index.js";
 import { lazy, useEffect, useMemo, useState } from "react";
 import { ModalStep } from "../../utils/steps.js";
-import { RampEmbed, StripeEmbed } from "@getpara/react-common";
+import { RampEmbed } from "@getpara/react-common";
 import styled from "styled-components";
 import { useGoBack } from "../../hooks/useGoBack.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
@@ -45,12 +45,12 @@ const AddFundsAwaiting = () => {
       return null;
     }
     switch (onRampPurchase == null ? void 0 : onRampPurchase.provider) {
-      case OnRampProvider.STRIPE:
-        return /* @__PURE__ */ jsx(StripeEmbed, __spreadValues({}, props));
       case OnRampProvider.MOONPAY:
         return !MoonPayEmbed || typeof window === "undefined" ? null : /* @__PURE__ */ jsx(MoonPayEmbed, __spreadValues({}, props));
       case OnRampProvider.RAMP:
         return /* @__PURE__ */ jsx(RampEmbed, __spreadValues({ apiKey: onRampConfig.rampApiKey }, props));
+      default:
+        return null;
     }
   }, [onRampPurchase == null ? void 0 : onRampPurchase.provider, MoonPayEmbed]);
   useEffect(() => {

package/dist/modal/constants/constants.js

@@ -119,7 +119,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
-const SDK_VERSION = "1.13.0";
+const SDK_VERSION = "1.13.1";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,

package/dist/provider/hooks/queries/useWalletBalance.js

@@ -14,6 +14,7 @@ const useWalletBalance = (args, queryOptions) => {
   const rpcUrl = useStore((state) => state.rpcUrl);
   const completeArgs = __spreadValues({ walletId: selectedWallet.id, rpcUrl }, args);
   return useQuery(__spreadValues({
+    enabled: !!client && !!selectedWallet.id,
     queryKey: [WALLET_BALANCE_BASE_KEY, client == null ? void 0 : client.getUserId(), completeArgs],
     queryFn: () => __async(void 0, null, function* () {
       return yield getWalletBalance(client, completeArgs);

package/dist/provider/hooks/utils/useEventListeners.js

@@ -9,6 +9,7 @@ import {
 import { ACCOUNT_BASE_KEY } from "../queries/useAccount.js";
 import { useStore } from "../../stores/useStore.js";
 import { WALLET_BASE_KEY } from "../../hooks/queries/useWallet.js";
+import { WALLET_BALANCE_BASE_KEY } from "../queries/useWalletBalance.js";
 const useEventListeners = ({
   onLogin,
   onLogout,
@@ -36,6 +37,7 @@ const useEventListeners = ({
   const loginOrSetupListener = () => {
     queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
     queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
+    queryClient.invalidateQueries({ queryKey: [WALLET_BALANCE_BASE_KEY], exact: false });
   };
   const accountCreationListener = (event) => {
     onAccountCreation == null ? void 0 : onAccountCreation(event);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "1.13.0",
-    "@getpara/react-components": "1.13.0",
-    "@getpara/web-sdk": "1.13.0",
+    "@getpara/react-common": "1.13.1",
+    "@getpara/react-components": "1.13.1",
+    "@getpara/web-sdk": "1.13.1",
     "@tanstack/react-query": "^5.0.0",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
@@ -41,13 +41,7 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-dom": "*",
-    "styled-components": "^6"
-  },
-  "peerDependenciesMeta": {
-    "styled-components": {
-      "optional": true
-    }
+    "react-dom": "*"
   },
   "files": [
     "dist",
@@ -57,5 +51,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "cfc12a88a622907b3fbde326c891060fa53a2d32"
+  "gitHead": "6bac76c23aee8c182077ff43bda38d2cfd7c9027"
 }

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

@@ -1,16 +0,0 @@
-import { OnrampSessionResult } from '@stripe/crypto';
-export declare const STRIPE_PUBLISHABLE_KEY = "pk_live_51MvquNGrzDeP5yP9EgVSMBPQbrbg0oHDjPIIXypePd0jzOFjbadyfO7wBKLHhUtbKIUiEUVC3YYcTJyAmJ8xA7JE00T2UDfYKz";
-export declare const STRIPE_PUBLISHABLE_KEY_TEST = "pk_test_51MvquNGrzDeP5yP98WgPaAUgQ50I3OpfPhVfiLO47FBHepJnZRPO62IzZY2uxT5ovhSS10RwcTcnaVil1mcJOzIi00dHapODdS";
-export declare const CryptoElements: ({ stripeOnramp, children }: {
-    stripeOnramp: any;
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useStripeOnramp: () => any;
-export declare const OnrampElement: ({ clientSecret, appearance, onReady, onSessionChange, ...props }: {
-    clientSecret: string;
-    appearance: "dark" | "light";
-    onReady?: () => void;
-    onSessionChange: (_: {
-        session: OnrampSessionResult;
-    }) => void;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/StripeComponents/StripeComponents.js

@@ -1,88 +0,0 @@
-"use client";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-const STRIPE_PUBLISHABLE_KEY = "pk_live_51MvquNGrzDeP5yP9EgVSMBPQbrbg0oHDjPIIXypePd0jzOFjbadyfO7wBKLHhUtbKIUiEUVC3YYcTJyAmJ8xA7JE00T2UDfYKz";
-const STRIPE_PUBLISHABLE_KEY_TEST = "pk_test_51MvquNGrzDeP5yP98WgPaAUgQ50I3OpfPhVfiLO47FBHepJnZRPO62IzZY2uxT5ovhSS10RwcTcnaVil1mcJOzIi00dHapODdS";
-const CryptoElementsContext = React.createContext(null);
-CryptoElementsContext.displayName = "CryptoElementsContext";
-const CryptoElements = ({ stripeOnramp, children }) => {
-  const [ctx, setContext] = React.useState(() => ({
-    onramp: null
-  }));
-  React.useEffect(() => {
-    let isMounted = true;
-    Promise.resolve(stripeOnramp).then((onramp) => {
-      if (onramp && isMounted) {
-        setContext((ctx2) => ctx2.onramp ? ctx2 : { onramp });
-      }
-    });
-    return () => {
-      isMounted = false;
-    };
-  }, [stripeOnramp]);
-  return /* @__PURE__ */ jsx(CryptoElementsContext.Provider, { value: ctx, children });
-};
-const useStripeOnramp = () => {
-  const context = React.useContext(CryptoElementsContext);
-  return context == null ? void 0 : context.onramp;
-};
-const useOnrampSessionListener = (type, session, callback) => {
-  React.useEffect(() => {
-    if (session && callback) {
-      const listener = (e) => callback(e.payload);
-      session.addEventListener(type, listener);
-      return () => {
-        session.removeEventListener(type, listener);
-      };
-    }
-    return () => {
-    };
-  }, [session, callback, type]);
-};
-const OnrampElement = (_a) => {
-  var _b = _a, {
-    clientSecret,
-    appearance,
-    onReady = () => {
-    },
-    onSessionChange
-  } = _b, props = __objRest(_b, [
-    "clientSecret",
-    "appearance",
-    "onReady",
-    "onSessionChange"
-  ]);
-  const stripeOnramp = useStripeOnramp();
-  const onrampElementRef = React.useRef(null);
-  const [session, setSession] = React.useState();
-  const appearanceJSON = JSON.stringify(appearance);
-  React.useEffect(() => {
-    const containerRef = onrampElementRef.current;
-    if (containerRef) {
-      containerRef.innerHTML = "";
-      if (clientSecret && stripeOnramp) {
-        setSession(
-          stripeOnramp.createSession({
-            clientSecret,
-            appearance: { theme: appearance }
-          }).mount(containerRef)
-        );
-      }
-    }
-  }, [appearanceJSON, clientSecret, stripeOnramp]);
-  useOnrampSessionListener("onramp_ui_loaded", session, onReady);
-  useOnrampSessionListener("onramp_session_updated", session, onSessionChange);
-  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, props), { ref: onrampElementRef }));
-};
-export {
-  CryptoElements,
-  OnrampElement,
-  STRIPE_PUBLISHABLE_KEY,
-  STRIPE_PUBLISHABLE_KEY_TEST,
-  useStripeOnramp
-};