razorpay-react-checkout 1.0.0

package/README.md

@@ -0,0 +1,127 @@
+# Razorpay React Checkout
+
+A TypeScript-first, SSR-safe React SDK for Razorpay with hooks and first-class Next.js support.
+
+## Features
+
+- 🔒 **TypeScript First**: Fully typed options and responses.
+- ⚡ **SSR Safe**: Works seamlessly with Next.js and other SSR frameworks.
+- 🎣 **Hooks**: `useRazorpay` hook for easy integration.
+- 📦 **Lightweight**: Minimal dependencies.
+
+## Installation
+
+```bash
+npm install razorpay-react-checkout
+# or
+yarn add razorpay-react-checkout
+# or
+pnpm add razorpay-react-checkout
+```
+
+## Usage
+
+### Using Provider (Recommended)
+
+Wrap your application with `RazorpayProvider` to load the script globally.
+
+```tsx
+import { RazorpayProvider } from 'razorpay-react-checkout';
+
+const App = () => (
+  <RazorpayProvider>
+    <Checkout />
+  </RazorpayProvider>
+);
+```
+
+### Using Hook
+
+```tsx
+import { useRazorpay, RazorpayOptions } from 'razorpay-react-checkout';
+
+const Checkout = () => {
+  const { isLoading, isLoaded, error, openRazorpay } = useRazorpay();
+
+  const handlePayment = () => {
+    const options: RazorpayOptions = {
+      key: 'YOUR_KEY_ID',
+      amount: 50000, // Amount in paise
+      currency: 'INR',
+      name: 'Acme Corp',
+      description: 'Test Transaction',
+      image: 'https://example.com/your_logo',
+      order_id: 'order_9A33XWu170g81s', // Generate order_id on server
+      handler: (response) => {
+        alert(response.razorpay_payment_id);
+        alert(response.razorpay_order_id);
+        alert(response.razorpay_signature);
+      },
+      prefill: {
+        name: 'John Doe',
+        email: 'youremail@example.com',
+        contact: '9999999999',
+      },
+      notes: {
+        address: 'Razorpay Corporate Office',
+      },
+      theme: {
+        color: '#3399cc',
+      },
+    };
+
+    const rzp = openRazorpay(options);
+
+    if (rzp) {
+      rzp.on('payment.failed', function (response: any) {
+        alert(response.error.code);
+        alert(response.error.description);
+        alert(response.error.source);
+        alert(response.error.step);
+        alert(response.error.reason);
+        alert(response.error.metadata.order_id);
+        alert(response.error.metadata.payment_id);
+      });
+    }
+  };
+
+  if (isLoading) {
+    return <div>Loading Razorpay SDK...</div>;
+  }
+
+  if (error) {
+    return <div>Error loading Razorpay SDK</div>;
+  }
+
+  return (
+    <div>
+      <h1>Razorpay React Checkout Example</h1>
+      <button onClick={handlePayment} disabled={!isLoaded}>
+        Pay Now
+      </button>
+    </div>
+  );
+};
+
+export default App;
+```
+
+### Next.js Usage
+
+The SDK is SSR-safe out of the box. You can use it in your Next.js pages or components without any special configuration. The script is loaded lazily on the client side when the hook is used.
+
+## API
+
+### `useRazorpay`
+
+Returns an object with the following properties:
+
+- `isLoaded`: `boolean` - Indicates if the Razorpay SDK script has loaded.
+- `isLoading`: `boolean` - Indicates if the Razorpay SDK script is currently loading.
+- `error`: `Error | null` - Error object if the script failed to load.
+- `Razorpay`: `RazorpayConstructor | null` - The raw Razorpay constructor (available on `window`).
+- `openRazorpay`: `(options: RazorpayOptions) => RazorpayInstance | null` - Helper function to initialize and open the checkout.
+
+## License
+
+MIT

package/dist/components/RazorpayProvider.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { RazorpayConstructor } from '../types';
+interface RazorpayContextType {
+    isLoaded: boolean;
+    isLoading: boolean;
+    error: Error | null;
+    Razorpay: RazorpayConstructor | null;
+}
+interface RazorpayProviderProps {
+    children: ReactNode;
+}
+export declare const RazorpayProvider: React.FC<RazorpayProviderProps>;
+export declare const useRazorpayContext: () => RazorpayContextType | undefined;
+export {};
+//# sourceMappingURL=RazorpayProvider.d.ts.map

package/dist/components/RazorpayProvider.d.ts.map

@@ -0,0 +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;AAE/C,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;CACtC;AAID,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwB5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,uCAE9B,CAAC"}

package/dist/components/RazorpayProvider.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+import { loadRazorpayScript } from '../lib/script-loader';
+const RazorpayContext = createContext(undefined);
+export const RazorpayProvider = ({ children }) => {
+    const [isLoaded, setIsLoaded] = useState(false);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        loadRazorpayScript()
+            .then(() => {
+            setIsLoaded(true);
+            setIsLoading(false);
+        })
+            .catch((err) => {
+            setError(err);
+            setIsLoading(false);
+        });
+    }, []);
+    const Razorpay = typeof window !== 'undefined' ? window.Razorpay : null;
+    return (_jsx(RazorpayContext.Provider, { value: { isLoaded, isLoading, error, Razorpay: Razorpay || null }, children: children }));
+};
+export const useRazorpayContext = () => {
+    return useContext(RazorpayContext);
+};
+//# sourceMappingURL=RazorpayProvider.js.map

