@paybutton/react 1.0.5 → 1.2.0

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

@@ -1,61 +1,210 @@
-export declare const getAddressDetails: (address: string) => Promise<AddressDetails>;
-export declare const getFiatPrice: (currency: fiatCurrency) => Promise<PriceData>;
-export declare const getTransactionDetails: (txid: string) => Promise<TransactionDetails>;
+export declare const getAddressDetails: (address: string, rootUrl?: string) => Promise<AddressDetails>;
+export declare const getSatoshiBalance: (address: string, rootUrl?: string) => Promise<{
+    satoshis: number;
+}>;
+export declare const getUTXOs: (address: string, rootUrl?: string) => Promise<UtxoDetails>;
+export declare const getFiatPrice: (currency: currency) => Promise<PriceData>;
+export declare const getTransactionDetails: (txid: string, rootUrl?: string) => Promise<TransactionDetails>;
 declare const _default: {
-    getAddressDetails: (address: string) => Promise<AddressDetails>;
-    getTransactionDetails: (txid: string) => Promise<TransactionDetails>;
-    getFiatPrice: (currency: fiatCurrency) => Promise<PriceData>;
+    getAddressDetails: (address: string, rootUrl?: string) => Promise<AddressDetails>;
+    getTransactionDetails: (txid: string, rootUrl?: string) => Promise<TransactionDetails>;
+    getFiatPrice: (currency: currency) => Promise<PriceData>;
+    getSatoshiBalance: (address: string, rootUrl?: string) => Promise<{
+        satoshis: number;
+    }>;
 };
 export default _default;
 export declare type fiatCurrency = 'USD' | 'CAD' | 'EUR' | 'GBP' | 'AUD';
+export declare type cryptoCurrency = 'BCH' | 'SAT' | 'bits';
+export declare type currency = cryptoCurrency | fiatCurrency;
 export interface AddressDetails {
-    balance: number;
-    balanceSat: number;
-    totalReceived: number;
-    totalReceivedSat: number;
-    totalSent: number;
-    totalSentSat: number;
-    unconfirmedBalance: number;
-    unconfirmedBalanceSat: number;
-    unconfirmedTxAppearances: number;
-    txAppearances: number;
-    transactions: [string];
-    legacyAddress: string;
-    cashAddress: string;
+    confirmedTransactionsList: [ConfirmedTransaction];
+    unconfirmedTransactionsList: [UnconfirmedTransaction];
 }
