@paybutton/react 1.0.5 → 1.2.0

package/README.md

@@ -1,25 +1,25 @@
-# @paybutton/react
-
-> The easiest way to accept Bitcoin Cash online
-
-[![NPM](https://img.shields.io/npm/v/@paybutton/react.svg)](https://www.npmjs.com/package/@paybutton/react)
-
-## Install
-
-```bash
-npm install --save @paybutton/react
-```
-
-## Usage
-
-```tsx
-import React from 'react'
-
-import { PayButton } from '@paybutton/react'
-
-<PayButton to={address} />
-```
-
-## License
-
-MIT 
+# @paybutton/react
+
+> The easiest way to accept Bitcoin Cash online
+
+[![NPM](https://img.shields.io/npm/v/@paybutton/react.svg)](https://www.npmjs.com/package/@paybutton/react)
+
+## Install
+
+```bash
+npm install --save @paybutton/react
+```
+
+## Usage
+
+```tsx
+import React from 'react'
+
+import { PayButton } from '@paybutton/react'
+
+<PayButton to={address} />
+```
+
+## License
+
+MIT 

package/dist/assets/edit-pencil.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const PencilIcon: (props: any) => React.ReactElement;
+export default PencilIcon;

package/dist/components/BarChart/BarChart.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface BarChartProps {
+    value: number;
+    color: string;
+}
+export declare const BarChart: {
+    (props: BarChartProps): React.ReactElement;
+    defaultProps: {
+        value: number;
+        color: string;
+    };
+};
+export default BarChart;

package/dist/components/BarChart/BarChart.stories.d.ts

@@ -0,0 +1,26 @@
+import { Story } from '@storybook/react';
+import React from 'react';
+import { BarChartProps } from './BarChart';
+declare const _default: {
+    title: string;
+    component: {
+        (props: BarChartProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+        defaultProps: {
+            value: number;
+            color: string;
+        };
+    };
+    decorators: ((Story: Story<import("@storybook/react").Args>) => React.ReactNode)[];
+    argTypes: {
+        onClick: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: Story<BarChartProps>;

package/dist/components/BarChart/index.d.ts

@@ -0,0 +1 @@
+export * from './BarChart';

package/dist/components/Button/Button.d.ts

@@ -6,6 +6,7 @@ export interface ButtonProps {
     text?: string;
     hoverText?: string;
     theme?: ThemeName | Theme;
+    disabled?: boolean;
     onClick?: () => void;
 }
 export declare const Button: {
@@ -14,6 +15,7 @@ export declare const Button: {
         animation: string;
         text: string;
         hoverText: string;
+        disabled: boolean;
     };
 };
 export default Button;

package/dist/components/Button/Button.stories.d.ts

@@ -4,11 +4,12 @@ import { ButtonProps } from './Button';
 declare const _default: {
     title: string;
     component: {
-        (props: ButtonProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+        (props: ButtonProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
         defaultProps: {
             animation: string;
             text: string;
             hoverText: string;
+            disabled: boolean;
         };
     };
     decorators: ((Story: Story<import("@storybook/react").Args>) => React.ReactNode)[];

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

@@ -1,18 +1,21 @@
 import React from 'react';
 import { Theme, ThemeName } from '../../themes';
 import { ButtonProps } from '../Button/Button';
-import { cryptoCurrency, currency } from '../Widget/WidgetContainer';
+import { currency } from '../Widget/WidgetContainer';
 export interface PayButtonProps extends ButtonProps {
     to: string;
-    amount?: number;
+    amount?: number | string;
     currency?: currency;
     theme?: ThemeName | Theme;
     text?: string;
     hoverText?: string;
     successText?: string;
-    displayCurrency?: cryptoCurrency;
     randomSatoshis?: boolean;
     hideToasts?: boolean;
+    disabled?: boolean;
+    goalAmount?: number | string;
+    disableEnforceFocus?: boolean;
+    editable?: boolean;
     onSuccess?: (txid: string, amount: number) => void;
     onTransaction?: (txid: string, amount: number) => void;
 }
@@ -23,6 +26,9 @@ export declare const PayButton: {
         hideToasts: boolean;
         randomSatoshis: boolean;
         successText: string;
+        disableEnforceFocus: boolean;
+        disabled: boolean;
+        editable: boolean;
     };
 };
 export default PayButton;

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

@@ -4,12 +4,15 @@ import { PayButtonProps } from './PayButton';
 declare const _default: {
     title: string;
     component: {
-        (props: PayButtonProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+        (props: PayButtonProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
         defaultProps: {
             animation: string;
             hideToasts: boolean;
             randomSatoshis: boolean;
             successText: string;
+            disableEnforceFocus: boolean;
+            disabled: boolean;
+            editable: boolean;
         };
     };
     decorators: ((Story: Story<import("@storybook/react").Args>) => JSX.Element)[];
@@ -41,3 +44,6 @@ export default _default;
 export declare const Default: Story<PayButtonProps>;
 export declare const OrangeTheme: Story<PayButtonProps>;
 export declare const UsdAmount: Story<PayButtonProps>;
+export declare const withGoal: Story<PayButtonProps>;
+export declare const withUSDGoalCurrency: Story<PayButtonProps>;
+export declare const withEURGoalCurrency: Story<PayButtonProps>;

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Theme, ThemeName } from '../../themes';
+import { ButtonProps } from '../Button/Button';
+import { currency } from '../Widget/WidgetContainer';
+export interface PaymentDialogProps extends ButtonProps {
+    to: string;
+    amount?: number | string;
+    currency?: currency;
+    theme?: ThemeName | Theme;
+    successText?: string;
+    randomSatoshis?: boolean;
+    hideToasts?: boolean;
+    goalAmount?: number | string;
+    disableEnforceFocus?: boolean;
+    editable?: boolean;
+    dialogOpen: boolean;
+    disableScrollLock?: boolean;
+    active?: boolean;
+    container?: HTMLElement;
+    onClose?: () => void;
+    onSuccess?: (txid: string, amount: number) => void;
+    onTransaction?: (txid: string, amount: number) => void;
+}
+export declare const PaymentDialog: {
+    (props: PaymentDialogProps): React.ReactElement;
+    defaultProps: {
+        animation: string;
+        hideToasts: boolean;
+        randomSatoshis: boolean;
+        successText: string;
+        disableEnforceFocus: boolean;
+        disabled: boolean;
+        editable: boolean;
+        dialogOpen: boolean;
+    };
+};
+export default PaymentDialog;

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

@@ -0,0 +1,50 @@
+import { Story } from '@storybook/react';
+import React from 'react';
+import { PaymentDialogProps } from './PaymentDialog';
+declare const _default: {
+    title: string;
+    component: {
+        (props: PaymentDialogProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+        defaultProps: {
+            animation: string;
+            hideToasts: boolean;
+            randomSatoshis: boolean;
+            successText: string;
+            disableEnforceFocus: boolean;
+            disabled: boolean;
+            editable: boolean;
+            dialogOpen: boolean;
+        };
+    };
+    decorators: ((Story: Story<import("@storybook/react").Args>) => JSX.Element)[];
+    argTypes: {
+        onClick: {
+            table: {
+                disable: boolean;
+            };
+        };
+        onSuccess: {
+            table: {
+                disable: boolean;
+            };
+        };
+        onTransaction: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    args: {
+        to: string;
+    };
+    parameters: {
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: Story<PaymentDialogProps>;
+export declare const OrangeTheme: Story<PaymentDialogProps>;
+export declare const UsdAmount: Story<PaymentDialogProps>;
+export declare const withGoal: Story<PaymentDialogProps>;
+export declare const withUSDGoalCurrency: Story<PaymentDialogProps>;
+export declare const withEURGoalCurrency: Story<PaymentDialogProps>;

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

@@ -0,0 +1 @@
+export * from './PaymentDialog';

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

@@ -1,8 +1,12 @@
 import React from 'react';
 import { Theme, ThemeName } from '../../themes';
+import { currencyObject } from '../../util/satoshis';
+import { fiatCurrency } from '../../util/api-client';
+export declare type cryptoCurrency = 'BCH' | 'SAT' | 'bits';
+export declare type currency = cryptoCurrency | fiatCurrency;
 export interface WidgetProps {
     to: string;
-    amount?: number | null;
+    amount?: number | null | string;
     text?: string;
     ButtonComponent?: React.ComponentType;
     loading: boolean;
@@ -10,6 +14,14 @@ export interface WidgetProps {
     successText?: string;
     theme?: ThemeName | Theme;
     foot?: React.ReactNode;
+    disabled: boolean;
+    totalReceived?: number | null;
+    goalAmount?: number | string | null;
+    currency?: currency;
+    currencyObject?: currencyObject | undefined;
+    randomSatoshis?: boolean;
+    price?: number;
+    editable?: boolean;
 }
 export declare const Widget: React.FC<WidgetProps>;
 export default Widget;

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

@@ -32,3 +32,4 @@ export declare const Success: Story<WidgetProps>;
 export declare const Loading: Story<WidgetProps>;
 export declare const OrangeTheme: Story<WidgetProps>;
 export declare const CustomTheme: Story<WidgetProps>;
+export declare const WithGoal: Story<WidgetProps>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { fiatCurrency } from '../../util/api-client';
 import { WidgetProps } from './Widget';
-export declare type cryptoCurrency = 'BCH' | 'SAT';
+export declare type cryptoCurrency = 'BCH' | 'SAT' | 'bits';
 export declare type currency = cryptoCurrency | fiatCurrency;
 export interface WidgetContainerProps extends Omit<Omit<WidgetProps, 'loading'>, 'success'> {
     active?: boolean;
@@ -13,6 +13,17 @@ export interface WidgetContainerProps extends Omit<Omit<WidgetProps, 'loading'>,
     onSuccess?: (txid: string, amount: number) => void;
     onTransaction?: (txid: string, amount: number) => void;
     sound?: boolean;
+    goalAmount?: number | string;
+    disabled: boolean;
+    editable: boolean;
+}
+export interface Output {
+    index: number;
+    value: number;
+    pubkeyScript: string;
+    address: string;
+    scriptClass: string;
+    disassembledScript: string;
 }
 export declare const WidgetContainer: React.FC<WidgetContainerProps>;
 export default WidgetContainer;

package/dist/components/index.d.ts

@@ -2,5 +2,7 @@ export { Button } from './Button/Button';
 export type { ButtonProps } from './Button/Button';
 export { PayButton } from './PayButton/PayButton';
 export type { PayButtonProps } from './PayButton/PayButton';
+export { PaymentDialog } from './PaymentDialog/PaymentDialog';
+export type { PaymentDialogProps } from './PaymentDialog/PaymentDialog';
 export { WidgetContainer as Widget } from './Widget/WidgetContainer';
 export type { WidgetContainerProps as WidgetProps } from './Widget/WidgetContainer';

package/dist/index.d.ts

@@ -1,14 +1,31 @@
 /// <reference types="react" />
 import * as Components from './components';
 export declare const PayButton: {
-    (props: Components.PayButtonProps): import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    (props: Components.PayButtonProps): import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     defaultProps: {
         animation: string;
         hideToasts: boolean;
         randomSatoshis: boolean;
         successText: string;
+        disableEnforceFocus: boolean;
+        disabled: boolean;
+        editable: boolean;
     };
 };
 export declare type PayButtonProps = Components.PayButtonProps;
+export declare const PaymentDialog: {
+    (props: Components.PaymentDialogProps): import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    defaultProps: {
+        animation: string;
+        hideToasts: boolean;
+        randomSatoshis: boolean;
+        successText: string;
+        disableEnforceFocus: boolean;
+        disabled: boolean;
+        editable: boolean;
+        dialogOpen: boolean;
+    };
+};
+export declare type PaymentDialogProps = Components.PaymentDialogProps;
 export declare const Widget: import("react").FC<Components.WidgetProps>;
 export declare type WidgetProps = Components.WidgetProps;