@paybutton/react 5.1.0 → 5.1.1

package/dist/lib/components/PaymentDialog/PaymentDialog.d.ts

@@ -60,9 +60,11 @@ export interface PaymentDialogProps extends ButtonProps {
     newTxs?: Transaction[];
     autoClose?: boolean | number | string;
     disableSound?: boolean;
-    transactionText?: string;
     donationAddress?: string;
     donationRate?: number;
+    transactionText?: string;
+    convertedCurrencyObj?: CurrencyObject;
+    setConvertedCurrencyObj?: Function;
 }
-export declare const PaymentDialog: ({ to, amount, setAmount, opReturn, paymentId, disablePaymentId, currency, currencyObj, setCurrencyObj, cryptoAmount, price, successText, animation, randomSatoshis, hideToasts, onClose, onSuccess, onTransaction, goalAmount, disableEnforceFocus, editable, dialogOpen, setDialogOpen, container, wsBaseUrl, apiBaseUrl, hoverText, disableAltpayment, contributionOffset, autoClose, useAltpayment, setUseAltpayment, setTxsSocket, txsSocket, setAltpaymentSocket, altpaymentSocket, setCoins, coins, setCoinPair, coinPair, setLoadingPair, loadingPair, setAltpaymentShift, altpaymentShift, setLoadingShift, loadingShift, setAltpaymentError, altpaymentError, addressType, newTxs, setNewTxs, setAddressType, disableSound, transactionText, disabled, theme: themeProp, donationAddress, donationRate }: PaymentDialogProps) => React.ReactElement;
+export declare const PaymentDialog: ({ to, amount, setAmount, opReturn, paymentId, disablePaymentId, currency, currencyObj, setCurrencyObj, cryptoAmount, price, successText, animation, randomSatoshis, hideToasts, onClose, onSuccess, onTransaction, goalAmount, disableEnforceFocus, editable, dialogOpen, setDialogOpen, container, wsBaseUrl, apiBaseUrl, hoverText, disableAltpayment, contributionOffset, autoClose, useAltpayment, setUseAltpayment, setTxsSocket, txsSocket, setAltpaymentSocket, altpaymentSocket, setCoins, coins, setCoinPair, coinPair, setLoadingPair, loadingPair, setAltpaymentShift, altpaymentShift, setLoadingShift, loadingShift, setAltpaymentError, altpaymentError, addressType, newTxs, setNewTxs, setAddressType, disableSound, transactionText, disabled, convertedCurrencyObj, setConvertedCurrencyObj, theme: themeProp, donationAddress, donationRate }: PaymentDialogProps) => React.ReactElement;
 export default PaymentDialog;