-export interface PriceData {
-    price: number;
-}
-export interface TransactionDetails {
-    txid: string;
+export interface ConfirmedTransaction {
+    hash: string;
     version: number;
-    locktime: number;
-    vin: {
-        coinbase: string;
+    inputsList: {
+        index: number;
+        outpoint: {
+            hash: string;
+            index: number;
+        };
+        signatureScript: string;
         sequence: number;
-        n: number;
+        value: number;
+        previousScript: string;
+        address: string;
     }[];
-    vout: {
-        value: string;
-        n: number;
-        scriptPubKey: {
-            hex: string;
-            asm: string;
-            addresses: string[];
-            type: string;
-            cashAddrs: string[];
-        };
-        spentTxId: string | null;
-        spentIndex: number | null;
-        spentHeight: number | null;
+    outputsList: {
+        index: number;
+        value: number;
+        pubkeyScript: string;
+        address: string;
+        scriptClass: string;
+        disassembledScript: string;
     }[];
-    blockhash: string;
-    blockheight: number;
-    confirmations: number;
-    time: number;
-    blocktime: number;
-    firstSeenTime: number;
-    isCoinBase: boolean;
-    valueOut: number;
+    lockTime: number;
     size: number;
+    timestamp: number;
+    confirmations: number;
+    blockHeight: number;
+    blockHash: string;
+    slpTransactionInfo: {
+        slpAction: number;
+        validityJudgement: number;
+        parseError: string;
+        tokenId: string;
+        burnFlagsList: [];
+    };
+}
+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: [];
+        };
+    };
+    addedTime: number;
+    addedHeight: number;
+    fee: number;
+    feePerKb: number;
+    startingPriority: number;
+}
+export interface UtxoDetails {
+    outputsList: [Output];
+    tokenMetadataList: [TokenMetaData];
+}
+export interface Output {
+    outpoint: {
+        hash: string;
+        index: number;
+    };
+    pubkeyScript: string;
+    value: number;
+    isCoinbase: boolean;
+    blockHeight: number;
+}
+export interface TokenMetaData {
+    tokenId: string;
+    tokenType: number;
+    v1Fungible: {
+        tokenTicker: string;
+        tokenName: string;
+        tokenDocumentUrl: string;
+        tokenDocumentHash: string;
+        decimals: number;
+        mintBatonHash: string;
+        mintBatonVout: number;
+    };
+}
+export interface PriceData {
+    price: number;
+}
+export interface TransactionDetails {
+    transaction: {
+        hash: string;
+        version: number;
+        inputsList: {
+            index: number;
+            outpoint: {
+                hash: string;
+                index: number;
+            };
+            signatureScript: string;
+            sequence: number;
+            value: number;
+            previousScript: string;
+            address: string;
+            slpToken: {
+                tokenId: string;
+                amount: string;
+                isMintBaton: boolean;
+                address: string;
+                decimals: number;
+                slpAction: number;
+                tokenType: number;
+            };
+        }[];
+        outputsList: {
+            index: number;
+            value: number;
+            pubkeyScript: string;
+            address: string;
+            scriptClass: string;
+            disassembledScript: string;
+            slpToken?: {
+                tokenId: string;
+                amount: string;
+                isMintBaton: boolean;
+                address: string;
+                decimals: number;
+                slpAction: number;
+                tokenType: number;
+            };
+        }[];
+        lockTime: number;
+        size: number;
+        timestamp: number;
+        confirmations: number;
+        blockHeight: number;
+        blockHash: string;
+        slpTransactionInfo: {
+            slpAction: number;
+            validityJudgement: number;
+            parseError: string;
+            tokenId: string;
+            burnFlagsList: [number];
+            v1Nft1ChildGenesis: {
+                name: string;
+                ticker: string;
+                documentUrl: string;
+                documentHash: string;
+                decimals: number;
+                groupTokenId: string;
+            };
+        };
+    };
+    tokenMetadata: {
+        tokenId: string;
+        tokenType: number;
+        v1Nft1Child: {
+            tokenTicker: string;
+            tokenName: string;
+            tokenDocumentUrl: string;
+            tokenDocumentHash: string;
+            groupId: string;
+        };
+    };
 }

package/dist/util/format.d.ts

@@ -1,5 +1,14 @@
+import { currency } from './api-client';
 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;
 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;
 };
 export default _default;

package/dist/util/satoshis.d.ts

@@ -1,7 +1,19 @@
+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;
+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;
 declare const _default: {
     satoshisToBch: (satoshis: number) => number;
     bchToSatoshis: (bch: number) => number;
+    getCurrencyObject: (amount: number, currencyType: currency) => currencyObject;
 };
 export default _default;

package/package.json

