@paybutton/react 4.1.0 → 4.2.0

package/dist/{react/lib → lib}/altpayment/index.d.ts

@@ -1,5 +1,6 @@
 import { SideshiftCoin, SideshiftError, SideshiftPair, SideshiftQuote, SideshiftShift } from "./sideshift";
 export declare const MINIMUM_ALTPAYMENT_DOLLAR_AMOUNT = 10;
+export declare const MINIMUM_ALTPAYMENT_CAD_AMOUNT = 15;
 export declare const SOCKET_MESSAGES: {
     GET_ALTPAYMENT_RATE: string;
     SEND_ALTPAYMENT_RATE: string;

package/dist/{react/lib → lib}/components/Button/Button.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Theme, ThemeName } from '../../themes';
+import { ButtonSize } from '../../util';
 export declare type animation = 'slide' | 'invert' | 'none' | undefined;
 export interface ButtonProps {
     animation?: animation;
@@ -8,6 +9,8 @@ export interface ButtonProps {
     theme?: ThemeName | Theme;
     disabled?: boolean;
     onClick?: () => void;
+    size?: ButtonSize;
+    sizeScaleAlreadyApplied?: boolean;
 }
 export declare const Button: {
     (props: ButtonProps): React.ReactElement;

package/dist/{react/lib → lib}/components/PayButton/PayButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Theme, ThemeName } from '../../themes';
 import { ButtonProps } from '../Button/Button';
-import { Transaction, Currency } from '../../util';
+import { Transaction, Currency, ButtonSize } from '../../util';
 export interface PayButtonProps extends ButtonProps {
     to: string;
     amount?: number | string;
@@ -24,8 +24,13 @@ export interface PayButtonProps extends ButtonProps {
     onClose?: (success?: boolean, paymentId?: string) => void;
     wsBaseUrl?: string;
     apiBaseUrl?: string;
+    transactionText?: string;
+    disableSound?: boolean;
+    autoClose?: boolean;
     disableAltpayment?: boolean;
     contributionOffset?: number;
+    size: ButtonSize;
+    sizeScaleAlreadyApplied: boolean;
 }
 export declare const PayButton: {
     (props: PayButtonProps): React.ReactElement;

package/dist/{react/lib → lib}/components/PaymentDialog/PaymentDialog.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import { Theme, ThemeName } from '../../themes';
 import { ButtonProps } from '../Button/Button';
 import { Currency, CurrencyObject, Transaction } from '../../util';
+import { Socket } from 'socket.io-client';
+import { AltpaymentCoin, AltpaymentPair, AltpaymentShift, AltpaymentError } from '../../altpayment';
 export interface PaymentDialogProps extends ButtonProps {
     to: string;
     amount?: number | string;
@@ -23,6 +25,7 @@ export interface PaymentDialogProps extends ButtonProps {
     disableEnforceFocus?: boolean;
     editable?: boolean;
     dialogOpen: boolean;
+    setDialogOpen: Function;
     disableScrollLock?: boolean;
     active?: boolean;
     container?: HTMLElement;
@@ -33,6 +36,31 @@ export interface PaymentDialogProps extends ButtonProps {
     apiBaseUrl?: string;
     disableAltpayment?: boolean;
     contributionOffset?: number;
+    useAltpayment: boolean;
+    setUseAltpayment: Function;
+    txsSocket?: Socket;
+    setTxsSocket: Function;
+    altpaymentSocket?: Socket;
+    setAltpaymentSocket: Function;
+    setCoins: Function;
+    coins: AltpaymentCoin[];
+    setCoinPair: Function;
+    coinPair?: AltpaymentPair;
+    setLoadingPair: Function;
+    loadingPair: boolean;
+    setAltpaymentShift: Function;
+    altpaymentShift?: AltpaymentShift;
+    setLoadingShift: Function;
+    loadingShift: boolean;
+    setAltpaymentError: Function;
+    altpaymentError?: AltpaymentError;
+    addressType: Currency;
+    setAddressType: Function;
+    setNewTxs: Function;
+    newTxs?: Transaction[];
+    autoClose?: boolean;
+    disableSound?: boolean;
+    transactionText?: string;
 }
 export declare const PaymentDialog: {
     (props: PaymentDialogProps): React.ReactElement;
@@ -45,6 +73,7 @@ export declare const PaymentDialog: {
         disabled: boolean;
         editable: boolean;
         dialogOpen: boolean;
+        autoClose: boolean;
     };
 };
 export default PaymentDialog;

package/dist/{react/lib → lib}/components/PaymentDialog/PaymentDialog.stories.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
             disabled: boolean;
             editable: boolean;
             dialogOpen: boolean;
+            autoClose: boolean;
         };
     };
     decorators: ((Story: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("@storybook/react").Args>) => JSX.Element)[];

package/dist/{react/lib → lib}/components/Widget/Widget.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
+import { Socket } from 'socket.io-client';
 import { Theme, ThemeName } from '../../themes';
 import { animation } from '../Button/Button';
 import { Currency, Transaction, CurrencyObject } from '../../util';
-import { AltpaymentShift } from '../../altpayment';
+import { AltpaymentPair, AltpaymentShift, AltpaymentError, AltpaymentCoin } from '../../altpayment';
 export interface WidgetProps {
     to: string;
+    isChild?: boolean;
     amount?: number | null | string;
     setAmount?: Function;
     opReturn?: string;
@@ -32,14 +34,32 @@ export interface WidgetProps {
     apiBaseUrl?: string;
     loading?: boolean;
     hoverText?: string;
-    setAltpaymentShift: Function;
-    altpaymentShift?: AltpaymentShift | undefined;
-    useAltpayment: boolean;
-    setUseAltpayment: Function;
-    shiftCompleted: boolean;
-    setShiftCompleted: Function;
     disableAltpayment?: boolean;
     contributionOffset?: number;
+    setAltpaymentShift?: Function;
+    altpaymentShift?: AltpaymentShift | undefined;
+    useAltpayment?: boolean;
+    setUseAltpayment?: Function;
+    txsSocket?: Socket;
+    setTxsSocket?: Function;
+    altpaymentSocket?: Socket;
+    setAltpaymentSocket?: Function;
+    shiftCompleted?: boolean;
+    setShiftCompleted?: Function;
+    setCoins?: Function;
+    coins?: AltpaymentCoin[];
+    setCoinPair?: Function;
+    coinPair?: AltpaymentPair;
+    setLoadingPair?: Function;
+    loadingPair?: boolean;
+    setLoadingShift?: Function;
+    loadingShift?: boolean;
+    setAltpaymentError?: Function;
+    altpaymentError?: AltpaymentError;
+    addressType?: Currency;
+    setAddressType?: Function;
+    newTxText?: string;
+    transactionText?: string;
 }
 export declare const Widget: React.FunctionComponent<WidgetProps>;
 export default Widget;

package/dist/{react/lib → 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' | 'setNewTxs' | 'setCurrencyObject' | 'setAltpaymentShift' | 'useAltpayment' | 'setUseAltpayment' | 'shiftCompleted' | 'setShiftCompleted'> {
+export interface WidgetContainerProps extends Omit<WidgetProps, 'success' | 'setCurrencyObject' | 'shiftCompleted' | 'setShiftCompleted'> {
     active?: boolean;
     amount?: number;
     opReturn?: string;
@@ -25,6 +25,9 @@ export interface WidgetContainerProps extends Omit<WidgetProps, 'success' | 'set
     successText?: string;
     disableAltpayment?: boolean;
     contributionOffset?: number;
+    setNewTxs: Function;
+    disableSound?: boolean;
+    transactionText?: string;
 }
 export interface Output {
     index: number;

package/dist/{react/lib → lib}/util/address.d.ts

@@ -8,3 +8,6 @@ declare const _default: {
     getCurrencyTypeFromAddress: (address: string) => string;
 };
 export default _default;
+declare type NetworkSlugsType = 'ecash' | 'bitcoincash';
+export declare const getAddressPrefix: (addressString: string) => NetworkSlugsType;
+export declare const getAddressPrefixed: (addressString: string) => string;

package/dist/{react/lib → lib}/util/constants.d.ts

@@ -4,3 +4,4 @@ export declare const DECIMALS: {
     [key: string]: number;
 };
 export declare const CURRENCY_PREFIXES_MAP: Record<typeof CRYPTO_CURRENCIES[number], string>;
+export declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | "extrasmall" | "small" | "medium" | "large" | "extralarge" | undefined;

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

@@ -0,0 +1,38 @@
+import { Socket } from 'socket.io-client';
+import { CheckSuccessInfo } from './types';
+interface AltpaymentListenerParams {
+    addressType: string;
+    altpaymentSocket: Socket;
+    setCoins: Function;
+    setCoinPair: Function;
+    setLoadingPair: Function;
+    setAltpaymentShift: Function;
+    setLoadingShift: Function;
+    setAltpaymentError: Function;
+}
+export declare const altpaymentListener: (params: AltpaymentListenerParams) => void;
+interface SetupAltpaymentSocketParams {
+    addressType: string;
+    altpaymentSocket?: Socket;
+    wsBaseUrl?: string;
+    setAltpaymentSocket: Function;
+    setCoins: Function;
+    setCoinPair: Function;
+    setLoadingPair: Function;
+    setAltpaymentShift: Function;
+    setLoadingShift: Function;
+    setAltpaymentError: Function;
+}
+export declare const setupAltpaymentSocket: (params: SetupAltpaymentSocketParams) => Promise<void>;
+interface SetupTxsSocketParams {
+    address: string;
+    txsSocket?: Socket;
+    apiBaseUrl?: string;
+    wsBaseUrl?: string;
+    setTxsSocket: Function;
+    setNewTxs: Function;
+    setDialogOpen?: Function;
+    checkSuccessInfo?: CheckSuccessInfo;
+}
+export declare const setupTxsSocket: (params: SetupTxsSocketParams) => Promise<void>;
+export {};

package/dist/{react/lib → lib}/util/types.d.ts

@@ -1,3 +1,4 @@
+import BigNumber from "bignumber.js";
 import { CRYPTO_CURRENCIES, FIAT_CURRENCIES } from "./constants";
 export declare type CurrencyObject = {
     float: number;
@@ -132,4 +133,14 @@ export interface BroadcastTxData {
     txs: Transaction[];
     messageType: TxBroadcast;
 }
+export interface CheckSuccessInfo {
+    currency: Currency;
+    price: number;
+    randomSatoshis: number | boolean;
+    disablePaymentId?: boolean;
+    expectedPaymentId?: string;
+    expectedAmount?: BigNumber | number;
+    expectedOpReturn?: string;
+    currencyObj?: CurrencyObject;
+}
 export {};

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

@@ -0,0 +1,3 @@
+import BigNumber from "bignumber.js";
+import { CurrencyObject, Transaction } from "./types";
+export declare const shouldTriggerOnSuccess: (transaction: Transaction, currency: string, price: number, randomSatoshis: number | boolean, disablePaymentId?: boolean | undefined, expectedPaymentId?: string | undefined, expectedAmount?: number | BigNumber | undefined, expectedOpReturn?: string | undefined, currencyObject?: CurrencyObject | undefined) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paybutton/react",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "The easiest way to accept eCash online",
   "author": "Blockchain Ventures Corp.",
   "license": "MIT",
@@ -39,7 +39,7 @@
     "@storybook/addon-essentials": "6.5.9",
     "@storybook/addon-links": "6.5.9",
     "@storybook/node-logger": "6.5.9",
-    "@storybook/preset-create-react-app": "3.2.0",
+    "@storybook/preset-create-react-app": "8.6.12",
     "@storybook/react": "6.5.9",
     "@types/currency-formatter": "1.5.1",
     "@types/lodash": "4.14.182",
@@ -71,7 +71,7 @@
     "microbundle": "0.12.4",
     "prettier": "2.7.1",
     "react-is": "16.13.1",
-    "react-scripts": "3.4.4",
+    "react-scripts": "5.0.1",
     "typescript": "^4.8.2",
     "yarn-run-all": "^3.1.1"
   },

package/dist/react/lib/util/socket.d.ts

@@ -1,14 +0,0 @@
-import { Socket } from 'socket.io-client';
-export declare const txsListener: (socket: Socket, setNewTxs: Function) => void;
-interface AltpaymentListenerParams {
-    addressType: string;
-    socket: Socket;
-    setCoins: Function;
-    setCoinPair: Function;
-    setLoadingPair: Function;
-    setAltpaymentShift: Function;
-    setLoadingShift: Function;
-    setAltpaymentError: Function;
-}
-export declare const altpaymentListener: (params: AltpaymentListenerParams) => void;
-export {};

package/dist/react/lib/util/validate.d.ts

@@ -1,3 +0,0 @@
-import BigNumber from "bignumber.js";
-import { CurrencyObject, Transaction } from "./types";
-export declare const shouldTriggerOnSuccess: (transaction: Transaction, currency: string, price: number, disablePaymentId?: boolean | undefined, expectedPaymentId?: string | undefined, expectedAmount?: BigNumber | undefined, expectedOpReturn?: string | undefined, currencyObject?: CurrencyObject | undefined) => Promise<boolean>;