@appcorp/stellar-solutions-invoice-module 0.1.57 → 0.1.60

package/base-modules/payment/constants.js

@@ -0,0 +1,165 @@
+/**
+ * Payment Module Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - Default Values
+ * - Validation Error Keys
+ * - API Routes
+ * - Table Configuration
+ * - Form Configuration
+ * - Network Messages
+ * - Validation Messages
+ * - UI Messages
+ */
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uiMessages = exports.validationError = exports.formInfo = exports.tableBodyCols = exports.PAYMENT_API_ROUTES = exports.VALIDATION_KEYS = exports.pageLimit = void 0;
+var enhanced_table_1 = require("@appcorp/shadcn/components/enhanced-table");
+var util_functions_1 = require("@react-pakistan/util-functions");
+// ============================================================================
+// PAGE CONFIGURATION
+// ============================================================================
+/**
+ * Default page limit for pagination
+ */
+exports.pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT);
+// ============================================================================
+// VALIDATION ERROR KEYS
+// ============================================================================
+/**
+ * Validation error keys for i18n translation
+ */
+exports.VALIDATION_KEYS = {
+    amount: "validationAmountRequired",
+    attachment: "validationAttachmentInvalid",
+    balance: "validationBalanceInvalid",
+    currency: "validationCurrencyRequired",
+    date: "validationDateRequired",
+    description: "validationDescriptionInvalid",
+    paymentMode: "validationPaymentModeRequired",
+    paymentType: "validationPaymentTypeRequired",
+    quoteInvoice: "validationQuoteInvoiceRequired",
+    ref: "validationRefInvalid",
+};
+// ============================================================================
+// API ROUTES
+// ============================================================================
+/**
+ * API routes for payment-related operations
+ */
+exports.PAYMENT_API_ROUTES = {
+    PAYMENT: "/api/payment",
+    PAYMENT_BY_ID: "/api/payment/payment-by-id",
+    PAYMENT_MODES: "/api/payment-modes",
+    PAYMENTS: "/api/payments",
+    QUOTE_INVOICES: "/api/quotes-invoices",
+};
+// ============================================================================
+// TABLE CONFIGURATION
+// ============================================================================
+/**
+ * Table body column configuration for payment listing
+ */
+exports.tableBodyCols = [
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.ID,
+        key: "id",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.OBJECT,
+        key: ["quoteInvoice:ref"],
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "date",
+        textFormatter: function (text) {
+            return (0, util_functions_1.formatDate)(text, util_functions_1.DATE_FORMATS.LOCALE_DATE);
+        },
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "amount",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "balance",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "currency",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "paymentType",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.OBJECT,
+        key: ["paymentMode:label"],
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "ref",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.ACTIONS,
+        key: "action",
+    },
+];
+// ============================================================================
+// FORM CONFIGURATION
+// ============================================================================
+/**
+ * Information tooltips for form fields
+ */
+exports.formInfo = {
+    amount: "Enter the payment amount",
+    attachment: "Upload payment receipt or proof",
+    balance: "Remaining balance after this payment",
+    currency: "Select the currency for the payment",
+    date: "Date when payment was made",
+    description: "Additional notes about this payment",
+    paymentMode: "Select the payment method used",
+    paymentType: "Choose full or partial payment",
+    quoteInvoice: "Select the invoice this payment is for",
+    ref: "Payment reference number",
+};
+// ============================================================================
+// VALIDATION MESSAGES
+// ============================================================================
+exports.validationError = {
+    // Required Fields
+    amount: "validationAmountRequired",
+    currency: "validationCurrencyRequired",
+    date: "validationDateRequired",
+    paymentModeId: "validationPaymentModeRequired",
+    paymentType: "validationPaymentTypeRequired",
+    quoteInvoiceId: "validationQuoteInvoiceRequired",
+    // Format Validation
+    attachmentInvalid: "validationAttachmentInvalid",
+    balanceInvalid: "validationBalanceInvalid",
+    descriptionInvalid: "validationDescriptionInvalid",
+    refInvalid: "validationRefInvalid",
+    // General
+    general: "validationFormGeneralError",
+    requiredField: "validationFormGeneralError",
+};
+// ============================================================================
+// UI MESSAGES
+// ============================================================================
+exports.uiMessages = {
+    // Form Actions
+    cancel: "drawerButtonCancel",
+    delete: "actionsButtonDelete",
+    edit: "actionsButtonEdit",
+    save: "drawerButtonSave",
+    // Search & Filters
+    clearFilters: "drawerButtonClearFilter",
+    filterByPaymentMode: "drawerFilterLabelPaymentMode",
+    searchPlaceholder: "tableSearchPlaceholder",
+    // Table Actions
+    addPayment: "actionsButtonAddItem",
+    loadingPayments: "tableDescription",
+    noPaymentsFound: "tableDescription",
+};

