@valuepay/react 1.0.0

package/dist/cjs/hooks/useValuePay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValuePay.js","sources":["../../../../src/hooks/useValuePay.ts"],"sourcesContent":["import { useCallback, useState, useRef } from \"react\";\nimport { useScript } from \"./useScript\";\nimport { normalizeConfig, normalizeResponse } from \"../utils/helpers\";\nimport { DEFAULT_SCRIPT_URL } from \"../utils/constants\";\nimport type { ValuePayConfig, UseValuePayReturn } from \"../types\";\n\nexport const useValuePay = (config: ValuePayConfig): UseValuePayReturn => {\n  const scriptUrl = config.scriptUrl || DEFAULT_SCRIPT_URL;\n  const isReady = useScript(scriptUrl);\n  const [isProcessing, setIsProcessing] = useState(false);\n  const configRef = useRef(config);\n  configRef.current = config;\n\n  const initialize = useCallback(\n    (overrides?: Partial<ValuePayConfig>) => {\n      const cfg = configRef.current;\n\n      if (typeof window === \"undefined\" || !window.ValuepayCheckout) {\n        cfg.onError?.(new Error(\"ValuePay script not loaded. Ensure the script URL is accessible.\"));\n        return;\n      }\n\n      if (isProcessing) return;\n\n      setIsProcessing(true);\n\n      const normalized = normalizeConfig(cfg, overrides);\n      const ref = normalized.transactionRef;\n\n      window.ValuepayCheckout({\n        ...normalized,\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        oncallback: (response: any) => {\n          const res = normalizeResponse(response, ref, cfg);\n          setIsProcessing(false);\n\n          if (cfg.redirectUrl) {\n            const url = new URL(cfg.redirectUrl);\n            url.searchParams.set(\"ref\", res.ref);\n            url.searchParams.set(\"status\", res.status);\n            window.location.href = url.toString();\n            return;\n          }\n\n          cfg.onCallback?.(res);\n\n          if (res.status === \"SUCCESS\" || res.status === \"COMPLETED\") {\n            cfg.onSuccess?.(res);\n          }\n        },\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        onCancelled: (response: any) => {\n          const res = normalizeResponse(response, ref, cfg);\n          res.status = \"CANCELLED\";\n          setIsProcessing(false);\n\n          if (cfg.redirectUrl) {\n            const url = new URL(cfg.redirectUrl);\n            url.searchParams.set(\"ref\", res.ref);\n            url.searchParams.set(\"status\", \"CANCELLED\");\n            window.location.href = url.toString();\n            return;\n          }\n\n          cfg.onCancelled?.(res);\n        },\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        onAborted: (response: any) => {\n          const res = normalizeResponse(response, ref, cfg);\n          res.status = \"CANCELLED\";\n          setIsProcessing(false);\n          cfg.onCancelled?.(res);\n        },\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        onClosed: (response: any) => {\n          const res = normalizeResponse(response, ref, cfg);\n          setIsProcessing(false);\n\n          if (cfg.redirectUrl) {\n            const url = new URL(cfg.redirectUrl);\n            url.searchParams.set(\"ref\", res.ref);\n            url.searchParams.set(\"status\", \"CLOSED\");\n            window.location.href = url.toString();\n            return;\n          }\n\n          cfg.onClose?.(res);\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isReady, isProcessing],\n  );\n\n  return { initialize, isReady, isProcessing };\n};\n"],"names":["DEFAULT_SCRIPT_URL","useScript","useState","useRef","useCallback","normalizeConfig","normalizeResponse"],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var ValuePayButton = require('./components/ValuePayButton.js');
+var ValuePayProvider = require('./components/ValuePayProvider.js');
+var useValuePay = require('./hooks/useValuePay.js');
+var useScript = require('./hooks/useScript.js');
+var helpers = require('./utils/helpers.js');
+
+
+
+exports.ValuePayButton = ValuePayButton.ValuePayButton;
+exports.ValuePayProvider = ValuePayProvider.ValuePayProvider;
+exports.useValuePay = useValuePay.useValuePay;
+exports.useScript = useScript.useScript;
+exports.generateTransactionRef = helpers.generateTransactionRef;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/cjs/utils/constants.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const DEFAULT_SCRIPT_URL = "https://www.valuepayng.com/js/vp-v1.js?v=1.022334450";
+const DEFAULT_CURRENCY = "NGN";
+const DEFAULT_CHANNELS = ["card", "transfer", "qrcode", "ussd"];
+const TRANSACTION_REF_PREFIX = "VPS_TX_";
+
+exports.DEFAULT_CHANNELS = DEFAULT_CHANNELS;
+exports.DEFAULT_CURRENCY = DEFAULT_CURRENCY;
+exports.DEFAULT_SCRIPT_URL = DEFAULT_SCRIPT_URL;
+exports.TRANSACTION_REF_PREFIX = TRANSACTION_REF_PREFIX;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/utils/constants.ts"],"sourcesContent":["import type { PaymentChannel } from \"../types\";\n\nexport const DEFAULT_SCRIPT_URL = \"https://www.valuepayng.com/js/vp-v1.js?v=1.022334450\";\nexport const DEFAULT_CURRENCY = \"NGN\";\nexport const DEFAULT_CHANNELS: PaymentChannel[] = [\"card\", \"transfer\", \"qrcode\", \"ussd\"];\nexport const TRANSACTION_REF_PREFIX = \"VPS_TX_\";\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;AACzB,MAAM,gBAAgB,GAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM;AAChF,MAAM,sBAAsB,GAAG;;;;;;;"}

