@paybutton/react 1.0.6 → 1.2.1

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,25 @@
+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: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("@storybook/react").Args>) => React.ReactNode)[];
+    argTypes: {
+        onClick: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, 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

@@ -1,17 +1,17 @@
-import { Story } from '@storybook/react';
 import React from 'react';
 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)[];
+    decorators: ((Story: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("@storybook/react").Args>) => React.ReactNode)[];
     argTypes: {
         onClick: {
             table: {
@@ -24,5 +24,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: Story<ButtonProps>;
-export declare const OrangeTheme: Story<ButtonProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ButtonProps>;
+export declare const OrangeTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ButtonProps>;

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

@@ -1,18 +1,20 @@
-import { Story } from '@storybook/react';
 import React from 'react';
 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)[];
+    decorators: ((Story: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("@storybook/react").Args>) => JSX.Element)[];
     argTypes: {
         onClick: {
             table: {
@@ -38,6 +40,9 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: Story<PayButtonProps>;
-export declare const OrangeTheme: Story<PayButtonProps>;
-export declare const UsdAmount: Story<PayButtonProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PayButtonProps>;
+export declare const OrangeTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PayButtonProps>;
+export declare const UsdAmount: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PayButtonProps>;
+export declare const withGoal: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PayButtonProps>;
+export declare const withUSDGoalCurrency: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PayButtonProps>;
+export declare const withEURGoalCurrency: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, 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,49 @@
+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: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, 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: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PaymentDialogProps>;
+export declare const OrangeTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PaymentDialogProps>;
+export declare const UsdAmount: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PaymentDialogProps>;
+export declare const withGoal: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PaymentDialogProps>;
+export declare const withUSDGoalCurrency: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PaymentDialogProps>;
+export declare const withEURGoalCurrency: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, 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

@@ -1,10 +1,9 @@
-import { Story } from '@storybook/react';
 import React from 'react';
 import { WidgetProps } from './Widget';
 declare const _default: {
     title: string;
     component: React.FC<WidgetProps>;
-    decorators: ((Story: Story<import("@storybook/react").Args>) => React.ReactNode)[];
+    decorators: ((Story: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("@storybook/react").Args>) => React.ReactNode)[];
     argTypes: {
         success: {
             control: string;
@@ -27,8 +26,9 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: Story<WidgetProps>;
-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 Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, WidgetProps>;
+export declare const Success: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, WidgetProps>;
+export declare const Loading: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, WidgetProps>;
+export declare const OrangeTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, WidgetProps>;
+export declare const CustomTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, WidgetProps>;
+export declare const WithGoal: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, 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;