package/base-modules/payment/context.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Payment State Context
+ *
+ * This module provides comprehensive state management for the Payment feature including:
+ * - CRUD operations (create, read, update, delete)
+ * - Form validation and error handling
+ * - Search and filtering functionality
+ * - Pagination controls
+ * - Payment mode and quote invoice integration
+ * - Currency management with default selection
+ * - Internationalization support
+ * - Theme-aware toast notifications
+ *
+ * Organization:
+ * - Types & Interfaces
+ * - Main Hook (usePaymentState)
+ *   - State & Core Hooks
+ *   - Debounced Values
+ *   - API Parameters (memoized)
+ *   - API Callbacks (with error handling)
+ *   - Module Entity Hook
+ *   - Effects (list refresh, currency defaults)
+ *   - Drawer & Modal Handlers
+ *   - CRUD Operation Handlers
+ *   - Form Handlers
+ *   - Pagination Handlers
+ *   - Search Handlers
+ *   - Table Actions (memoized)
+ *   - Return State
+ * - Context Setup
+ * - Provider Component
+ * - Custom Hook
+ */
+import React, { FC, ReactNode } from "react";
+import { PaymentContextType, PaymentState } from "./types";
+type State = PaymentContextType & PaymentState & {
+    headerActions: Array<{
+        enabled: boolean;
+        handleOnClick: () => void;
+        label: string;
+        order: number;
+    }>;
+    rowActions: Array<{
+        enabled: boolean;
+        handleAction: (id: string) => void;
+        label: string;
+        order: number;
+    }>;
+};
+interface StateProviderProps {
+    children: ReactNode;
+}
+export declare const PaymentStateContext: React.Context<State>;
+export declare const PaymentStateContextProvider: FC<StateProviderProps>;
+export declare const usePaymentStateContext: () => State;
+export {};

package/base-modules/payment/context.js

