@w3payments/react 1.1.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.
Files changed (50) hide show
  1. package/README.md +308 -0
  2. package/dist/assets/3.svg +1 -0
  3. package/dist/assets/io.svg +1 -0
  4. package/dist/assets/main.css +1 -0
  5. package/dist/assets/vite.svg +1 -0
  6. package/dist/assets/w.svg +1 -0
  7. package/dist/components/PaymentButton.d.ts +18 -0
  8. package/dist/components/PaymentButton.d.ts.map +1 -0
  9. package/dist/components/PaymentFooter.d.ts +10 -0
  10. package/dist/components/PaymentFooter.d.ts.map +1 -0
  11. package/dist/components/PaymentHeader.d.ts +10 -0
  12. package/dist/components/PaymentHeader.d.ts.map +1 -0
  13. package/dist/components/PaymentInput.d.ts +23 -0
  14. package/dist/components/PaymentInput.d.ts.map +1 -0
  15. package/dist/components/PaymentMethodGroup.d.ts +14 -0
  16. package/dist/components/PaymentMethodGroup.d.ts.map +1 -0
  17. package/dist/components/PaymentMethodOption.d.ts +16 -0
  18. package/dist/components/PaymentMethodOption.d.ts.map +1 -0
  19. package/dist/components/PaymentMethodSelection.d.ts +14 -0
  20. package/dist/components/PaymentMethodSelection.d.ts.map +1 -0
  21. package/dist/components/PaymentSummary.d.ts +13 -0
  22. package/dist/components/PaymentSummary.d.ts.map +1 -0
  23. package/dist/components/W3PaymentWidget.d.ts +63 -0
  24. package/dist/components/W3PaymentWidget.d.ts.map +1 -0
  25. package/dist/components/W3PaymentsProvider.d.ts +24 -0
  26. package/dist/components/W3PaymentsProvider.d.ts.map +1 -0
  27. package/dist/components/index.d.ts +12 -0
  28. package/dist/components/index.d.ts.map +1 -0
  29. package/dist/context/W3PaymentsContext.d.ts +31 -0
  30. package/dist/context/W3PaymentsContext.d.ts.map +1 -0
  31. package/dist/hooks/index.d.ts +8 -0
  32. package/dist/hooks/index.d.ts.map +1 -0
  33. package/dist/hooks/useW3Payments.d.ts +32 -0
  34. package/dist/hooks/useW3Payments.d.ts.map +1 -0
  35. package/dist/http/W3PaymentsClient.d.ts +16 -0
  36. package/dist/http/W3PaymentsClient.d.ts.map +1 -0
  37. package/dist/index-B9KdNmCT.cjs +94 -0
  38. package/dist/index-Cu_k1Q9p.js +13544 -0
  39. package/dist/index.d.ts +6 -0
  40. package/dist/index.js +67 -0
  41. package/dist/index.mjs +5815 -0
  42. package/dist/main.d.ts +10 -0
  43. package/dist/main.d.ts.map +1 -0
  44. package/dist/types.d.ts +48 -0
  45. package/dist/types.d.ts.map +1 -0
  46. package/dist/utils/numbers.d.ts +16 -0
  47. package/dist/utils/numbers.d.ts.map +1 -0
  48. package/dist/utils/theme.d.ts +6 -0
  49. package/dist/utils/theme.d.ts.map +1 -0
  50. package/package.json +112 -0
