@applite/duticotac-react 0.0.1

package/dist/index.d.mts

@@ -0,0 +1,102 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { TransactionModel, DuticotacSDK, PaymentProvider, CoreApp, PlatformType } from '@applite/duticotac';
+import { ClassValue } from 'clsx';
+
+interface DuticotacPaymentModalProps {
+    open: boolean;
+    onClose: () => void;
+    onSuccess?: (transaction: TransactionModel) => void;
+    /** SDK instance or config to create one. */
+    sdk: DuticotacSDK;
+    /** Amount in the smallest currency unit. */
+    amount: number;
+    /** Available payment providers. */
+    providers?: PaymentProvider[];
+    /** Called to get a unique transaction ID before cashout. */
+    getTransactionId: () => Promise<string>;
+    /** Product reference for the cashout. */
+    productReference?: string;
+    /** Pre-fill phone number. */
+    initialPhone?: string;
+    /** Customer details. */
+    name?: string;
+    email?: string;
+    customerId?: string;
+    kolaboReference?: string;
+    app?: CoreApp;
+    platform?: PlatformType;
+    /** Custom success message. */
+    successMessage?: string;
+    /** Custom title. */
+    title?: string;
+    /** Polling timeout in ms (default: 90000). */
+    pollTimeout?: number;
+    /** Additional class names for the modal container. */
+    className?: string;
+    /**
+     * Render prop for the modal wrapper. Receives children and renders them
+     * inside your dialog/modal component. If not provided, a simple overlay is used.
+     */
+    renderModal?: (props: {
+        open: boolean;
+        onClose: () => void;
+        title: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+declare function DuticotacPaymentModal({ open, onClose, onSuccess, sdk, amount, providers, getTransactionId, productReference, initialPhone, name: customerName, email: customerEmail, customerId, kolaboReference, app, platform, successMessage, title, pollTimeout, className, renderModal, }: DuticotacPaymentModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface ProviderSelectorProps {
+    providers: PaymentProvider[];
+    value: PaymentProvider;
+    onChange: (provider: PaymentProvider) => void;
+    disabled?: boolean;
+    className?: string;
+}
+declare function ProviderSelector({ providers, value, onChange, disabled, className, }: ProviderSelectorProps): react_jsx_runtime.JSX.Element;
+
+interface PhoneInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+    placeholder?: string;
+    error?: string | null;
+    disabled?: boolean;
+    className?: string;
+    autoFocus?: boolean;
+}
+declare function PhoneInput({ value, onChange, label, placeholder, error, disabled, className, autoFocus, }: PhoneInputProps): react_jsx_runtime.JSX.Element;
+
+interface OtpInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    length?: number;
+    disabled?: boolean;
+    className?: string;
+}
+declare function OtpInput({ value, onChange, length, disabled, className, }: OtpInputProps): react_jsx_runtime.JSX.Element;
+
+interface TransactionStatusProps {
+    status: "polling" | "success" | "error";
+    elapsedSeconds?: number;
+    message?: string;
+    errorMessage?: string;
+    paymentUrl?: string | null;
+    onRetry?: () => void;
+    onClose?: () => void;
+    onOpenPaymentUrl?: () => void;
+    className?: string;
+}
+declare function TransactionStatus({ status, elapsedSeconds, message, errorMessage, paymentUrl, onRetry, onClose, onOpenPaymentUrl, className, }: TransactionStatusProps): react_jsx_runtime.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare function formatCFA(n: number): string;
+
+declare function getPhoneRegex(provider: PaymentProvider): RegExp;
+declare function validatePhone(phone: string, provider: PaymentProvider): string | null;
+declare function normalizePhone(phone: string): string;
+declare function needsOtp(provider: PaymentProvider): boolean;
+
+export { DuticotacPaymentModal, type DuticotacPaymentModalProps, OtpInput, type OtpInputProps, PhoneInput, type PhoneInputProps, ProviderSelector, type ProviderSelectorProps, TransactionStatus, type TransactionStatusProps, cn, formatCFA, getPhoneRegex, needsOtp, normalizePhone, validatePhone };

package/dist/index.d.ts

@@ -0,0 +1,102 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { TransactionModel, DuticotacSDK, PaymentProvider, CoreApp, PlatformType } from '@applite/duticotac';
+import { ClassValue } from 'clsx';
+
+interface DuticotacPaymentModalProps {
+    open: boolean;
+    onClose: () => void;
+    onSuccess?: (transaction: TransactionModel) => void;
+    /** SDK instance or config to create one. */
+    sdk: DuticotacSDK;
+    /** Amount in the smallest currency unit. */
+    amount: number;
+    /** Available payment providers. */
+    providers?: PaymentProvider[];
+    /** Called to get a unique transaction ID before cashout. */
+    getTransactionId: () => Promise<string>;
+    /** Product reference for the cashout. */
+    productReference?: string;
+    /** Pre-fill phone number. */
+    initialPhone?: string;
+    /** Customer details. */
+    name?: string;
+    email?: string;
+    customerId?: string;
+    kolaboReference?: string;
+    app?: CoreApp;
+    platform?: PlatformType;
+    /** Custom success message. */
+    successMessage?: string;
+    /** Custom title. */
+    title?: string;
+    /** Polling timeout in ms (default: 90000). */
+    pollTimeout?: number;
+    /** Additional class names for the modal container. */
+    className?: string;
+    /**
+     * Render prop for the modal wrapper. Receives children and renders them
+     * inside your dialog/modal component. If not provided, a simple overlay is used.
+     */
+    renderModal?: (props: {
+        open: boolean;
+        onClose: () => void;
+        title: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+declare function DuticotacPaymentModal({ open, onClose, onSuccess, sdk, amount, providers, getTransactionId, productReference, initialPhone, name: customerName, email: customerEmail, customerId, kolaboReference, app, platform, successMessage, title, pollTimeout, className, renderModal, }: DuticotacPaymentModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface ProviderSelectorProps {
+    providers: PaymentProvider[];
+    value: PaymentProvider;
+    onChange: (provider: PaymentProvider) => void;
+    disabled?: boolean;
+    className?: string;
+}
+declare function ProviderSelector({ providers, value, onChange, disabled, className, }: ProviderSelectorProps): react_jsx_runtime.JSX.Element;
+
+interface PhoneInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+    placeholder?: string;
+    error?: string | null;
+    disabled?: boolean;
+    className?: string;
+    autoFocus?: boolean;
+}
+declare function PhoneInput({ value, onChange, label, placeholder, error, disabled, className, autoFocus, }: PhoneInputProps): react_jsx_runtime.JSX.Element;
+
+interface OtpInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    length?: number;
+    disabled?: boolean;
+    className?: string;
+}
+declare function OtpInput({ value, onChange, length, disabled, className, }: OtpInputProps): react_jsx_runtime.JSX.Element;
+
+interface TransactionStatusProps {
+    status: "polling" | "success" | "error";
+    elapsedSeconds?: number;
+    message?: string;
+    errorMessage?: string;
+    paymentUrl?: string | null;
+    onRetry?: () => void;
+    onClose?: () => void;
+    onOpenPaymentUrl?: () => void;
+    className?: string;
+}
+declare function TransactionStatus({ status, elapsedSeconds, message, errorMessage, paymentUrl, onRetry, onClose, onOpenPaymentUrl, className, }: TransactionStatusProps): react_jsx_runtime.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare function formatCFA(n: number): string;
+
+declare function getPhoneRegex(provider: PaymentProvider): RegExp;
+declare function validatePhone(phone: string, provider: PaymentProvider): string | null;
+declare function normalizePhone(phone: string): string;
+declare function needsOtp(provider: PaymentProvider): boolean;
+
+export { DuticotacPaymentModal, type DuticotacPaymentModalProps, OtpInput, type OtpInputProps, PhoneInput, type PhoneInputProps, ProviderSelector, type ProviderSelectorProps, TransactionStatus, type TransactionStatusProps, cn, formatCFA, getPhoneRegex, needsOtp, normalizePhone, validatePhone };