@@ -0,0 +1,421 @@
+/**
+ * Payment State Context
+ *
+ * This module provides comprehensive state management for the Payment feature including:
+ * - CRUD operations (create, read, update, delete)
+ * - Form validation and error handling
+ * - Search and filtering functionality
+ * - Pagination controls
+ * - Payment mode and quote invoice integration
+ * - Currency management with default selection
+ * - Internationalization support
+ * - Theme-aware toast notifications
+ *
+ * Organization:
+ * - Types & Interfaces
+ * - Main Hook (usePaymentState)
+ *   - State & Core Hooks
+ *   - Debounced Values
+ *   - API Parameters (memoized)
+ *   - API Callbacks (with error handling)
+ *   - Module Entity Hook
+ *   - Effects (list refresh, currency defaults)
+ *   - Drawer & Modal Handlers
+ *   - CRUD Operation Handlers
+ *   - Form Handlers
+ *   - Pagination Handlers
+ *   - Search Handlers
+ *   - Table Actions (memoized)
+ *   - Return State
+ * - Context Setup
+ * - Provider Component
+ * - Custom Hook
+ */
+"use client";
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePaymentStateContext = exports.PaymentStateContextProvider = exports.PaymentStateContext = void 0;
+var react_1 = __importStar(require("react"));
+var next_themes_1 = require("next-themes");
+var next_intl_1 = require("next-intl");
+var util_functions_1 = require("@react-pakistan/util-functions");
+var actions_1 = require("./actions");
+var constants_1 = require("./constants");
+var reducer_1 = require("./reducer");
+var toast_utils_1 = require("@appcorp/shadcn/lib/toast-utils");
+var types_1 = require("./types");
+var validate_1 = require("./validate");
+var context_1 = require("@appcorp/stellar-solutions-modules/global-modules/preferences/context");
+// ============================================================================
+// MAIN HOOK
+// ============================================================================
+var usePaymentState = function () {
+    // ---------------------------------------------------------------------------
+    // STATE & CORE HOOKS
+    // ---------------------------------------------------------------------------
+    var _a = (0, react_1.useReducer)(reducer_1.paymentReducer, reducer_1.initialPaymentState), state = _a[0], dispatch = _a[1];
+    var currencies = (0, context_1.usePreferenceStateContext)().currencies;
+    var theme = (0, next_themes_1.useTheme)().theme;
+    var t = (0, next_intl_1.useTranslations)("payment");
+    // const tCommon = useTranslations("common");
+    // ---------------------------------------------------------------------------
+    // DEBOUNCED VALUES
+    // ---------------------------------------------------------------------------
+    var debouncedQuery = (0, util_functions_1.useDebounce)(state.searchQuery, 800);
+    // ---------------------------------------------------------------------------
+    // API PARAMETERS
+    // ---------------------------------------------------------------------------
+    var listParams = (0, react_1.useMemo)(function () { return ({
+        currentPage: state.currentPage,
+        pageLimit: state.pageLimit,
+        searchQuery: state.searchQuery,
+    }); }, [state.currentPage, state.pageLimit, state.searchQuery]);
+    var updateParams = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        return ({
+            amount: state.amount,
+            attachment: state.attachment,
+            balance: state.balance,
+            currency: state.currency,
+            date: state.date,
+            description: ((_a = state.description) === null || _a === void 0 ? void 0 : _a.trim()) || "",
+            id: state.id,
+            paymentModeId: state.paymentModeId,
+            paymentType: state.paymentType,
+            quoteInvoiceId: state.quoteInvoiceId,
+            ref: ((_b = state === null || state === void 0 ? void 0 : state.ref) === null || _b === void 0 ? void 0 : _b.trim()) || "",
+        });
+    }, [state]);
+    var byIdParams = (0, react_1.useMemo)(function () { return ({ id: state.id }); }, [state.id]);
+    var deleteParams = (0, react_1.useMemo)(function () { return ({ id: state.id }); }, [state.id]);
+    // ---------------------------------------------------------------------------
+    // API CALLBACKS
+    // ---------------------------------------------------------------------------
+    var showErrorToast = (0, react_1.useCallback)(function (description) {
+        (0, toast_utils_1.generateThemeToast)({
+            description: description,
+            theme: theme,
+            variant: toast_utils_1.TOAST_VARIANT.ERROR,
+        });
+    }, [theme]);
+    var showSuccessToast = (0, react_1.useCallback)(function (description) {
+        (0, toast_utils_1.generateThemeToast)({
+            description: description,
+            theme: theme,
+            variant: toast_utils_1.TOAST_VARIANT.SUCCESS,
+        });
+    }, [theme]);
+    var listCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        console.log("Payment List Callback Data:", data);
+        if (error) {
+            showErrorToast(t("messagesNetworkError"));
+        }
+        if (data === null || data === void 0 ? void 0 : data.items) {
+            dispatch({
+                payload: { payments: data.items },
+                type: actions_1.PAYMENT_ACTION_TYPES.SET_PAYMENTS,
+            });
+            dispatch({
+                payload: { count: data === null || data === void 0 ? void 0 : data.count },
+                type: actions_1.PAYMENT_ACTION_TYPES.SET_COUNT,
+            });
+        }
+    }, [dispatch, showErrorToast, t]);
+    var updateCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(t("messagesNetworkError"));
+        }
+        if (data) {
+            showSuccessToast(t("messagesPaymentUpdated"));
+            dispatch({
+                type: actions_1.PAYMENT_ACTION_TYPES.RESET_FORM,
+            });
+            dispatch({
+                type: actions_1.PAYMENT_ACTION_TYPES.RESET_ERRORS,
+            });
+            listFetchNow();
+            dispatch({
+                payload: { drawer: null },
+                type: actions_1.PAYMENT_ACTION_TYPES.SET_DRAWER,
+            });
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [dispatch, showErrorToast, showSuccessToast, t]);
+    var byIdCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(t("messagesNetworkError"));
+        }
+        if (data) {
+            var updatedData = __assign({}, data);
+            dispatch({
+                payload: { form: updatedData },
+                type: actions_1.PAYMENT_ACTION_TYPES.SET_FORM,
+            });
+            dispatch({
+                payload: { drawer: types_1.PAYMENT_DRAWER.PAYMENT_FORM_DRAWER },
+                type: actions_1.PAYMENT_ACTION_TYPES.SET_DRAWER,
+            });
+        }
+    }, [dispatch, showErrorToast, t]);
+    var deleteCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(t("messagesNetworkError"));
+        }
+        if (data) {
+            showSuccessToast(t("messagesPaymentDeleted"));
+            dispatch({
+                type: actions_1.PAYMENT_ACTION_TYPES.RESET_FORM,
+            });
+            listFetchNow();
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [dispatch, showErrorToast, showSuccessToast, t]);
+    // ---------------------------------------------------------------------------
+    // MODULE ENTITY HOOK
+    // ---------------------------------------------------------------------------
+    var _b = (0, util_functions_1.useModuleEntity)({
+        byIdCallback: byIdCallback,
+        byIdParams: byIdParams,
+        deleteCallback: deleteCallback,
+        deleteParams: deleteParams,
+        listCallback: listCallback,
+        listDeps: [dispatch],
+        listParams: listParams,
+        listUrl: constants_1.PAYMENT_API_ROUTES.PAYMENTS,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: constants_1.PAYMENT_API_ROUTES.PAYMENT_BY_ID,
+        unitUrl: constants_1.PAYMENT_API_ROUTES.PAYMENT,
+        updateCallback: updateCallback,
+        updateDeps: [state],
+        updateParams: updateParams,
+    }), byIdError = _b.byIdError, byIdFetchNow = _b.byIdFetchNow, byIdLoading = _b.byIdLoading, deleteError = _b.deleteError, deleteFetchNow = _b.deleteFetchNow, deleteLoading = _b.deleteLoading, listError = _b.listError, listFetchNow = _b.listFetchNow, listLoading = _b.listLoading, updateError = _b.updateError, updateFetchNow = _b.updateFetchNow, updateLoading = _b.updateLoading;
+    // ---------------------------------------------------------------------------
+    // EFFECTS
+    // ---------------------------------------------------------------------------
+    (0, react_1.useEffect)(function () {
+        listFetchNow();
+        // eslint-disable-next-line
+    }, [debouncedQuery, state.currentPage, state.pageLimit]);
+    // ---------------------------------------------------------------------------
+    // DRAWER & MODAL HANDLERS
+    // ---------------------------------------------------------------------------
+    var handleCreate = (0, react_1.useCallback)(function () {
+        var _a;
+        if (currencies.length > 0) {
+            var defaultCurrency = (_a = currencies.filter(function (_a) {
+                var isDefault = _a.isDefault;
+                return isDefault;
+            })) === null || _a === void 0 ? void 0 : _a[0];
+            dispatch({
+                payload: { key: "currency", value: defaultCurrency.code },
+                type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
+            });
+        }
+        dispatch({
+            payload: { drawer: types_1.PAYMENT_DRAWER.PAYMENT_FORM_DRAWER },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_DRAWER,
+        });
+    }, [currencies, dispatch]);
+    var closeDrawer = (0, react_1.useCallback)(function () {
+        dispatch({
+            payload: { drawer: null },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_DRAWER,
+        });
+        dispatch({
+            type: actions_1.PAYMENT_ACTION_TYPES.RESET_FORM,
+        });
+        dispatch({
+            type: actions_1.PAYMENT_ACTION_TYPES.RESET_ERRORS,
+        });
+    }, [dispatch]);
+    // ---------------------------------------------------------------------------
+    // CRUD OPERATION HANDLERS
+    // ---------------------------------------------------------------------------
+    var handleEdit = (0, react_1.useCallback)(function (id) {
+        byIdFetchNow(undefined, {
+            body: JSON.stringify({ id: id }),
+        });
+    }, [byIdFetchNow]);
+    var handleDelete = (0, react_1.useCallback)(function (id) {
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: id }),
+        });
+    }, [deleteFetchNow]);
+    var handleSubmit = (0, react_1.useCallback)(function () {
+        dispatch({
+            payload: { disableSaveButton: true },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+        });
+        (0, util_functions_1.validateForm)({
+            errorCallback: function (e) {
+                dispatch({
+                    payload: { errors: e },
+                    type: actions_1.PAYMENT_ACTION_TYPES.SET_ERRORS,
+                });
+            },
+            params: updateParams,
+            schema: validate_1.formValidation,
+            successCallback: function () {
+                updateFetchNow(undefined, {
+                    body: JSON.stringify(__assign({}, updateParams)),
+                });
+            },
+        });
+    }, [updateFetchNow, updateParams, dispatch]);
+    // ---------------------------------------------------------------------------
+    // FORM HANDLERS
+    // ---------------------------------------------------------------------------
+    var handleChange = (0, react_1.useCallback)(function (key, value) {
+        dispatch({
+            payload: { key: key, value: String(value) },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
+        });
+        dispatch({
+            payload: { disableSaveButton: false },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+        });
+        dispatch({
+            type: actions_1.PAYMENT_ACTION_TYPES.RESET_ERRORS,
+        });
+    }, [dispatch]);
+    // ---------------------------------------------------------------------------
+    // PAGINATION HANDLERS
+    // ---------------------------------------------------------------------------
+    var handleNextClick = (0, react_1.useCallback)(function () {
+        dispatch({
+            payload: { currentPage: state.currentPage + 1 },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_CURRENT_PAGE,
+        });
+    }, [state.currentPage, dispatch]);
+    var handlePreviousClick = (0, react_1.useCallback)(function () {
+        dispatch({
+            payload: { currentPage: state.currentPage - 1 },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_CURRENT_PAGE,
+        });
+    }, [state.currentPage, dispatch]);
+    var handlePageLimit = (0, react_1.useCallback)(function (node, value) {
+        var val = __assign({}, value);
+        dispatch({
+            payload: { pageLimit: Number(val.option) },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_PAGE_LIMIT,
+        });
+    }, [dispatch]);
+    // ---------------------------------------------------------------------------
+    // SEARCH HANDLERS
+    // ---------------------------------------------------------------------------
+    var searchOnChange = (0, react_1.useCallback)(function (k, v) {
+        dispatch({
+            payload: { searchQuery: v },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_SEARCH_QUERY,
+        });
+    }, [dispatch]);
+    var clearSearch = (0, react_1.useCallback)(function () {
+        dispatch({
+            payload: { searchQuery: "" },
+            type: actions_1.PAYMENT_ACTION_TYPES.SET_SEARCH_QUERY,
+        });
+    }, [dispatch]);
+    // ---------------------------------------------------------------------------
+    // TABLE ACTIONS
+    // ---------------------------------------------------------------------------
+    var headerActions = (0, react_1.useMemo)(function () { return [
+        {
+            enabled: false,
+            handleOnClick: handleCreate,
+            label: t("actionsButtonAddItem"),
+            order: 1,
+        },
+    ]; }, [handleCreate, t]);
+    var rowActions = (0, react_1.useMemo)(function () { return [
+        {
+            enabled: true,
+            handleAction: function (id) { return handleEdit(id); },
+            label: t("actionsButtonEdit"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleAction: function (id) { return handleDelete(id); },
+            label: t("actionsButtonDelete"),
+            order: 2,
+        },
+    ]; }, [handleEdit, handleDelete, t]);
+    // ---------------------------------------------------------------------------
+    // RETURN STATE
+    // ---------------------------------------------------------------------------
+    return __assign(__assign({}, state), { byIdError: byIdError, byIdLoading: byIdLoading, clearSearch: clearSearch, closeDrawer: closeDrawer, deleteError: deleteError, deleteLoading: deleteLoading, dispatch: dispatch, handleChange: handleChange, handleNextClick: handleNextClick, handlePageLimit: handlePageLimit, handlePreviousClick: handlePreviousClick, handleSubmit: handleSubmit, headerActions: headerActions, listError: listError, listFetchNow: listFetchNow, listLoading: listLoading, rowActions: rowActions, searchOnChange: searchOnChange, updateError: updateError, updateLoading: updateLoading });
+};
+// ============================================================================
+// CONTEXT SETUP
+// ============================================================================
+exports.PaymentStateContext = (0, react_1.createContext)(__assign(__assign({}, reducer_1.initialPaymentState), { byIdError: undefined, byIdLoading: false, clearSearch: function () { return void 0; }, closeDrawer: function () { return void 0; }, deleteError: undefined, deleteLoading: false, dispatch: function () { return void 0; }, handleChange: function () { return void 0; }, handleNextClick: function () { return void 0; }, handlePageLimit: function () { return void 0; }, handlePreviousClick: function () { return void 0; }, handleSubmit: function () { return void 0; }, headerActions: [], listError: undefined, listFetchNow: function () { return void 0; }, listLoading: false, rowActions: [], searchOnChange: function () { return void 0; }, updateError: undefined, updateLoading: false }));
+// ============================================================================
+// PROVIDER COMPONENT
+// ============================================================================
+var PaymentStateContextProvider = function (_a) {
+    var children = _a.children;
+    var state = usePaymentState();
+    return (react_1.default.createElement(exports.PaymentStateContext.Provider, { value: state }, children));
+};
+exports.PaymentStateContextProvider = PaymentStateContextProvider;
+// ============================================================================
+// CUSTOM HOOK
+// ============================================================================
+var usePaymentStateContext = function () {
+    var state = (0, react_1.useContext)(exports.PaymentStateContext);
+    if (state === undefined) {
+        throw new Error("usePaymentStateContext must be used within a PaymentContextProvider");
+    }
+    return state;
+};
+exports.usePaymentStateContext = usePaymentStateContext;

package/base-modules/payment/drawer.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface Props {
+    isRTL: boolean;
+}
+export declare const Drawer: FC<Props>;
+export {};