@w3payments/react 1.2.1 → 1.3.0

package/dist/main.d.ts

@@ -1,5 +1,5 @@
 export declare const W3_PAYMENTS_REACT_VERSION = "1.0.0";
-export { W3PaymentsProvider, W3PaymentWidget, w3MantineTheme, W3_THEME_CONSTANTS, } from './components';
+export { W3PaymentsProvider, W3PaymentWidget } from './components';
 export { useW3Payments } from './hooks/useW3Payments';
 export type { W3PaymentsProviderProps, W3PaymentWidgetProps, PaymentInitiateData, PaymentCompleteData, PaymentErrorData, PaymentMethodRowProps, W3PaymentFooterProps, } from './components';
 export type { PaymentEvent, PaymentError, PaymentMethodDisplayData, } from './types';

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,YAAY,CAAC;AAGpB,eAAO,MAAM,yBAAyB,UAAU,CAAC;AAGjD,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,wBAAwB,GACzB,MAAM,SAAS,CAAC;;;;AAGjB,wBAEE"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,YAAY,CAAC;AAGpB,eAAO,MAAM,yBAAyB,UAAU,CAAC;AAGjD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,wBAAwB,GACzB,MAAM,SAAS,CAAC;;;;AAGjB,wBAEE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@w3payments/react",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "React component library for universal Web3 payment processing with multi-vendor support",
   "type": "module",
   "main": "dist/index.js",