@@ -1,93 +1,99 @@
-{
-  "name": "@paybutton/react",
-  "version": "1.0.5",
-  "description": "The easiest way to accept Bitcoin Cash online",
-  "author": "poldridge",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/PayButton/paybutton.git"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.modern.js",
-  "source": "src/index.tsx",
-  "engines": {
-    "node": ">=10"
-  },
-  "scripts": {
-    "build": "microbundle --jsx React.createElement --format modern,cjs",
-    "lint": "eslint 'src/**/*.{ts,tsx}' --fix",
-    "prettier": "prettier --write 'src/**/*.ts'",
-    "start": "concurrently npm:watch npm:storybook",
-    "storybook": "start-storybook -p 6006",
-    "watch": "microbundle watch --jsx React.createElement --no-compress --format modern,cjs"
-  },
-  "peerDependencies": {
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.11.6",
-    "@storybook/addon-a11y": "^6.0.22",
-    "@storybook/addon-actions": "^6.0.22",
-    "@storybook/addon-essentials": "^6.0.22",
-    "@storybook/addon-links": "^6.0.22",
-    "@storybook/node-logger": "^6.0.22",
-    "@storybook/preset-create-react-app": "^3.1.4",
-    "@storybook/react": "^6.0.22",
-    "@types/lodash": "^4.14.157",
-    "@types/node": "^12.12.38",
-    "@types/qrcode.react": "^1.0.1",
-    "@types/react": "^16.9.27",
-    "@types/react-dom": "^16.9.7",
-    "@typescript-eslint/eslint-plugin": "^2.26.0",
-    "@typescript-eslint/parser": "^2.26.0",
-    "babel-eslint": "^10.0.3",
-    "babel-loader": "^8.1.0",
-    "concurrently": "^5.3.0",
-    "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.2.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-react-hooks": "^4.1.2",
-    "eslint-plugin-standard": "^4.0.1",
-    "husky": "^4.3.0",
-    "lint-staged": "^10.4.0",
-    "microbundle": "^0.12.4",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.1.2",
-    "react-is": "^16.13.1",
-    "react-scripts": "^3.4.3",
-    "typescript": "^3.7.5"
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "@material-ui/core": "^4.11.0",
-    "@material-ui/lab": "^4.0.0-alpha.56",
-    "@material-ui/styles": "^4.10.0",
-    "copy-to-clipboard": "^3.3.1",
-    "lodash": "^4.17.20",
-    "notistack": "^1.0.0",
-    "qrcode.react": "^1.0.0",
-    "react-jss": "^10.3.0"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
-      "eslint --fix",
-      "prettier --write"
-    ]
-  }
-}
+{
+  "name": "@paybutton/react",
+  "version": "1.2.0",
+  "description": "The easiest way to accept Bitcoin Cash online",
+  "author": "poldridge",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/PayButton/paybutton.git"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.modern.js",
+  "source": "src/index.tsx",
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "build": "microbundle --jsx React.createElement --format modern,cjs",
+    "lint": "eslint 'src/**/*.{ts,tsx}' --fix",
+    "prettier": "prettier --write 'src/**/*.ts'",
+    "start": "concurrently npm:watch npm:storybook",
+    "storybook": "start-storybook -p 6006",
+    "watch": "microbundle watch --jsx React.createElement --no-compress --format modern,cjs"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.11.6",
+    "@popperjs/core": "^2.7.2",
+    "@storybook/addon-a11y": "^6.1.18",
+    "@storybook/addon-actions": "^6.1.18",
+    "@storybook/addon-essentials": "^6.1.18",
+    "@storybook/addon-links": "^6.1.18",
+    "@storybook/node-logger": "^6.1.18",
+    "@storybook/preset-create-react-app": "^3.1.6",
+    "@storybook/react": "^6.1.18",
+    "@types/currency-formatter": "^1.3.0",
+    "@types/lodash": "^4.14.157",
+    "@types/node": "^12.12.38",
+    "@types/qrcode.react": "^1.0.1",
+    "@types/react": "^16.9.27",
+    "@types/react-dom": "^16.9.7",
+    "@typescript-eslint/eslint-plugin": "^2.26.0",
+    "@typescript-eslint/parser": "^2.26.0",
+    "babel-eslint": "^10.0.3",
+    "babel-loader": "^8.1.0",
+    "concurrently": "^5.3.0",
+    "cross-env": "^7.0.2",
+    "currency-formatter": "^1.5.6",
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.7.0",
+    "eslint-config-standard": "^14.1.0",
+    "eslint-config-standard-react": "^9.2.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-node": "^11.0.0",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-react": "^7.17.0",
+    "eslint-plugin-react-hooks": "^4.1.2",
+    "eslint-plugin-standard": "^4.0.1",
+    "husky": "^4.3.0",
+    "lint-staged": "^10.4.0",
+    "microbundle": "^0.12.4",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.1.2",
+    "react-is": "^16.13.1",
+    "react-scripts": "^3.4.3",
+    "typescript": "^3.7.5"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@bitauth/libauth": "^1.18.0",
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/lab": "^4.0.0-alpha.56",
+    "@material-ui/styles": "^4.10.0",
+    "axios": "^0.21.1",
+    "bignumber.js": "^9.0.1",
+    "copy-to-clipboard": "^3.3.1",
+    "lodash": "^4.17.20",
+    "notistack": "^1.0.0",
+    "qrcode.react": "^1.0.0",
+    "react-jss": "^10.3.0"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  }
+}

