@one-payments/react 1.2.3 → 1.4.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 +5 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var react = require('@lit/react');
|
|
5
5
|
var webComponents = require('@one-payments/web-components');
|
|
6
|
+
var core = require('@one-payments/core');
|
|
6
7
|
|
|
7
8
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
9
|
|
|
@@ -21,6 +22,10 @@ var OnePaymentBase = react.createComponent({
|
|
|
21
22
|
});
|
|
22
23
|
var OnePayment = OnePaymentBase;
|
|
23
24
|
|
|
25
|
+
Object.defineProperty(exports, "PAYMENT_METHODS", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () { return core.PAYMENT_METHODS; }
|
|
28
|
+
});
|
|
24
29
|
exports.OnePayment = OnePayment;
|
|
25
30
|
//# sourceMappingURL=index.cjs.map
|
|
26
31
|
//# sourceMappingURL=index.cjs.map
|
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":";;;;;;;;;;;;AA+DA,IAAM,iBAAiBA,qBAAA,CAAgB;AAAA,EACrC,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,CAAA;AAwBM,IAAM,UAAA,GAAa","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, EventName } 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 PaymentMethodId,\n} from '@one-payments/core';\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?: PaymentMethodId[];\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\n/**\n * Internal component created by @lit/react\n */\nconst OnePaymentBase = createComponent({\n tagName: 'one-payment',\n elementClass: OnePaymentElement,\n react: React,\n events: {\n onPaymentSuccess: 'payment-success' as EventName<CustomEvent<PaymentSucceededPayload>>,\n onPaymentError: 'payment-error' as EventName<CustomEvent<PaymentFailedPayload>>,\n onStateChange: 'state-change' as EventName<CustomEvent<StateChangedPayload>>,\n },\n});\n\n/**\n * OnePayment React component wrapping <one-payment> custom element\n *\n * @example\n * ```tsx\n * import { OnePayment } from '@one-payments/react';\n * import { createWebAdapters } from '@one-payments/adapters-web';\n *\n * <OnePayment\n * config={{ apiKey: '...', secretKey: '...', environment: 'demo' }}\n * adapters={createWebAdapters()}\n * amount={10000}\n * currency=\"SGD\"\n * orderId=\"order-123\"\n * firstName=\"John\"\n * lastName=\"Doe\"\n * email=\"john@example.com\"\n * appearance={{ theme: 'dark' }}\n * onPaymentSuccess={(e) => console.log('Success:', e.detail)}\n * />\n * ```\n */\nexport const OnePayment = OnePaymentBase as React.ComponentType<OnePaymentProps>;\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { SDKConfig, Adapters, AppearanceOptions, PaymentSucceededPayload, PaymentFailedPayload, StateChangedPayload } from '@one-payments/core';
|
|
3
|
-
export { Adapters, AppearanceOptions, AppearanceVariables, PaymentFailedPayload, PaymentIntent, PaymentSucceededPayload, SDKConfig, State, StateChangedPayload, ThemeMode } from '@one-payments/core';
|
|
2
|
+
import { SDKConfig, Adapters, PaymentMethodId, AppearanceOptions, PaymentSucceededPayload, PaymentFailedPayload, StateChangedPayload } from '@one-payments/core';
|
|
3
|
+
export { Adapters, AppearanceOptions, AppearanceVariables, PAYMENT_METHODS, PaymentFailedPayload, PaymentIntent, PaymentMethodId, PaymentSucceededPayload, SDKConfig, State, StateChangedPayload, ThemeMode } from '@one-payments/core';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* React wrapper for <one-payment> web component
|
|
@@ -19,7 +19,7 @@ interface OnePaymentProps {
|
|
|
19
19
|
firstName: string;
|
|
20
20
|
lastName: string;
|
|
21
21
|
email: string;
|
|
22
|
-
excludePaymentMethods?:
|
|
22
|
+
excludePaymentMethods?: PaymentMethodId[];
|
|
23
23
|
width?: string;
|
|
24
24
|
maxWidth?: string;
|
|
25
25
|
metadata?: Record<string, string | number | boolean>;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { SDKConfig, Adapters, AppearanceOptions, PaymentSucceededPayload, PaymentFailedPayload, StateChangedPayload } from '@one-payments/core';
|
|
3
|
-
export { Adapters, AppearanceOptions, AppearanceVariables, PaymentFailedPayload, PaymentIntent, PaymentSucceededPayload, SDKConfig, State, StateChangedPayload, ThemeMode } from '@one-payments/core';
|
|
2
|
+
import { SDKConfig, Adapters, PaymentMethodId, AppearanceOptions, PaymentSucceededPayload, PaymentFailedPayload, StateChangedPayload } from '@one-payments/core';
|
|
3
|
+
export { Adapters, AppearanceOptions, AppearanceVariables, PAYMENT_METHODS, PaymentFailedPayload, PaymentIntent, PaymentMethodId, PaymentSucceededPayload, SDKConfig, State, StateChangedPayload, ThemeMode } from '@one-payments/core';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* React wrapper for <one-payment> web component
|
|
@@ -19,7 +19,7 @@ interface OnePaymentProps {
|
|
|
19
19
|
firstName: string;
|
|
20
20
|
lastName: string;
|
|
21
21
|
email: string;
|
|
22
|
-
excludePaymentMethods?:
|
|
22
|
+
excludePaymentMethods?: PaymentMethodId[];
|
|
23
23
|
width?: string;
|
|
24
24
|
maxWidth?: string;
|
|
25
25
|
metadata?: Record<string, string | number | boolean>;
|
package/dist/index.js
CHANGED
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":";;;;;;AA+DA,IAAM,iBAAiB,eAAA,CAAgB;AAAA,EACrC,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,CAAA;AAwBM,IAAM,UAAA,GAAa","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, EventName } 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 PaymentMethodId,\n} from '@one-payments/core';\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?: PaymentMethodId[];\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\n/**\n * Internal component created by @lit/react\n */\nconst OnePaymentBase = createComponent({\n tagName: 'one-payment',\n elementClass: OnePaymentElement,\n react: React,\n events: {\n onPaymentSuccess: 'payment-success' as EventName<CustomEvent<PaymentSucceededPayload>>,\n onPaymentError: 'payment-error' as EventName<CustomEvent<PaymentFailedPayload>>,\n onStateChange: 'state-change' as EventName<CustomEvent<StateChangedPayload>>,\n },\n});\n\n/**\n * OnePayment React component wrapping <one-payment> custom element\n *\n * @example\n * ```tsx\n * import { OnePayment } from '@one-payments/react';\n * import { createWebAdapters } from '@one-payments/adapters-web';\n *\n * <OnePayment\n * config={{ apiKey: '...', secretKey: '...', environment: 'demo' }}\n * adapters={createWebAdapters()}\n * amount={10000}\n * currency=\"SGD\"\n * orderId=\"order-123\"\n * firstName=\"John\"\n * lastName=\"Doe\"\n * email=\"john@example.com\"\n * appearance={{ theme: 'dark' }}\n * onPaymentSuccess={(e) => console.log('Success:', e.detail)}\n * />\n * ```\n */\nexport const OnePayment = OnePaymentBase as React.ComponentType<OnePaymentProps>;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@one-payments/react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.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": "^1.
|
|
33
|
-
"@one-payments/web-components": "^1.
|
|
32
|
+
"@one-payments/core": "^1.4.0",
|
|
33
|
+
"@one-payments/web-components": "^1.4.0",
|
|
34
34
|
"@lit/react": "^1.0.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|