@clockpay/react-native 1.0.0

package/lib/module/internal/theme.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { DEFAULT_ACCENT } from './constants';
+
+/** Concrete colours/values resolved from an {@link ClockPayAppearance}. */
+
+/** Resolves an appearance object into concrete style values for the RN UI. */
+export function resolveTheme(appearance) {
+  const a = appearance ?? {};
+  const variant = a.variant ?? 'outline';
+  const accent = a.buttonColor ?? DEFAULT_ACCENT;
+  return {
+    accent: a.modalAccentColor ?? accent,
+    radius: a.borderRadius ?? 8,
+    buttonBg: variant === 'solid' ? accent : '#ffffff',
+    buttonFg: a.buttonTextColor ?? (variant === 'solid' ? '#ffffff' : accent),
+    buttonBorder: accent,
+    fontFamily: a.fontFamily
+  };
+}
+//# sourceMappingURL=theme.js.map

package/lib/module/internal/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_ACCENT","resolveTheme","appearance","a","variant","accent","buttonColor","modalAccentColor","radius","borderRadius","buttonBg","buttonFg","buttonTextColor","buttonBorder","fontFamily"],"sourceRoot":"..\\..\\..\\src","sources":["internal/theme.ts"],"mappings":";;AACA,SAASA,cAAc,QAAQ,aAAa;;AAE5C;;AAUA;AACA,OAAO,SAASC,YAAYA,CAACC,UAA+B,EAAiB;EAC3E,MAAMC,CAAC,GAAGD,UAAU,IAAI,CAAC,CAAC;EAC1B,MAAME,OAAO,GAAGD,CAAC,CAACC,OAAO,IAAI,SAAS;EACtC,MAAMC,MAAM,GAAGF,CAAC,CAACG,WAAW,IAAIN,cAAc;EAE9C,OAAO;IACLK,MAAM,EAAEF,CAAC,CAACI,gBAAgB,IAAIF,MAAM;IACpCG,MAAM,EAAEL,CAAC,CAACM,YAAY,IAAI,CAAC;IAC3BC,QAAQ,EAAEN,OAAO,KAAK,OAAO,GAAGC,MAAM,GAAG,SAAS;IAClDM,QAAQ,EAAER,CAAC,CAACS,eAAe,KAAKR,OAAO,KAAK,OAAO,GAAG,SAAS,GAAGC,MAAM,CAAC;IACzEQ,YAAY,EAAER,MAAM;IACpBS,UAAU,EAAEX,CAAC,CAACW;EAChB,CAAC;AACH","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

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

package/lib/typescript/api/client.d.ts

@@ -0,0 +1,17 @@
+import type { CheckoutResponse, VerifyCryptoPayload, VerifyCryptoResponse } from '../types';
+/**
+ * A small, typed wrapper around the ClockPay REST API.
+ *
+ * Each client carries its own public key on a dedicated axios instance. The base
+ * URL is selected from the key's environment prefix (`cpay_test_pk_` → dev
+ * gateway, `cpay_live_pk_` → live gateway) unless `apiBaseUrl` overrides it.
+ */
+export declare class ClockPayClient {
+    private readonly http;
+    constructor(publicKey: string, apiBaseUrl?: string);
+    /** Initiates a checkout for the given client secret. */
+    initiatePayment(clientSecret: string): Promise<CheckoutResponse>;
+    /** Verifies an on-chain transaction by hash. */
+    verifyCrypto(payload: VerifyCryptoPayload): Promise<VerifyCryptoResponse>;
+}
+//# sourceMappingURL=client.d.ts.map

package/lib/typescript/api/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/api/client.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,UAAU,CAAC;AAclB;;;;;;GAMG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgB;gBAEzB,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM;IAclD,wDAAwD;IAClD,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC;IAetE,gDAAgD;IAC1C,YAAY,CAChB,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,oBAAoB,CAAC;CAWjC"}

package/lib/typescript/api/endpoints.d.ts

@@ -0,0 +1,5 @@
+export declare const endpoints: Readonly<{
+    initiatePayment: "/payment/client/checkout";
+    verifyCrypto: "/transactions/verify-crypto";
+}>;
+//# sourceMappingURL=endpoints.d.ts.map

package/lib/typescript/api/endpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpoints.d.ts","sourceRoot":"","sources":["../../../src/api/endpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;EAGpB,CAAC"}

