@paybutton/react 2.0.3 → 2.1.0

package/dist/react/src/components/PayButton/PayButton.d.ts

@@ -19,6 +19,8 @@ export interface PayButtonProps extends ButtonProps {
     editable?: boolean;
     onSuccess?: (txid: string, amount: BigNumber) => void;
     onTransaction?: (txid: string, amount: BigNumber) => void;
+    onOpen?: (expectedAmount?: number | string, address?: string) => void;
+    onClose?: (success?: boolean) => void;
     wsBaseUrl?: string;
     apiBaseUrl?: string;
 }

package/dist/react/src/components/PayButton/PayButton.stories.d.ts

@@ -26,6 +26,16 @@ declare const _default: {
                 disable: boolean;
             };
         };
+        onOpen: {
+            table: {
+                disable: boolean;
+            };
+        };
+        onClose: {
+            table: {
+                disable: boolean;
+            };
+        };
         onTransaction: {
             table: {
                 disable: boolean;

package/dist/react/src/components/PaymentDialog/PaymentDialog.d.ts

@@ -3,10 +3,14 @@ import { Theme, ThemeName } from '../../themes';
 import { ButtonProps } from '../Button/Button';
 import { currency } from '../../util/api-client';
 import BigNumber from 'bignumber.js';
+import { currencyObject } from '../../util/satoshis';
 export interface PaymentDialogProps extends ButtonProps {
     to: string;
     amount?: number | string;
+    setAmount: Function;
     currency?: currency;
+    currencyObj?: currencyObject;
+    setCurrencyObj: Function;
     theme?: ThemeName | Theme;
     successText?: string;
     randomSatoshis?: boolean | number;
@@ -18,7 +22,7 @@ export interface PaymentDialogProps extends ButtonProps {
     disableScrollLock?: boolean;
     active?: boolean;
     container?: HTMLElement;
-    onClose?: () => void;
+    onClose?: (success?: boolean) => void;
     onSuccess?: (txid: string, amount: BigNumber) => void;
     onTransaction?: (txid: string, amount: BigNumber) => void;
     wsBaseUrl?: string;

package/dist/react/src/components/Widget/Widget.d.ts

@@ -6,10 +6,9 @@ import { currency, Transaction } from '../../util/api-client';
 export interface WidgetProps {
     to: string;
     amount?: number | null | string;
-    setAmount: Function;
+    setAmount?: Function;
     text?: string;
     ButtonComponent?: React.ComponentType;
-    loading: boolean;
     success: boolean;
     successText?: string;
     theme?: ThemeName | Theme;
@@ -19,7 +18,7 @@ export interface WidgetProps {
     currency?: currency;
     animation?: animation;
     currencyObject?: currencyObject | undefined;
-    setCurrencyObject: Function;
+    setCurrencyObject?: Function;
     randomSatoshis?: boolean | number;
     price?: number;
     editable?: boolean;

package/dist/react/src/components/Widget/WidgetContainer.d.ts

@@ -1,13 +1,15 @@
 import React from 'react';
-import { cryptoCurrency, currency } from '../../util/api-client';
+import { currency } from '../../util/api-client';
+import { currencyObject } from '../../util/satoshis';
 import { WidgetProps } from './Widget';
 import BigNumber from 'bignumber.js';
-export interface WidgetContainerProps extends Omit<WidgetProps, 'loading' | 'success' | 'setNewTxs' | 'setCurrencyObject' | 'setAmount'> {
+export interface WidgetContainerProps extends Omit<WidgetProps, 'success' | 'setNewTxs' | 'setCurrencyObject'> {
     active?: boolean;
     amount?: number;
     currency?: currency;
+    currencyObj?: currencyObject;
+    setCurrencyObj: Function;
     randomSatoshis?: boolean | number;
-    displayCurrency?: cryptoCurrency;
     hideToasts?: boolean;
     onSuccess?: (txid: string, amount: BigNumber) => void;
     onTransaction?: (txid: string, amount: BigNumber) => void;

package/dist/themes/index.d.ts

@@ -5,8 +5,9 @@ export * from './Theme';
 export default themes;
 export declare enum ThemeName {
     ORANGE = "orange",
-    PAYBUTTON = "paybutton"
+    PAYBUTTON = "paybutton",
+    XEC = "xec"
 }
 export declare const getTheme: (name?: ThemeName) => Theme;
 export declare const ThemeProvider: React.Provider<Theme | undefined>;
-export declare const useTheme: (defaultTheme?: ThemeName | Theme | undefined) => Theme;
+export declare const useTheme: (defaultTheme?: ThemeName | Theme | undefined, isXec?: boolean | undefined) => Theme;

package/dist/themes/themes/xec.d.ts

@@ -0,0 +1,3 @@
+import Theme from '../Theme';
+declare const theme: Theme;
+export default theme;

package/dist/util/address.d.ts

@@ -1,5 +1,10 @@
-export declare const validateCashAddress: (to: string) => boolean;
+import { cryptoCurrency } from '../util/api-client';
+export declare const isValidCashAddress: (address: string) => boolean;
+export declare const isValidXecAddress: (address: string) => boolean;
+export declare const getCurrencyTypeFromAddress: (address: string) => cryptoCurrency;
 declare const _default: {
-    validateCashAddress: (to: string) => boolean;
+    isValidCashAddress: (address: string) => boolean;
+    isValidXecAddress: (address: string) => boolean;
+    getCurrencyTypeFromAddress: (address: string) => "BCH" | "XEC";
 };
 export default _default;

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

@@ -1,106 +1,69 @@
-export declare const getAddressDetails: (address: string, rootUrl?: string | undefined) => Promise<AddressDetails>;
-export declare const getSatoshiBalance: (address: string, rootUrl?: string | undefined) => Promise<{
-    satoshis: number;
-}>;
-export declare const getUTXOs: (address: string, rootUrl?: string | undefined) => Promise<UtxoDetails>;
-export declare const getFiatPrice: (currency: currency) => Promise<PriceData>;
+import { Socket } from 'socket.io-client';
+export declare const getAddressDetails: (address: string, rootUrl?: string) => Promise<Transaction[]>;
+declare type TxBroadcast = 'NewTx' | 'OldTx';
+export interface BroadcastTxData {
+    address: string;
+    txs: Transaction[];
+    messageType: TxBroadcast;
+}
+export declare const setListener: (socket: Socket, setNewTxs: Function) => void;
+export declare const getAddressBalance: (address: string, rootUrl?: string) => Promise<number>;
+export declare const getUTXOs: (address: string, rootUrl?: string) => Promise<UtxoDetails>;
+export declare const getBchFiatPrice: (currency: currency, rootUrl?: string) => Promise<PriceData>;
+export declare const getXecFiatPrice: (currency: currency, rootUrl?: string) => Promise<PriceData>;
+export declare const getFiatPrice: (fiat: fiatCurrency, crypto: cryptoCurrency, rootUrl?: string) => Promise<PriceData>;
 export declare const getTransactionDetails: (txid: string, rootUrl?: string) => Promise<TransactionDetails>;
 declare const _default: {
-    getAddressDetails: (address: string, rootUrl?: string | undefined) => Promise<AddressDetails>;
+    getAddressDetails: (address: string, rootUrl?: string) => Promise<Transaction[]>;
     getTransactionDetails: (txid: string, rootUrl?: string) => Promise<TransactionDetails>;
-    getFiatPrice: (currency: currency) => Promise<PriceData>;
-    getSatoshiBalance: (address: string, rootUrl?: string | undefined) => Promise<{
-        satoshis: number;
-    }>;
+    getBchFiatPrice: (currency: currency, rootUrl?: string) => Promise<PriceData>;
+    getXecFiatPrice: (currency: currency, rootUrl?: string) => Promise<PriceData>;
+    getAddressBalance: (address: string, rootUrl?: string) => Promise<number>;
 };
 export default _default;
-export declare type fiatCurrency = 'USD' | 'CAD' | 'EUR' | 'GBP' | 'AUD';
-export declare type cryptoCurrency = 'BCH' | 'SAT' | 'bits';
+export declare const fiatCurrencies: readonly ["USD", "CAD", "EUR", "GBP", "AUD"];
+declare type fiatCurrenciesTuple = typeof fiatCurrencies;
+export declare type fiatCurrency = fiatCurrenciesTuple[number];
+export declare const cryptoCurrencies: readonly ["BCH", "XEC"];
+declare type cryptoCurrenciesTuple = typeof cryptoCurrencies;
+export declare type cryptoCurrency = cryptoCurrenciesTuple[number];
 export declare type currency = cryptoCurrency | fiatCurrency;
-export interface AddressDetails {
-    confirmedTransactionsList: [ConfirmedTransaction];
-    unconfirmedTransactionsList: [UnconfirmedTransaction];
-}
-export interface ConfirmedTransaction {
+export declare function isFiat(unknownString: string): unknownString is fiatCurrency;
+export declare function isCrypto(unknownString: string): unknownString is cryptoCurrency;
+export declare function isValidCurrency(unknownString: string): unknownString is cryptoCurrency;
+export declare const getCashtabProviderStatus: () => boolean;
+export interface Transaction {
+    id: string;
     hash: string;
-    version: number;
-    inputsList: {
-        index: number;
-        outpoint: {
-            hash: string;
-            index: number;
-        };
-        signatureScript: string;
-        sequence: number;
-        value: number;
-        previousScript: string;
-        address: string;
-    }[];
-    outputsList: {
-        index: number;
-        value: number;
-        pubkeyScript: string;
-        address: string;
-        scriptClass: string;
-        disassembledScript: string;
-    }[];
-    lockTime: number;
-    size: number;
+    amount: string;
+    confirmed: boolean;
     timestamp: number;
-    confirmations: number;
-    blockHeight: number;
-    blockHash: string;
-    slpTransactionInfo: {
-        slpAction: number;
-        validityJudgement: number;
-        parseError: string;
-        tokenId: string;
-        burnFlagsList: [];
+    addressId: string;
+    createdAt: string;
+    updatedAt: string;
+    address: {
+        id: string;
+        address: string;
+        createdAt: string;
+        updatedAt: string;
+        networkId: number;
+        lastSynced: string;
     };
-}
-export interface UnconfirmedTransaction {
-    transaction: {
-        hash: string;
-        version: number;
-        inputsList: {
-            index: number;
-            outpoint: {
-                hash: string;
-                index: number;
-            };
-            signatureScript: string;
-            sequence: number;
-            value: number;
-            previousScript: string;
-            address: string;
-        }[];
-        outputsList: {
-            index: number;
-            value: number;
-            pubkeyScript: string;
-            address: string;
-            scriptClass: string;
-            disassembledScript: string;
-        }[];
-        lockTime: number;
-        size: number;
-        timestamp: number;
-        confirmations: number;
-        blockHeight: number;
-        blockHash: string;
-        slpTransactionInfo: {
-            slpAction: number;
-            validityJudgement: number;
-            parseError: string;
-            tokenId: string;
-            burnFlagsList: [];
+    prices: [{
+        priceId: number;
+        transactionId: string;
+        createdAt: string;
+        updatedAt: string;
+        price: {
+            id: number;
+            value: string;
+            createdAt: string;
+            updatedAt: string;
+            timestamp: number;
+            networkId: 1;
+            quoteId: 1;
         };
-    };
-    addedTime: number;
-    addedHeight: number;
-    fee: number;
-    feePerKb: number;
-    startingPriority: number;
+    }];
 }
 export interface UtxoDetails {
     outputsList: [Output];

package/dist/util/format.d.ts

@@ -1,14 +1,19 @@
 import { currency } from './api-client';
+export declare const DECIMALS: {
+    BCH: number;
+    XEC: number;
+    FIAT: number;
+};
 export declare const amount: (x?: number | null | undefined) => string | undefined;
 export declare const formatPrice: (price: number, currencyType: currency, precision?: number) => string;
 export declare const formatComma: (number: number) => string;
 export declare const formatBCH: (bch: string) => string;
-export declare const formatBits: (bits: string | number) => string;
+export declare const formatXEC: (xec: string) => string;
 declare const _default: {
     amount: (x?: number | null | undefined) => string | undefined;
     formatPrice: (price: number, currencyType: currency, precision?: number) => string;
     formatComma: (number: number) => string;
     formatBCH: (bch: string) => string;
-    formatBits: (bits: string | number) => string;
+    formatXEC: (xec: string) => string;
 };
 export default _default;

package/dist/util/randomizeSats.d.ts

@@ -1,2 +1,4 @@
-export declare const randomizeSatoshis: (amount: number) => number;
+import { cryptoCurrency } from './api-client';
+export declare const getNSatoshis: (amount: number, randomSatoshis: boolean | number, satsPrecision: number) => number;
+export declare const randomizeSatoshis: (amount: number, addressType: cryptoCurrency, randomSatoshis: boolean | number) => number;
 export default randomizeSatoshis;

package/dist/util/satoshis.d.ts

@@ -1,19 +1,11 @@
-import { fiatCurrency } from './api-client';
-export declare type cryptoCurrency = 'BCH' | 'SAT' | 'bits';
-export declare type currency = cryptoCurrency | fiatCurrency;
-export declare const satoshisToBch: (satoshis: number) => number;
-export declare const bchToSatoshis: (bch: number) => number;
+import { currency } from './api-client';
 export declare type currencyObject = {
     float: number;
     string: string;
     currency: string;
-    BCHstring?: string | undefined;
-    satoshis?: number | undefined;
 };
-export declare const getCurrencyObject: (amount: number, currencyType: currency) => currencyObject;
+export declare const getCurrencyObject: (amount: number, currencyType: currency, randomSatoshis: boolean | number) => currencyObject;
 declare const _default: {
-    satoshisToBch: (satoshis: number) => number;
-    bchToSatoshis: (bch: number) => number;
-    getCurrencyObject: (amount: number, currencyType: currency) => currencyObject;
+    getCurrencyObject: (amount: number, currencyType: currency, randomSatoshis: number | boolean) => currencyObject;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paybutton/react",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "The easiest way to accept eCash online",
   "author": "poldridge",
   "license": "MIT",
@@ -15,7 +15,7 @@
     "node": ">=10"
   },
   "scripts": {
-    "build": "microbundle --jsx React.createElement --format modern,cjs",
+    "build": "microbundle --jsx React.createElement --format modern,cjs && cp -rf dist/react/src/* dist/",
     "lint": "eslint 'src/**/*.{ts,tsx}' --fix",
     "prettier": "prettier --write 'src/**/*.ts'",
     "dev": "concurrently npm:watch npm:storybook",

package/dist/hooks/useAddressDetails.d.ts

@@ -1,3 +0,0 @@
-import { AddressDetails } from '../util/api-client';
-export declare const useAddressDetails: (address: string, active?: boolean) => AddressDetails | undefined;
-export default useAddressDetails;

package/dist/react/src/hooks/useAddressDetails.d.ts

@@ -1,3 +0,0 @@
-import { Transaction } from '../util/api-client';
-export declare const useAddressDetails: (address: string, active?: boolean) => Transaction[] | undefined;
-export default useAddressDetails;