@paybutton/react 5.1.0 → 5.2.0

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

@@ -60,9 +60,11 @@ export interface PaymentDialogProps extends ButtonProps {
     newTxs?: Transaction[];
     autoClose?: boolean | number | string;
     disableSound?: boolean;
-    transactionText?: string;
     donationAddress?: string;
     donationRate?: number;
+    transactionText?: string;
+    convertedCurrencyObj?: CurrencyObject;
+    setConvertedCurrencyObj?: Function;
 }
-export declare const PaymentDialog: ({ to, amount, setAmount, opReturn, paymentId, disablePaymentId, currency, currencyObj, setCurrencyObj, cryptoAmount, price, successText, animation, randomSatoshis, hideToasts, onClose, onSuccess, onTransaction, goalAmount, disableEnforceFocus, editable, dialogOpen, setDialogOpen, container, wsBaseUrl, apiBaseUrl, hoverText, disableAltpayment, contributionOffset, autoClose, useAltpayment, setUseAltpayment, setTxsSocket, txsSocket, setAltpaymentSocket, altpaymentSocket, setCoins, coins, setCoinPair, coinPair, setLoadingPair, loadingPair, setAltpaymentShift, altpaymentShift, setLoadingShift, loadingShift, setAltpaymentError, altpaymentError, addressType, newTxs, setNewTxs, setAddressType, disableSound, transactionText, disabled, theme: themeProp, donationAddress, donationRate }: PaymentDialogProps) => React.ReactElement;
+export declare const PaymentDialog: ({ to, amount, setAmount, opReturn, paymentId, disablePaymentId, currency, currencyObj, setCurrencyObj, cryptoAmount, price, successText, animation, randomSatoshis, hideToasts, onClose, onSuccess, onTransaction, goalAmount, disableEnforceFocus, editable, dialogOpen, setDialogOpen, container, wsBaseUrl, apiBaseUrl, hoverText, disableAltpayment, contributionOffset, autoClose, useAltpayment, setUseAltpayment, setTxsSocket, txsSocket, setAltpaymentSocket, altpaymentSocket, setCoins, coins, setCoinPair, coinPair, setLoadingPair, loadingPair, setAltpaymentShift, altpaymentShift, setLoadingShift, loadingShift, setAltpaymentError, altpaymentError, addressType, newTxs, setNewTxs, setAddressType, disableSound, transactionText, disabled, convertedCurrencyObj, setConvertedCurrencyObj, theme: themeProp, donationAddress, donationRate }: PaymentDialogProps) => React.ReactElement;
 export default PaymentDialog;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { PaymentDialogProps } from './PaymentDialog';
 declare const _default: {
     title: string;
-    component: ({ to, amount, setAmount, opReturn, paymentId, disablePaymentId, currency, currencyObj, setCurrencyObj, cryptoAmount, price, successText, animation, randomSatoshis, hideToasts, onClose, onSuccess, onTransaction, goalAmount, disableEnforceFocus, editable, dialogOpen, setDialogOpen, container, wsBaseUrl, apiBaseUrl, hoverText, disableAltpayment, contributionOffset, autoClose, useAltpayment, setUseAltpayment, setTxsSocket, txsSocket, setAltpaymentSocket, altpaymentSocket, setCoins, coins, setCoinPair, coinPair, setLoadingPair, loadingPair, setAltpaymentShift, altpaymentShift, setLoadingShift, loadingShift, setAltpaymentError, altpaymentError, addressType, newTxs, setNewTxs, setAddressType, disableSound, transactionText, disabled, theme: themeProp, donationAddress, donationRate }: PaymentDialogProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    component: ({ to, amount, setAmount, opReturn, paymentId, disablePaymentId, currency, currencyObj, setCurrencyObj, cryptoAmount, price, successText, animation, randomSatoshis, hideToasts, onClose, onSuccess, onTransaction, goalAmount, disableEnforceFocus, editable, dialogOpen, setDialogOpen, container, wsBaseUrl, apiBaseUrl, hoverText, disableAltpayment, contributionOffset, autoClose, useAltpayment, setUseAltpayment, setTxsSocket, txsSocket, setAltpaymentSocket, altpaymentSocket, setCoins, coins, setCoinPair, coinPair, setLoadingPair, loadingPair, setAltpaymentShift, altpaymentShift, setLoadingShift, loadingShift, setAltpaymentError, altpaymentError, addressType, newTxs, setNewTxs, setAddressType, disableSound, transactionText, disabled, convertedCurrencyObj, setConvertedCurrencyObj, theme: themeProp, donationAddress, donationRate }: PaymentDialogProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     decorators: ((Story: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>) => JSX.Element)[];
     argTypes: {
         onClick: {

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

@@ -14,11 +14,11 @@ export interface WidgetProps {
     disablePaymentId?: boolean;
     text?: string;
     ButtonComponent?: React.ComponentType;
-    success: boolean;
+    success?: boolean;
     successText?: string;
     theme?: ThemeName | Theme;
     foot?: React.ReactNode;
-    disabled: boolean;
+    disabled?: boolean;
     goalAmount?: number | string | null;
     currency?: Currency;
     animation?: animation;
@@ -28,7 +28,7 @@ export interface WidgetProps {
     price?: number | undefined;
     usdPrice?: number | undefined;
     editable?: boolean;
-    setNewTxs: Function;
+    setNewTxs?: Function;
     newTxs?: Transaction[];
     wsBaseUrl?: string;
     apiBaseUrl?: string;
@@ -45,6 +45,8 @@ export interface WidgetProps {
     altpaymentSocket?: Socket;
     setAltpaymentSocket?: Function;
     shiftCompleted?: boolean;
+    donationAddress?: string;
+    donationRate?: number;
     setShiftCompleted?: Function;
     setCoins?: Function;
     coins?: AltpaymentCoin[];
@@ -60,8 +62,9 @@ export interface WidgetProps {
     setAddressType?: Function;
     newTxText?: string;
     transactionText?: string;
-    donationAddress?: string;
-    donationRate?: number;
+    convertedCurrencyObj?: CurrencyObject;
+    setConvertedCurrencyObj?: Function;
+    setPaymentId?: Function;
 }
 export declare const Widget: React.FunctionComponent<WidgetProps>;
 export default Widget;

package/dist/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' | 'setCurrencyObject' | 'shiftCompleted' | 'setShiftCompleted'> {
+export interface WidgetContainerProps extends Omit<WidgetProps, 'success' | 'setCurrencyObject' | 'shiftCompleted' | 'setShiftCompleted' | 'setPaymentId'> {
     active?: boolean;
     amount?: number;
     opReturn?: string;
@@ -30,6 +30,7 @@ export interface WidgetContainerProps extends Omit<WidgetProps, 'success' | 'set
     transactionText?: string;
     donationAddress?: string;
     donationRate?: number;
+    convertedCurrencyObj?: CurrencyObject;
 }
 export interface Output {
     index: number;

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

@@ -6,6 +6,7 @@ export declare const getBchFiatPrice: (currency: Currency, rootUrl?: string) =>
 export declare const getXecFiatPrice: (currency: Currency, rootUrl?: string) => Promise<PriceData>;
 export declare const getFiatPrice: (currency: string, to: string, apiBaseUrl?: string) => Promise<number | null>;
 export declare const getTransactionDetails: (txid: string, rootUrl?: string) => Promise<TransactionDetails>;
+export declare const createPayment: (amount: string | number | undefined, address: string, rootUrl?: string) => Promise<string | undefined>;
 declare const _default: {
     getAddressDetails: (address: string, rootUrl?: string) => Promise<Transaction[]>;
     getTransactionDetails: (txid: string, rootUrl?: string) => Promise<TransactionDetails>;

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

@@ -0,0 +1,25 @@
+/**
+ * Converts a hex color to RGB values
+ */
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * Normalizes any CSS color value to a hex code using the browser's canvas API
+ * Handles hex codes, named colors (e.g., "navy"), rgb(), hsl(), etc.
+ */
+export declare const normalizeColorToHex: (color: string) => string | null;
+/**
+ * Calculates the relative luminance of a color
+ * Based on WCAG 2.0 formula: https://www.w3.org/TR/WCAG20/#relativeluminancedef
+ * Returns a value between 0 (black) and 1 (white)
+ */
+export declare const getLuminance: (color: string) => number;
+/**
+ * Determines if dark mode should be used based on the color
+ * Dark mode is enabled when the color is light (luminance > 0.5)
+ * This threshold can be adjusted based on needs
+ */
+export declare const darkMode: (color: string, threshold?: number) => boolean;

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

@@ -3,8 +3,12 @@ export declare const CRYPTO_CURRENCIES: string[];
 export declare const DECIMALS: {
     [key: string]: number;
 };
+export declare const MAX_AMOUNT: {
+    [key: string]: number;
+};
 export declare const AUTO_CLOSE_DEFAULT_MS = 2000;
 export declare const CURRENCY_PREFIXES_MAP: Record<typeof CRYPTO_CURRENCIES[number], string>;
+export declare const CURRENCY_TYPES_MAP: Record<typeof CRYPTO_CURRENCIES[number], string>;
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | "extrasmall" | "small" | "medium" | "large" | "extralarge" | undefined;
 export declare const DEFAULT_DONATION_RATE = 2;
 export declare const DONATION_RATE_STORAGE_KEY = "paybutton_donation_rate";

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

@@ -1,6 +1,7 @@
 export * from './address';
 export * from './api-client';
 export * from './cashtab';
+export * from './color';
 export * from './constants';
 export * from './format';
 export * from './opReturn';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paybutton/react",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "description": "The easiest way to accept eCash online",
   "author": "Blockchain Ventures Corp.",
   "license": "MIT",
@@ -88,7 +88,6 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/lab": "^7.0.1-beta.18",
     "@mui/material": "^7.3.4",
     "@types/crypto-js": "^4.2.1",
     "@types/jest": "^29.5.11",
@@ -104,7 +103,7 @@
     "lodash": "4.17.21",
     "notistack": "3.0.0",
     "qrcode.react": "3",
-    "react-jss": "10.10.0",
+    "react-number-format": "^5.4.4",
     "socket.io-client": "4.7.4",
     "ts-jest": "^29.4.5",
     "xecaddrjs": "^0.0.1"