@vindhq/sloud-payment-sdk 1.0.0

package/dist/react/rollup.config.d.ts

@@ -0,0 +1,8 @@
+import { RollupOptions } from "rollup";
+/**
+ * Rollup configuration for bundling the PaymentWidget project.
+ * Supports TypeScript, PostCSS, asset imports, and generates
+ * ESM, CJS, and UMD bundles with sourcemaps.
+ */
+declare const config: RollupOptions;
+export default config;

package/dist/react/rollup.config.dts.d.ts

@@ -0,0 +1,3 @@
+import { RollupOptions } from "rollup";
+declare const config: RollupOptions;
+export default config;

package/dist/react/src/components/Button/Button.types.d.ts

@@ -0,0 +1,6 @@
+import { HTMLProps } from 'react';
+export interface IButton extends HTMLProps<HTMLButtonElement> {
+    mode: 'outline' | 'solid';
+    type?: 'button' | 'submit' | 'reset';
+    loading?: boolean;
+}

package/dist/react/src/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { IButton } from './Button.types';
+declare const Button: ({ mode, children, disabled, className, style, loading, ...rest }: IButton) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/react/src/components/CopyToClipboardSpan/CopyToClipboard.types.d.ts

@@ -0,0 +1,4 @@
+export interface ICopyToClipboard {
+    label: string;
+    text: string;
+}

package/dist/react/src/components/CopyToClipboardSpan/index.d.ts

@@ -0,0 +1,3 @@
+import { ICopyToClipboard } from './CopyToClipboard.types';
+declare const CopyToClipboardSpan: ({ label, text }: ICopyToClipboard) => import("react/jsx-runtime").JSX.Element;
+export default CopyToClipboardSpan;

package/dist/react/src/components/Input/Input.types.d.ts

@@ -0,0 +1,17 @@
+import { type ChangeEvent, type FocusEvent, type HTMLProps } from 'react';
+export interface IInput extends HTMLProps<HTMLInputElement> {
+    error?: string | boolean;
+    label: string;
+    placeholder?: string;
+    name?: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    onDelete?: () => void;
+    type?: string;
+    value?: string | number;
+    disabled?: boolean;
+    autoComplete?: string;
+    title?: string;
+    required?: boolean;
+    inputClass?: string;
+}

package/dist/react/src/components/Input/index.d.ts

@@ -0,0 +1,3 @@
+import { IInput } from "./Input.types";
+declare const Input: ({ error, name, onChange, onFocus, onDelete, label, placeholder, type, value, disabled, autoComplete, title, required, inputClass, }: IInput) => JSX.Element;
+export default Input;

package/dist/react/src/components/Skeleton/PaymentOptionSkeletons.d.ts