package/dist/cjs/utils/helpers.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var constants = require('./constants.js');
+
+/**
+ * Generate a unique transaction reference.
+ */
+const generateTransactionRef = (length = 20) => {
+    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+    let result = constants.TRANSACTION_REF_PREFIX;
+    for (let i = 0; i < length; i++) {
+        result += chars.charAt(Math.floor(Math.random() * chars.length));
+    }
+    return result;
+};
+/**
+ * Normalize the SDK config into the shape expected by window.ValuepayCheckout.
+ */
+const normalizeConfig = (config, overrides) => {
+    const merged = { ...config, ...overrides };
+    const ref = merged.transactionRef || generateTransactionRef();
+    return {
+        public_key: merged.publicKey,
+        transactionRef: ref,
+        amount: merged.amount,
+        currency: merged.currency || constants.DEFAULT_CURRENCY,
+        channels: merged.channels || constants.DEFAULT_CHANNELS,
+        type: "default",
+        redirect_url: merged.redirectUrl,
+        metaData: merged.metaData,
+        customer: {
+            email: merged.customer.email,
+            fullName: merged.customer.fullName,
+            phone: merged.customer.phone,
+        },
+        customisedCheckout: merged.customization
+            ? {
+                title: merged.customization.title,
+                description: merged.customization.description,
+                logoLink: merged.customization.logoUrl,
+            }
+            : undefined,
+    };
+};
+/**
+ * Normalize the raw ValuePay response into our SDK response shape.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const normalizeResponse = (raw, ref, config) => {
+    var _a;
+    return {
+        ref: (raw === null || raw === void 0 ? void 0 : raw.ref) || (raw === null || raw === void 0 ? void 0 : raw.reference) || (raw === null || raw === void 0 ? void 0 : raw.tx_ref) || ref,
+        transactionRef: (raw === null || raw === void 0 ? void 0 : raw.transactionRef) || ref,
+        status: (raw === null || raw === void 0 ? void 0 : raw.status) || ((_a = raw === null || raw === void 0 ? void 0 : raw.validation) === null || _a === void 0 ? void 0 : _a.status) || "PENDING",
+        amount: config.amount,
+        currency: config.currency || constants.DEFAULT_CURRENCY,
+        customer: config.customer,
+        paymentMethod: raw === null || raw === void 0 ? void 0 : raw.paymentMethod,
+        validation: raw === null || raw === void 0 ? void 0 : raw.validation,
+        raw,
+    };
+};
+
+exports.generateTransactionRef = generateTransactionRef;
+exports.normalizeConfig = normalizeConfig;
+exports.normalizeResponse = normalizeResponse;
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/utils/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/utils/helpers.ts"],"sourcesContent":["import type { ValuePayConfig, ValuePayResponse } from \"../types\";\nimport { DEFAULT_CURRENCY, DEFAULT_CHANNELS, TRANSACTION_REF_PREFIX } from \"./constants\";\n\n/**\n * Generate a unique transaction reference.\n */\nexport const generateTransactionRef = (length: number = 20): string => {\n  const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\n  let result = TRANSACTION_REF_PREFIX;\n  for (let i = 0; i < length; i++) {\n    result += chars.charAt(Math.floor(Math.random() * chars.length));\n  }\n  return result;\n};\n\n/**\n * Normalize the SDK config into the shape expected by window.ValuepayCheckout.\n */\nexport const normalizeConfig = (config: ValuePayConfig, overrides?: Partial<ValuePayConfig>) => {\n  const merged = { ...config, ...overrides };\n  const ref = merged.transactionRef || generateTransactionRef();\n\n  return {\n    public_key: merged.publicKey,\n    transactionRef: ref,\n    amount: merged.amount,\n    currency: merged.currency || DEFAULT_CURRENCY,\n    channels: merged.channels || DEFAULT_CHANNELS,\n    type: \"default\",\n    redirect_url: merged.redirectUrl,\n    metaData: merged.metaData,\n    customer: {\n      email: merged.customer.email,\n      fullName: merged.customer.fullName,\n      phone: merged.customer.phone,\n    },\n    customisedCheckout: merged.customization\n      ? {\n          title: merged.customization.title,\n          description: merged.customization.description,\n          logoLink: merged.customization.logoUrl,\n        }\n      : undefined,\n  };\n};\n\n/**\n * Normalize the raw ValuePay response into our SDK response shape.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const normalizeResponse = (raw: any, ref: string, config: ValuePayConfig): ValuePayResponse => {\n  return {\n    ref: raw?.ref || raw?.reference || raw?.tx_ref || ref,\n    transactionRef: raw?.transactionRef || ref,\n    status: raw?.status || raw?.validation?.status || \"PENDING\",\n    amount: config.amount,\n    currency: config.currency || DEFAULT_CURRENCY,\n    customer: config.customer,\n    paymentMethod: raw?.paymentMethod,\n    validation: raw?.validation,\n    raw,\n  };\n};\n"],"names":["TRANSACTION_REF_PREFIX","DEFAULT_CURRENCY","DEFAULT_CHANNELS"],"mappings":"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"}