@@ -54,9 +54,9 @@
   "dependencies": {
     "@mantine/core": "^8.3.10",
     "framer-motion": "^12.23.26",
-    "@w3payments/adapters": "1.2.1",
-    "@w3payments/core": "1.2.1",
-    "@w3payments/common": "1.2.1"
+    "@w3payments/adapters": "1.2.2",
+    "@w3payments/common": "1.3.0",
+    "@w3payments/core": "1.2.2"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -72,12 +72,10 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
-    "@storybook/addon-a11y": "^10.1.10",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-vitest": "^10.1.10",
-    "@storybook/react-vite": "^10.1.10",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
     "@types/cors": "^2.8.19",
     "@types/express": "^5.0.6",
     "@types/node": "^24.10.3",
@@ -87,22 +85,27 @@
     "concurrently": "^8.2.2",
     "cors": "^2.8.5",
     "dotenv": "^17.2.3",
-    "eslint-plugin-storybook": "^10.1.10",
+    "eslint-plugin-storybook": "^10.1.11",
     "express": "^5.2.1",
+    "find-up": "^8.0.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "storybook": "^10.1.10",
+    "storybook": "^10.1.11",
+    "tsc-alias": "^1.8.16",
     "typescript": "~5.9.3",
+    "unplugin-dts": "1.0.0-beta.6",
     "vite": "^7.2.7",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2"
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && vite build",
+    "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
     "storybook": "concurrently \"npx tsx server.ts\" \"storybook dev -p 6006\"",
+    "server": "npx tsx server.ts",
+    "kill-servers": "pkill -f 'tsx server.ts' || pkill -f 'storybook dev' || echo 'No servers running'",
     "build-storybook": "storybook build",
     "version": "pnpm run build",
     "publish:beta": "pnpm publish --access public --tag beta --no-git-checks",

package/dist/theme.d.ts

@@ -1,194 +0,0 @@
-import { MantineColorsTuple } from '@mantine/core';
-export declare const W3_THEME_CONSTANTS: {
-    readonly WIDGET_HEIGHT: "600px";
-    readonly WIDGET_MAX_WIDTH: "440px";
-    readonly WIDGET_MIN_WIDTH: "380px";
-    readonly QR_SIZE: "176px";
-    readonly QR_GENERATION_SIZE: 176;
-    readonly QR_MARGIN: 1;
-    readonly HEADER_LOGO_SIZE: "28px";
-    readonly ACTION_ICON_SIZE: "40px";
-    readonly INFO_ICON_SIZE: "20px";
-    readonly COPY_ICON_SIZE: "14px";
-    readonly COLORS: {
-        readonly WIDGET_BACKGROUND: "var(--w3-widget-background, #fefefe)";
-        readonly CARD_BACKGROUND: "var(--w3-card-background, #fdfdfd)";
-        readonly QR_BACKGROUND: "var(--w3-qr-background, #fafafa)";
-        readonly INFO_BACKGROUND: "var(--w3-info-background, #f0f9ff)";
-        readonly INFO_ICON_BACKGROUND: "var(--w3-info-icon-background, #dbeafe)";
-        readonly USD_BADGE_BACKGROUND: "var(--w3-usd-badge-background, #f0f9ff)";
-        readonly COPY_BUTTON_BACKGROUND: "var(--w3-copy-button-background, white)";
-        readonly BORDER_LIGHT: "var(--w3-border-light, #f8f8f8)";
-        readonly BORDER_MEDIUM: "var(--w3-border-medium, #f4f4f5)";
-        readonly BORDER_COPY_DEFAULT: "var(--w3-border-copy-default, #e5e7eb)";
-        readonly INFO_TEXT: "var(--w3-info-text, #1e40af)";
-        readonly USD_BADGE_TEXT: "var(--w3-usd-badge-text, #1e40af)";
-        readonly MUTED_TEXT: "var(--w3-muted-text, #a1a1aa)";
-    };
-    readonly FONT_SIZES: {
-        readonly QR_AMOUNT: "24px";
-        readonly MAIN_AMOUNT: "36px";
-        readonly USD_BADGE: "10px";
-        readonly HEADER_LOGO: "9px";
-        readonly CURRENCY_LABEL: "10px";
-        readonly ADDRESS_TEXT: "10px";
-        readonly PAYMENT_METHOD_LABEL: "9px";
-    };
-    readonly TEXT: {
-        readonly DIRECT_DEPOSIT: "Direct Deposit";
-        readonly FREE: "Free";
-        readonly PROCESSING_TIMES: {
-            readonly INSTANT: "Instant";
-            readonly EXCHANGE: "1-5 min";
-            readonly FIAT: "1-3 days";
-            readonly WALLET: "10-20 min";
-        };
-        readonly FEES: {
-            readonly FREE: "Free";
-            readonly EXCHANGE: "1-3%";
-            readonly FIAT: "2-5%";
-        };
-    };
-};
-export declare const w3MantineTheme: {
-    focusRing?: "auto" | "always" | "never" | undefined;
-    scale?: number | undefined;
-    fontSmoothing?: boolean | undefined;
-    white?: string | undefined;
-    black?: string | undefined;
-    colors?: {
-        [x: string & {}]: MantineColorsTuple | undefined;
-        dark?: MantineColorsTuple | undefined;
-        gray?: MantineColorsTuple | undefined;
-        red?: MantineColorsTuple | undefined;
-        pink?: MantineColorsTuple | undefined;
-        grape?: MantineColorsTuple | undefined;
-        violet?: MantineColorsTuple | undefined;
-        indigo?: MantineColorsTuple | undefined;
-        blue?: MantineColorsTuple | undefined;
-        cyan?: MantineColorsTuple | undefined;
-        green?: MantineColorsTuple | undefined;
-        lime?: MantineColorsTuple | undefined;
-        yellow?: MantineColorsTuple | undefined;
-        orange?: MantineColorsTuple | undefined;
-        teal?: MantineColorsTuple | undefined;
-    } | undefined;
-    primaryShade?: import('@mantine/core').MantineColorShade | {
-        light?: import('@mantine/core').MantineColorShade | undefined;
-        dark?: import('@mantine/core').MantineColorShade | undefined;
-    } | undefined;
-    primaryColor?: string | undefined;
-    variantColorResolver?: import('@mantine/core').VariantColorsResolver | undefined;
-    autoContrast?: boolean | undefined;
-    luminanceThreshold?: number | undefined;
-    fontFamily?: string | undefined;
-    fontFamilyMonospace?: string | undefined;
-    headings?: {
-        fontFamily?: string | undefined;
-        fontWeight?: string | undefined;
-        textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
-        sizes?: {
-            h1?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h2?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h3?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h4?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h5?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h6?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
-    radius?: {
-        [x: string & {}]: string | undefined;
-        md?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    defaultRadius?: import('@mantine/core').MantineRadius | undefined;
-    spacing?: {
-        [x: number]: string | undefined;
-        [x: string & {}]: string | undefined;
-        md?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    fontSizes?: {
-        [x: string & {}]: string | undefined;
-        md?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    lineHeights?: {
-        [x: string & {}]: string | undefined;
-        md?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    breakpoints?: {
-        [x: string & {}]: string | undefined;
-        md?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    shadows?: {
-        [x: string & {}]: string | undefined;
-        md?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    respectReducedMotion?: boolean | undefined;
-    cursorType?: "default" | "pointer" | undefined;
-    defaultGradient?: {
-        from?: string | undefined;
-        to?: string | undefined;
-        deg?: number | undefined;
-    } | undefined;
-    activeClassName?: string | undefined;
-    focusClassName?: string | undefined;
-    components?: {
-        [x: string]: {
-            classNames?: any;
-            styles?: any;
-            vars?: any;
-            defaultProps?: any;
-        } | undefined;
-    } | undefined;
-    other?: {
-        [x: string]: any;
-    } | undefined;
-};
-//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../lib/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AA6CxD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BzB,CAAC"}