@coin-voyage/paykit 2.4.1-beta.0 → 2.4.2

package/dist/components/Pages/PayToAddress/copyable-info.d.ts

@@ -1,6 +1,6 @@
-import type { PaymentDetails } from "../../../types/payment-details";
+import type { DepositDetails } from "../../../types/deposit-details";
 interface CopyableInfoProps {
-    details?: PaymentDetails;
+    details?: DepositDetails;
     remainingS: number;
     totalS: number;
 }

package/dist/components/Pages/PayToAddress/copyable-info.js

@@ -7,5 +7,5 @@ import { CopyableInfoWrapper, CountdownWrap } from "./styles";
 export function CopyableInfo({ details, remainingS, totalS }) {
     const isExpired = details?.expirationS != null && remainingS === 0;
     const locales = useLocales();
-    return (_jsxs(CopyableInfoWrapper, { children: [_jsx(CopyRowOrThrobber, { title: locales.sendExactly, value: details?.amount?.toString(), smallText: details?.ticker, disabled: isExpired }), _jsx(CopyRowOrThrobber, { title: locales.depositAddress, value: details?.depositAddress, valueText: details?.depositAddress && truncateAddress(details.depositAddress), disabled: isExpired }), _jsx(CountdownWrap, { children: _jsx(CountdownTimer, { remainingS: remainingS, totalS: totalS }) })] }));
+    return (_jsxs(CopyableInfoWrapper, { children: [_jsx(CopyRowOrThrobber, { title: locales.sendExactly, value: details?.amount.toString(), valueText: details?.amount_display, smallText: details?.ticker, disabled: isExpired }), _jsx(CopyRowOrThrobber, { title: locales.depositAddress, value: details?.depositAddress, valueText: details?.depositAddress && truncateAddress(details.depositAddress), disabled: isExpired }), _jsx(CountdownWrap, { children: _jsx(CountdownTimer, { remainingS: remainingS, totalS: totalS }) })] }));
 }

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

@@ -22,16 +22,16 @@ export default function PayToAddress() {
 function PayToAddressView() {
     const { paymentState, triggerResize } = usePayContext();
     const { payToAddressChainId: payToAddressChain, payToAddressCurrency } = paymentState;
-    const { data: paymentDetails, isLoading, isError, } = useDepositAddressQuery({
+    const { data: depositDetails, isLoading, isError, } = useDepositAddressQuery({
         enabled: payToAddressCurrency != undefined,
     });
     if (isError) {
         return payToAddressChain ? _jsx(DepositFailed, {}) : null;
     }
-    if (isLoading || !paymentDetails) {
+    if (isLoading || !depositDetails) {
         return _jsx(DepositAddressLoading, {});
     }
-    return (_jsx(DepositAddressInfo, { details: paymentDetails, triggerResize: triggerResize, isDeposit: paymentState.payOrder?.mode === PayOrderMode.DEPOSIT }));
+    return (_jsx(DepositAddressInfo, { details: depositDetails, triggerResize: triggerResize, isDeposit: paymentState.payOrder?.mode === PayOrderMode.DEPOSIT }));
 }
 function DepositAddressLoading() {
     const locales = useLocales();

package/dist/hooks/useDepositAddressQuery.d.ts

@@ -1,6 +1,6 @@
-import type { PaymentDetails as DepositAddressDetails } from "../types/payment-details";
+import type { DepositDetails } from "../types/deposit-details";
 type Params = {
     enabled?: boolean;
 };
-export declare function useDepositAddressQuery({ enabled }: Params): import("@tanstack/react-query").UseQueryResult<DepositAddressDetails, Error>;
+export declare function useDepositAddressQuery({ enabled }: Params): import("@tanstack/react-query").UseQueryResult<DepositDetails, Error>;
 export {};

package/dist/hooks/useDepositAddressQuery.js

@@ -28,8 +28,10 @@ export function useDepositAddressQuery({ enabled }) {
                 throw new Error("Deposit address is unavailable for this pay order");
             return {
                 ...currency,
+                address: tokenAddress,
                 depositAddress,
-                amount: response.data.src.total.ui_amount.toString(),
+                amount: response.data.src.total.ui_amount,
+                amount_display: response.data.src.total.ui_amount_display,
                 ticker: response.data.src.ticker,
                 expirationS: Math.floor(new Date(response.data.expires_at).getTime() / 1000),
                 chainId,

package/dist/hooks/usePayWithToken.js

@@ -10,8 +10,9 @@ export function usePayFromWallet({ senderAddr, payOrder, setPayOrder, chainType,
         assert(payOrder != undefined, "PayOrder is required");
         assert(senderAddr != undefined, "Sender address is required");
         assert(actions != undefined, "Transaction actions must be defined");
-        const params = currency.quoteId
-            ? { payorder_id: payOrder.id, quote_id: currency.quoteId }
+        const quoteId = currency.quote_id;
+        const params = quoteId
+            ? { payorder_id: payOrder.id, quote_id: quoteId }
             : {
                 payorder_id: payOrder.id,
                 source_currency: {
@@ -42,10 +43,13 @@ export function usePayFromWallet({ senderAddr, payOrder, setPayOrder, chainType,
                         ? { address: paymentData.src.address, decimals: paymentData.src.decimals }
                         : undefined,
                 });
-            paymentData.source_tx_hash = txHash;
+            const nextPaymentData = {
+                ...paymentData,
+                source_tx_hash: txHash,
+            };
             setPayOrder({
                 ...payOrder,
-                payment: paymentData,
+                payment: nextPaymentData,
                 status: paymentDetails.status,
             });
             log(`[PAY-WITH-TOKEN] Transaction hash: ${txHash}`);

package/dist/hooks/usePaymentLifecycle.js

@@ -57,7 +57,7 @@ export function usePaymentLifecycle(order, handlers) {
                 status: order.status,
                 metadata: order.metadata,
                 payment_data: order.payment,
-                refund_address: order.payment.refund_address,
+                refund_address: order.payment.refund_address ?? "",
                 refund_tx_hash: order.payment.refund_tx_hash ?? "",
             });
             return;

package/dist/types/{payment-details.d.ts → deposit-details.d.ts}

@@ -1,6 +1,7 @@
 import type { Token } from "@coin-voyage/shared/currency";
-export interface PaymentDetails extends Token {
+export interface DepositDetails extends Token {
     depositAddress: string;
     expirationS?: number;
-    amount?: string;
+    amount: number;
+    amount_display: string;
 }

package/dist/types/state.d.ts

@@ -8,5 +8,5 @@ export type InitState = {
     route?: ROUTE;
 };
 export type CurrencyAndQuoteID = CurrencyWithAmount & {
-    quoteId?: string;
+    quote_id?: string;
 };

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.1-beta.0",
+  "version": "2.4.2",
   "private": false,
   "sideEffects": false,
   "author": "Lars <lars@coinvoyage.io>",
@@ -64,7 +64,7 @@
     "styled-components": "^5.3.11",
     "uuid": "13.0.0",
     "@coin-voyage/crypto": "2.4.0",
-    "@coin-voyage/shared": "2.4.1-beta.0"
+    "@coin-voyage/shared": "2.4.2"
   },
   "devDependencies": {
     "@types/qrcode": "1.5.5",