package/dist/components/RazorpayProvider.js.map

@@ -0,0 +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;AAU1D,MAAM,eAAe,GAAG,aAAa,CAAkC,SAAS,CAAC,CAAC;AAMlF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChF,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,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,IAAI,EAAE,YACxF,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"}

package/dist/hooks/useRazorpay.d.ts

@@ -0,0 +1,9 @@
+import { RazorpayOptions, RazorpayInstance } from '../types';
+export declare const useRazorpay: () => {
+    openRazorpay: (options: RazorpayOptions) => RazorpayInstance | null;
+    isLoaded: boolean;
+    isLoading: boolean;
+    error: Error | null;
+    Razorpay: import("../types").RazorpayConstructor | null | undefined;
+};
+//# sourceMappingURL=useRazorpay.d.ts.map

package/dist/hooks/useRazorpay.d.ts.map

@@ -0,0 +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;4BA6BV,eAAe,KAAG,gBAAgB,GAAG,IAAI;;;;;CActD,CAAC"}

package/dist/hooks/useRazorpay.js

@@ -0,0 +1,39 @@
+import { useState, useEffect, useCallback } from 'react';
+import { loadRazorpayScript } from '../lib/script-loader';
+import { useRazorpayContext } from '../components/RazorpayProvider';
+export const useRazorpay = () => {
+    const context = useRazorpayContext();
+    const [isLoaded, setIsLoaded] = useState(false);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        if (context)
+            return;
+        loadRazorpayScript()
+            .then((loaded) => {
+            setIsLoaded(loaded);
+            setIsLoading(false);
+        })
+            .catch((err) => {
+            setError(err);
+            setIsLoading(false);
+        });
+    }, [context]);
+    const state = context || {
+        isLoaded,
+        isLoading,
+        error,
+        Razorpay: typeof window !== 'undefined' ? window.Razorpay : null,
+    };
+    const openRazorpay = useCallback((options) => {
+        if (!state.Razorpay) {
+            console.error('Razorpay SDK not loaded yet');
+            return null;
+        }
+        const rzp = new state.Razorpay(options);
+        rzp.open();
+        return rzp;
+    }, [state.Razorpay]);
+    return { ...state, openRazorpay };
+};
+//# sourceMappingURL=useRazorpay.js.map

package/dist/hooks/useRazorpay.js.map

@@ -0,0 +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;KACjE,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,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxC,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,OAAO,GAAG,CAAC;IACb,CAAC,EACD,CAAC,KAAK,CAAC,QAAQ,CAAC,CACjB,CAAC;IAEF,OAAO,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,CAAC;AACpC,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './hooks/useRazorpay';
+export * from './components/RazorpayProvider';
+export { loadRazorpayScript } from './lib/script-loader';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './hooks/useRazorpay';
+export * from './components/RazorpayProvider';
+export { loadRazorpayScript } from './lib/script-loader';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/lib/script-loader.d.ts

@@ -0,0 +1,2 @@
+export declare const loadRazorpayScript: () => Promise<boolean>;
+//# sourceMappingURL=script-loader.d.ts.map

package/dist/lib/script-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script-loader.d.ts","sourceRoot":"","sources":["../../src/lib/script-loader.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,kBAAkB,QAAO,OAAO,CAAC,OAAO,CAgBpD,CAAC"}

package/dist/lib/script-loader.js

@@ -0,0 +1,43 @@
+const RAZORPAY_SCRIPT_URL = 'https://checkout.razorpay.com/v1/checkout.js';
+let scriptLoaded = false;
+let scriptLoadingPromise = null;
+const loadScript = (retries = 3, delay = 1000) => {
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = RAZORPAY_SCRIPT_URL;
+        script.async = true;
+        script.onload = () => {
+            scriptLoaded = true;
+            resolve(true);
+        };
+        script.onerror = () => {
+            if (retries > 0) {
+                setTimeout(() => {
+                    loadScript(retries - 1, delay * 2)
+                        .then(resolve)
+                        .catch(reject);
+                }, delay);
+            }
+            else {
+                scriptLoaded = false;
+                scriptLoadingPromise = null;
+                reject(new Error('Failed to load Razorpay SDK'));
+            }
+        };
+        document.body.appendChild(script);
+    });
+};
+export const loadRazorpayScript = () => {
+    if (typeof window === 'undefined') {
+        return Promise.resolve(false);
+    }
+    if (scriptLoaded) {
+        return Promise.resolve(true);
+    }
+    if (scriptLoadingPromise) {
+        return scriptLoadingPromise;
+    }
+    scriptLoadingPromise = loadScript();
+    return scriptLoadingPromise;
+};
+//# sourceMappingURL=script-loader.js.map