package/dist/lib/components/PaymentDialog/PaymentDialog.stories.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { PaymentDialogProps } from './PaymentDialog';
 declare const _default: {
     title: string;
-    component: ({ to, amount, setAmount, opReturn, paymentId, disablePaymentId, currency, currencyObj, setCurrencyObj, cryptoAmount, price, successText, animation, randomSatoshis, hideToasts, onClose, onSuccess, onTransaction, goalAmount, disableEnforceFocus, editable, dialogOpen, setDialogOpen, container, wsBaseUrl, apiBaseUrl, hoverText, disableAltpayment, contributionOffset, autoClose, useAltpayment, setUseAltpayment, setTxsSocket, txsSocket, setAltpaymentSocket, altpaymentSocket, setCoins, coins, setCoinPair, coinPair, setLoadingPair, loadingPair, setAltpaymentShift, altpaymentShift, setLoadingShift, loadingShift, setAltpaymentError, altpaymentError, addressType, newTxs, setNewTxs, setAddressType, disableSound, transactionText, disabled, theme: themeProp, donationAddress, donationRate }: PaymentDialogProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    component: ({ to, amount, setAmount, opReturn, paymentId, disablePaymentId, currency, currencyObj, setCurrencyObj, cryptoAmount, price, successText, animation, randomSatoshis, hideToasts, onClose, onSuccess, onTransaction, goalAmount, disableEnforceFocus, editable, dialogOpen, setDialogOpen, container, wsBaseUrl, apiBaseUrl, hoverText, disableAltpayment, contributionOffset, autoClose, useAltpayment, setUseAltpayment, setTxsSocket, txsSocket, setAltpaymentSocket, altpaymentSocket, setCoins, coins, setCoinPair, coinPair, setLoadingPair, loadingPair, setAltpaymentShift, altpaymentShift, setLoadingShift, loadingShift, setAltpaymentError, altpaymentError, addressType, newTxs, setNewTxs, setAddressType, disableSound, transactionText, disabled, convertedCurrencyObj, setConvertedCurrencyObj, theme: themeProp, donationAddress, donationRate }: PaymentDialogProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     decorators: ((Story: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>) => JSX.Element)[];
     argTypes: {
         onClick: {

package/dist/lib/components/Widget/Widget.d.ts

@@ -28,7 +28,7 @@ export interface WidgetProps {
     price?: number | undefined;
     usdPrice?: number | undefined;
     editable?: boolean;
-    setNewTxs: Function;
+    setNewTxs?: Function;
     newTxs?: Transaction[];
     wsBaseUrl?: string;
     apiBaseUrl?: string;
@@ -45,6 +45,8 @@ export interface WidgetProps {
     altpaymentSocket?: Socket;
     setAltpaymentSocket?: Function;
     shiftCompleted?: boolean;
+    donationAddress?: string;
+    donationRate?: number;
     setShiftCompleted?: Function;
     setCoins?: Function;
     coins?: AltpaymentCoin[];
@@ -60,8 +62,9 @@ export interface WidgetProps {
     setAddressType?: Function;
     newTxText?: string;
     transactionText?: string;
-    donationAddress?: string;
-    donationRate?: number;
+    convertedCurrencyObj?: CurrencyObject;
+    setConvertedCurrencyObj?: Function;
+    setPaymentId?: Function;
 }
 export declare const Widget: React.FunctionComponent<WidgetProps>;
 export default Widget;

package/dist/lib/components/Widget/WidgetContainer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Currency, CurrencyObject, Transaction } from '../../util';
 import { WidgetProps } from './Widget';
-export interface WidgetContainerProps extends Omit<WidgetProps, 'success' | 'setCurrencyObject' | 'shiftCompleted' | 'setShiftCompleted'> {
+export interface WidgetContainerProps extends Omit<WidgetProps, 'success' | 'setCurrencyObject' | 'shiftCompleted' | 'setShiftCompleted' | 'setPaymentId'> {
     active?: boolean;
     amount?: number;
     opReturn?: string;
@@ -30,6 +30,7 @@ export interface WidgetContainerProps extends Omit<WidgetProps, 'success' | 'set
     transactionText?: string;
     donationAddress?: string;
     donationRate?: number;
+    convertedCurrencyObj?: CurrencyObject;
 }
 export interface Output {
     index: number;

package/dist/lib/util/api-client.d.ts

@@ -6,6 +6,7 @@ export declare const getBchFiatPrice: (currency: Currency, rootUrl?: string) =>
 export declare const getXecFiatPrice: (currency: Currency, rootUrl?: string) => Promise<PriceData>;
 export declare const getFiatPrice: (currency: string, to: string, apiBaseUrl?: string) => Promise<number | null>;
 export declare const getTransactionDetails: (txid: string, rootUrl?: string) => Promise<TransactionDetails>;
+export declare const createPayment: (amount: string | number | undefined, address: string, rootUrl?: string) => Promise<string | undefined>;
 declare const _default: {
     getAddressDetails: (address: string, rootUrl?: string) => Promise<Transaction[]>;
     getTransactionDetails: (txid: string, rootUrl?: string) => Promise<TransactionDetails>;

package/dist/lib/util/constants.d.ts

@@ -3,8 +3,12 @@ export declare const CRYPTO_CURRENCIES: string[];
 export declare const DECIMALS: {
     [key: string]: number;
 };
+export declare const MAX_AMOUNT: {
+    [key: string]: number;
+};
 export declare const AUTO_CLOSE_DEFAULT_MS = 2000;
 export declare const CURRENCY_PREFIXES_MAP: Record<typeof CRYPTO_CURRENCIES[number], string>;
+export declare const CURRENCY_TYPES_MAP: Record<typeof CRYPTO_CURRENCIES[number], string>;
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | "extrasmall" | "small" | "medium" | "large" | "extralarge" | undefined;
 export declare const DEFAULT_DONATION_RATE = 2;
 export declare const DONATION_RATE_STORAGE_KEY = "paybutton_donation_rate";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paybutton/react",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "description": "The easiest way to accept eCash online",
   "author": "Blockchain Ventures Corp.",
   "license": "MIT",
@@ -105,6 +105,7 @@
     "notistack": "3.0.0",
     "qrcode.react": "3",
     "react-jss": "10.10.0",
+    "react-number-format": "^5.4.4",
     "socket.io-client": "4.7.4",
     "ts-jest": "^29.4.5",
     "xecaddrjs": "^0.0.1"