package/dist/esm/components/ValuePayButton.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { useValuePay } from '../hooks/useValuePay.js';
+
+const ValuePayButton = ({ text, className, style, disabled, children, ...config }) => {
+    const { initialize, isReady, isProcessing } = useValuePay(config);
+    const defaultText = `Pay \u20A6${config.amount.toLocaleString()} Now`;
+    const buttonText = children || text || defaultText;
+    return (jsx("button", { type: "button", onClick: () => initialize(), disabled: disabled || !isReady || isProcessing, className: className, style: style, "aria-busy": isProcessing, "aria-label": typeof buttonText === "string" ? buttonText : "Pay Now", children: isProcessing ? "Processing..." : buttonText }));
+};
+
+export { ValuePayButton };
+//# sourceMappingURL=ValuePayButton.js.map

package/dist/esm/components/ValuePayButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValuePayButton.js","sources":["../../../../src/components/ValuePayButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { useValuePay } from \"../hooks/useValuePay\";\nimport type { ValuePayButtonProps } from \"../types\";\n\nexport const ValuePayButton: React.FC<ValuePayButtonProps> = ({\n  text,\n  className,\n  style,\n  disabled,\n  children,\n  ...config\n}) => {\n  const { initialize, isReady, isProcessing } = useValuePay(config);\n\n  const defaultText = `Pay \\u20A6${config.amount.toLocaleString()} Now`;\n  const buttonText = children || text || defaultText;\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => initialize()}\n      disabled={disabled || !isReady || isProcessing}\n      className={className}\n      style={style}\n      aria-busy={isProcessing}\n      aria-label={typeof buttonText === \"string\" ? buttonText : \"Pay Now\"}\n    >\n      {isProcessing ? \"Processing...\" : buttonText}\n    </button>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;MAIa,cAAc,GAAkC,CAAC,EAC5D,IAAI,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,KAAI;AACH,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC;IAEjE,MAAM,WAAW,GAAG,CAAA,UAAA,EAAa,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,CAAA,IAAA,CAAM;AACrE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,IAAI,WAAW;IAElD,QACEA,GAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,UAAU,EAAE,EAC3B,QAAQ,EAAE,QAAQ,IAAI,CAAC,OAAO,IAAI,YAAY,EAC9C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,WAAA,EACD,YAAY,EAAA,YAAA,EACX,OAAO,UAAU,KAAK,QAAQ,GAAG,UAAU,GAAG,SAAS,EAAA,QAAA,EAElE,YAAY,GAAG,eAAe,GAAG,UAAU,EAAA,CACrC;AAEb;;;;"}

package/dist/esm/components/ValuePayProvider.js

@@ -0,0 +1,15 @@
+import { forwardRef, useImperativeHandle } from 'react';
+import { useValuePay } from '../hooks/useValuePay.js';
+
+const ValuePayProvider = forwardRef(({ config }, ref) => {
+    const { initialize } = useValuePay(config);
+    useImperativeHandle(ref, () => ({
+        initialize: (overrides) => initialize(overrides),
+    }), [initialize]);
+    // Renders nothing — purely a data/logic container
+    return null;
+});
+ValuePayProvider.displayName = "ValuePayProvider";
+
+export { ValuePayProvider };
+//# sourceMappingURL=ValuePayProvider.js.map

