@paybutton/react 1.1.0 → 1.2.0

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/PayButton/PayButton.d.ts

@@ -1,7 +1,7 @@
 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 | string;
@@ -10,12 +10,12 @@ export interface PayButtonProps extends ButtonProps {
     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;
 }
@@ -28,6 +28,7 @@ export declare const PayButton: {
         successText: string;
         disableEnforceFocus: boolean;
         disabled: boolean;
+        editable: boolean;
     };
 };
 export default PayButton;

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

@@ -12,6 +12,7 @@ declare const _default: {
             successText: string;
             disableEnforceFocus: boolean;
             disabled: boolean;
+            editable: boolean;
         };
     };
     decorators: ((Story: Story<import("@storybook/react").Args>) => JSX.Element)[];

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,7 +1,8 @@
 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';
+export declare type cryptoCurrency = 'BCH' | 'SAT' | 'bits';
 export declare type currency = cryptoCurrency | fiatCurrency;
 export interface WidgetProps {
     to: string;
@@ -17,6 +18,10 @@ export interface WidgetProps {
     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/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;
@@ -15,6 +15,15 @@ export interface WidgetContainerProps extends Omit<Omit<WidgetProps, 'loading'>,
     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

@@ -9,8 +9,23 @@ export declare const PayButton: {
         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;