@tender-cash/agent-sdk-react 0.0.1 → 0.1.0

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as TenderAgentSdk } from './module';

package/dist/types/module/_actions/details.d.ts

@@ -0,0 +1,22 @@
+import { IPaymentData, PAYMENT_STAGE } from '../types';
+declare const fetchPaymentDetailAction: ({ nextScreen, setPageLoading }: {
+    nextScreen: (stage: PAYMENT_STAGE) => void;
+    setPageLoading: (c: boolean) => void;
+}) => {
+    paymentDetails: IPaymentData | undefined;
+    isFetching: boolean;
+    initiatePayment: ({ amount, chain, coin, fiatCurrency }: {
+        amount: number;
+        chain: string;
+        coin: string;
+        fiatCurrency: string;
+    }) => Promise<void>;
+    paymentError: {
+        title: string;
+        message: string;
+        data: any;
+    } | undefined;
+    confirmPayment: () => void | Promise<void>;
+    cancelPayment: () => void | Promise<void>;
+};
+export default fetchPaymentDetailAction;

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

@@ -0,0 +1,29 @@
+import { IPaymentData, Option } from '../types';
+declare const useAgentSdkAction: () => {
+    currentStage: number;
+    amount: number;
+    fiatCurrency: string;
+    networks: [] | Option[];
+    coins: [] | Option[];
+    selectedCoin: Option | null;
+    selectedNetwork: Option | null;
+    setCoin: import('react').Dispatch<import('react').SetStateAction<Option | null>>;
+    setNetwork: (network: Option) => Promise<void>;
+    submitForm: () => Promise<void | null>;
+    formDisabled: boolean;
+    formLoading: boolean;
+    paymentData: IPaymentData & {
+        cancelPayment: () => void;
+        confirmPayment: () => void;
+        disabled: boolean;
+        loading: boolean;
+    };
+    pageLoading: boolean;
+    coinFetching: boolean;
+    paymentError: {
+        title: string;
+        message: string;
+        data: any;
+    } | undefined;
+};
+export default useAgentSdkAction;