package/dist/esm/components/ValuePayProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValuePayProvider.js","sources":["../../../../src/components/ValuePayProvider.tsx"],"sourcesContent":["import { useImperativeHandle, forwardRef } from \"react\";\nimport { useValuePay } from \"../hooks/useValuePay\";\nimport type { ValuePayProviderProps, ValuePayProviderRef } from \"../types\";\n\nexport const ValuePayProvider = forwardRef<ValuePayProviderRef, ValuePayProviderProps>(\n  ({ config }, ref) => {\n    const { initialize } = useValuePay(config);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        initialize: (overrides) => initialize(overrides),\n      }),\n      [initialize],\n    );\n\n    // Renders nothing — purely a data/logic container\n    return null;\n  },\n);\n\nValuePayProvider.displayName = \"ValuePayProvider\";\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB,GAAG,UAAU,CACxC,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,KAAI;IAClB,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC;AAE1C,IAAA,mBAAmB,CACjB,GAAG,EACH,OAAO;QACL,UAAU,EAAE,CAAC,SAAS,KAAK,UAAU,CAAC,SAAS,CAAC;AACjD,KAAA,CAAC,EACF,CAAC,UAAU,CAAC,CACb;;AAGD,IAAA,OAAO,IAAI;AACb,CAAC;AAGH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/hooks/useScript.js

@@ -0,0 +1,38 @@
+import { useState, useRef, useEffect } from 'react';
+
+/**
+ * Dynamically loads an external script and tracks its loaded state.
+ * Deduplicates — won't inject the same script twice.
+ */
+const useScript = (src) => {
+    const [loaded, setLoaded] = useState(false);
+    const scriptRef = useRef(null);
+    useEffect(() => {
+        if (!src || typeof document === "undefined")
+            return;
+        // Check if already loaded
+        const existing = document.querySelector(`script[src="${src}"]`);
+        if (existing) {
+            setLoaded(true);
+            return;
+        }
+        const script = document.createElement("script");
+        script.src = src;
+        script.async = true;
+        script.onload = () => setLoaded(true);
+        script.onerror = () => {
+            console.error(`[@valuepay/react] Failed to load script: ${src}`);
+        };
+        document.body.appendChild(script);
+        scriptRef.current = script;
+        return () => {
+            if (scriptRef.current && document.body.contains(scriptRef.current)) {
+                document.body.removeChild(scriptRef.current);
+            }
+        };
+    }, [src]);
+    return loaded;
+};
+
+export { useScript };
+//# sourceMappingURL=useScript.js.map

package/dist/esm/hooks/useScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScript.js","sources":["../../../../src/hooks/useScript.ts"],"sourcesContent":["import { useEffect, useState, useRef } from \"react\";\n\n/**\n * Dynamically loads an external script and tracks its loaded state.\n * Deduplicates — won't inject the same script twice.\n */\nexport const useScript = (src: string): boolean => {\n  const [loaded, setLoaded] = useState(false);\n  const scriptRef = useRef<HTMLScriptElement | null>(null);\n\n  useEffect(() => {\n    if (!src || typeof document === \"undefined\") return;\n\n    // Check if already loaded\n    const existing = document.querySelector<HTMLScriptElement>(`script[src=\"${src}\"]`);\n    if (existing) {\n      setLoaded(true);\n      return;\n    }\n\n    const script = document.createElement(\"script\");\n    script.src = src;\n    script.async = true;\n    script.onload = () => setLoaded(true);\n    script.onerror = () => {\n      console.error(`[@valuepay/react] Failed to load script: ${src}`);\n    };\n\n    document.body.appendChild(script);\n    scriptRef.current = script;\n\n    return () => {\n      if (scriptRef.current && document.body.contains(scriptRef.current)) {\n        document.body.removeChild(scriptRef.current);\n      }\n    };\n  }, [src]);\n\n  return loaded;\n};\n"],"names":[],"mappings":";;AAEA;;;AAGG;AACI,MAAM,SAAS,GAAG,CAAC,GAAW,KAAa;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC3C,IAAA,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC;IAExD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE;;QAG7C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAoB,CAAA,YAAA,EAAe,GAAG,CAAA,EAAA,CAAI,CAAC;QAClF,IAAI,QAAQ,EAAE;YACZ,SAAS,CAAC,IAAI,CAAC;YACf;QACF;QAEA,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC/C,QAAA,MAAM,CAAC,GAAG,GAAG,GAAG;AAChB,QAAA,MAAM,CAAC,KAAK,GAAG,IAAI;QACnB,MAAM,CAAC,MAAM,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC;AACrC,QAAA,MAAM,CAAC,OAAO,GAAG,MAAK;AACpB,YAAA,OAAO,CAAC,KAAK,CAAC,4CAA4C,GAAG,CAAA,CAAE,CAAC;AAClE,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AACjC,QAAA,SAAS,CAAC,OAAO,GAAG,MAAM;AAE1B,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,SAAS,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;gBAClE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC;YAC9C;AACF,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,OAAO,MAAM;AACf;;;;"}

package/dist/esm/hooks/useValuePay.js

