@paybutton/react 5.1.1 → 5.2.1

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;

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

@@ -11,21 +11,21 @@ export interface WidgetContainerProps extends Omit<WidgetProps, 'success' | 'set
     currencyObj?: CurrencyObject;
     cryptoAmount?: string;
     price?: number;
-    setCurrencyObj: Function;
+    setCurrencyObj?: Function;
     randomSatoshis?: boolean | number;
     hideToasts?: boolean;
     onSuccess?: (transaction: Transaction) => void;
     onTransaction?: (transaction: Transaction) => void;
     sound?: boolean;
     goalAmount?: number | string;
-    disabled: boolean;
-    editable: boolean;
+    disabled?: boolean;
+    editable?: boolean;
     wsBaseUrl?: string;
     apiBaseUrl?: string;
     successText?: string;
     disableAltpayment?: boolean;
     contributionOffset?: number;
-    setNewTxs: Function;
+    setNewTxs?: Function;
     disableSound?: boolean;
     transactionText?: string;
     donationAddress?: string;

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/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.1",
+  "version": "5.2.1",
   "description": "The easiest way to accept eCash online",
   "author": "Blockchain Ventures Corp.",
   "license": "MIT",
@@ -8,6 +8,10 @@
     "type": "git",
     "url": "https://github.com/PayButton/paybutton.git"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "files": [
     "dist"
   ],
@@ -56,6 +60,7 @@
     "@vitejs/plugin-react": "^4.6.0",
     "babel-eslint": "10.1.0",
     "babel-loader": "8.2.5",
+    "canvas": "^3.2.0",
     "concurrently": "5.3.0",
     "cross-env": "7.0.3",
     "currency-formatter": "1.5.9",
@@ -88,7 +93,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 +108,6 @@
     "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",