package/dist/BCH~bmNlrEgs.svg

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
- <g fill-rule="evenodd">
-  <circle cx="16" cy="16" r="16" fill="#4bc846"/>
-  <path d="m21.207 10.534c-0.776-1.972-2.722-2.15-4.988-1.71l-0.807-2.813-1.712 0.491 0.786 2.74c-0.45 0.128-0.908 0.27-1.363 0.41l-0.79-2.758-1.711 0.49 0.805 2.813c-0.368 0.114-0.73 0.226-1.085 0.328l-3e-3 -0.01-2.362 0.677 0.525 1.83s1.258-0.388 1.243-0.358c0.694-0.199 1.035 0.139 1.2 0.468l0.92 3.204c0.047-0.013 0.11-0.029 0.184-0.04l-0.181 0.052 1.287 4.49c0.032 0.227 4e-3 0.612-0.48 0.752 0.027 0.013-1.246 0.356-1.246 0.356l0.247 2.143 2.228-0.64c0.415-0.117 0.825-0.227 1.226-0.34l0.817 2.845 1.71-0.49-0.807-2.815a65.74 65.74 0 0 0 1.372-0.38l0.802 2.803 1.713-0.491-0.814-2.84c2.831-0.991 4.638-2.294 4.113-5.07-0.422-2.234-1.724-2.912-3.471-2.836 0.848-0.79 1.213-1.858 0.642-3.3zm-0.65 6.77c0.61 2.127-3.1 2.929-4.26 3.263l-1.081-3.77c1.16-0.333 4.704-1.71 5.34 0.508zm-2.322-5.09c0.554 1.935-2.547 2.58-3.514 2.857l-0.98-3.419c0.966-0.277 3.915-1.455 4.494 0.563z" fill="#fff" fill-rule="nonzero"/>
- </g>
-</svg>

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Theme, ThemeName } from '../../../themes';
-declare type animation = 'slide' | 'invert' | 'none';
-export interface ButtonProps {
-    animation?: animation;
-    borderRadius?: number | string;
-    size?: number;
-    children?: string;
-    hoverText?: string;
-    onClick?: () => void;
-    theme?: ThemeName | Theme;
-}
-export declare const Button: (props: ButtonProps) => React.ReactElement;
-export default Button;

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

@@ -1,20 +0,0 @@
-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>)>;
-    decorators: ((Story: Story<import("@storybook/react").Args>) => React.ReactNode)[];
-    argTypes: {
-        onClick: {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-    parameters: {
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Primary: Story<ButtonProps>;

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

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

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

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

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Theme, ThemeName } from '../../../themes';
-export interface WidgetProps {
-    address: string;
-    amount?: number | null;
-    displayAmount?: string;
-    text?: string;
-    ButtonComponent?: React.ComponentType;
-    loading: boolean;
-    success: boolean;
-    successMessage?: string;
-    theme?: ThemeName | Theme;
-    foot?: React.ReactNode;
-}
-export declare const Widget: React.FC<WidgetProps>;
-export default Widget;

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

@@ -1,33 +0,0 @@
-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)[];
-    argTypes: {
-        success: {
-            control: string;
-        };
-        ButtonComponent: {
-            table: {
-                disable: boolean;
-            };
-        };
-        foot: {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-    args: {
-        address: string;
-        loading: boolean;
-        success: boolean;
-    };
-};
-export default _default;
-export declare const Primary: Story<WidgetProps>;
-export declare const Success: Story<WidgetProps>;
-export declare const Loading: Story<WidgetProps>;
-export declare const OrangeTheme: Story<WidgetProps>;

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

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { fiatCurrency } from '../../util/api-client';
-import { WidgetProps } from '../UI/Widget/Widget';
-export declare type cryptoCurrency = 'BCH' | 'SAT';
-export declare type currency = cryptoCurrency | fiatCurrency;
-export interface WidgetContainerProps extends Omit<Omit<WidgetProps, 'loading'>, 'success'> {
-    active?: boolean;
-    amount?: number;
-    currency?: currency;
-    detectPayment?: boolean;
-    displayCurrency?: cryptoCurrency;
-    hideToasts?: boolean;
-    onSuccess?: (txid: string, amount: number) => void;
-    onTransaction?: (txid: string, amount: number) => void;
-    sound?: boolean;
-}
-export declare const WidgetContainer: (props: WidgetContainerProps) => React.ReactElement;
-export default WidgetContainer;

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

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1 +0,0 @@
-export {};

package/dist/hooks/useBalancePolling.d.ts

@@ -1,20 +0,0 @@
-interface AddressDetails {
-    loading: boolean;
-    data?: {
-        balance: number;
-        balanceSat: number;
-        totalReceived: number;
-        totalReceivedSat: number;
-        totalSent: number;
-        totalSentSat: number;
-        unconfirmedBalance: number;
-        unconfirmedBalanceSat: number;
-        unconfirmedTxAppearances: number;
-        txAppearances: number;
-        transactions: [string];
-        legacyAddress: string;
-        cashAddress: string;
-    };
-}
-export declare const useAddressDetails: (address: string) => AddressDetails;
-export default useAddressDetails;