@@ -0,0 +1,88 @@
+import { useState, useRef, useCallback } from 'react';
+import { useScript } from './useScript.js';
+import { normalizeConfig, normalizeResponse } from '../utils/helpers.js';
+import { DEFAULT_SCRIPT_URL } from '../utils/constants.js';
+
+const useValuePay = (config) => {
+    const scriptUrl = config.scriptUrl || DEFAULT_SCRIPT_URL;
+    const isReady = useScript(scriptUrl);
+    const [isProcessing, setIsProcessing] = useState(false);
+    const configRef = useRef(config);
+    configRef.current = config;
+    const initialize = useCallback((overrides) => {
+        var _a;
+        const cfg = configRef.current;
+        if (typeof window === "undefined" || !window.ValuepayCheckout) {
+            (_a = cfg.onError) === null || _a === void 0 ? void 0 : _a.call(cfg, new Error("ValuePay script not loaded. Ensure the script URL is accessible."));
+            return;
+        }
+        if (isProcessing)
+            return;
+        setIsProcessing(true);
+        const normalized = normalizeConfig(cfg, overrides);
+        const ref = normalized.transactionRef;
+        window.ValuepayCheckout({
+            ...normalized,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            oncallback: (response) => {
+                var _a, _b;
+                const res = normalizeResponse(response, ref, cfg);
+                setIsProcessing(false);
+                if (cfg.redirectUrl) {
+                    const url = new URL(cfg.redirectUrl);
+                    url.searchParams.set("ref", res.ref);
+                    url.searchParams.set("status", res.status);
+                    window.location.href = url.toString();
+                    return;
+                }
+                (_a = cfg.onCallback) === null || _a === void 0 ? void 0 : _a.call(cfg, res);
+                if (res.status === "SUCCESS" || res.status === "COMPLETED") {
+                    (_b = cfg.onSuccess) === null || _b === void 0 ? void 0 : _b.call(cfg, res);
+                }
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            onCancelled: (response) => {
+                var _a;
+                const res = normalizeResponse(response, ref, cfg);
+                res.status = "CANCELLED";
+                setIsProcessing(false);
+                if (cfg.redirectUrl) {
+                    const url = new URL(cfg.redirectUrl);
+                    url.searchParams.set("ref", res.ref);
+                    url.searchParams.set("status", "CANCELLED");
+                    window.location.href = url.toString();
+                    return;
+                }
+                (_a = cfg.onCancelled) === null || _a === void 0 ? void 0 : _a.call(cfg, res);
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            onAborted: (response) => {
+                var _a;
+                const res = normalizeResponse(response, ref, cfg);
+                res.status = "CANCELLED";
+                setIsProcessing(false);
+                (_a = cfg.onCancelled) === null || _a === void 0 ? void 0 : _a.call(cfg, res);
+            },
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            onClosed: (response) => {
+                var _a;
+                const res = normalizeResponse(response, ref, cfg);
+                setIsProcessing(false);
+                if (cfg.redirectUrl) {
+                    const url = new URL(cfg.redirectUrl);
+                    url.searchParams.set("ref", res.ref);
+                    url.searchParams.set("status", "CLOSED");
+                    window.location.href = url.toString();
+                    return;
+                }
+                (_a = cfg.onClose) === null || _a === void 0 ? void 0 : _a.call(cfg, res);
+            },
+        });
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [isReady, isProcessing]);
+    return { initialize, isReady, isProcessing };
+};
+
+export { useValuePay };
+//# sourceMappingURL=useValuePay.js.map

package/dist/esm/hooks/useValuePay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValuePay.js","sources":["../../../../src/hooks/useValuePay.ts"],"sourcesContent":["import { useCallback, useState, useRef } from \"react\";\nimport { useScript } from \"./useScript\";\nimport { normalizeConfig, normalizeResponse } from \"../utils/helpers\";\nimport { DEFAULT_SCRIPT_URL } from \"../utils/constants\";\nimport type { ValuePayConfig, UseValuePayReturn } from \"../types\";\n\nexport const useValuePay = (config: ValuePayConfig): UseValuePayReturn => {\n  const scriptUrl = config.scriptUrl || DEFAULT_SCRIPT_URL;\n  const isReady = useScript(scriptUrl);\n  const [isProcessing, setIsProcessing] = useState(false);\n  const configRef = useRef(config);\n  configRef.current = config;\n\n  const initialize = useCallback(\n    (overrides?: Partial<ValuePayConfig>) => {\n      const cfg = configRef.current;\n\n      if (typeof window === \"undefined\" || !window.ValuepayCheckout) {\n        cfg.onError?.(new Error(\"ValuePay script not loaded. Ensure the script URL is accessible.\"));\n        return;\n      }\n\n      if (isProcessing) return;\n\n      setIsProcessing(true);\n\n      const normalized = normalizeConfig(cfg, overrides);\n      const ref = normalized.transactionRef;\n\n      window.ValuepayCheckout({\n        ...normalized,\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        oncallback: (response: any) => {\n          const res = normalizeResponse(response, ref, cfg);\n          setIsProcessing(false);\n\n          if (cfg.redirectUrl) {\n            const url = new URL(cfg.redirectUrl);\n            url.searchParams.set(\"ref\", res.ref);\n            url.searchParams.set(\"status\", res.status);\n            window.location.href = url.toString();\n            return;\n          }\n\n          cfg.onCallback?.(res);\n\n          if (res.status === \"SUCCESS\" || res.status === \"COMPLETED\") {\n            cfg.onSuccess?.(res);\n          }\n        },\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        onCancelled: (response: any) => {\n          const res = normalizeResponse(response, ref, cfg);\n          res.status = \"CANCELLED\";\n          setIsProcessing(false);\n\n          if (cfg.redirectUrl) {\n            const url = new URL(cfg.redirectUrl);\n            url.searchParams.set(\"ref\", res.ref);\n            url.searchParams.set(\"status\", \"CANCELLED\");\n            window.location.href = url.toString();\n            return;\n          }\n\n          cfg.onCancelled?.(res);\n        },\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        onAborted: (response: any) => {\n          const res = normalizeResponse(response, ref, cfg);\n          res.status = \"CANCELLED\";\n          setIsProcessing(false);\n          cfg.onCancelled?.(res);\n        },\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        onClosed: (response: any) => {\n          const res = normalizeResponse(response, ref, cfg);\n          setIsProcessing(false);\n\n          if (cfg.redirectUrl) {\n            const url = new URL(cfg.redirectUrl);\n            url.searchParams.set(\"ref\", res.ref);\n            url.searchParams.set(\"status\", \"CLOSED\");\n            window.location.href = url.toString();\n            return;\n          }\n\n          cfg.onClose?.(res);\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isReady, isProcessing],\n  );\n\n  return { initialize, isReady, isProcessing };\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+export { ValuePayButton } from './components/ValuePayButton.js';
+export { ValuePayProvider } from './components/ValuePayProvider.js';
+export { useValuePay } from './hooks/useValuePay.js';
+export { useScript } from './hooks/useScript.js';
+export { generateTransactionRef } from './utils/helpers.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/utils/constants.js

@@ -0,0 +1,7 @@
+const DEFAULT_SCRIPT_URL = "https://www.valuepayng.com/js/vp-v1.js?v=1.022334450";
+const DEFAULT_CURRENCY = "NGN";
+const DEFAULT_CHANNELS = ["card", "transfer", "qrcode", "ussd"];
+const TRANSACTION_REF_PREFIX = "VPS_TX_";
+
+export { DEFAULT_CHANNELS, DEFAULT_CURRENCY, DEFAULT_SCRIPT_URL, TRANSACTION_REF_PREFIX };
+//# sourceMappingURL=constants.js.map

package/dist/esm/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/utils/constants.ts"],"sourcesContent":["import type { PaymentChannel } from \"../types\";\n\nexport const DEFAULT_SCRIPT_URL = \"https://www.valuepayng.com/js/vp-v1.js?v=1.022334450\";\nexport const DEFAULT_CURRENCY = \"NGN\";\nexport const DEFAULT_CHANNELS: PaymentChannel[] = [\"card\", \"transfer\", \"qrcode\", \"ussd\"];\nexport const TRANSACTION_REF_PREFIX = \"VPS_TX_\";\n"],"names":[],"mappings":"AAEO,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;AACzB,MAAM,gBAAgB,GAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM;AAChF,MAAM,sBAAsB,GAAG;;;;"}

package/dist/esm/utils/helpers.js

@@ -0,0 +1,63 @@
+import { DEFAULT_CHANNELS, DEFAULT_CURRENCY, TRANSACTION_REF_PREFIX } from './constants.js';
+
+/**
+ * Generate a unique transaction reference.
+ */
+const generateTransactionRef = (length = 20) => {
+    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+    let result = TRANSACTION_REF_PREFIX;
+    for (let i = 0; i < length; i++) {
+        result += chars.charAt(Math.floor(Math.random() * chars.length));
+    }
+    return result;
+};
+/**
+ * Normalize the SDK config into the shape expected by window.ValuepayCheckout.
+ */
+const normalizeConfig = (config, overrides) => {
+    const merged = { ...config, ...overrides };
+    const ref = merged.transactionRef || generateTransactionRef();
+    return {
+        public_key: merged.publicKey,
+        transactionRef: ref,
+        amount: merged.amount,
+        currency: merged.currency || DEFAULT_CURRENCY,
+        channels: merged.channels || DEFAULT_CHANNELS,
+        type: "default",
+        redirect_url: merged.redirectUrl,
+        metaData: merged.metaData,
+        customer: {
+            email: merged.customer.email,
+            fullName: merged.customer.fullName,
+            phone: merged.customer.phone,
+        },
+        customisedCheckout: merged.customization
+            ? {
+                title: merged.customization.title,
+                description: merged.customization.description,
+                logoLink: merged.customization.logoUrl,
+            }
+            : undefined,
+    };
+};
+/**
+ * Normalize the raw ValuePay response into our SDK response shape.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const normalizeResponse = (raw, ref, config) => {
+    var _a;
+    return {
+        ref: (raw === null || raw === void 0 ? void 0 : raw.ref) || (raw === null || raw === void 0 ? void 0 : raw.reference) || (raw === null || raw === void 0 ? void 0 : raw.tx_ref) || ref,
+        transactionRef: (raw === null || raw === void 0 ? void 0 : raw.transactionRef) || ref,
+        status: (raw === null || raw === void 0 ? void 0 : raw.status) || ((_a = raw === null || raw === void 0 ? void 0 : raw.validation) === null || _a === void 0 ? void 0 : _a.status) || "PENDING",
+        amount: config.amount,
+        currency: config.currency || DEFAULT_CURRENCY,
+        customer: config.customer,
+        paymentMethod: raw === null || raw === void 0 ? void 0 : raw.paymentMethod,
+        validation: raw === null || raw === void 0 ? void 0 : raw.validation,
+        raw,
+    };
+};
+
+export { generateTransactionRef, normalizeConfig, normalizeResponse };
+//# sourceMappingURL=helpers.js.map

package/dist/esm/utils/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/utils/helpers.ts"],"sourcesContent":["import type { ValuePayConfig, ValuePayResponse } from \"../types\";\nimport { DEFAULT_CURRENCY, DEFAULT_CHANNELS, TRANSACTION_REF_PREFIX } from \"./constants\";\n\n/**\n * Generate a unique transaction reference.\n */\nexport const generateTransactionRef = (length: number = 20): string => {\n  const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\n  let result = TRANSACTION_REF_PREFIX;\n  for (let i = 0; i < length; i++) {\n    result += chars.charAt(Math.floor(Math.random() * chars.length));\n  }\n  return result;\n};\n\n/**\n * Normalize the SDK config into the shape expected by window.ValuepayCheckout.\n */\nexport const normalizeConfig = (config: ValuePayConfig, overrides?: Partial<ValuePayConfig>) => {\n  const merged = { ...config, ...overrides };\n  const ref = merged.transactionRef || generateTransactionRef();\n\n  return {\n    public_key: merged.publicKey,\n    transactionRef: ref,\n    amount: merged.amount,\n    currency: merged.currency || DEFAULT_CURRENCY,\n    channels: merged.channels || DEFAULT_CHANNELS,\n    type: \"default\",\n    redirect_url: merged.redirectUrl,\n    metaData: merged.metaData,\n    customer: {\n      email: merged.customer.email,\n      fullName: merged.customer.fullName,\n      phone: merged.customer.phone,\n    },\n    customisedCheckout: merged.customization\n      ? {\n          title: merged.customization.title,\n          description: merged.customization.description,\n          logoLink: merged.customization.logoUrl,\n        }\n      : undefined,\n  };\n};\n\n/**\n * Normalize the raw ValuePay response into our SDK response shape.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const normalizeResponse = (raw: any, ref: string, config: ValuePayConfig): ValuePayResponse => {\n  return {\n    ref: raw?.ref || raw?.reference || raw?.tx_ref || ref,\n    transactionRef: raw?.transactionRef || ref,\n    status: raw?.status || raw?.validation?.status || \"PENDING\",\n    amount: config.amount,\n    currency: config.currency || DEFAULT_CURRENCY,\n    customer: config.customer,\n    paymentMethod: raw?.paymentMethod,\n    validation: raw?.validation,\n    raw,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/types/components/ValuePayButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ValuePayButtonProps } from "../types";
+export declare const ValuePayButton: React.FC<ValuePayButtonProps>;

package/dist/types/components/ValuePayProvider.d.ts

@@ -0,0 +1,2 @@
+import type { ValuePayProviderProps, ValuePayProviderRef } from "../types";
+export declare const ValuePayProvider: import("react").ForwardRefExoticComponent<ValuePayProviderProps & import("react").RefAttributes<ValuePayProviderRef>>;

package/dist/types/hooks/useScript.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Dynamically loads an external script and tracks its loaded state.
+ * Deduplicates — won't inject the same script twice.
+ */
+export declare const useScript: (src: string) => boolean;

package/dist/types/hooks/useValuePay.d.ts

@@ -0,0 +1,2 @@
+import type { ValuePayConfig, UseValuePayReturn } from "../types";
+export declare const useValuePay: (config: ValuePayConfig) => UseValuePayReturn;

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export { ValuePayButton } from "./components/ValuePayButton";
+export { ValuePayProvider } from "./components/ValuePayProvider";
+export { useValuePay } from "./hooks/useValuePay";
+export { useScript } from "./hooks/useScript";
+export { generateTransactionRef } from "./utils/helpers";
+export type { ValuePayConfig, ValuePayResponse, ValuePayStatus, ValuePayCustomer, ValuePayCustomization, PaymentChannel, UseValuePayReturn, ValuePayButtonProps, ValuePayProviderProps, ValuePayProviderRef, } from "./types";

package/dist/types/types/index.d.ts

@@ -0,0 +1,74 @@
+import type { CSSProperties, ReactNode } from "react";
+export type PaymentChannel = "card" | "transfer" | "qrcode" | "ussd" | "mobile_money";
+export interface ValuePayCustomer {
+    email: string;
+    fullName: string;
+    phone?: string;
+}
+export interface ValuePayCustomization {
+    title?: string;
+    description?: string;
+    logoUrl?: string;
+}
+export interface ValuePayResponse {
+    ref: string;
+    transactionRef: string;
+    status: ValuePayStatus;
+    amount: number;
+    currency: string;
+    customer: ValuePayCustomer;
+    paymentMethod?: string;
+    validation?: {
+        status: string;
+    };
+    raw?: unknown;
+}
+export type ValuePayStatus = "SUCCESS" | "COMPLETED" | "FAILED" | "CANCELLED" | "DUPLICATE" | "PENDING";
+export interface ValuePayConfig {
+    publicKey: string;
+    amount: number;
+    customer: ValuePayCustomer;
+    currency?: string;
+    channels?: PaymentChannel[];
+    transactionRef?: string;
+    redirectUrl?: string;
+    metaData?: Record<string, unknown>;
+    customization?: ValuePayCustomization;
+    onSuccess?: (response: ValuePayResponse) => void;
+    onClose?: (response: ValuePayResponse) => void;
+    onCancelled?: (response: ValuePayResponse) => void;
+    onCallback?: (response: ValuePayResponse) => void;
+    onError?: (error: Error) => void;
+    scriptUrl?: string;
+}
+export interface UseValuePayReturn {
+    /** Call this to open the ValuePay checkout modal */
+    initialize: (overrides?: Partial<ValuePayConfig>) => void;
+    /** True when the ValuePay script has finished loading */
+    isReady: boolean;
+    /** True while a payment is actively being processed */
+    isProcessing: boolean;
+}
+export interface ValuePayButtonProps extends ValuePayConfig {
+    /** Button text override. Default: "Pay ₦{amount}" */
+    text?: string;
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: CSSProperties;
+    /** Disable the button */
+    disabled?: boolean;
+    /** Custom children override the default button text */
+    children?: ReactNode;
+}
+export interface ValuePayProviderProps {
+    config: ValuePayConfig;
+}
+export interface ValuePayProviderRef {
+    initialize: (overrides?: Partial<ValuePayConfig>) => void;
+}
+declare global {
+    interface Window {
+        ValuepayCheckout: (config: Record<string, unknown>) => void;
+    }
+}

package/dist/types/utils/constants.d.ts

@@ -0,0 +1,5 @@
+import type { PaymentChannel } from "../types";
+export declare const DEFAULT_SCRIPT_URL = "https://www.valuepayng.com/js/vp-v1.js?v=1.022334450";
+export declare const DEFAULT_CURRENCY = "NGN";
+export declare const DEFAULT_CHANNELS: PaymentChannel[];
+export declare const TRANSACTION_REF_PREFIX = "VPS_TX_";

package/dist/types/utils/helpers.d.ts

@@ -0,0 +1,32 @@
+import type { ValuePayConfig, ValuePayResponse } from "../types";
+/**
+ * Generate a unique transaction reference.
+ */
+export declare const generateTransactionRef: (length?: number) => string;
+/**
+ * Normalize the SDK config into the shape expected by window.ValuepayCheckout.
+ */
+export declare const normalizeConfig: (config: ValuePayConfig, overrides?: Partial<ValuePayConfig>) => {
+    public_key: string;
+    transactionRef: string;
+    amount: number;
+    currency: string;
+    channels: import("../types").PaymentChannel[];
+    type: string;
+    redirect_url: string | undefined;
+    metaData: Record<string, unknown> | undefined;
+    customer: {
+        email: string;
+        fullName: string;
+        phone: string | undefined;
+    };
+    customisedCheckout: {
+        title: string | undefined;
+        description: string | undefined;
+        logoLink: string | undefined;
+    } | undefined;
+};
+/**
+ * Normalize the raw ValuePay response into our SDK response shape.
+ */
+export declare const normalizeResponse: (raw: any, ref: string, config: ValuePayConfig) => ValuePayResponse;