react-paysky-lightbox 0.1.0

package/README.md

@@ -0,0 +1,100 @@
+# react-paysky-lightbox
+
+React hook and button component for **PaySky OMNI Gateway Lightbox**.
+
+The package only opens PaySky’s hosted checkout. Your **backend** must create the payment session (including `SecureHash`) and verify the result SecureHash before fulfilling orders.
+
+## Install
+
+```bash
+npm install react-paysky-lightbox
+```
+
+Peer dependencies: `react` and `react-dom` ≥ 18.
+
+## Quick start — component
+
+```tsx
+import { PaySkyCheckout } from 'react-paysky-lightbox';
+
+function Checkout() {
+  return (
+    <PaySkyCheckout
+      environment="sandbox"
+      session={{
+        mid: session.mid,
+        tid: session.tid,
+        amountTrxn: session.amountTrxn,
+        merchantReference: session.merchantReference,
+        trxDateTime: session.trxDateTime,
+        secureHash: session.secureHash,
+      }}
+      notifyUrl="https://api.yoursite.com/paysky/notify"
+      onSuccess={(data) => console.log('paid', data)}
+      onError={(err) => console.error(err)}
+      onCancel={() => console.log('cancelled')}
+    >
+      Pay now
+    </PaySkyCheckout>
+  );
+}
+```
+
+## Quick start — hook
+
+```tsx
+import { usePaySky } from 'react-paysky-lightbox';
+
+function CheckoutButton({ session }) {
+  const { openPayment, isLoading, error } = usePaySky();
+
+  return (
+    <button
+      disabled={isLoading}
+      onClick={() =>
+        void openPayment({
+          environment: 'production',
+          session,
+          onSuccess: (data) => {
+            /* still verify SecureHash on your backend */
+          },
+        })
+      }
+    >
+      {isLoading ? 'Opening…' : 'Pay'}
+      {error ? ` (${error.message})` : null}
+    </button>
+  );
+}
+```
+
+## Backend responsibilities
+
+1. Generate `SecureHash` with your merchant secret (never ship the secret to the browser).
+2. Return session fields: `mid`, `tid`, `amountTrxn`, optional `merchantReference`, `trxDateTime`, `secureHash`.
+3. On success (browser `notifyUrl` and/or PaySky server notification), **re-verify** response `SecureHash` before marking the order paid.
+
+Amount is in the **smallest currency unit** (1 EGP = `100`).
+
+## Environments
+
+| `environment` | Script |
+| --- | --- |
+| `sandbox` (default) | `https://grey.paysky.io:9006/invchost/JS/LightBox.js` |
+| `production` | `https://cube.paysky.io:6006/js/LightBox.js` |
+
+Override with `scriptUrl` if PaySky gives you a different host.
+
+## Optional notify
+
+If you pass `notifyUrl`, the package `POST`s JSON after complete/error:
+
+```json
+{ "event": "complete", "data": { /* PaySky callback fields */ } }
+```
+
+Cancel does not notify. Notify failures call `onNotifyError` and do not change payment success.
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,244 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PaySkyCheckout: () => PaySkyCheckout,
+  SCRIPT_URLS: () => SCRIPT_URLS,
+  closeLightbox: () => closeLightbox,
+  openLightbox: () => openLightbox,
+  resolveScriptUrl: () => resolveScriptUrl,
+  usePaySky: () => usePaySky
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/constants.ts
+var SCRIPT_URLS = {
+  sandbox: "https://grey.paysky.io:9006/invchost/JS/LightBox.js",
+  production: "https://cube.paysky.io:6006/js/LightBox.js"
+};
+function resolveScriptUrl(environment = "sandbox", scriptUrl) {
+  return scriptUrl ?? SCRIPT_URLS[environment];
+}
+
+// src/loadScript.ts
+var loaders = /* @__PURE__ */ new Map();
+function loadPaySkyScript(url) {
+  const existing = loaders.get(url);
+  if (existing) {
+    return existing;
+  }
+  const promise = new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = url;
+    script.async = true;
+    script.addEventListener("load", () => resolve(), { once: true });
+    script.addEventListener(
+      "error",
+      () => {
+        loaders.delete(url);
+        reject(new Error(`Failed to load PaySky Lightbox script: ${url}`));
+      },
+      { once: true }
+    );
+    document.head.appendChild(script);
+  });
+  loaders.set(url, promise);
+  return promise;
+}
+
+// src/notify.ts
+async function postNotify(notifyUrl, payload, headers) {
+  const response = await fetch(notifyUrl, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      ...headers
+    },
+    body: JSON.stringify(payload)
+  });
+  if (!response.ok) {
+    throw new Error(
+      `PaySky notify failed: ${response.status} ${response.statusText}`
+    );
+  }
+}
+
+// src/checkout.ts
+var openInProgress = false;
+function assertSession(session) {
+  if (!session.mid?.trim()) {
+    throw new Error("PaySky session.mid is required");
+  }
+  if (!session.tid?.trim()) {
+    throw new Error("PaySky session.tid is required");
+  }
+  if (typeof session.amountTrxn !== "number" || !Number.isFinite(session.amountTrxn) || session.amountTrxn <= 0) {
+    throw new Error("PaySky session.amountTrxn must be a positive number");
+  }
+}
+function getCheckout() {
+  const checkout = window.Lightbox?.Checkout;
+  if (!checkout) {
+    throw new Error(
+      "PaySky Lightbox is not available on window.Lightbox after script load"
+    );
+  }
+  return checkout;
+}
+async function openLightbox(options) {
+  const {
+    session,
+    environment = "sandbox",
+    scriptUrl,
+    notifyUrl,
+    notifyHeaders,
+    onSuccess,
+    onError,
+    onCancel,
+    onNotifyError
+  } = options;
+  assertSession(session);
+  if (openInProgress) {
+    throw new Error("PaySky Lightbox is already open");
+  }
+  const url = resolveScriptUrl(environment, scriptUrl);
+  await loadPaySkyScript(url);
+  const checkout = getCheckout();
+  openInProgress = true;
+  const safeNotify = (event, data) => {
+    if (!notifyUrl) return;
+    void postNotify(notifyUrl, { event, data }, notifyHeaders).catch(
+      (error) => {
+        onNotifyError?.(error);
+      }
+    );
+  };
+  checkout.configure = {
+    MID: session.mid,
+    TID: session.tid,
+    AmountTrxn: session.amountTrxn,
+    ...session.merchantReference != null ? { MerchantReference: session.merchantReference } : {},
+    ...session.trxDateTime != null ? { TrxDateTime: session.trxDateTime } : {},
+    ...session.secureHash != null ? { SecureHash: session.secureHash } : {},
+    completeCallback: (data) => {
+      openInProgress = false;
+      onSuccess?.(data);
+      safeNotify("complete", data);
+    },
+    errorCallback: (error) => {
+      openInProgress = false;
+      onError?.(error);
+      safeNotify("error", error);
+    },
+    cancelCallback: () => {
+      openInProgress = false;
+      onCancel?.();
+    }
+  };
+  checkout.showLightbox();
+}
+function closeLightbox() {
+  openInProgress = false;
+  window.Lightbox?.Checkout?.closeLightbox();
+}
+
+// src/usePaySky.ts
+var import_react = require("react");
+function usePaySky() {
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const closePayment = (0, import_react.useCallback)(() => {
+    closeLightbox();
+    setIsOpen(false);
+  }, []);
+  const openPayment = (0, import_react.useCallback)(async (options) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      await openLightbox({
+        ...options,
+        onSuccess: (data) => {
+          setIsOpen(false);
+          options.onSuccess?.(data);
+        },
+        onError: (err) => {
+          setIsOpen(false);
+          options.onError?.(err);
+        },
+        onCancel: () => {
+          setIsOpen(false);
+          options.onCancel?.();
+        }
+      });
+      setIsOpen(true);
+    } catch (err) {
+      const next = err instanceof Error ? err : new Error("Failed to open PaySky Lightbox");
+      setError(next);
+      setIsOpen(false);
+      throw next;
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  return {
+    openPayment,
+    closePayment,
+    isOpen,
+    isLoading,
+    error
+  };
+}
+
+// src/PaySkyCheckout.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function PaySkyCheckout({
+  children = "Pay with PaySky",
+  className,
+  disabled,
+  ...options
+}) {
+  const { openPayment, isLoading, error } = usePaySky();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      className,
+      disabled: disabled || isLoading,
+      "aria-busy": isLoading || void 0,
+      "data-error": error ? error.message : void 0,
+      onClick: () => {
+        void openPayment(options);
+      },
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PaySkyCheckout,
+  SCRIPT_URLS,
+  closeLightbox,
+  openLightbox,
+  resolveScriptUrl,
+  usePaySky
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/constants.ts","../src/loadScript.ts","../src/notify.ts","../src/checkout.ts","../src/usePaySky.ts","../src/PaySkyCheckout.tsx"],"sourcesContent":["export { SCRIPT_URLS, resolveScriptUrl } from './constants';\r\nexport { openLightbox, closeLightbox } from './checkout';\r\nexport { usePaySky } from './usePaySky';\r\nexport type { UsePaySkyResult } from './usePaySky';\r\nexport { PaySkyCheckout } from './PaySkyCheckout';\r\nexport type {\r\n  PaySkyEnvironment,\r\n  PaySkySession,\r\n  PaySkyCompleteData,\r\n  PaySkyErrorData,\r\n  PaySkyNotifyEvent,\r\n  PaySkyNotifyPayload,\r\n  PaySkyOpenOptions,\r\n  PaySkyCheckoutProps,\r\n} from './types';\r\n","import type { PaySkyEnvironment } from './types';\r\n\r\nexport const SCRIPT_URLS: Record<PaySkyEnvironment, string> = {\r\n  sandbox: 'https://grey.paysky.io:9006/invchost/JS/LightBox.js',\r\n  production: 'https://cube.paysky.io:6006/js/LightBox.js',\r\n};\r\n\r\nexport function resolveScriptUrl(\r\n  environment: PaySkyEnvironment = 'sandbox',\r\n  scriptUrl?: string,\r\n): string {\r\n  return scriptUrl ?? SCRIPT_URLS[environment];\r\n}\r\n","const loaders = new Map<string, Promise<void>>();\r\n\r\nexport function loadPaySkyScript(url: string): Promise<void> {\r\n  const existing = loaders.get(url);\r\n  if (existing) {\r\n    return existing;\r\n  }\r\n\r\n  const promise = new Promise<void>((resolve, reject) => {\r\n    const script = document.createElement('script');\r\n    script.src = url;\r\n    script.async = true;\r\n\r\n    script.addEventListener('load', () => resolve(), { once: true });\r\n    script.addEventListener(\r\n      'error',\r\n      () => {\r\n        loaders.delete(url);\r\n        reject(new Error(`Failed to load PaySky Lightbox script: ${url}`));\r\n      },\r\n      { once: true },\r\n    );\r\n\r\n    document.head.appendChild(script);\r\n  });\r\n\r\n  loaders.set(url, promise);\r\n  return promise;\r\n}\r\n\r\n/** Test helper — clears cached loaders between tests. */\r\nexport function __resetPaySkyScriptLoaders(): void {\r\n  loaders.clear();\r\n}\r\n","import type { PaySkyNotifyPayload } from './types';\r\n\r\nexport async function postNotify(\r\n  notifyUrl: string,\r\n  payload: PaySkyNotifyPayload,\r\n  headers?: Record<string, string>,\r\n): Promise<void> {\r\n  const response = await fetch(notifyUrl, {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n      ...headers,\r\n    },\r\n    body: JSON.stringify(payload),\r\n  });\r\n\r\n  if (!response.ok) {\r\n    throw new Error(\r\n      `PaySky notify failed: ${response.status} ${response.statusText}`,\r\n    );\r\n  }\r\n}\r\n","import { resolveScriptUrl } from './constants';\r\nimport { loadPaySkyScript } from './loadScript';\r\nimport { postNotify } from './notify';\r\nimport type {\r\n  PaySkyCompleteData,\r\n  PaySkyErrorData,\r\n  PaySkyOpenOptions,\r\n  PaySkySession,\r\n} from './types';\r\n\r\nlet openInProgress = false;\r\n\r\nfunction assertSession(session: PaySkySession): void {\r\n  if (!session.mid?.trim()) {\r\n    throw new Error('PaySky session.mid is required');\r\n  }\r\n  if (!session.tid?.trim()) {\r\n    throw new Error('PaySky session.tid is required');\r\n  }\r\n  if (\r\n    typeof session.amountTrxn !== 'number' ||\r\n    !Number.isFinite(session.amountTrxn) ||\r\n    session.amountTrxn <= 0\r\n  ) {\r\n    throw new Error('PaySky session.amountTrxn must be a positive number');\r\n  }\r\n}\r\n\r\nfunction getCheckout() {\r\n  const checkout = window.Lightbox?.Checkout;\r\n  if (!checkout) {\r\n    throw new Error(\r\n      'PaySky Lightbox is not available on window.Lightbox after script load',\r\n    );\r\n  }\r\n  return checkout;\r\n}\r\n\r\nexport async function openLightbox(options: PaySkyOpenOptions): Promise<void> {\r\n  const {\r\n    session,\r\n    environment = 'sandbox',\r\n    scriptUrl,\r\n    notifyUrl,\r\n    notifyHeaders,\r\n    onSuccess,\r\n    onError,\r\n    onCancel,\r\n    onNotifyError,\r\n  } = options;\r\n\r\n  assertSession(session);\r\n\r\n  if (openInProgress) {\r\n    throw new Error('PaySky Lightbox is already open');\r\n  }\r\n\r\n  const url = resolveScriptUrl(environment, scriptUrl);\r\n  await loadPaySkyScript(url);\r\n\r\n  const checkout = getCheckout();\r\n\r\n  openInProgress = true;\r\n\r\n  const safeNotify = (\r\n    event: 'complete' | 'error',\r\n    data: PaySkyCompleteData | PaySkyErrorData,\r\n  ) => {\r\n    if (!notifyUrl) return;\r\n    void postNotify(notifyUrl, { event, data }, notifyHeaders).catch(\r\n      (error) => {\r\n        onNotifyError?.(error);\r\n      },\r\n    );\r\n  };\r\n\r\n  checkout.configure = {\r\n    MID: session.mid,\r\n    TID: session.tid,\r\n    AmountTrxn: session.amountTrxn,\r\n    ...(session.merchantReference != null\r\n      ? { MerchantReference: session.merchantReference }\r\n      : {}),\r\n    ...(session.trxDateTime != null ? { TrxDateTime: session.trxDateTime } : {}),\r\n    ...(session.secureHash != null ? { SecureHash: session.secureHash } : {}),\r\n    completeCallback: (data: PaySkyCompleteData) => {\r\n      openInProgress = false;\r\n      onSuccess?.(data);\r\n      safeNotify('complete', data);\r\n    },\r\n    errorCallback: (error: PaySkyErrorData) => {\r\n      openInProgress = false;\r\n      onError?.(error);\r\n      safeNotify('error', error);\r\n    },\r\n    cancelCallback: () => {\r\n      openInProgress = false;\r\n      onCancel?.();\r\n    },\r\n  };\r\n\r\n  checkout.showLightbox();\r\n}\r\n\r\nexport function closeLightbox(): void {\r\n  openInProgress = false;\r\n  window.Lightbox?.Checkout?.closeLightbox();\r\n}\r\n\r\n/** Test helper */\r\nexport function __resetCheckoutOpenState(): void {\r\n  openInProgress = false;\r\n}\r\n","import { useCallback, useState } from 'react';\r\nimport { closeLightbox, openLightbox } from './checkout';\r\nimport type { PaySkyOpenOptions } from './types';\r\n\r\nexport interface UsePaySkyResult {\r\n  openPayment: (options: PaySkyOpenOptions) => Promise<void>;\r\n  closePayment: () => void;\r\n  isOpen: boolean;\r\n  isLoading: boolean;\r\n  error: Error | null;\r\n}\r\n\r\nexport function usePaySky(): UsePaySkyResult {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<Error | null>(null);\r\n\r\n  const closePayment = useCallback(() => {\r\n    closeLightbox();\r\n    setIsOpen(false);\r\n  }, []);\r\n\r\n  const openPayment = useCallback(async (options: PaySkyOpenOptions) => {\r\n    setIsLoading(true);\r\n    setError(null);\r\n\r\n    try {\r\n      await openLightbox({\r\n        ...options,\r\n        onSuccess: (data) => {\r\n          setIsOpen(false);\r\n          options.onSuccess?.(data);\r\n        },\r\n        onError: (err) => {\r\n          setIsOpen(false);\r\n          options.onError?.(err);\r\n        },\r\n        onCancel: () => {\r\n          setIsOpen(false);\r\n          options.onCancel?.();\r\n        },\r\n      });\r\n      setIsOpen(true);\r\n    } catch (err) {\r\n      const next =\r\n        err instanceof Error ? err : new Error('Failed to open PaySky Lightbox');\r\n      setError(next);\r\n      setIsOpen(false);\r\n      throw next;\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  }, []);\r\n\r\n  return {\r\n    openPayment,\r\n    closePayment,\r\n    isOpen,\r\n    isLoading,\r\n    error,\r\n  };\r\n}\r\n","import type { PaySkyCheckoutProps } from './types';\r\nimport { usePaySky } from './usePaySky';\r\n\r\nexport function PaySkyCheckout({\r\n  children = 'Pay with PaySky',\r\n  className,\r\n  disabled,\r\n  ...options\r\n}: PaySkyCheckoutProps) {\r\n  const { openPayment, isLoading, error } = usePaySky();\r\n\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      className={className}\r\n      disabled={disabled || isLoading}\r\n      aria-busy={isLoading || undefined}\r\n      data-error={error ? error.message : undefined}\r\n      onClick={() => {\r\n        void openPayment(options);\r\n      }}\r\n    >\r\n      {children}\r\n    </button>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,91 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+type PaySkyEnvironment = 'sandbox' | 'production';
+/** Payment session prepared by the merchant backend (includes SecureHash). */
+interface PaySkySession {
+    mid: string;
+    tid: string;
+    /** Amount in smallest currency unit (e.g. 100 = 1 EGP). */
+    amountTrxn: number;
+    merchantReference?: string;
+    /** Format yyyyMMddHHmm — required when secureHash is sent. */
+    trxDateTime?: string;
+    secureHash?: string;
+}
+interface PaySkyCompleteData {
+    TxnDate: string;
+    SystemReference: string;
+    NetworkReference: string;
+    MerchantReference?: string;
+    Amount: string;
+    Currency: string;
+    PaidThrough: string;
+    PayerAccount: string;
+    PayerName?: string;
+    ProviderSchemeName?: string;
+    SecureHash: string;
+}
+interface PaySkyErrorData {
+    error: string;
+    DateTimeLocalTrxn: string;
+    MerchantReference?: string;
+    Amount?: string;
+    SecureHash: string;
+}
+type PaySkyNotifyEvent = 'complete' | 'error';
+interface PaySkyNotifyPayload {
+    event: PaySkyNotifyEvent;
+    data: PaySkyCompleteData | PaySkyErrorData;
+}
+interface PaySkyOpenOptions {
+    session: PaySkySession;
+    environment?: PaySkyEnvironment;
+    /** Overrides the default sandbox/production script URL. */
+    scriptUrl?: string;
+    /** Optional merchant backend URL to POST callback payloads. */
+    notifyUrl?: string;
+    notifyHeaders?: Record<string, string>;
+    onSuccess?: (data: PaySkyCompleteData) => void;
+    onError?: (error: PaySkyErrorData) => void;
+    onCancel?: () => void;
+    onNotifyError?: (error: unknown) => void;
+}
+interface PaySkyCheckoutProps extends PaySkyOpenOptions {
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+}
+/** Minimal typing for the global PaySky Lightbox script. */
+interface PaySkyLightboxCheckout {
+    configure: Record<string, unknown>;
+    showLightbox: () => void;
+    closeLightbox: () => void;
+}
+interface PaySkyLightboxGlobal {
+    Checkout: PaySkyLightboxCheckout;
+}
+declare global {
+    interface Window {
+        Lightbox?: PaySkyLightboxGlobal;
+    }
+}
+
+declare const SCRIPT_URLS: Record<PaySkyEnvironment, string>;
+declare function resolveScriptUrl(environment?: PaySkyEnvironment, scriptUrl?: string): string;
+
+declare function openLightbox(options: PaySkyOpenOptions): Promise<void>;
+declare function closeLightbox(): void;
+
+interface UsePaySkyResult {
+    openPayment: (options: PaySkyOpenOptions) => Promise<void>;
+    closePayment: () => void;
+    isOpen: boolean;
+    isLoading: boolean;
+    error: Error | null;
+}
+declare function usePaySky(): UsePaySkyResult;
+
+declare function PaySkyCheckout({ children, className, disabled, ...options }: PaySkyCheckoutProps): react.JSX.Element;
+
+export { PaySkyCheckout, type PaySkyCheckoutProps, type PaySkyCompleteData, type PaySkyEnvironment, type PaySkyErrorData, type PaySkyNotifyEvent, type PaySkyNotifyPayload, type PaySkyOpenOptions, type PaySkySession, SCRIPT_URLS, type UsePaySkyResult, closeLightbox, openLightbox, resolveScriptUrl, usePaySky };

package/dist/index.d.ts

@@ -0,0 +1,91 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+type PaySkyEnvironment = 'sandbox' | 'production';
+/** Payment session prepared by the merchant backend (includes SecureHash). */
+interface PaySkySession {
+    mid: string;
+    tid: string;
+    /** Amount in smallest currency unit (e.g. 100 = 1 EGP). */
+    amountTrxn: number;
+    merchantReference?: string;
+    /** Format yyyyMMddHHmm — required when secureHash is sent. */
+    trxDateTime?: string;
+    secureHash?: string;
+}
+interface PaySkyCompleteData {
+    TxnDate: string;
+    SystemReference: string;
+    NetworkReference: string;
+    MerchantReference?: string;
+    Amount: string;
+    Currency: string;
+    PaidThrough: string;
+    PayerAccount: string;
+    PayerName?: string;
+    ProviderSchemeName?: string;
+    SecureHash: string;
+}
+interface PaySkyErrorData {
+    error: string;
+    DateTimeLocalTrxn: string;
+    MerchantReference?: string;
+    Amount?: string;
+    SecureHash: string;
+}
+type PaySkyNotifyEvent = 'complete' | 'error';
+interface PaySkyNotifyPayload {
+    event: PaySkyNotifyEvent;
+    data: PaySkyCompleteData | PaySkyErrorData;
+}
+interface PaySkyOpenOptions {
+    session: PaySkySession;
+    environment?: PaySkyEnvironment;
+    /** Overrides the default sandbox/production script URL. */
+    scriptUrl?: string;
+    /** Optional merchant backend URL to POST callback payloads. */
+    notifyUrl?: string;
+    notifyHeaders?: Record<string, string>;
+    onSuccess?: (data: PaySkyCompleteData) => void;
+    onError?: (error: PaySkyErrorData) => void;
+    onCancel?: () => void;
+    onNotifyError?: (error: unknown) => void;
+}
+interface PaySkyCheckoutProps extends PaySkyOpenOptions {
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+}
+/** Minimal typing for the global PaySky Lightbox script. */
+interface PaySkyLightboxCheckout {
+    configure: Record<string, unknown>;
+    showLightbox: () => void;
+    closeLightbox: () => void;
+}
+interface PaySkyLightboxGlobal {
+    Checkout: PaySkyLightboxCheckout;
+}
+declare global {
+    interface Window {
+        Lightbox?: PaySkyLightboxGlobal;
+    }
+}
+
+declare const SCRIPT_URLS: Record<PaySkyEnvironment, string>;
+declare function resolveScriptUrl(environment?: PaySkyEnvironment, scriptUrl?: string): string;
+
+declare function openLightbox(options: PaySkyOpenOptions): Promise<void>;
+declare function closeLightbox(): void;
+
+interface UsePaySkyResult {
+    openPayment: (options: PaySkyOpenOptions) => Promise<void>;
+    closePayment: () => void;
+    isOpen: boolean;
+    isLoading: boolean;
+    error: Error | null;
+}
+declare function usePaySky(): UsePaySkyResult;
+
+declare function PaySkyCheckout({ children, className, disabled, ...options }: PaySkyCheckoutProps): react.JSX.Element;
+
+export { PaySkyCheckout, type PaySkyCheckoutProps, type PaySkyCompleteData, type PaySkyEnvironment, type PaySkyErrorData, type PaySkyNotifyEvent, type PaySkyNotifyPayload, type PaySkyOpenOptions, type PaySkySession, SCRIPT_URLS, type UsePaySkyResult, closeLightbox, openLightbox, resolveScriptUrl, usePaySky };

package/dist/index.js

@@ -0,0 +1,212 @@
+// src/constants.ts
+var SCRIPT_URLS = {
+  sandbox: "https://grey.paysky.io:9006/invchost/JS/LightBox.js",
+  production: "https://cube.paysky.io:6006/js/LightBox.js"
+};
+function resolveScriptUrl(environment = "sandbox", scriptUrl) {
+  return scriptUrl ?? SCRIPT_URLS[environment];
+}
+
+// src/loadScript.ts
+var loaders = /* @__PURE__ */ new Map();
+function loadPaySkyScript(url) {
+  const existing = loaders.get(url);
+  if (existing) {
+    return existing;
+  }
+  const promise = new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = url;
+    script.async = true;
+    script.addEventListener("load", () => resolve(), { once: true });
+    script.addEventListener(
+      "error",
+      () => {
+        loaders.delete(url);
+        reject(new Error(`Failed to load PaySky Lightbox script: ${url}`));
+      },
+      { once: true }
+    );
+    document.head.appendChild(script);
+  });
+  loaders.set(url, promise);
+  return promise;
+}
+
+// src/notify.ts
+async function postNotify(notifyUrl, payload, headers) {
+  const response = await fetch(notifyUrl, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      ...headers
+    },
+    body: JSON.stringify(payload)
+  });
+  if (!response.ok) {
+    throw new Error(
+      `PaySky notify failed: ${response.status} ${response.statusText}`
+    );
+  }
+}
+
+// src/checkout.ts
+var openInProgress = false;
+function assertSession(session) {
+  if (!session.mid?.trim()) {
+    throw new Error("PaySky session.mid is required");
+  }
+  if (!session.tid?.trim()) {
+    throw new Error("PaySky session.tid is required");
+  }
+  if (typeof session.amountTrxn !== "number" || !Number.isFinite(session.amountTrxn) || session.amountTrxn <= 0) {
+    throw new Error("PaySky session.amountTrxn must be a positive number");
+  }
+}
+function getCheckout() {
+  const checkout = window.Lightbox?.Checkout;
+  if (!checkout) {
+    throw new Error(
+      "PaySky Lightbox is not available on window.Lightbox after script load"
+    );
+  }
+  return checkout;
+}
+async function openLightbox(options) {
+  const {
+    session,
+    environment = "sandbox",
+    scriptUrl,
+    notifyUrl,
+    notifyHeaders,
+    onSuccess,
+    onError,
+    onCancel,
+    onNotifyError
+  } = options;
+  assertSession(session);
+  if (openInProgress) {
+    throw new Error("PaySky Lightbox is already open");
+  }
+  const url = resolveScriptUrl(environment, scriptUrl);
+  await loadPaySkyScript(url);
+  const checkout = getCheckout();
+  openInProgress = true;
+  const safeNotify = (event, data) => {
+    if (!notifyUrl) return;
+    void postNotify(notifyUrl, { event, data }, notifyHeaders).catch(
+      (error) => {
+        onNotifyError?.(error);
+      }
+    );
+  };
+  checkout.configure = {
+    MID: session.mid,
+    TID: session.tid,
+    AmountTrxn: session.amountTrxn,
+    ...session.merchantReference != null ? { MerchantReference: session.merchantReference } : {},
+    ...session.trxDateTime != null ? { TrxDateTime: session.trxDateTime } : {},
+    ...session.secureHash != null ? { SecureHash: session.secureHash } : {},
+    completeCallback: (data) => {
+      openInProgress = false;
+      onSuccess?.(data);
+      safeNotify("complete", data);
+    },
+    errorCallback: (error) => {
+      openInProgress = false;
+      onError?.(error);
+      safeNotify("error", error);
+    },
+    cancelCallback: () => {
+      openInProgress = false;
+      onCancel?.();
+    }
+  };
+  checkout.showLightbox();
+}
+function closeLightbox() {
+  openInProgress = false;
+  window.Lightbox?.Checkout?.closeLightbox();
+}
+
+// src/usePaySky.ts
+import { useCallback, useState } from "react";
+function usePaySky() {
+  const [isOpen, setIsOpen] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const closePayment = useCallback(() => {
+    closeLightbox();
+    setIsOpen(false);
+  }, []);
+  const openPayment = useCallback(async (options) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      await openLightbox({
+        ...options,
+        onSuccess: (data) => {
+          setIsOpen(false);
+          options.onSuccess?.(data);
+        },
+        onError: (err) => {
+          setIsOpen(false);
+          options.onError?.(err);
+        },
+        onCancel: () => {
+          setIsOpen(false);
+          options.onCancel?.();
+        }
+      });
+      setIsOpen(true);
+    } catch (err) {
+      const next = err instanceof Error ? err : new Error("Failed to open PaySky Lightbox");
+      setError(next);
+      setIsOpen(false);
+      throw next;
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  return {
+    openPayment,
+    closePayment,
+    isOpen,
+    isLoading,
+    error
+  };
+}
+
+// src/PaySkyCheckout.tsx
+import { jsx } from "react/jsx-runtime";
+function PaySkyCheckout({
+  children = "Pay with PaySky",
+  className,
+  disabled,
+  ...options
+}) {
+  const { openPayment, isLoading, error } = usePaySky();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className,
+      disabled: disabled || isLoading,
+      "aria-busy": isLoading || void 0,
+      "data-error": error ? error.message : void 0,
+      onClick: () => {
+        void openPayment(options);
+      },
+      children
+    }
+  );
+}
+export {
+  PaySkyCheckout,
+  SCRIPT_URLS,
+  closeLightbox,
+  openLightbox,
+  resolveScriptUrl,
+  usePaySky
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.ts","../src/loadScript.ts","../src/notify.ts","../src/checkout.ts","../src/usePaySky.ts","../src/PaySkyCheckout.tsx"],"sourcesContent":["import type { PaySkyEnvironment } from './types';\r\n\r\nexport const SCRIPT_URLS: Record<PaySkyEnvironment, string> = {\r\n  sandbox: 'https://grey.paysky.io:9006/invchost/JS/LightBox.js',\r\n  production: 'https://cube.paysky.io:6006/js/LightBox.js',\r\n};\r\n\r\nexport function resolveScriptUrl(\r\n  environment: PaySkyEnvironment = 'sandbox',\r\n  scriptUrl?: string,\r\n): string {\r\n  return scriptUrl ?? SCRIPT_URLS[environment];\r\n}\r\n","const loaders = new Map<string, Promise<void>>();\r\n\r\nexport function loadPaySkyScript(url: string): Promise<void> {\r\n  const existing = loaders.get(url);\r\n  if (existing) {\r\n    return existing;\r\n  }\r\n\r\n  const promise = new Promise<void>((resolve, reject) => {\r\n    const script = document.createElement('script');\r\n    script.src = url;\r\n    script.async = true;\r\n\r\n    script.addEventListener('load', () => resolve(), { once: true });\r\n    script.addEventListener(\r\n      'error',\r\n      () => {\r\n        loaders.delete(url);\r\n        reject(new Error(`Failed to load PaySky Lightbox script: ${url}`));\r\n      },\r\n      { once: true },\r\n    );\r\n\r\n    document.head.appendChild(script);\r\n  });\r\n\r\n  loaders.set(url, promise);\r\n  return promise;\r\n}\r\n\r\n/** Test helper — clears cached loaders between tests. */\r\nexport function __resetPaySkyScriptLoaders(): void {\r\n  loaders.clear();\r\n}\r\n","import type { PaySkyNotifyPayload } from './types';\r\n\r\nexport async function postNotify(\r\n  notifyUrl: string,\r\n  payload: PaySkyNotifyPayload,\r\n  headers?: Record<string, string>,\r\n): Promise<void> {\r\n  const response = await fetch(notifyUrl, {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n      ...headers,\r\n    },\r\n    body: JSON.stringify(payload),\r\n  });\r\n\r\n  if (!response.ok) {\r\n    throw new Error(\r\n      `PaySky notify failed: ${response.status} ${response.statusText}`,\r\n    );\r\n  }\r\n}\r\n","import { resolveScriptUrl } from './constants';\r\nimport { loadPaySkyScript } from './loadScript';\r\nimport { postNotify } from './notify';\r\nimport type {\r\n  PaySkyCompleteData,\r\n  PaySkyErrorData,\r\n  PaySkyOpenOptions,\r\n  PaySkySession,\r\n} from './types';\r\n\r\nlet openInProgress = false;\r\n\r\nfunction assertSession(session: PaySkySession): void {\r\n  if (!session.mid?.trim()) {\r\n    throw new Error('PaySky session.mid is required');\r\n  }\r\n  if (!session.tid?.trim()) {\r\n    throw new Error('PaySky session.tid is required');\r\n  }\r\n  if (\r\n    typeof session.amountTrxn !== 'number' ||\r\n    !Number.isFinite(session.amountTrxn) ||\r\n    session.amountTrxn <= 0\r\n  ) {\r\n    throw new Error('PaySky session.amountTrxn must be a positive number');\r\n  }\r\n}\r\n\r\nfunction getCheckout() {\r\n  const checkout = window.Lightbox?.Checkout;\r\n  if (!checkout) {\r\n    throw new Error(\r\n      'PaySky Lightbox is not available on window.Lightbox after script load',\r\n    );\r\n  }\r\n  return checkout;\r\n}\r\n\r\nexport async function openLightbox(options: PaySkyOpenOptions): Promise<void> {\r\n  const {\r\n    session,\r\n    environment = 'sandbox',\r\n    scriptUrl,\r\n    notifyUrl,\r\n    notifyHeaders,\r\n    onSuccess,\r\n    onError,\r\n    onCancel,\r\n    onNotifyError,\r\n  } = options;\r\n\r\n  assertSession(session);\r\n\r\n  if (openInProgress) {\r\n    throw new Error('PaySky Lightbox is already open');\r\n  }\r\n\r\n  const url = resolveScriptUrl(environment, scriptUrl);\r\n  await loadPaySkyScript(url);\r\n\r\n  const checkout = getCheckout();\r\n\r\n  openInProgress = true;\r\n\r\n  const safeNotify = (\r\n    event: 'complete' | 'error',\r\n    data: PaySkyCompleteData | PaySkyErrorData,\r\n  ) => {\r\n    if (!notifyUrl) return;\r\n    void postNotify(notifyUrl, { event, data }, notifyHeaders).catch(\r\n      (error) => {\r\n        onNotifyError?.(error);\r\n      },\r\n    );\r\n  };\r\n\r\n  checkout.configure = {\r\n    MID: session.mid,\r\n    TID: session.tid,\r\n    AmountTrxn: session.amountTrxn,\r\n    ...(session.merchantReference != null\r\n      ? { MerchantReference: session.merchantReference }\r\n      : {}),\r\n    ...(session.trxDateTime != null ? { TrxDateTime: session.trxDateTime } : {}),\r\n    ...(session.secureHash != null ? { SecureHash: session.secureHash } : {}),\r\n    completeCallback: (data: PaySkyCompleteData) => {\r\n      openInProgress = false;\r\n      onSuccess?.(data);\r\n      safeNotify('complete', data);\r\n    },\r\n    errorCallback: (error: PaySkyErrorData) => {\r\n      openInProgress = false;\r\n      onError?.(error);\r\n      safeNotify('error', error);\r\n    },\r\n    cancelCallback: () => {\r\n      openInProgress = false;\r\n      onCancel?.();\r\n    },\r\n  };\r\n\r\n  checkout.showLightbox();\r\n}\r\n\r\nexport function closeLightbox(): void {\r\n  openInProgress = false;\r\n  window.Lightbox?.Checkout?.closeLightbox();\r\n}\r\n\r\n/** Test helper */\r\nexport function __resetCheckoutOpenState(): void {\r\n  openInProgress = false;\r\n}\r\n","import { useCallback, useState } from 'react';\r\nimport { closeLightbox, openLightbox } from './checkout';\r\nimport type { PaySkyOpenOptions } from './types';\r\n\r\nexport interface UsePaySkyResult {\r\n  openPayment: (options: PaySkyOpenOptions) => Promise<void>;\r\n  closePayment: () => void;\r\n  isOpen: boolean;\r\n  isLoading: boolean;\r\n  error: Error | null;\r\n}\r\n\r\nexport function usePaySky(): UsePaySkyResult {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<Error | null>(null);\r\n\r\n  const closePayment = useCallback(() => {\r\n    closeLightbox();\r\n    setIsOpen(false);\r\n  }, []);\r\n\r\n  const openPayment = useCallback(async (options: PaySkyOpenOptions) => {\r\n    setIsLoading(true);\r\n    setError(null);\r\n\r\n    try {\r\n      await openLightbox({\r\n        ...options,\r\n        onSuccess: (data) => {\r\n          setIsOpen(false);\r\n          options.onSuccess?.(data);\r\n        },\r\n        onError: (err) => {\r\n          setIsOpen(false);\r\n          options.onError?.(err);\r\n        },\r\n        onCancel: () => {\r\n          setIsOpen(false);\r\n          options.onCancel?.();\r\n        },\r\n      });\r\n      setIsOpen(true);\r\n    } catch (err) {\r\n      const next =\r\n        err instanceof Error ? err : new Error('Failed to open PaySky Lightbox');\r\n      setError(next);\r\n      setIsOpen(false);\r\n      throw next;\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  }, []);\r\n\r\n  return {\r\n    openPayment,\r\n    closePayment,\r\n    isOpen,\r\n    isLoading,\r\n    error,\r\n  };\r\n}\r\n","import type { PaySkyCheckoutProps } from './types';\r\nimport { usePaySky } from './usePaySky';\r\n\r\nexport function PaySkyCheckout({\r\n  children = 'Pay with PaySky',\r\n  className,\r\n  disabled,\r\n  ...options\r\n}: PaySkyCheckoutProps) {\r\n  const { openPayment, isLoading, error } = usePaySky();\r\n\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      className={className}\r\n      disabled={disabled || isLoading}\r\n      aria-busy={isLoading || undefined}\r\n      data-error={error ? error.message : undefined}\r\n      onClick={() => {\r\n        void openPayment(options);\r\n      }}\r\n    >\r\n      {children}\r\n    </button>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "react-paysky-lightbox",
+  "version": "0.1.0",
+  "description": "React hook and component for PaySky OMNI Gateway Lightbox",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "jsdom": "^24.0.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.5.0",
+    "vitest": "^2.0.0"
+  },
+  "keywords": [
+    "paysky",
+    "lightbox",
+    "react",
+    "payments",
+    "egypt"
+  ]
+}