@coin-voyage/paykit 2.4.0-beta.4 → 2.4.0-beta.6

package/dist/components/Pages/CardPayment/index.js

@@ -67,11 +67,16 @@ function StripeOnrampCheckout({ paymentData }) {
     const { data: stripeOnramp, isLoading, error, refetch } = useStripeOnramp(paymentData.stripe_publishable_key);
     const refreshOrderRef = useLatestRef(paymentState.refreshOrder);
     const refreshDebounceRef = useRef(null);
+    const lastStatusRef = useRef(null);
     const theme = useMemo(() => {
         return mode === "dark" ? "dark" : "light";
     }, [mode]);
     const handleSessionUpdate = useCallback((status) => {
-        if (status === "initialized") {
+        if (status === lastStatusRef.current)
+            return;
+        lastStatusRef.current = status;
+        const shouldRefresh = status === "fulfillment_complete" || status === "rejected";
+        if (!shouldRefresh) {
             return;
         }
         if (refreshDebounceRef.current) {
@@ -128,18 +133,18 @@ function useCardPaymentData() {
     const { paymentState } = usePayContext();
     const { payOrder, payWithCard } = paymentState;
     const paymentData = getFiatPaymentData(payOrder?.payment);
+    const queryKey = useMemo(() => ["card-payment", payOrder?.id ?? null], [payOrder?.id]);
     const query = useQuery({
-        queryKey: ["card-payment", payOrder?.id, paymentData?.session_id ?? null, paymentData?.client_secret ?? null],
+        queryKey,
         enabled: Boolean(payOrder?.id) && !paymentData,
+        staleTime: 10 * 1000,
         retry: false,
         refetchOnWindowFocus: false,
+        refetchOnMount: false,
         queryFn: async () => {
             if (!payOrder) {
                 throw new Error("Missing pay order");
             }
-            if (paymentData) {
-                return paymentData;
-            }
             const paymentDetails = await payWithCard();
             const fiatPaymentData = getFiatPaymentData(paymentDetails.data);
             if (!fiatPaymentData) {

package/dist/components/ui/PoweredByFooter/index.d.ts

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

package/dist/components/ui/PoweredByFooter/index.js

@@ -1,7 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CoinVoyageIcon } from "../../../assets/coin-voyage";
 import styled from "../../../styles/styled";
+import usePayContext from "../../contexts/pay";
 const PoweredByFooter = () => {
+    const { paymentState } = usePayContext();
+    if (paymentState.payOrder?.settings?.hide_footer) {
+        return null;
+    }
     return (_jsx(Container, { children: _jsxs(TextButton, { onClick: () => {
                 window.open("https://coinvoyage.io", "_blank");
             }, children: [_jsx(CoinVoyageIcon, { height: 20, width: 20 }), "Powered by Coin Voyage"] }) }));

package/dist/hooks/usePaymentState.d.ts

@@ -1,6 +1,5 @@
 import { WalletProps } from "@coin-voyage/crypto/types";
-import { ChainId, ChainType, Currency, CurrencyBase, PaymentMethod, type PayOrder } from "@coin-voyage/shared/types";
-import { PaymentDetails, PayOrderParams } from "@coin-voyage/shared/types";
+import { ChainId, ChainType, Currency, CurrencyBase, PaymentDetails, PaymentMethod, PayOrderParams, type PayOrder } from "@coin-voyage/shared/types";
 import { ROUTE } from "../types/routes";
 import { CurrencyAndQuoteID } from "../types/state";
 import { usePayOrderQuotes } from "./usePayOrderQuotes";

package/dist/hooks/usePaymentState.js

@@ -1,8 +1,8 @@
 import { useAccount } from "@coin-voyage/crypto/hooks";
 import { zPayOrder } from "@coin-voyage/shared/schemas";
-import { ChainType, PayOrderMode } from "@coin-voyage/shared/types";
+import { ChainType, PayOrderMode, } from "@coin-voyage/shared/types";
 import { useResolveSuiNSName } from "@mysten/dapp-kit";
-import { useCallback, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import { mainnet } from "viem/chains";
 import { useEnsName } from "wagmi";
 import { useBackendApi } from "../components/contexts/api";
@@ -15,6 +15,7 @@ export function usePaymentState({ payOrder, setPayOrder, setRoute, log, }) {
     const api = useBackendApi();
     const [connectorChainType, setConnectorChainType] = useState();
     const [selectedWallet, setSelectedWallet] = useState();
+    const lastRequestedIdRef = useRef(null);
     const { account: senderAccount } = useAccount({
         selectedWallet,
         chainType: connectorChainType,
@@ -71,12 +72,15 @@ export function usePaymentState({ payOrder, setPayOrder, setRoute, log, }) {
             setPayOrder(order);
     }, [payOrder, fetchPayOrder, setPayOrder]);
     const setPayOrderId = useCallback(async (payOrderId) => {
-        if (!payOrderId || payOrder?.id === payOrderId)
+        if (!payOrderId)
             return;
+        if (lastRequestedIdRef.current === payOrderId)
+            return;
+        lastRequestedIdRef.current = payOrderId;
         const order = await fetchPayOrder(payOrderId);
         if (order)
             setPayOrder(order);
-    }, [payOrder, fetchPayOrder, setPayOrder]);
+    }, [fetchPayOrder, setPayOrder]);
     const copyDepositPayOrder = useCallback(async () => {
         if (!payOrder?.id) {
             log(`No payOrder to copy`);

package/dist/types.d.ts

@@ -5,7 +5,7 @@ import type { ReactNode } from "react";
 import type { Languages as Lang } from "./lib/localizations";
 export type APIEnvironment = APIEnvironmentShared;
 export type WalletConfiguration = WalletConfigurationImport;
-export type { PayOrder, PayOrderMetadata, ParsedPayOrderMetadata, PayOrderEvent } from "@coin-voyage/shared/types";
+export type { PayOrder, PayOrderMetadata, PayOrderSettings, ParsedPayOrderMetadata, ParsedPayOrderSettings, PayOrderEvent, } from "@coin-voyage/shared/types";
 export { PayOrderStatus, WebhookEventType } from "@coin-voyage/shared/types";
 export type PayKitConfig = {
     children?: ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coin-voyage/paykit",
   "description": "Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.",
-  "version": "2.4.0-beta.4",
+  "version": "2.4.0-beta.6",
   "private": false,
   "sideEffects": false,
   "author": "Lars <lars@coinvoyage.io>",
@@ -63,8 +63,8 @@
     "@stripe/crypto": "0.0.4",
     "styled-components": "^5.3.11",
     "uuid": "13.0.0",
-    "@coin-voyage/shared": "2.4.0-beta.2",
-    "@coin-voyage/crypto": "2.4.0-beta.0"
+    "@coin-voyage/crypto": "2.4.0-beta.0",
+    "@coin-voyage/shared": "2.4.0-beta.4"
   },
   "devDependencies": {
     "@types/qrcode": "1.5.5",