@one-payments/react 1.1.17 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +22 -1
- package/dist/index.d.ts +22 -1
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/OnePayment.tsx"],"names":["createComponent","OnePaymentElement","React"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../src/OnePayment.tsx"],"names":["createComponent","OnePaymentElement","React"],"mappings":";;;;;;;;;;;AAqBO,IAAM,aAAaA,qBAAA,CAAgB;AAAA,EACxC,OAAA,EAAS,aAAA;AAAA,EACT,YAAA,EAAcC,+BAAA;AAAA,EACd,KAAA,EAAOC,sBAAA;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,gBAAA,EAAkB,iBAAA;AAAA,IAClB,cAAA,EAAgB,eAAA;AAAA,IAChB,aAAA,EAAe;AAAA;AAEnB,CAAC","file":"index.cjs","sourcesContent":["/**\n * React wrapper for <one-payment> web component\n * @module @one-payments/react\n */\n\nimport React from 'react';\nimport { createComponent } from '@lit/react';\nimport { OnePaymentElement } from '@one-payments/web-components';\nimport type {\n SDKConfig,\n PaymentSucceededPayload,\n PaymentFailedPayload,\n StateChangedPayload,\n Adapters,\n AppearanceOptions,\n} from '@one-payments/core';\n\n/**\n * React component wrapping <one-payment> custom element\n * Uses unified tag name: one-payment\n */\nexport const OnePayment = createComponent({\n tagName: 'one-payment',\n elementClass: OnePaymentElement,\n react: React,\n events: {\n onPaymentSuccess: 'payment-success',\n onPaymentError: 'payment-error',\n onStateChange: 'state-change',\n },\n});\n\n/**\n * Typed props interface for OnePayment React component\n */\nexport interface OnePaymentProps {\n config: SDKConfig;\n adapters: Adapters;\n amount: number;\n currency: string;\n orderId: string;\n firstName: string;\n lastName: string;\n email: string;\n excludePaymentMethods?: string[];\n width?: string;\n maxWidth?: string;\n metadata?: Record<string, string | number | boolean>;\n /**\n * Appearance customization options for theming and styling\n *\n * @example\n * ```tsx\n * // Dark theme\n * <OnePayment appearance={{ theme: 'dark' }} />\n *\n * // Custom colors\n * <OnePayment\n * appearance={{\n * theme: 'light',\n * variables: {\n * colorPrimary: '#6366f1',\n * borderRadius: '12px'\n * }\n * }}\n * />\n * ```\n */\n appearance?: AppearanceOptions;\n onPaymentSuccess?: (event: CustomEvent<PaymentSucceededPayload>) => void;\n onPaymentError?: (event: CustomEvent<PaymentFailedPayload>) => void;\n onStateChange?: (event: CustomEvent<StateChangedPayload>) => void;\n}\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _lit_react from '@lit/react';
|
|
2
2
|
import { OnePaymentElement } from '@one-payments/web-components';
|
|
3
|
-
import { SDKConfig, Adapters, PaymentSucceededPayload, PaymentFailedPayload, StateChangedPayload } from '@one-payments/core';
|
|
3
|
+
import { SDKConfig, Adapters, AppearanceOptions, PaymentSucceededPayload, PaymentFailedPayload, StateChangedPayload } from '@one-payments/core';
|
|
4
4
|
export { Adapters, PaymentFailedPayload, PaymentIntent, PaymentSucceededPayload, SDKConfig, State, StateChangedPayload } from '@one-payments/core';
|
|
5
5
|
|
|
6
6
|
/**
|
|
@@ -28,6 +28,27 @@ interface OnePaymentProps {
|
|
|
28
28
|
width?: string;
|
|
29
29
|
maxWidth?: string;
|
|
30
30
|
metadata?: Record<string, string | number | boolean>;
|
|
31
|
+
/**
|
|
32
|
+
* Appearance customization options for theming and styling
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```tsx
|
|
36
|
+
* // Dark theme
|
|
37
|
+
* <OnePayment appearance={{ theme: 'dark' }} />
|
|
38
|
+
*
|
|
39
|
+
* // Custom colors
|
|
40
|
+
* <OnePayment
|
|
41
|
+
* appearance={{
|
|
42
|
+
* theme: 'light',
|
|
43
|
+
* variables: {
|
|
44
|
+
* colorPrimary: '#6366f1',
|
|
45
|
+
* borderRadius: '12px'
|
|
46
|
+
* }
|
|
47
|
+
* }}
|
|
48
|
+
* />
|
|
49
|
+
* ```
|
|
50
|
+
*/
|
|
51
|
+
appearance?: AppearanceOptions;
|
|
31
52
|
onPaymentSuccess?: (event: CustomEvent<PaymentSucceededPayload>) => void;
|
|
32
53
|
onPaymentError?: (event: CustomEvent<PaymentFailedPayload>) => void;
|
|
33
54
|
onStateChange?: (event: CustomEvent<StateChangedPayload>) => void;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _lit_react from '@lit/react';
|
|
2
2
|
import { OnePaymentElement } from '@one-payments/web-components';
|
|
3
|
-
import { SDKConfig, Adapters, PaymentSucceededPayload, PaymentFailedPayload, StateChangedPayload } from '@one-payments/core';
|
|
3
|
+
import { SDKConfig, Adapters, AppearanceOptions, PaymentSucceededPayload, PaymentFailedPayload, StateChangedPayload } from '@one-payments/core';
|
|
4
4
|
export { Adapters, PaymentFailedPayload, PaymentIntent, PaymentSucceededPayload, SDKConfig, State, StateChangedPayload } from '@one-payments/core';
|
|
5
5
|
|
|
6
6
|
/**
|
|
@@ -28,6 +28,27 @@ interface OnePaymentProps {
|
|
|
28
28
|
width?: string;
|
|
29
29
|
maxWidth?: string;
|
|
30
30
|
metadata?: Record<string, string | number | boolean>;
|
|
31
|
+
/**
|
|
32
|
+
* Appearance customization options for theming and styling
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```tsx
|
|
36
|
+
* // Dark theme
|
|
37
|
+
* <OnePayment appearance={{ theme: 'dark' }} />
|
|
38
|
+
*
|
|
39
|
+
* // Custom colors
|
|
40
|
+
* <OnePayment
|
|
41
|
+
* appearance={{
|
|
42
|
+
* theme: 'light',
|
|
43
|
+
* variables: {
|
|
44
|
+
* colorPrimary: '#6366f1',
|
|
45
|
+
* borderRadius: '12px'
|
|
46
|
+
* }
|
|
47
|
+
* }}
|
|
48
|
+
* />
|
|
49
|
+
* ```
|
|
50
|
+
*/
|
|
51
|
+
appearance?: AppearanceOptions;
|
|
31
52
|
onPaymentSuccess?: (event: CustomEvent<PaymentSucceededPayload>) => void;
|
|
32
53
|
onPaymentError?: (event: CustomEvent<PaymentFailedPayload>) => void;
|
|
33
54
|
onStateChange?: (event: CustomEvent<StateChangedPayload>) => void;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/OnePayment.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["../src/OnePayment.tsx"],"names":[],"mappings":";;;;;AAqBO,IAAM,aAAa,eAAA,CAAgB;AAAA,EACxC,OAAA,EAAS,aAAA;AAAA,EACT,YAAA,EAAc,iBAAA;AAAA,EACd,KAAA,EAAO,KAAA;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,gBAAA,EAAkB,iBAAA;AAAA,IAClB,cAAA,EAAgB,eAAA;AAAA,IAChB,aAAA,EAAe;AAAA;AAEnB,CAAC","file":"index.js","sourcesContent":["/**\n * React wrapper for <one-payment> web component\n * @module @one-payments/react\n */\n\nimport React from 'react';\nimport { createComponent } from '@lit/react';\nimport { OnePaymentElement } from '@one-payments/web-components';\nimport type {\n SDKConfig,\n PaymentSucceededPayload,\n PaymentFailedPayload,\n StateChangedPayload,\n Adapters,\n AppearanceOptions,\n} from '@one-payments/core';\n\n/**\n * React component wrapping <one-payment> custom element\n * Uses unified tag name: one-payment\n */\nexport const OnePayment = createComponent({\n tagName: 'one-payment',\n elementClass: OnePaymentElement,\n react: React,\n events: {\n onPaymentSuccess: 'payment-success',\n onPaymentError: 'payment-error',\n onStateChange: 'state-change',\n },\n});\n\n/**\n * Typed props interface for OnePayment React component\n */\nexport interface OnePaymentProps {\n config: SDKConfig;\n adapters: Adapters;\n amount: number;\n currency: string;\n orderId: string;\n firstName: string;\n lastName: string;\n email: string;\n excludePaymentMethods?: string[];\n width?: string;\n maxWidth?: string;\n metadata?: Record<string, string | number | boolean>;\n /**\n * Appearance customization options for theming and styling\n *\n * @example\n * ```tsx\n * // Dark theme\n * <OnePayment appearance={{ theme: 'dark' }} />\n *\n * // Custom colors\n * <OnePayment\n * appearance={{\n * theme: 'light',\n * variables: {\n * colorPrimary: '#6366f1',\n * borderRadius: '12px'\n * }\n * }}\n * />\n * ```\n */\n appearance?: AppearanceOptions;\n onPaymentSuccess?: (event: CustomEvent<PaymentSucceededPayload>) => void;\n onPaymentError?: (event: CustomEvent<PaymentFailedPayload>) => void;\n onStateChange?: (event: CustomEvent<StateChangedPayload>) => void;\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@one-payments/react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "React wrapper for One Payments SDK",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@one-payments/core": "
|
|
33
|
-
"@one-payments/web-components": "
|
|
32
|
+
"@one-payments/core": "workspace:*",
|
|
33
|
+
"@one-payments/web-components": "workspace:*",
|
|
34
34
|
"@lit/react": "^1.0.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|