@@ -0,0 +1,6 @@
+import "react-loading-skeleton/dist/skeleton.css";
+interface PaymentOptionsSkeletonProps {
+    numberOfSkeletons?: number;
+}
+declare const PaymentOptionsSkeleton: ({ numberOfSkeletons, }: PaymentOptionsSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default PaymentOptionsSkeleton;

package/dist/react/src/components/TextArea/TextArea.types.d.ts

@@ -0,0 +1,19 @@
+import { type ChangeEvent, type FocusEvent, type HTMLProps } from 'react';
+export interface ITextArea extends HTMLProps<HTMLTextAreaElement> {
+    error?: string | boolean;
+    label: string;
+    placeholder?: string;
+    name?: string;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
+    onDelete?: () => void;
+    value?: string;
+    disabled?: boolean;
+    autoComplete?: string;
+    title?: string;
+    required?: boolean;
+    inputClass?: string;
+    rows?: number;
+    cols?: number;
+    showCancelIcon?: boolean;
+}

package/dist/react/src/components/TextArea/index.d.ts

@@ -0,0 +1,3 @@
+import { ITextArea } from "./TextArea.types";
+declare const TextArea: ({ error, name, onChange, onFocus, onDelete, label, placeholder, value, disabled, autoComplete, title, required, inputClass, rows, cols, showCancelIcon, }: ITextArea) => JSX.Element;
+export default TextArea;

package/dist/react/src/components/Widget.d.ts

@@ -0,0 +1,6 @@
+import "../styles/widget.scss";
+interface Props {
+    isOpen: boolean;
+}
+declare const Widget: ({ isOpen }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Widget;

package/dist/react/src/components/modals/AwaitingPaymentModal/AwaitingPaymentModal.d.ts

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

package/dist/react/src/components/modals/AwaitingPaymentTimeoutModal/AwaitingPaymentTimeoutModal.d.ts

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

package/dist/react/src/components/modals/Modal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ModalProps {
+    title: string;
+    children: React.JSX.Element;
+    isControllable?: boolean;
+    isOpen?: boolean;
+    isCentralizedHeader?: boolean;
+}
+declare const Modal: ({ title, children, isControllable, isOpen, isCentralizedHeader, }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Modal;

package/dist/react/src/components/modals/PaymentDetailsModal/PaymentDetailsModal.d.ts

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

package/dist/react/src/components/modals/PaymentDetailsModal/hooks/useTimer.d.ts

@@ -0,0 +1,7 @@
+interface UseTimerProps {
+    start: boolean;
+    restart?: boolean;
+    callback?: () => void;
+}
+declare const useTimer: ({ start, restart, callback }: UseTimerProps) => string;
+export default useTimer;

package/dist/react/src/components/modals/PaymentOptionsModal/PaymentOptionsModal.d.ts

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

package/dist/react/src/components/modals/PaymentOptionsModal/RadioButton.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare const RadioButton: ({ label, name, value, id, disabled, onChange, checked, }: {
+    label: string;
+    name: string;
+    value: string;
+    id: string;
+    disabled?: boolean;
+    checked?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default RadioButton;

package/dist/react/src/components/modals/PaymentOptionsModal/paymentOptionsMap.d.ts

@@ -0,0 +1,5 @@
+export declare const paymentOptionsMap: Record<string, {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}>;

package/dist/react/src/components/modals/SuccessModal/SuccessModal.d.ts

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

package/dist/react/src/components/modals/state/actions/data.d.ts

@@ -0,0 +1,10 @@
+import { ProductItem } from '../../../../hooks/types';
+import { IGetStoreData } from '../../../../services';
+import { DeliveryDetails, EditItemAction, RemoveItemAction, ResetDataAction, SetDataAction, SetDeliveryDetailsAction, SetLoadingAction, SetStoreAction } from '../types';
+export declare const setData: (data: ProductItem[]) => SetDataAction;
+export declare const setStore: (store: IGetStoreData) => SetStoreAction;
+export declare const setLoading: (isLoading: boolean) => SetLoadingAction;
+export declare const setDeliveryDetails: (details: Partial<DeliveryDetails>) => SetDeliveryDetailsAction;
+export declare const editItemQuantity: (index: number, quantity?: number) => EditItemAction;
+export declare const removeItem: (index: number) => RemoveItemAction;
+export declare const resetData: () => ResetDataAction;

package/dist/react/src/components/modals/state/actions/index.d.ts

@@ -0,0 +1,5 @@
+import { ResetAllAction } from '../types';
+export declare const resetAll: () => ResetAllAction;
+export * from './data';
+export * from './modal';
+export * from './payment';

package/dist/react/src/components/modals/state/actions/modal.d.ts

@@ -0,0 +1,5 @@
+import { ResetModalAction, SetAboutModalAction, SetCurrentIndexAction, SetOpenAction } from '../types';
+export declare const setOpen: (isOpen: boolean) => SetOpenAction;
+export declare const setCurrentIndex: (index: number) => SetCurrentIndexAction;
+export declare const setAboutModal: (isOpen: boolean) => SetAboutModalAction;
+export declare const resetModal: () => ResetModalAction;

package/dist/react/src/components/modals/state/actions/payment.d.ts

@@ -0,0 +1,7 @@
+import { PaymentStatus } from "../../../../hooks/types";
+import { IPaymentDetails } from "../../../../services/products/types";
+import { ResetPaymentAction, SetAdditionalAmountAction, SetPaymentDetailsAction, SetPaymentStatusAction } from "../types";
+export declare const setPaymentStatus: (status: PaymentStatus) => SetPaymentStatusAction;
+export declare const setPaymentDetails: (details: IPaymentDetails) => SetPaymentDetailsAction;
+export declare const setAdditionalAmount: (amount: number) => SetAdditionalAmountAction;
+export declare const resetPayment: () => ResetPaymentAction;

package/dist/react/src/components/modals/state/constants/actionTypes.d.ts

@@ -0,0 +1,24 @@
+export declare const PAYMENT_ACTIONS: {
+    readonly SET_PAYMENT_STATUS: "SET_PAYMENT_STATUS";
+    readonly SET_PAYMENT_DETAILS: "SET_PAYMENT_DETAILS";
+    readonly SET_ADDITIONAL_AMOUNT: "SET_ADDITIONAL_AMOUNT";
+    readonly RESET_PAYMENT: "RESET_PAYMENT";
+};
+export declare const MODAL_ACTIONS: {
+    readonly SET_OPEN: "SET_OPEN";
+    readonly SET_CURRENT_INDEX: "SET_CURRENT_INDEX";
+    readonly SET_ABOUT_MODAL: "SET_ABOUT_MODAL";
+    readonly RESET_MODAL: "RESET_MODAL";
+};
+export declare const DATA_ACTIONS: {
+    readonly SET_DATA: "SET_DATA";
+    readonly SET_STORE: "SET_STORE";
+    readonly SET_LOADING: "SET_LOADING";
+    readonly SET_DELIVERY_DETAILS: "SET_DELIVERY_DETAILS";
+    readonly EDIT_ITEM: "EDIT_ITEM";
+    readonly REMOVE_ITEM: "REMOVE_ITEM";
+    readonly RESET_DATA: "RESET_DATA";
+};
+export declare const GLOBAL_ACTIONS: {
+    readonly RESET_ALL: "RESET_ALL";
+};

package/dist/react/src/components/modals/state/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './actionTypes';
+export * from './initialState';

package/dist/react/src/components/modals/state/constants/initialState.d.ts

@@ -0,0 +1,36 @@
+import { PaymentStatus } from "../../../../hooks/types";
+export declare const initialPaymentState: {
+    paymentStatus: PaymentStatus;
+    additionalAmount: number;
+    paymentDetails: {
+        reference: string;
+        account_name: string;
+        account_number: string;
+        bank: string;
+        expiry: string;
+        amount: number;
+        currency: string;
+    };
+};
+export declare const initialModalState: {
+    open: boolean;
+    currentIndex: number;
+    isOpenAboutModal: boolean;
+};
+export declare const initialDataState: {
+    data: import("../../../../hooks/types").ProductItem[];
+    store: undefined;
+    isLoading: boolean;
+    deliveryDetails: {
+        channel: "pickup";
+        first_name: string;
+        last_name: string;
+        email: string;
+        phone_number: string;
+        street: string;
+        country: string;
+        state: string;
+        city: string;
+        note: string;
+    };
+};

package/dist/react/src/components/modals/state/reducers/data.d.ts

@@ -0,0 +1,2 @@
+import { DataState, RootAction } from '../types';
+export declare const dataReducer: (state: DataState | undefined, action: RootAction) => DataState;

package/dist/react/src/components/modals/state/reducers/index.d.ts

@@ -0,0 +1,2 @@
+import { RootAction, RootState } from '../types';
+export declare const rootReducer: (state: RootState, action: RootAction) => RootState;

package/dist/react/src/components/modals/state/reducers/modal.d.ts

@@ -0,0 +1,2 @@
+import { ModalState, RootAction } from '../types';
+export declare const modalReducer: (state: ModalState | undefined, action: RootAction) => ModalState;

package/dist/react/src/components/modals/state/reducers/payment.d.ts

@@ -0,0 +1,2 @@
+import { PaymentState, RootAction } from "../types";
+export declare const paymentReducer: (state: PaymentState | undefined, action: RootAction) => PaymentState;

package/dist/react/src/components/modals/state/types/common.d.ts

@@ -0,0 +1,12 @@
+import { DataState } from './data';
+import { ModalState } from './modal';
+import { PaymentState } from './payment';
+export interface ActionType<Type, Payload = unknown> {
+    type: Type;
+    payload: Payload;
+}
+export interface RootState {
+    payment: PaymentState;
+    modal: ModalState;
+    data: DataState;
+}

package/dist/react/src/components/modals/state/types/data.d.ts

@@ -0,0 +1,34 @@
+import { ProductItem } from '../../../../hooks/types';
+import { IGetStoreData } from '../../../../services';
+import { DATA_ACTIONS } from '../constants/actionTypes';
+import { ActionType } from './common';
+export interface DeliveryDetails {
+    channel: 'pickup' | 'delivery';
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone_number: string;
+    street: string;
+    country: string;
+    state: string;
+    city: string;
+    note: string;
+}
+export interface EditItemPayload {
+    index: number;
+    quantity?: number;
+}
+export interface DataState {
+    data: ProductItem[];
+    store?: IGetStoreData;
+    isLoading: boolean;
+    deliveryDetails: DeliveryDetails;
+}
+export type SetDataAction = ActionType<typeof DATA_ACTIONS.SET_DATA, ProductItem[]>;
+export type SetStoreAction = ActionType<typeof DATA_ACTIONS.SET_STORE, IGetStoreData>;
+export type SetLoadingAction = ActionType<typeof DATA_ACTIONS.SET_LOADING, boolean>;
+export type SetDeliveryDetailsAction = ActionType<typeof DATA_ACTIONS.SET_DELIVERY_DETAILS, Partial<DeliveryDetails>>;
+export type EditItemAction = ActionType<typeof DATA_ACTIONS.EDIT_ITEM, EditItemPayload>;
+export type RemoveItemAction = ActionType<typeof DATA_ACTIONS.REMOVE_ITEM, number>;
+export type ResetDataAction = ActionType<typeof DATA_ACTIONS.RESET_DATA>;
+export type DataAction = SetDataAction | SetStoreAction | SetLoadingAction | SetDeliveryDetailsAction | EditItemAction | RemoveItemAction | ResetDataAction;

package/dist/react/src/components/modals/state/types/index.d.ts

@@ -0,0 +1,8 @@
+export * from './common';
+export * from './data';
+export * from './modal';
+export * from './payment';
+import { GLOBAL_ACTIONS } from '../constants/actionTypes';
+import { ActionType } from './common';
+export type ResetAllAction = ActionType<typeof GLOBAL_ACTIONS.RESET_ALL>;
+export type RootAction = import('./payment').PaymentAction | import('./modal').ModalAction | import('./data').DataAction | ResetAllAction;

package/dist/react/src/components/modals/state/types/modal.d.ts

@@ -0,0 +1,12 @@
+import { MODAL_ACTIONS } from '../constants';
+import { ActionType } from './common';
+export interface ModalState {
+    open: boolean;
+    currentIndex: number;
+    isOpenAboutModal: boolean;
+}
+export type SetOpenAction = ActionType<typeof MODAL_ACTIONS.SET_OPEN, boolean>;
+export type SetCurrentIndexAction = ActionType<typeof MODAL_ACTIONS.SET_CURRENT_INDEX, number>;
+export type SetAboutModalAction = ActionType<typeof MODAL_ACTIONS.SET_ABOUT_MODAL, boolean>;
+export type ResetModalAction = ActionType<typeof MODAL_ACTIONS.RESET_MODAL>;
+export type ModalAction = SetOpenAction | SetCurrentIndexAction | SetAboutModalAction | ResetModalAction;

package/dist/react/src/components/modals/state/types/payment.d.ts

@@ -0,0 +1,14 @@
+import { PaymentStatus } from '../../../../hooks/types';
+import { IPaymentDetails } from '../../../../services/products/types';
+import { PAYMENT_ACTIONS } from '../constants/actionTypes';
+import { ActionType } from './common';
+export interface PaymentState {
+    paymentStatus: PaymentStatus;
+    additionalAmount: number;
+    paymentDetails: IPaymentDetails;
+}
+export type SetPaymentStatusAction = ActionType<typeof PAYMENT_ACTIONS.SET_PAYMENT_STATUS, PaymentStatus>;
+export type SetPaymentDetailsAction = ActionType<typeof PAYMENT_ACTIONS.SET_PAYMENT_DETAILS, IPaymentDetails>;
+export type SetAdditionalAmountAction = ActionType<typeof PAYMENT_ACTIONS.SET_ADDITIONAL_AMOUNT, number>;
+export type ResetPaymentAction = ActionType<typeof PAYMENT_ACTIONS.RESET_PAYMENT>;
+export type PaymentAction = SetPaymentStatusAction | SetPaymentDetailsAction | SetAdditionalAmountAction | ResetPaymentAction;

package/dist/react/src/components/modals/state/utils/index.d.ts

@@ -0,0 +1,37 @@
+import { DeliveryDetails } from "../types";
+import { ProductItem } from "../../../../hooks/types";
+export declare const calculateTotalPrice: (data: ProductItem[]) => number;
+export declare const formatItemsForOrder: (data: ProductItem[]) => {
+    product_id: string;
+    discount: number;
+    quantity: number;
+    variation: string[];
+}[];
+export declare const createOrderPayload: (data: ProductItem[], deliveryDetails: DeliveryDetails, additionalAmount: number) => {
+    additional_amount: number;
+    discount: number;
+    payment_method: string;
+    buyer_details: DeliveryDetails;
+    channel: "pickup" | "delivery";
+    delivery_details: {
+        channel: "pickup" | "delivery";
+        first_name: string;
+        last_name: string;
+        email: string;
+        phone_number: string;
+        street: string;
+        country: string;
+        state: string;
+        city: string;
+        note: string;
+    };
+    items: {
+        product_id: string;
+        discount: number;
+        quantity: number;
+        variation: string[];
+    }[];
+};
+export declare const loadCartFromStorage: () => ProductItem[];
+export declare const saveCartToStorage: (data: ProductItem[]) => void;
+export declare const clearCartFromStorage: () => void;

package/dist/react/src/context/ModalProvider.d.ts

@@ -0,0 +1,4 @@
+declare const ModalProvider: ({ children }: {
+    children: React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ModalProvider;

package/dist/react/src/context/PaymentInfoContext.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from "react";
+interface BankAccount {
+    accountName: string;
+    accountNumber: string;
+    bank: string;
+}
+interface TransactionDetails {
+    reference: string;
+    amount: number;
+    charge: number;
+    currency: string;
+    expiry: string;
+}
+interface PaymentInfoContextProp {
+    collectionAccount: BankAccount;
+    transactionDetails: TransactionDetails;
+    updateCollectionAccount: (bankAccount: BankAccount) => void;
+    updateTransactionDetails: (transactionDetails: TransactionDetails) => void;
+}
+declare const PaymentInfoContext: React.Context<PaymentInfoContextProp | undefined>;
+interface PaymentWidgetProviderProps {
+    children: ReactNode;
+}
+export declare const PaymentInfoProvider: React.FC<PaymentWidgetProviderProps>;
+export default PaymentInfoContext;
+export declare const usePaymentInfoContext: () => PaymentInfoContextProp;

package/dist/react/src/context/PaymentWidgetContext.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import { PaymentWidgetOptions } from "../widget";
+interface PaymentWidgetContextType {
+    options: PaymentWidgetOptions;
+}
+declare const PaymentWidgetContext: React.Context<PaymentWidgetContextType | undefined>;
+export declare const usePaymentWidgetContext: () => PaymentWidgetContextType;
+interface PaymentWidgetProviderProps {
+    children: ReactNode;
+    options: PaymentWidgetOptions;
+}
+export declare const PaymentWidgetProvider: React.FC<PaymentWidgetProviderProps>;
+export default PaymentWidgetContext;

package/dist/react/src/context/modal.d.ts

@@ -0,0 +1,4 @@
+import { ModalContextTypes } from "./types";
+declare const ModalContext: import("react").Context<ModalContextTypes | undefined>;
+export declare const useModalContext: () => ModalContextTypes;
+export default ModalContext;

package/dist/react/src/context/types.d.ts

@@ -0,0 +1,28 @@
+import { DeliveryDetails, PaymentStatus, ProductItem } from "../hooks/types";
+import { IGetStoreData } from "../services";
+import { IPaymentDetails } from "../services/products/types";
+export interface ModalContextTypes {
+    open: boolean;
+    data: ProductItem[];
+    totalPrice: number;
+    currentModal: string;
+    movePrev: () => void;
+    moveNext: () => void;
+    openModal: () => void;
+    closeModal: () => void;
+    store: IGetStoreData | undefined;
+    editItemQuantity: (index: number, quantity?: number) => void;
+    removeItem: (index: number) => void;
+    isLoading: boolean;
+    paymentStatus: PaymentStatus;
+    setPaymentStatus: (status: PaymentStatus) => void;
+    deliveryDetails: DeliveryDetails;
+    paymentDetails: IPaymentDetails;
+    additionalAmount: number;
+    setAdditionalAmount: (amount: number) => void;
+    setDeliveryDetails: (details: DeliveryDetails) => void;
+    setData: (newData: ProductItem[]) => void;
+    orderProducts: () => Promise<void>;
+    isOpenAboutModal: boolean;
+    completeOperation: () => void;
+}

package/dist/react/src/hooks/types.d.ts

@@ -0,0 +1,34 @@
+export declare enum ModalNames {
+    Payment = "Payment",
+    PaymentDetails = "PaymentDetails",
+    AwaitingPayment = "AwaitingPayment",
+    AwaitingPaymentTimeout = "AwaitingPaymentTimeout",
+    Success = "Success"
+}
+export interface DeliveryDetails {
+    channel: "pickup" | "delivery";
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone_number: string;
+    street: string;
+    country: string;
+    state: string;
+    city: string;
+    note: string;
+}
+export interface ProductItem {
+    id: string;
+    image_url: string;
+    name: string;
+    variations: string[];
+    quantity: number;
+    price: number;
+    in_stock: number;
+}
+export declare enum PaymentStatus {
+    PENDING = "pending",
+    SUCCESS = "success",
+    FAILED = "failed",
+    CANCELLED = "cancelled"
+}

package/dist/react/src/hooks/useModalControl.d.ts

@@ -0,0 +1,27 @@
+import { DeliveryDetails, ModalNames, PaymentStatus, ProductItem } from "./types";
+declare const useModalControl: () => {
+    open: boolean;
+    data: ProductItem[];
+    store: import("../services").IGetStoreData | undefined;
+    currentModal: ModalNames;
+    totalPrice: number;
+    isLoading: boolean;
+    moveNext: () => void;
+    movePrev: () => void;
+    openModal: () => void;
+    closeModal: () => void;
+    orderProducts: () => Promise<void>;
+    deliveryDetails: import("../components/modals/state/types").DeliveryDetails;
+    setDeliveryDetails: (details: DeliveryDetails) => void;
+    paymentDetails: import("../services/products/types").IPaymentDetails;
+    paymentStatus: PaymentStatus;
+    setPaymentStatus: (status: PaymentStatus) => void;
+    additionalAmount: number;
+    setAdditionalAmount: (amount: number) => void;
+    editItemQuantity: (index: number, quantity?: number) => void;
+    removeItem: (index: number) => void;
+    setData: (newData: ProductItem[]) => void;
+    isOpenAboutModal: boolean;
+    completeOperation: () => void;
+};
+export default useModalControl;

package/dist/react/src/hooks/usePaymentAPI.d.ts

@@ -0,0 +1,10 @@
+export declare const usePaymentAPI: () => {
+    generatePaymentInstrument: () => Promise<void>;
+    paymentMethods: Record<string, boolean>;
+    publicKey: string;
+    isLocalEnv: boolean | undefined;
+    isFetchingMethods: boolean;
+    isLoading: boolean;
+    isSuccess: boolean;
+};
+export default usePaymentAPI;

package/dist/react/src/hooks/useShortPolling.d.ts

@@ -0,0 +1,4 @@
+declare const useShortPolling: ({ activate }: {
+    activate: boolean;
+}) => void;
+export default useShortPolling;

package/dist/react/src/index.d.ts

@@ -0,0 +1,2 @@
+import Widget from "./widget";
+export default Widget;

package/dist/react/src/services/config/endpoints.d.ts

@@ -0,0 +1,9 @@
+export declare const Endpoints: {
+    getPaymentMethods: (public_key: string) => string;
+    generatePaymentInstrument: (public_key: string) => string;
+    getPaymentStatus: (payment_reference: string) => string;
+};
+export interface BaseAPIResponse {
+    status: string;
+    message: string;
+}

package/dist/react/src/services/config/error.d.ts

@@ -0,0 +1,5 @@
+import { AxiosError } from "axios";
+export declare function handleError(error: AxiosError<{
+    status: string;
+    message: string;
+}>): void;

package/dist/react/src/services/index.d.ts

@@ -0,0 +1,27 @@
+import { AxiosError, InternalAxiosRequestConfig } from "axios";
+export * from "./store/types";
+export interface WidgetOptions {
+    public_key: string;
+    isLocalEnv?: boolean;
+    amount: number;
+    first_name: string;
+    last_name: string;
+    phone_number: string;
+    email: string;
+}
+export declare const setWidgetOptions: (options: WidgetOptions) => void;
+export declare const getWidgetOptions: () => WidgetOptions;
+interface APIError {
+    status: string;
+    message: string;
+}
+export interface IApiResponse<T> {
+    response?: T;
+    error?: AxiosError<APIError>;
+}
+export type ApiRequest = Pick<InternalAxiosRequestConfig<unknown>, "method" | "url" | "params" | "data">;
+export declare const makeApiCall: <T>(request: ApiRequest) => Promise<IApiResponse<T>>;
+export declare const errors: {
+    403: string;
+    404: string;
+};

package/dist/react/src/services/payments/index.d.ts

@@ -0,0 +1,4 @@
+import { IGeneratePaymentInstrumentPayload, IGetPaymentMethodsResponse, IPaymentInstrumentResponse, IPaymentStatusResponse } from "./types";
+export declare const fetchPaymentMethods: (public_key: string) => Promise<import("..").IApiResponse<IGetPaymentMethodsResponse>>;
+export declare const generatePaymentInstrumentService: (public_key: string, payload: IGeneratePaymentInstrumentPayload) => Promise<import("..").IApiResponse<IPaymentInstrumentResponse>>;
+export declare const fetchPaymentStatusService: (payment_reference: string) => Promise<import("..").IApiResponse<IPaymentStatusResponse>>;