@@ -0,0 +1,31 @@
1
+ import { W3Payments } from '@w3payments/core';
2
+ import { W3ThemeInput } from '@w3payments/common';
3
+ import { W3PaymentsClient } from '../http/W3PaymentsClient';
4
+ /**
5
+ * Context value - provides both W3Payments and HTTP client
6
+ */
7
+ export interface W3PaymentsContextValue {
8
+ /** W3Payments client instance - for data access (currencies, payment methods) */
9
+ w3payments: W3Payments | null;
10
+ /** HTTP client - for secure payment processing */
11
+ httpClient: W3PaymentsClient | null;
12
+ /** Indicates whether both clients are initialized */
13
+ isInitialized: boolean;
14
+ /** Server endpoint for payment API */
15
+ endpoint: string;
16
+ /** Optional theme configuration */
17
+ theme?: W3ThemeInput;
18
+ }
19
+ /**
20
+ * React Context for W3 Payments system
21
+ *
22
+ * Usage:
23
+ * ```tsx
24
+ * const context = useContext(W3PaymentsContext);
25
+ * if (!context) {
26
+ * throw new Error('useW3Payments must be used within W3PaymentsProvider');
27
+ * }
28
+ * ```
29
+ */
30
+ export declare const W3PaymentsContext: import('react').Context<W3PaymentsContextValue | null>;
31
+ //# sourceMappingURL=W3PaymentsContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"W3PaymentsContext.d.ts","sourceRoot":"","sources":["../../lib/context/W3PaymentsContext.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,iFAAiF;IACjF,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAE9B,kDAAkD;IAClD,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAEpC,qDAAqD;IACrD,aAAa,EAAE,OAAO,CAAC;IAEvB,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IAEjB,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,wDAE7B,CAAC"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Hook Exports
3
+ *
4
+ * Central export point for React hooks in the W3 Payments React library.
5
+ */
6
+ export { useW3Payments } from './useW3Payments';
7
+ export type { W3PaymentsContextValue } from '../context/W3PaymentsContext';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,YAAY,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { W3PaymentsContextValue } from '../context/W3PaymentsContext';
2
+ /**
3
+ * Custom hook to access W3Payments client
4
+ *
5
+ * @returns W3PaymentsContextValue containing the client instance and initialization state
6
+ * @throws Error when used outside of W3PaymentsProvider
7
+ *
8
+ * @example
9
+ * ```tsx
10
+ * function PaymentWidget() {
11
+ * const { w3payments, isInitialized } = useW3Payments();
12
+ *
13
+ * if (!isInitialized || !w3payments) {
14
+ * return <div>Loading payment client...</div>;
15
+ * }
16
+ *
17
+ * const handlePayment = async () => {
18
+ * const session = await w3payments.paymentIntents.create({
19
+ * amount: 100,
20
+ * currency: 'USD',
21
+ * customerId: 'customer_123',
22
+ * destinations: [...]
23
+ * });
24
+ * };
25
+ *
26
+ * return <button onClick={handlePayment}>Pay Now</button>;
27
+ * }
28
+ * ```
29
+ */
30
+ export declare const useW3Payments: () => W3PaymentsContextValue;
31
+ export default useW3Payments;
32
+ //# sourceMappingURL=useW3Payments.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useW3Payments.d.ts","sourceRoot":"","sources":["../../lib/hooks/useW3Payments.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,6BAA6B,CAAC;AAErC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,aAAa,QAAO,sBAWhC,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { CreatePaymentOptions, CheckoutSession, PaymentResult } from '@w3payments/common';
2
+ export interface W3PaymentsClientConfig {
3
+ endpoint: string;
4
+ headers?: Record<string, string>;
5
+ }
6
+ export declare class W3PaymentsClient {
7
+ private config;
8
+ constructor(config: W3PaymentsClientConfig);
9
+ private makeRequest;
10
+ createPayment(options: CreatePaymentOptions): Promise<CheckoutSession & {
11
+ selectedVendor: string;
12
+ }>;
13
+ getPaymentStatus(sessionId: string, vendorId: string): Promise<PaymentResult>;
14
+ isInitialized(): boolean;
15
+ }
16
+ //# sourceMappingURL=W3PaymentsClient.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"W3PaymentsClient.d.ts","sourceRoot":"","sources":["../../lib/http/W3PaymentsClient.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,oBAAoB,EACpB,eAAe,EACf,aAAa,EACd,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAAyB;gBAE3B,MAAM,EAAE,sBAAsB;YAI5B,WAAW;IAoBnB,aAAa,CACjB,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,eAAe,GAAG;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,CAAC;IAOlD,gBAAgB,CACpB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,aAAa,CAAC;IAMzB,aAAa,IAAI,OAAO;CAGzB"}