package/lib/typescript/components/bottom-sheet.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+interface BottomSheetProps {
+    visible: boolean;
+    /** Called when the user requests to close (backdrop, drag, hardware back). */
+    onClose: () => void;
+    /** Called after the exit animation completes — safe to unmount/reset here. */
+    onClosed?: () => void;
+    /** When false, tapping the dimmed backdrop will not dismiss the sheet. Defaults to true. */
+    closeOnBackdropPress?: boolean;
+    children: ReactNode;
+}
+/**
+ * A Stripe-style bottom sheet: slides up from the bottom over a dimmed backdrop,
+ * with drag-to-dismiss on the handle. Built on RN primitives — no native deps.
+ */
+export declare function BottomSheet({ visible, onClose, onClosed, closeOnBackdropPress, children, }: BottomSheetProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=bottom-sheet.d.ts.map

package/lib/typescript/components/bottom-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWpE,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAKD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,oBAA2B,EAC3B,QAAQ,GACT,EAAE,gBAAgB,+BA6FlB"}

package/lib/typescript/components/icons.d.ts

@@ -0,0 +1,12 @@
+interface IconProps {
+    size?: number;
+    color?: string;
+}
+/** ClockPay brandmark. */
+export declare function LogoIcon({ size }: IconProps): import("react").JSX.Element;
+export declare function CloseIcon({ size, color }: IconProps): import("react").JSX.Element;
+export declare function CopyIcon({ size, color }: IconProps): import("react").JSX.Element;
+export declare function InfoIcon({ size }: IconProps): import("react").JSX.Element;
+export declare function CheckIcon({ size }: IconProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=icons.d.ts.map

package/lib/typescript/components/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/icons.tsx"],"names":[],"mappings":"AAEA,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0BAA0B;AAC1B,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,EAAE,SAAS,+BAahD;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,+BAiBpE;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,+BAmBnE;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,EAAE,SAAS,+BAWhD;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,EAAE,SAAS,+BAajD"}

package/lib/typescript/components/payment-button.d.ts

@@ -0,0 +1,7 @@
+import type { PaymentButtonProps } from '../types';
+/**
+ * Drop-in payment button for React Native. Renders a "Pay with Clockpay" trigger
+ * that initiates a checkout and opens a Stripe-style bottom-sheet payment modal.
+ */
+export declare function PaymentButton({ publicKey, clientSecret, appearance, label, disabled, apiBaseUrl, redirectUrl, onSuccess, onError, onClose, }: PaymentButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=payment-button.d.ts.map

package/lib/typescript/components/payment-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-button.d.ts","sourceRoot":"","sources":["../../../src/components/payment-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAMjE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAA2B,EAC3B,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,OAAO,EACP,OAAO,GACR,EAAE,kBAAkB,+BA2EpB"}

package/lib/typescript/components/payment-sheet.d.ts

@@ -0,0 +1,17 @@
+import type { CheckoutData, VerifyCryptoResponse } from '../types';
+import type { ResolvedTheme } from '../internal/theme';
+interface PaymentSheetProps {
+    visible: boolean;
+    checkout: CheckoutData;
+    publicKey: string;
+    apiBaseUrl?: string;
+    theme: ResolvedTheme;
+    redirectUrl?: string;
+    onRequestClose: () => void;
+    onClosed: () => void;
+    onSuccess?: (data: VerifyCryptoResponse) => void;
+    onError?: (error: Error) => void;
+}
+export declare function PaymentSheet({ visible, checkout, publicKey, apiBaseUrl, theme, redirectUrl, onRequestClose, onClosed, onSuccess, onError, }: PaymentSheetProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=payment-sheet.d.ts.map

package/lib/typescript/components/payment-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-sheet.d.ts","sourceRoot":"","sources":["../../../src/components/payment-sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAavD,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,WAAW,EACX,cAAc,EACd,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE,iBAAiB,+BA6FnB"}

package/lib/typescript/components/views/status-view.d.ts

@@ -0,0 +1,12 @@
+import type { ResolvedTheme } from '../../internal/theme';
+interface StatusViewProps {
+    theme: ResolvedTheme;
+    busy: boolean;
+    success: boolean;
+    error: string | null;
+    onClose: () => void;
+}
+/** Terminal step: processing spinner, success confirmation, or an error. */
+export declare function StatusView({ theme, busy, success, error, onClose }: StatusViewProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=status-view.d.ts.map

package/lib/typescript/components/views/status-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-view.d.ts","sourceRoot":"","sources":["../../../../src/components/views/status-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,UAAU,eAAe;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,4EAA4E;AAC5E,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,eAAe,+BAsCnF"}

package/lib/typescript/components/views/transfer-view.d.ts

@@ -0,0 +1,13 @@
+import type { CheckoutData } from '../../types';
+import type { ResolvedTheme } from '../../internal/theme';
+interface TransferViewProps {
+    checkout: CheckoutData;
+    theme: ResolvedTheme;
+    formattedTime: string;
+    expired: boolean;
+    onNext: () => void;
+}
+/** Manual-transfer flow: QR + deposit address + notes + countdown. */
+export declare function TransferView({ checkout, theme, formattedTime, expired, onNext, }: TransferViewProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=transfer-view.d.ts.map

package/lib/typescript/components/views/transfer-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer-view.d.ts","sourceRoot":"","sources":["../../../../src/components/views/transfer-view.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,UAAU,iBAAiB;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,aAAa,EACb,OAAO,EACP,MAAM,GACP,EAAE,iBAAiB,+BA2DnB"}

package/lib/typescript/components/views/verify-view.d.ts

@@ -0,0 +1,10 @@
+import type { ResolvedTheme } from '../../internal/theme';
+interface VerifyViewProps {
+    theme: ResolvedTheme;
+    busy: boolean;
+    onSubmit: (trxHash: string) => void;
+}
+/** Step where the buyer pastes their transaction hash to confirm the transfer. */
+export declare function VerifyView({ theme, busy, onSubmit }: VerifyViewProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=verify-view.d.ts.map

package/lib/typescript/components/views/verify-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verify-view.d.ts","sourceRoot":"","sources":["../../../../src/components/views/verify-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,UAAU,eAAe;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAuCpE"}

package/lib/typescript/hooks/use-countdown.d.ts

@@ -0,0 +1,8 @@
+/** A simple seconds countdown that stops at zero. */
+export declare function useCountdown(seconds: number): {
+    timeLeft: number;
+    formatted: string;
+    expired: boolean;
+    reset: () => void;
+};
+//# sourceMappingURL=use-countdown.d.ts.map

package/lib/typescript/hooks/use-countdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-countdown.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-countdown.ts"],"names":[],"mappings":"AAGA,qDAAqD;AACrD,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM;;;;;EAe3C"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,3 @@
+export { PaymentButton } from './components/payment-button';
+export type { PaymentButtonProps, ClockPayAppearance, ClockPayEnvironment, CheckoutData, CheckoutResponse, VerifyCryptoPayload, VerifyCryptoResponse, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/lib/typescript/internal/constants.d.ts

@@ -0,0 +1,20 @@
+/** API gateway for test keys (`cpay_test_pk_…`). */
+export declare const TEST_API_BASE_URL = "https://api.dev.theclockchain.io/api/v1";
+/** API gateway for live keys (`cpay_live_pk_…`). */
+export declare const LIVE_API_BASE_URL = "https://api.theclockchain.io/api/v1";
+/** ClockPay brand blue. */
+export declare const DEFAULT_ACCENT = "#27AAE1";
+/** How long the buyer has to complete a transfer, in seconds. */
+export declare const COUNTDOWN_SECONDS = 300;
+/**
+ * Picks the API gateway from the public key's environment prefix, unless an
+ * explicit `override` (the `apiBaseUrl` prop) is provided. Unknown prefixes fall
+ * back to the test gateway.
+ */
+export declare function resolveApiBaseUrl(publicKey: string, override?: string): string;
+/**
+ * Maps a coin's settlement network to its on-chain id, used when verifying a
+ * crypto transaction. Falls back to the `networkCode` from the checkout payload.
+ */
+export declare const NETWORK_CODES: Record<string, string>;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/internal/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/internal/constants.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,eAAO,MAAM,iBAAiB,4CAA4C,CAAC;AAE3E,oDAAoD;AACpD,eAAO,MAAM,iBAAiB,wCAAwC,CAAC;AAEvE,2BAA2B;AAC3B,eAAO,MAAM,cAAc,YAAY,CAAC;AAExC,iEAAiE;AACjE,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAI9E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMhD,CAAC"}

package/lib/typescript/internal/format.d.ts

@@ -0,0 +1,7 @@
+/** Formats a number of seconds as `MM:SS`. */
+export declare function formatTime(totalSeconds: number): string;
+/** Resolves the on-chain code used to verify a transaction for a given checkout. */
+export declare function resolveNetworkCode(network?: string, fallback?: string): string;
+/** Truncates a long address for compact display: `0x1234…abcd`. */
+export declare function truncateMiddle(value: string, lead?: number, tail?: number): string;
+//# sourceMappingURL=format.d.ts.map

package/lib/typescript/internal/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/internal/format.ts"],"names":[],"mappings":"AAEA,8CAA8C;AAC9C,wBAAgB,UAAU,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAKvD;AAED,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAG9E;AAED,mEAAmE;AACnE,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,SAAK,EAAE,IAAI,SAAI,GAAG,MAAM,CAGzE"}

package/lib/typescript/internal/theme.d.ts

@@ -0,0 +1,13 @@
+import type { ClockPayAppearance } from '../types';
+/** Concrete colours/values resolved from an {@link ClockPayAppearance}. */
+export interface ResolvedTheme {
+    accent: string;
+    radius: number;
+    buttonBg: string;
+    buttonFg: string;
+    buttonBorder: string;
+    fontFamily?: string;
+}
+/** Resolves an appearance object into concrete style values for the RN UI. */
+export declare function resolveTheme(appearance?: ClockPayAppearance): ResolvedTheme;
+//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/internal/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/internal/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGnD,2EAA2E;AAC3E,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,UAAU,CAAC,EAAE,kBAAkB,GAAG,aAAa,CAa3E"}

package/lib/typescript/types.d.ts

@@ -0,0 +1,67 @@
+import type { ReactNode } from 'react';
+/**
+ * Visual customization for the ClockPay button and bottom-sheet modal.
+ * Mirrors the web SDK's Stripe-style appearance API.
+ */
+export interface ClockPayAppearance {
+    /** Button fill strategy. Defaults to `'outline'`. */
+    variant?: 'solid' | 'outline';
+    /** Primary brand colour. Defaults to `#27AAE1`. */
+    buttonColor?: string;
+    /** Overrides the button label colour. */
+    buttonTextColor?: string;
+    /** Corner radius for the button and primary actions. Defaults to `8`. */
+    borderRadius?: number;
+    /** Font family applied to SDK surfaces. */
+    fontFamily?: string;
+    /** Accent colour used inside the sheet (QR border, links, timer). Defaults to `buttonColor`. */
+    modalAccentColor?: string;
+}
+/** The environment a public key belongs to. */
+export type ClockPayEnvironment = 'test' | 'live';
+/** Payload returned by the checkout endpoint and rendered inside the sheet. */
+export interface CheckoutData {
+    reference: string;
+    address: string;
+    network: string;
+    networkCode: string;
+    coin: string;
+    amount: number;
+    contractAddress: string;
+}
+export interface CheckoutResponse {
+    message: string;
+    data: CheckoutData;
+}
+export interface VerifyCryptoPayload {
+    reference: string;
+    trxHash: string;
+    code: string;
+}
+export interface VerifyCryptoResponse {
+    message: string;
+}
+/** Props for the public {@link PaymentButton} component. */
+export interface PaymentButtonProps {
+    /** Public key from the business developer dashboard (e.g. `cpay_test_pk_...`). Required. */
+    publicKey: string;
+    /** Client secret returned from your server-side checkout call. Required. */
+    clientSecret: string;
+    /** Visual customization for the button and sheet. */
+    appearance?: ClockPayAppearance;
+    /** Button label. Defaults to "Pay with Clockpay". */
+    label?: ReactNode;
+    /** Disables the button. */
+    disabled?: boolean;
+    /** Override the API base URL. Defaults to the gateway matching the key prefix. */
+    apiBaseUrl?: string;
+    /** URL to open (via Linking) after a successful payment. Optional. */
+    redirectUrl?: string;
+    /** Called once the payment is confirmed on-chain. */
+    onSuccess?: (data: VerifyCryptoResponse) => void;
+    /** Called when initiating or verifying the payment fails. */
+    onError?: (error: Error) => void;
+    /** Called whenever the sheet closes, regardless of outcome. */
+    onClose?: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gGAAgG;IAChG,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,+CAA+C;AAC/C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,+EAA+E;AAC/E,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,4DAA4D;AAC5D,MAAM,WAAW,kBAAkB;IACjC,4FAA4F;IAC5F,SAAS,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,qDAAqD;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACjD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@clockpay/react-native",
+  "version": "1.0.0",
+  "description": "A type-safe React Native SDK for accepting crypto payments with ClockPay — a Stripe-style bottom-sheet payment modal.",
+  "license": "MIT",
+  "author": "ClockPay",
+  "homepage": "https://www.theclockchain.io/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Clocked-Ecosystem/clockpay-react-native"
+  },
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index.ts",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__"
+  ],
+  "scripts": {
+    "build": "bob build",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build",
+    "release": "npm publish"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "react-native",
+    "clockpay",
+    "payment",
+    "crypto",
+    "usdt",
+    "bottom-sheet",
+    "b2b"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.72",
+    "@react-native-clipboard/clipboard": ">=1.11",
+    "react-native-qrcode-svg": ">=6",
+    "react-native-svg": ">=13"
+  },
+  "dependencies": {
+    "axios": "^1.7.2"
+  },
+  "devDependencies": {
+    "@react-native-clipboard/clipboard": "^1.14.1",
+    "@types/react": "^18.3.12",
+    "react": "^18.3.1",
+    "react-native": "^0.75.4",
+    "react-native-builder-bob": "^0.30.3",
+    "react-native-qrcode-svg": "^6.3.2",
+    "react-native-svg": "^15.6.0",
+    "typescript": "~5.6.2"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "module",
+      "commonjs",
+      "typescript"
+    ]
+  }
+}

package/src/api/client.ts

@@ -0,0 +1,76 @@
+import axios, { AxiosError, type AxiosInstance } from 'axios';
+import { endpoints } from './endpoints';
+import { resolveApiBaseUrl } from '../internal/constants';
+import type {
+  CheckoutResponse,
+  VerifyCryptoPayload,
+  VerifyCryptoResponse,
+} from '../types';
+
+/** Normalizes an unknown thrown value into a useful `Error`. */
+function toError(error: unknown, fallback: string): Error {
+  if (error instanceof AxiosError) {
+    const message =
+      (error.response?.data as { message?: string } | undefined)?.message ??
+      error.message;
+    return new Error(message || fallback);
+  }
+  if (error instanceof Error) return error;
+  return new Error(fallback);
+}
+
+/**
+ * A small, typed wrapper around the ClockPay REST API.
+ *
+ * Each client carries its own public key on a dedicated axios instance. The base
+ * URL is selected from the key's environment prefix (`cpay_test_pk_` → dev
+ * gateway, `cpay_live_pk_` → live gateway) unless `apiBaseUrl` overrides it.
+ */
+export class ClockPayClient {
+  private readonly http: AxiosInstance;
+
+  constructor(publicKey: string, apiBaseUrl?: string) {
+    if (!publicKey) {
+      throw new Error('ClockPay: a publicKey is required.');
+    }
+    this.http = axios.create({
+      baseURL: resolveApiBaseUrl(publicKey, apiBaseUrl),
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+        'clock-pub-key': publicKey,
+      },
+    });
+  }
+
+  /** Initiates a checkout for the given client secret. */
+  async initiatePayment(clientSecret: string): Promise<CheckoutResponse> {
+    if (!clientSecret) {
+      throw new Error('ClockPay: a clientSecret is required.');
+    }
+    try {
+      const { data } = await this.http.post<CheckoutResponse>(
+        endpoints.initiatePayment,
+        { clientSecret }
+      );
+      return data;
+    } catch (error) {
+      throw toError(error, 'Failed to initiate payment.');
+    }
+  }
+
+  /** Verifies an on-chain transaction by hash. */
+  async verifyCrypto(
+    payload: VerifyCryptoPayload
+  ): Promise<VerifyCryptoResponse> {
+    try {
+      const { data } = await this.http.post<VerifyCryptoResponse>(
+        endpoints.verifyCrypto,
+        payload
+      );
+      return data;
+    } catch (error) {
+      throw toError(error, 'Failed to verify transaction.');
+    }
+  }
+}

package/src/api/endpoints.ts

@@ -0,0 +1,4 @@
+export const endpoints = Object.freeze({
+  initiatePayment: '/payment/client/checkout',
+  verifyCrypto: '/transactions/verify-crypto',
+});