razorpay-react-checkout 1.0.0 → 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.
- package/dist/components/RazorpayProvider.d.ts +3 -1
- package/dist/components/RazorpayProvider.d.ts.map +1 -1
- package/dist/components/RazorpayProvider.js +2 -2
- package/dist/components/RazorpayProvider.js.map +1 -1
- package/dist/hooks/useRazorpay.d.ts +8 -0
- package/dist/hooks/useRazorpay.d.ts.map +1 -1
- package/dist/hooks/useRazorpay.js +8 -2
- package/dist/hooks/useRazorpay.js.map +1 -1
- package/package.json +5 -1
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
import { RazorpayConstructor } from '../types';
|
|
2
|
+
import { RazorpayConstructor, RazorpayOptions } from '../types';
|
|
3
3
|
interface RazorpayContextType {
|
|
4
4
|
isLoaded: boolean;
|
|
5
5
|
isLoading: boolean;
|
|
6
6
|
error: Error | null;
|
|
7
7
|
Razorpay: RazorpayConstructor | null;
|
|
8
|
+
defaultOptions?: Partial<RazorpayOptions>;
|
|
8
9
|
}
|
|
9
10
|
interface RazorpayProviderProps {
|
|
10
11
|
children: ReactNode;
|
|
12
|
+
options?: Partial<RazorpayOptions>;
|
|
11
13
|
}
|
|
12
14
|
export declare const RazorpayProvider: React.FC<RazorpayProviderProps>;
|
|
13
15
|
export declare const useRazorpayContext: () => RazorpayContextType | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RazorpayProvider.d.ts","sourceRoot":"","sources":["../../src/components/RazorpayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"RazorpayProvider.d.ts","sourceRoot":"","sources":["../../src/components/RazorpayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhE,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC3C;AAID,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0B5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,uCAE9B,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { createContext, useContext, useEffect, useState } from 'react';
|
|
3
3
|
import { loadRazorpayScript } from '../lib/script-loader';
|
|
4
4
|
const RazorpayContext = createContext(undefined);
|
|
5
|
-
export const RazorpayProvider = ({ children }) => {
|
|
5
|
+
export const RazorpayProvider = ({ children, options }) => {
|
|
6
6
|
const [isLoaded, setIsLoaded] = useState(false);
|
|
7
7
|
const [isLoading, setIsLoading] = useState(true);
|
|
8
8
|
const [error, setError] = useState(null);
|
|
@@ -18,7 +18,7 @@ export const RazorpayProvider = ({ children }) => {
|
|
|
18
18
|
});
|
|
19
19
|
}, []);
|
|
20
20
|
const Razorpay = typeof window !== 'undefined' ? window.Razorpay : null;
|
|
21
|
-
return (_jsx(RazorpayContext.Provider, { value: { isLoaded, isLoading, error, Razorpay: Razorpay || null }, children: children }));
|
|
21
|
+
return (_jsx(RazorpayContext.Provider, { value: { isLoaded, isLoading, error, Razorpay: Razorpay || null, defaultOptions: options }, children: children }));
|
|
22
22
|
};
|
|
23
23
|
export const useRazorpayContext = () => {
|
|
24
24
|
return useContext(RazorpayContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RazorpayProvider.js","sourceRoot":"","sources":["../../src/components/RazorpayProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"RazorpayProvider.js","sourceRoot":"","sources":["../../src/components/RazorpayProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW1D,MAAM,eAAe,GAAG,aAAa,CAAkC,SAAS,CAAC,CAAC;AAOlF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACzF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,EAAE;aACjB,IAAI,CAAC,GAAG,EAAE;YACT,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,YAEzF,QAAQ,GACgB,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,OAAO,UAAU,CAAC,eAAe,CAAC,CAAC;AACrC,CAAC,CAAC"}
|
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
import { RazorpayOptions, RazorpayInstance } from '../types';
|
|
2
2
|
export declare const useRazorpay: () => {
|
|
3
|
+
openRazorpay: (options: RazorpayOptions) => RazorpayInstance | null;
|
|
4
|
+
isLoaded: boolean;
|
|
5
|
+
isLoading: boolean;
|
|
6
|
+
error: Error | null;
|
|
7
|
+
Razorpay: import("../types").RazorpayConstructor | null;
|
|
8
|
+
defaultOptions?: Partial<RazorpayOptions>;
|
|
9
|
+
} | {
|
|
3
10
|
openRazorpay: (options: RazorpayOptions) => RazorpayInstance | null;
|
|
4
11
|
isLoaded: boolean;
|
|
5
12
|
isLoading: boolean;
|
|
6
13
|
error: Error | null;
|
|
7
14
|
Razorpay: import("../types").RazorpayConstructor | null | undefined;
|
|
15
|
+
defaultOptions: undefined;
|
|
8
16
|
};
|
|
9
17
|
//# sourceMappingURL=useRazorpay.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRazorpay.d.ts","sourceRoot":"","sources":["../../src/hooks/useRazorpay.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG7D,eAAO,MAAM,WAAW;
|
|
1
|
+
{"version":3,"file":"useRazorpay.d.ts","sourceRoot":"","sources":["../../src/hooks/useRazorpay.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG7D,eAAO,MAAM,WAAW;4BA8BV,eAAe,KAAG,gBAAgB,GAAG,IAAI;;;;;;;4BAAzC,eAAe,KAAG,gBAAgB,GAAG,IAAI;;;;;;CAoBtD,CAAC"}
|
|
@@ -24,16 +24,22 @@ export const useRazorpay = () => {
|
|
|
24
24
|
isLoading,
|
|
25
25
|
error,
|
|
26
26
|
Razorpay: typeof window !== 'undefined' ? window.Razorpay : null,
|
|
27
|
+
defaultOptions: undefined,
|
|
27
28
|
};
|
|
28
29
|
const openRazorpay = useCallback((options) => {
|
|
29
30
|
if (!state.Razorpay) {
|
|
30
31
|
console.error('Razorpay SDK not loaded yet');
|
|
31
32
|
return null;
|
|
32
33
|
}
|
|
33
|
-
|
|
34
|
+
// Merge default options with provided options
|
|
35
|
+
const mergedOptions = {
|
|
36
|
+
...state.defaultOptions,
|
|
37
|
+
...options,
|
|
38
|
+
};
|
|
39
|
+
const rzp = new state.Razorpay(mergedOptions);
|
|
34
40
|
rzp.open();
|
|
35
41
|
return rzp;
|
|
36
|
-
}, [state.Razorpay]);
|
|
42
|
+
}, [state.Razorpay, state.defaultOptions]);
|
|
37
43
|
return { ...state, openRazorpay };
|
|
38
44
|
};
|
|
39
45
|
//# sourceMappingURL=useRazorpay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRazorpay.js","sourceRoot":"","sources":["../../src/hooks/useRazorpay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IAErC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO;YAAE,OAAO;QAEpB,kBAAkB,EAAE;aACjB,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACf,WAAW,CAAC,MAAM,CAAC,CAAC;YACpB,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,KAAK,GAAG,OAAO,IAAI;QACvB,QAAQ;QACR,SAAS;QACT,KAAK;QACL,QAAQ,EAAE,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;
|
|
1
|
+
{"version":3,"file":"useRazorpay.js","sourceRoot":"","sources":["../../src/hooks/useRazorpay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IAErC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO;YAAE,OAAO;QAEpB,kBAAkB,EAAE;aACjB,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACf,WAAW,CAAC,MAAM,CAAC,CAAC;YACpB,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,KAAK,GAAG,OAAO,IAAI;QACvB,QAAQ;QACR,SAAS;QACT,KAAK;QACL,QAAQ,EAAE,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;QAChE,cAAc,EAAE,SAAS;KAC1B,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAwB,EAA2B,EAAE;QACpD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpB,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;YAC7C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,8CAA8C;QAC9C,MAAM,aAAa,GAAG;YACpB,GAAG,KAAK,CAAC,cAAc;YACvB,GAAG,OAAO;SACQ,CAAC;QAErB,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC9C,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,OAAO,GAAG,CAAC;IACb,CAAC,EACD,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,CACvC,CAAC;IAEF,OAAO,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,CAAC;AACpC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "razorpay-react-checkout",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "TypeScript-first, SSR-safe React SDK for Razorpay with hooks and Next.js support",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -42,6 +42,10 @@
|
|
|
42
42
|
"url": "https://github.com/arsallanShahab/razorpay-react-checkout/issues"
|
|
43
43
|
},
|
|
44
44
|
"homepage": "https://github.com/arsallanShahab/razorpay-react-checkout#readme",
|
|
45
|
+
"publishConfig": {
|
|
46
|
+
"access": "public",
|
|
47
|
+
"registry": "https://registry.npmjs.org"
|
|
48
|
+
},
|
|
45
49
|
"peerDependencies": {
|
|
46
50
|
"react": ">=16.8.0",
|
|
47
51
|
"react-dom": ">=16.8.0"
|