package/dist/types/module/_components/button.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const button: (props?: ({
+    variant?: "primary" | "secondary" | "danger" | "outline" | "transparent" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof button> {
+    disabled?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,6 @@
+export * from './button';
+export * from './loader';
+export * from './select';
+export * from './toaster';
+export * from './layout';
+export * from './transition';

package/dist/types/module/_components/layout.d.ts

@@ -0,0 +1,4 @@
+import { FormFooterProps, FormHeaderProps } from '../types';
+declare const FormFooter: ({ children }: FormFooterProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormHeader: ({ title, description, icon }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { FormFooter, FormHeader };

package/dist/types/module/_components/loader.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface SpinnerProps {
+    size?: number;
+    className?: string;
+}
+export declare const Spinner: FC<SpinnerProps>;
+export declare const TenderSpinner: FC<SpinnerProps>;
+export {};

package/dist/types/module/_components/select.d.ts

@@ -0,0 +1,14 @@
+import { Option } from '../types';
+interface SelectProps {
+    options: Option[];
+    value: Option | null;
+    onChange: (value: Option) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    dropdownClassName?: string;
+}
+export declare const SelectDropdown: ({ options, value, onChange, placeholder, disabled, loading, className, triggerClassName, dropdownClassName, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/module/_components/toaster.d.ts

@@ -0,0 +1,5 @@
+export declare const toast: {
+    error: (message: string) => string;
+    success: (message: string) => string;
+    info: (message: string) => string;
+};

package/dist/types/module/_components/transition.d.ts

@@ -0,0 +1,5 @@
+interface TransitionProps {
+    children: React.ReactNode;
+}
+declare const _default: import('react').NamedExoticComponent<TransitionProps>;
+export default _default;

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

@@ -0,0 +1,13 @@
+import { default as React, ReactNode } from 'react';
+import { Axios } from 'axios';
+import { ConfigContextType } from '../types';
+declare const useConfig: () => ConfigContextType & {
+    client?: Axios;
+    CONFIRM_INTERVAL: number;
+};
+interface ConfigProviderProps {
+    config: ConfigContextType;
+    children: ReactNode;
+}
+declare const ConfigProvider: React.FC<ConfigProviderProps>;
+export { useConfig, ConfigProvider };

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

@@ -0,0 +1,3 @@
+import { TenderAgentProps } from './types';
+declare const TenderAgentSdk: ({ amount, accessId, accessSecret, env, fiatCurrency, onEventResponse }: TenderAgentProps) => import("react/jsx-runtime").JSX.Element;
+export default TenderAgentSdk;

package/dist/types/module/lib/axios-instance.d.ts

@@ -0,0 +1,5 @@
+import { AxiosInstance } from 'axios';
+import { ConfigContextType } from '../types';
+declare const setAxiosInstance: (config: ConfigContextType) => void;
+declare const getAxiosInstance: () => AxiosInstance;
+export { setAxiosInstance, getAxiosInstance };

package/dist/types/module/lib/error-handler.d.ts

@@ -0,0 +1,3 @@
+declare const setGlobalErrorHandler: (handler: (errorMessage: string) => void) => void;
+declare const triggerGlobalError: (message: string) => void;
+export { setGlobalErrorHandler, triggerGlobalError };

package/dist/types/module/lib/logger.d.ts

@@ -0,0 +1,17 @@
+type LogLevel = "info" | "warn" | "error" | "debug";
+interface LoggerOptions {
+    level: LogLevel;
+    message: string;
+    meta?: Record<string, any> | any[];
+}
+declare class Logger {
+    static show: boolean;
+    static log({ level, message, meta }: LoggerOptions): void;
+    private static logToConsole;
+    static info(message: string, meta?: Record<string, any>): void;
+    static warn(message: string, meta?: Record<string, any>): void;
+    static error(message: string, meta?: Record<string, any>): void;
+    static debug(message: string, meta?: Record<string, any>): void;
+    static showLogger(v: boolean): void;
+}
+export default Logger;

package/dist/types/module/lib/queue.d.ts

@@ -0,0 +1,14 @@
+import { AxiosRequestConfig, AxiosResponse } from 'axios';
+declare class ApiRequestQueue {
+    private queue;
+    private processing;
+    private isCleared;
+    private axios;
+    constructor();
+    private processQueue;
+    private sendRequest;
+    addToQueue<T = any>(config: AxiosRequestConfig, customHeaders?: Record<string, string>, retryCount?: number): Promise<AxiosResponse<T>>;
+    cancelRequest(requestId: string): void;
+    clearQueue(): void;
+}
+export default ApiRequestQueue;

package/dist/types/module/lib/utils/index.d.ts

@@ -0,0 +1,18 @@
+import { ClassValue } from 'clsx';
+import { IGetRequestSignatureParam, IGetRequestSignature, ITheme } from '../../types';
+declare function cn(...inputs: ClassValue[]): string;
+declare enum TENDER_URLS {
+    test = "https://stagapi.tender.cash",
+    live = "https://secureapi.tender.cash"
+}
+declare const URL_PATHS: {
+    CHAINS: string;
+    COINS: string;
+    PAYMENT_INITIATE: string;
+    PAYMENT_VALIDATE: string;
+};
+declare const getRequestSignature: ({ accessId, accessSecret, }: IGetRequestSignatureParam) => IGetRequestSignature;
+declare const applyTheme: (theme: ITheme) => void;
+declare const sleep: (milliseconds: number) => void;
+declare const sentenceCase: (str: string) => string;
+export { cn, getRequestSignature, applyTheme, sleep, TENDER_URLS, URL_PATHS, sentenceCase, };

package/dist/types/module/screens/details.d.ts

@@ -0,0 +1,3 @@
+import { paymentResponseProps, paymentDetailsProps } from '../types';
+declare const PaymentDetails: ({ address, amount, amountPaid, coin, loading, status, balance, cancelPayment, confirmPayment, }: paymentResponseProps & paymentDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export default PaymentDetails;

package/dist/types/module/screens/form.d.ts

@@ -0,0 +1,16 @@
+import { Option } from '../types';
+interface paymentFormProps {
+    amount: number;
+    fiatCurrency: string;
+    networks: Option[];
+    coins: Option[];
+    selectedNetwork: Option | null;
+    selectedCoin: Option | null;
+    formDisabled: boolean;
+    formLoading: boolean;
+    selectCoin: (value: Option) => void;
+    selectNetwork: (value: Option) => void;
+    submitForm: () => void;
+}
+declare const PaymentForm: ({ amount, fiatCurrency, networks, selectedNetwork, selectedCoin, coins, formDisabled, formLoading, selectCoin, selectNetwork, submitForm }: paymentFormProps) => import("react/jsx-runtime").JSX.Element;
+export default PaymentForm;

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

@@ -0,0 +1,2 @@
+declare const TenderWidget: () => import("react/jsx-runtime").JSX.Element;
+export default TenderWidget;

package/dist/types/module/screens/info.d.ts

@@ -0,0 +1,5 @@
+declare const InfoScreen: ({ title, message }: {
+    title?: string;
+    message?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default InfoScreen;

package/dist/types/module/types.d.ts

@@ -0,0 +1,202 @@
+import { ReactNode } from 'react';
+import { AxiosRequestConfig, AxiosResponse, AxiosError } from 'axios';
+type IAny = any;
+interface ITheme extends Record<string, any> {
+    primary?: string;
+    secondary?: string;
+    info?: string;
+    warning?: string;
+    success?: string;
+    danger?: string;
+}
+interface IGetRequestSignature {
+    signature: string;
+    timeStamp: string;
+    requestId: string;
+}
+interface IGetRequestSignatureParam {
+    accessId: string;
+    accessSecret: string;
+}
+declare enum PAYMENT_STATUS {
+    PENDING = "pending",
+    PARTIAL = "partial-payment",
+    COMPLETE = "completed",
+    OVER = "overpayment"
+}
+interface Option {
+    label: string;
+    value: string;
+    icon?: string;
+}
+declare enum paymentStatusMap {
+    "overpayment" = "over",
+    "partial-payment" = "partial",
+    "completed" = "complete",
+    "pending" = "pending",
+    "error" = "error",
+    "cancelled" = "cancelled"
+}
+type PaymentTypeProps = "partial" | "complete" | "over" | "pending" | "error";
+type PaymentStatusProps = "partial-payment" | "completed" | "overpayment" | "pending" | "error" | "cancelled";
+type TenderEnvironments = "test" | "live";
+interface FormHeaderProps {
+    title: string;
+    description: string;
+    icon?: string;
+}
+interface FormFooterProps {
+    children: ReactNode;
+}
+interface IPaymentData {
+    id?: string;
+    amount?: number;
+    coinAmount?: number;
+    coin?: string;
+    chain?: string;
+    address?: string;
+    amountPaid?: string;
+    balance?: string;
+    status?: PaymentStatusProps;
+}
+interface paymentResponseProps {
+    address: string;
+    amount: number;
+    amountPaid: number;
+    coin: string;
+    loading: boolean;
+    status?: PaymentStatusProps;
+    balance?: string;
+}
+declare enum PAYMENT_RESPONSES {
+    partial = "Please complete the remaining payment to finalize this transaction. If the full amount is not received within 24 hours, the transaction will be canceled. For a refund, please contact the Merchant.",
+    over = "You have overpaid. If the excess amount is significant, please contact your Merchant for a refund.",
+    complete = "",
+    pending = "",
+    error = "",
+    cancelled = ""
+}
+declare const PAYMENT_ICONS: {
+    partial: string;
+    over: string;
+    complete: string;
+    pending: undefined;
+    error: undefined;
+    cancelled: undefined;
+};
+interface paymentDetailsProps {
+    cancelPayment: () => void;
+    confirmPayment: () => void;
+}
+declare enum PAYMENT_STAGE {
+    FORM = 1,
+    DETAILS = 2,
+    INFO = 3
+}
+interface QueueItem {
+    id: string;
+    config: AxiosRequestConfig;
+    controller: AbortController;
+    resolve: (value: AxiosResponse<any>) => void;
+    reject: (reason?: any) => void;
+    retries: number;
+}
+type APIResponse<T = unknown> = AxiosResponse<{
+    message: string;
+    status: string;
+    data: T;
+}>;
+type APIError<T = unknown> = AxiosError<{
+    message: string;
+    status: string;
+    data?: T;
+}>;
+interface newPaymentResponse {
+    activationFee: number;
+    activationFeeUSD: number;
+    agentAmount: string;
+    agentCurrency: string;
+    agentId: string;
+    agentRate: number;
+    agentRateUSD: number;
+    amount: string;
+    chain: string;
+    chainId?: {
+        coin: string;
+    };
+    coinAmount: string;
+    contractAddress: string;
+    currency: string;
+    fee: number;
+    feeSent: boolean;
+    feeUSD: number;
+    merchantId: string;
+    rate: number;
+    txId: string;
+    type: string;
+    usdAmount: string;
+    walletAddress: string;
+    walletAddressIndex: number;
+    status?: PaymentStatusProps;
+    amountReceived?: string;
+    balanceRequired?: string;
+}
+interface onFinishResponse {
+    status: PaymentStatusProps;
+    message: string;
+    data: IPaymentData | undefined;
+}
+interface ConfigContextType {
+    accessId: string;
+    accessSecret: string;
+    amount: number;
+    fiatCurrency: string;
+    env: TenderEnvironments;
+    confirmationInterval?: number;
+    theme?: "light" | "dark";
+    onEventResponse?: (data: onFinishResponse) => void;
+}
+interface TenderAgentProps {
+    amount: number;
+    fiatCurrency: string;
+    accessId: string;
+    accessSecret: string;
+    env: TenderEnvironments;
+    onEventResponse?: (data: onFinishResponse) => void;
+}
+interface PaymentChain {
+    _id: string;
+    name: string;
+    icon: string;
+    id: string;
+    coin: string;
+    status: string;
+    explorer: string;
+    chainType: string;
+    isMultiChain: boolean;
+    cType: string;
+}
+interface PaymentCoin {
+    _id: string;
+    id: string;
+    name: string;
+    icon: string;
+    isContract: boolean;
+    chains: string[];
+    priceTag: string;
+    symbol: string;
+    status: string;
+}
+interface PaymentChainResponse {
+    data: PaymentChain[];
+    pages: number;
+    page: number;
+    limit: number;
+}
+interface PaymentCoinsResponse {
+    data: PaymentCoin[];
+    pages: number;
+    page: number;
+    limit: number;
+}
+export { type IAny, type FormHeaderProps, type FormFooterProps, type IPaymentData, type PaymentTypeProps, type PaymentStatusProps, type paymentResponseProps, type paymentDetailsProps, type newPaymentResponse, type Option, type IGetRequestSignatureParam, type IGetRequestSignature, type ITheme, type ConfigContextType, type TenderEnvironments, type TenderAgentProps, type QueueItem, type PaymentCoinsResponse, type PaymentChainResponse, type PaymentCoin, type APIResponse, type APIError, type onFinishResponse, paymentStatusMap, PAYMENT_STAGE, PAYMENT_STATUS, PAYMENT_RESPONSES, PAYMENT_ICONS, };

package/dist/types/styles/default-theme.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from '../module/types';
+declare const defaultTheme: ITheme;
+export default defaultTheme;

package/dist/types/types.d.ts

@@ -0,0 +1,2 @@
+import { TenderEnvironments, TenderAgentProps, onFinishResponse } from 'module/types';
+export { type TenderEnvironments, type TenderAgentProps, type onFinishResponse, };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@tender-cash/agent-sdk-react",
     "license": "MIT",
-    "version": "0.0.1",
+    "version": "0.1.0",
     "repository": "git://github.com/tender-cash/agent-sdk-react.git",
     "description": "",
     "author": "Tender",
@@ -67,9 +67,7 @@
         "vite-plugin-svgr": "^4.3.0"
     },
     "files": [
-        "dist/bundle-es",
-        "dist/bundle-cjs",
-        "dist/assets",
+        "dist",
         "dist/style.css"
     ],
     "keywords": [],

package/readme.md

@@ -1,5 +1,8 @@
 # @tender-cash/agent-sdk-react
 
+[![npm version](https://badge.fury.io/js/%40tender-cash%2Fagent-sdk-react.svg)](https://badge.fury.io/js/%40tender-cash%2Fagent-sdk-react)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
 React component library for integrating the Tender Cash payment flow into your application.
 
 ## Installation
@@ -38,7 +41,7 @@ function PaymentComponent() {
   // --- Configuration ---
   const accessId = 'YOUR_ACCESS_ID'; // Replace with your actual Access ID
   const accessSecret = 'YOUR_ACCESS_SECRET'; // Replace with your actual Access Secret
-  const amount = 10.00; // Amount to charge
+  const amount = 150.00; // Amount to charge
   const fiatCurrency = 'USD'; // Currency code
   const environment = 'test'; // 'test' or 'live'