package/dist/lib/script-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script-loader.js","sourceRoot":"","sources":["../../src/lib/script-loader.ts"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAG,8CAA8C,CAAC;AAE3E,IAAI,YAAY,GAAG,KAAK,CAAC;AACzB,IAAI,oBAAoB,GAA4B,IAAI,CAAC;AAEzD,MAAM,UAAU,GAAG,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,EAAoB,EAAE;IACjE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,GAAG,GAAG,mBAAmB,CAAC;QACjC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,YAAY,GAAG,IAAI,CAAC;YACpB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;YACpB,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;gBAChB,UAAU,CAAC,GAAG,EAAE;oBACd,UAAU,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC;yBAC/B,IAAI,CAAC,OAAO,CAAC;yBACb,KAAK,CAAC,MAAM,CAAC,CAAC;gBACnB,CAAC,EAAE,KAAK,CAAC,CAAC;YACZ,CAAC;iBAAM,CAAC;gBACN,YAAY,GAAG,KAAK,CAAC;gBACrB,oBAAoB,GAAG,IAAI,CAAC;gBAC5B,MAAM,CAAC,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAqB,EAAE;IACvD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,IAAI,oBAAoB,EAAE,CAAC;QACzB,OAAO,oBAAoB,CAAC;IAC9B,CAAC;IAED,oBAAoB,GAAG,UAAU,EAAE,CAAC;IAEpC,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,93 @@
+export interface RazorpayOptions {
+    key: string;
+    amount: number | string;
+    currency: string;
+    name?: string;
+    description?: string;
+    image?: string;
+    order_id?: string;
+    handler?: (response: RazorpayResponse) => void;
+    prefill?: {
+        name?: string;
+        email?: string;
+        contact?: string;
+        method?: 'card' | 'netbanking' | 'wallet' | 'emi' | 'upi';
+    };
+    notes?: Record<string, string>;
+    theme?: {
+        hide_topbar?: boolean;
+        color?: string;
+        backdrop_color?: string;
+    };
+    modal?: {
+        backdropclose?: boolean;
+        escape?: boolean;
+        handleback?: boolean;
+        confirm_close?: boolean;
+        ondismiss?: () => void;
+        animation?: boolean;
+    };
+    subscription_id?: string;
+    subscription_card_change?: boolean;
+    recurring?: boolean;
+    callback_url?: string;
+    redirect?: boolean;
+    customer_id?: string;
+    remember_customer?: boolean;
+    timeout?: number;
+    readonly?: {
+        contact?: boolean;
+        email?: boolean;
+        name?: boolean;
+    };
+    hidden?: {
+        contact?: boolean;
+        email?: boolean;
+    };
+    send_sms_hash?: boolean;
+    allow_rotation?: boolean;
+    retry?: {
+        enabled?: boolean;
+        max_count?: boolean;
+    };
+    config?: {
+        display?: {
+            language?: 'en' | 'ben' | 'hi' | 'mar' | 'guj' | 'tam' | 'tel';
+        };
+    };
+}
+export interface RazorpayResponse {
+    razorpay_payment_id: string;
+    razorpay_order_id?: string;
+    razorpay_signature?: string;
+}
+export interface RazorpayError {
+    code: string;
+    description: string;
+    source: string;
+    step: string;
+    reason: string;
+    metadata: {
+        order_id: string;
+        payment_id: string;
+    };
+}
+export interface RazorpayErrorResponse {
+    error: RazorpayError;
+}
+export interface RazorpayInstance {
+    open: () => void;
+    on: (event: string, callback: (response: RazorpayErrorResponse) => void) => void;
+    close: () => void;
+}
+export interface RazorpayConstructor {
+    new (options: RazorpayOptions): RazorpayInstance;
+    open: (options: RazorpayOptions) => void;
+    configure: (options: RazorpayOptions) => void;
+}
+declare global {
+    interface Window {
+        Razorpay?: RazorpayConstructor;
+    }
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "razorpay-react-checkout",
+  "version": "1.0.0",
+  "description": "TypeScript-first, SSR-safe React SDK for Razorpay with hooks and Next.js support",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --declaration",
+    "lint": "eslint src --fix",
+    "format": "prettier --write \"src/**/*.ts\" \"src/**/*.tsx\" \"test/**/*.ts\" \"test/**/*.tsx\"",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
+    "prepublishOnly": "npm run build && npm run test && npm run lint",
+    "precommit": "lint-staged"
+  },
+  "keywords": [
+    "razorpay",
+    "react",
+    "sdk",
+    "hooks",
+    "ssr",
+    "nextjs",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/arsallanShahab/razorpay-react-checkout.git"
+  },
+  "author": "Arsallan Shahab",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/arsallanShahab/razorpay-react-checkout/issues"
+  },
+  "homepage": "https://github.com/arsallanShahab/razorpay-react-checkout#readme",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^14.0.0",
+    "@types/node": "^25.0.3",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitest/coverage-v8": "^1.0.0",
+    "eslint": "^8.0.0",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^8.0.0",
+    "jsdom": "^22.0.0",
+    "lint-staged": "^15.0.0",
+    "prettier": "^3.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^1.0.0"
+  },
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">=8.0.0"
+  }
+}