@one-payments/react 1.5.4 → 1.5.5
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 +2 -0
- package/dist/index.d.ts +2 -0
- 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":";;;;;;;;;;;;AAgEA,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;AAyBM,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 phoneNumber: 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 * phoneNumber=\"+6512345678\"\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
|
@@ -19,6 +19,7 @@ interface OnePaymentProps {
|
|
|
19
19
|
firstName: string;
|
|
20
20
|
lastName: string;
|
|
21
21
|
email: string;
|
|
22
|
+
phoneNumber: string;
|
|
22
23
|
excludePaymentMethods?: PaymentMethodId[];
|
|
23
24
|
width?: string;
|
|
24
25
|
maxWidth?: string;
|
|
@@ -65,6 +66,7 @@ interface OnePaymentProps {
|
|
|
65
66
|
* firstName="John"
|
|
66
67
|
* lastName="Doe"
|
|
67
68
|
* email="john@example.com"
|
|
69
|
+
* phoneNumber="+6512345678"
|
|
68
70
|
* appearance={{ theme: 'dark' }}
|
|
69
71
|
* onPaymentSuccess={(e) => console.log('Success:', e.detail)}
|
|
70
72
|
* />
|
package/dist/index.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ interface OnePaymentProps {
|
|
|
19
19
|
firstName: string;
|
|
20
20
|
lastName: string;
|
|
21
21
|
email: string;
|
|
22
|
+
phoneNumber: string;
|
|
22
23
|
excludePaymentMethods?: PaymentMethodId[];
|
|
23
24
|
width?: string;
|
|
24
25
|
maxWidth?: string;
|
|
@@ -65,6 +66,7 @@ interface OnePaymentProps {
|
|
|
65
66
|
* firstName="John"
|
|
66
67
|
* lastName="Doe"
|
|
67
68
|
* email="john@example.com"
|
|
69
|
+
* phoneNumber="+6512345678"
|
|
68
70
|
* appearance={{ theme: 'dark' }}
|
|
69
71
|
* onPaymentSuccess={(e) => console.log('Success:', e.detail)}
|
|
70
72
|
* />
|
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":";;;;;;AAgEA,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;AAyBM,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 phoneNumber: 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 * phoneNumber=\"+6512345678\"\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.5.
|
|
3
|
+
"version": "1.5.5",
|
|
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.5.
|
|
33
|
-
"@one-payments/web-components": "^1.5.
|
|
32
|
+
"@one-payments/core": "^1.5.1",
|
|
33
|
+
"@one-payments/web-components": "^1.5.5",
|
|
34
34
|
"@lit/react": "^1.0.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|