@appcorp/stellar-solutions-modules 0.1.56 → 0.1.58

package/global-modules/currency/context.js

@@ -0,0 +1,422 @@
+/**
+ * Currency State Context
+ *
+ * This module provides comprehensive state management for the Currency feature including:
+ * - CRUD operations (create, read, update, delete)
+ * - Form validation and error handling
+ * - Search and filtering functionality
+ * - Pagination controls
+ * - Internationalization support
+ * - Theme-aware toast notifications
+ *
+ * Organization:
+ * - Types & Interfaces
+ * - Main Hook (useCurrencyState)
+ *   - State & Core Hooks
+ *   - Debounced Values
+ *   - API Parameters (memoized)
+ *   - API Callbacks (with error handling)
+ *   - Module Entity Hook
+ *   - Effects (list refresh)
+ *   - 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.useCurrencyStateContext = exports.CurrencyStateContextProvider = exports.CurrencyStateContext = 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");
+// ============================================================================
+// MAIN HOOK
+// ============================================================================
+var useCurrencyState = function () {
+    // ---------------------------------------------------------------------------
+    // STATE & CORE HOOKS
+    // ---------------------------------------------------------------------------
+    var _a = (0, react_1.useReducer)(reducer_1.currencyReducer, reducer_1.initialCurrencyState), state = _a[0], dispatch = _a[1];
+    var theme = (0, next_themes_1.useTheme)().theme;
+    var t = (0, next_intl_1.useTranslations)("currency");
+    var tCommon = (0, next_intl_1.useTranslations)("common");
+    // ---------------------------------------------------------------------------
+    // DEBOUNCED VALUES
+    // ---------------------------------------------------------------------------
+    var debouncedQuery = (0, util_functions_1.useDebounce)(state.searchQuery, 800);
+    // ---------------------------------------------------------------------------
+    // API PARAMETERS (memoized)
+    // ---------------------------------------------------------------------------
+    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 () { return ({
+        code: state.code.trim(),
+        enabled: state.enabled,
+        id: state.id,
+        isDefault: state.isDefault,
+        label: state.label.trim(),
+        preferenceId: "preference-1",
+    }); }, [state.code, state.enabled, state.id, state.isDefault, state.label]);
+    var deleteParams = (0, react_1.useMemo)(function () { return ({ id: state.id }); }, [state.id]);
+    var byIdParams = (0, react_1.useMemo)(function () { return ({ id: state.id }); }, [state.id]);
+    // ---------------------------------------------------------------------------
+    // TOAST HELPERS
+    // ---------------------------------------------------------------------------
+    var showErrorToast = (0, react_1.useCallback)(function (description) {
+        (0, toast_utils_1.generateThemeToast)({
+            variant: toast_utils_1.TOAST_VARIANT.ERROR,
+            description: description,
+            theme: theme,
+        });
+    }, [theme]);
+    var showSuccessToast = (0, react_1.useCallback)(function (description) {
+        (0, toast_utils_1.generateThemeToast)({
+            variant: toast_utils_1.TOAST_VARIANT.SUCCESS,
+            description: description,
+            theme: theme,
+        });
+    }, [theme]);
+    // ---------------------------------------------------------------------------
+    // API CALLBACKS (with error handling)
+    // ---------------------------------------------------------------------------
+    var listCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(tCommon("messagesNetworkError"));
+        }
+        if (data === null || data === void 0 ? void 0 : data.items) {
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.SET_CURRENCIES,
+                payload: { currencies: data.items },
+            });
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.SET_COUNT,
+                payload: { count: data === null || data === void 0 ? void 0 : data.count },
+            });
+        }
+    }, [showErrorToast, tCommon]);
+    var updateCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(tCommon("messagesNetworkError"));
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                payload: { disableSaveButton: false },
+            });
+            return;
+        }
+        if (data) {
+            showSuccessToast(t("messagesCurrencyUpdated"));
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.RESET_FORM,
+            });
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.RESET_ERRORS,
+            });
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: null },
+            });
+        }
+    }, [showErrorToast, showSuccessToast, t, tCommon]);
+    var deleteCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(tCommon("messagesNetworkError"));
+            return;
+        }
+        if (data) {
+            showSuccessToast(t("messagesCurrencyDeleted"));
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.RESET_FORM,
+            });
+        }
+    }, [showErrorToast, showSuccessToast, t, tCommon]);
+    var byIdCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(tCommon("messagesNetworkError"));
+            return;
+        }
+        if (data) {
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.SET_FORM,
+                payload: { form: data },
+            });
+        }
+    }, [showErrorToast, tCommon]);
+    // ---------------------------------------------------------------------------
+    // MODULE ENTITY HOOK
+    // ---------------------------------------------------------------------------
+    var _b = (0, util_functions_1.useModuleEntity)({
+        byIdCallback: byIdCallback,
+        byIdParams: byIdParams,
+        deleteCallback: deleteCallback,
+        deleteParams: deleteParams,
+        listCallback: listCallback,
+        listParams: listParams,
+        listUrl: constants_1.CURRENCY_API_ROUTES.CURRENCIES,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: constants_1.CURRENCY_API_ROUTES.CURRENCY_BY_ID,
+        unitUrl: constants_1.CURRENCY_API_ROUTES.CURRENCY,
+        updateCallback: updateCallback,
+        updateDeps: [state],
+        updateParams: updateParams,
+    }), 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 (list refresh)
+    // ---------------------------------------------------------------------------
+    (0, react_1.useEffect)(function () {
+        listFetchNow();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [debouncedQuery, state.currentPage, state.pageLimit]);
+    // ---------------------------------------------------------------------------
+    // DRAWER & MODAL HANDLERS
+    // ---------------------------------------------------------------------------
+    var closeDrawer = function () {
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+        dispatch({ type: actions_1.CURRENCY_ACTION_TYPES.RESET_FORM });
+        dispatch({ type: actions_1.CURRENCY_ACTION_TYPES.RESET_ERRORS });
+    };
+    // ---------------------------------------------------------------------------
+    // CRUD OPERATION HANDLERS
+    // ---------------------------------------------------------------------------
+    var handleCreate = (0, react_1.useCallback)(function () {
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: types_1.CURRENCY_DRAWER.FORM_DRAWER },
+        });
+    }, []);
+    var handleFilterDrawer = (0, react_1.useCallback)(function () {
+        var isFilterDrawerOpen = state.drawer === types_1.CURRENCY_DRAWER.FILTER_DRAWER;
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_DRAWER,
+            payload: {
+                drawer: isFilterDrawerOpen ? null : types_1.CURRENCY_DRAWER.FILTER_DRAWER,
+            },
+        });
+    }, [state.drawer]);
+    var handleEdit = (0, react_1.useCallback)(function (id) {
+        var currency = state.currencies.find(function (c) { return c.id === id; });
+        if (currency) {
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.SET_FORM,
+                payload: { form: currency },
+            });
+            dispatch({
+                type: actions_1.CURRENCY_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: types_1.CURRENCY_DRAWER.FORM_DRAWER },
+            });
+        }
+    }, [state.currencies]);
+    var handleDelete = (0, react_1.useCallback)(function (id) {
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: id }),
+        });
+    }, [deleteFetchNow]);
+    // ---------------------------------------------------------------------------
+    // FORM HANDLERS
+    // ---------------------------------------------------------------------------
+    var handleInputChange = (0, react_1.useCallback)(function (key, value) {
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.RESET_ERRORS,
+        });
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: key, value: value },
+        });
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+    }, []);
+    var handleSubmit = (0, react_1.useCallback)(function () {
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: true },
+        });
+        (0, util_functions_1.validateForm)({
+            params: updateParams,
+            schema: validate_1.formValidation,
+            successCallback: function () {
+                updateFetchNow === null || updateFetchNow === void 0 ? void 0 : updateFetchNow(undefined, { body: JSON.stringify(updateParams) });
+            },
+            errorCallback: function (errors) {
+                dispatch({
+                    type: actions_1.CURRENCY_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors: errors },
+                });
+                dispatch({
+                    type: actions_1.CURRENCY_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disableSaveButton: false },
+                });
+                showErrorToast(tCommon("messagesValidationError"));
+            },
+        });
+    }, [updateParams, updateFetchNow, showErrorToast, tCommon]);
+    // ---------------------------------------------------------------------------
+    // PAGINATION HANDLERS
+    // ---------------------------------------------------------------------------
+    var handleNextClick = function () {
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage + 1 },
+        });
+    };
+    var handlePreviousClick = function () {
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage - 1 },
+        });
+    };
+    var handlePageLimit = function (k, v) {
+        var val = __assign({}, v);
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: Number(val.option) },
+        });
+    };
+    // ---------------------------------------------------------------------------
+    // SEARCH HANDLERS
+    // ---------------------------------------------------------------------------
+    var searchOnChange = function (k, v) {
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: v },
+        });
+    };
+    var clearSearch = function () {
+        dispatch({
+            type: actions_1.CURRENCY_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: "" },
+        });
+    };
+    // ---------------------------------------------------------------------------
+    // TABLE ACTIONS (memoized)
+    // ---------------------------------------------------------------------------
+    var headerActions = (0, react_1.useMemo)(function () { return [
+        {
+            enabled: false,
+            handleOnClick: handleFilterDrawer,
+            label: t("tableHeaderActionFilter"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleCreate,
+            label: t("tableHeaderActionAddItem"),
+            order: 2,
+        },
+    ]; }, [handleFilterDrawer, handleCreate, t]);
+    var rowActions = (0, react_1.useMemo)(function () { return [
+        {
+            enabled: true,
+            handleAction: handleEdit,
+            label: t("tableHeaderActionEdit"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleAction: handleDelete,
+            label: t("tableHeaderActionDelete"),
+            order: 2,
+        },
+    ]; }, [handleEdit, handleDelete, t]);
+    // ---------------------------------------------------------------------------
+    // RETURN STATE
+    // ---------------------------------------------------------------------------
+    return __assign(__assign({}, state), { byIdError: undefined, byIdLoading: false, clearSearch: clearSearch, closeDrawer: closeDrawer, deleteError: deleteError, deleteLoading: deleteLoading, dispatch: dispatch, handleInputChange: handleInputChange, handleNextClick: handleNextClick, handlePageLimit: handlePageLimit, handlePreviousClick: handlePreviousClick, handleSubmit: handleSubmit, headerActions: headerActions, listError: listError, listLoading: listLoading, rowActions: rowActions, searchOnChange: searchOnChange, updateError: updateError, updateLoading: updateLoading });
+};
+// ============================================================================
+// CONTEXT SETUP
+// ============================================================================
+var defaultValue = __assign({ 
+    // API State
+    byIdError: undefined, byIdLoading: false, deleteError: undefined, deleteLoading: false, listError: undefined, listLoading: false, updateError: undefined, updateLoading: false, 
+    // Core Actions
+    dispatch: function () { }, 
+    // Form Handlers
+    handleInputChange: function () { }, handleNextClick: function () { }, handlePageLimit: function () { }, handlePreviousClick: function () { }, handleSubmit: function () { }, 
+    // UI Handlers
+    clearSearch: function () { }, closeDrawer: function () { }, searchOnChange: function () { }, 
+    // Table Configuration
+    headerActions: [], rowActions: [] }, reducer_1.initialCurrencyState);
+exports.CurrencyStateContext = (0, react_1.createContext)(defaultValue);
+var CurrencyStateContextProvider = function (_a) {
+    var children = _a.children;
+    var state = useCurrencyState();
+    return (react_1.default.createElement(exports.CurrencyStateContext.Provider, { value: state }, children));
+};
+exports.CurrencyStateContextProvider = CurrencyStateContextProvider;
+var useCurrencyStateContext = function () {
+    var state = (0, react_1.useContext)(exports.CurrencyStateContext);
+    if (state === undefined) {
+        throw new Error("useCurrencyStateContext must be used within CurrencyContextProvider");
+    }
+    return state;
+};
+exports.useCurrencyStateContext = useCurrencyStateContext;

package/global-modules/currency/currency.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+interface Props {
+    params: Promise<{
+        locale: "en" | "ur";
+    }>;
+}
+export declare const CurrencyPage: FC<Props>;
+export {};

package/global-modules/currency/currency.js

@@ -0,0 +1,57 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CurrencyPage = void 0;
+var react_1 = __importDefault(require("react"));
+var next_intl_1 = require("next-intl");
+var util_functions_1 = require("@react-pakistan/util-functions");
+var use_rtl_1 = require("../../hooks/use-rtl");
+var enhanced_table_1 = require("@appcorp/shadcn/components/enhanced-table");
+var sonner_1 = require("@appcorp/shadcn/components/sonner");
+var constants_1 = require("./constants");
+var context_1 = require("./context");
+var drawer_1 = require("./drawer");
+var CurrencyPage = function () {
+    var t = (0, next_intl_1.useTranslations)("currency");
+    var _a = (0, context_1.useCurrencyStateContext)(), currencies = _a.currencies, count = _a.count, currentPage = _a.currentPage, handleNextClick = _a.handleNextClick, handlePageLimit = _a.handlePageLimit, handlePreviousClick = _a.handlePreviousClick, headerActions = _a.headerActions, listLoading = _a.listLoading, pageLimit = _a.pageLimit, rowActions = _a.rowActions, searchOnChange = _a.searchOnChange, searchQuery = _a.searchQuery;
+    var isRTL = (0, use_rtl_1.useRTL)();
+    var tableHeadItems = [
+        {
+            label: t("tableColumnHeaderId"),
+            width: "5%",
+        },
+        {
+            label: t("tableColumnHeaderName"),
+            width: "25%",
+        },
+        {
+            label: t("tableColumnHeaderCode"),
+            width: "20%",
+        },
+        {
+            label: t("tableColumnHeaderEnabled"),
+            width: "15%",
+        },
+        {
+            label: t("tableColumnHeaderIsDefault"),
+            width: "15%",
+        },
+        {
+            label: t("tableColumnHeaderActivity"),
+            width: "15%",
+        },
+        {
+            label: t("tableColumnHeaderActions"),
+            width: "5%",
+        },
+    ];
+    var totalPages = (0, util_functions_1.calculatePages)(count, pageLimit);
+    return (react_1.default.createElement("div", { className: "space-y-4 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
+        react_1.default.createElement(enhanced_table_1.EnhancedTable, { currentPage: Number(currentPage), handleNextOnClick: handleNextClick, handleOnSelect: handlePageLimit, handlePreviousOnClick: handlePreviousClick, handleSearchInput: searchOnChange, headerActions: headerActions, isNextDisabled: (0, util_functions_1.isNextButtonDisabled)(currentPage, totalPages), isPreviousDisabled: (0, util_functions_1.isPreviousButtonDisabled)(currentPage), listOptions: (0, util_functions_1.getAvailablePageLimits)(count), loading: listLoading, nodeSelectKey: "pageLimit", pageLimit: pageLimit, rowActions: rowActions, searchDisabled: false, searchEnabled: true, searchId: "currency-search", searchPlaceholder: t("tableSearchPlaceholder"), searchValue: searchQuery, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: currencies, tableDescription: t("tableDescription"), tableHeadItems: tableHeadItems, tableHeading: t("tableTitle"), totalPages: Number(totalPages) }),
+        react_1.default.createElement(drawer_1.CurrencyDrawer, { isRTL: isRTL }),
+        react_1.default.createElement(sonner_1.Toaster, null)));
+};
+exports.CurrencyPage = CurrencyPage;

package/global-modules/currency/drawer.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Currency Drawer Component
+ *
+ * A responsive drawer component for creating and editing currency records.
+ * Features RTL support, accessibility compliance, and theme-aware styling.
+ *
+ * Features:
+ * - Responsive design with mobile-friendly drawer
+ * - RTL (Right-to-Left) language support
+ * - Accessibility features (ARIA labels, keyboard navigation)
+ * - Theme-aware styling with ShadCN/ui components
+ * - Internationalization support with translation keys
+ * - Form validation integration
+ *
+ * Performance Optimizations:
+ * - Lazy loading of form component
+ * - Optimized re-renders with proper memoization
+ * - Efficient state management integration
+ * - Minimal DOM manipulation
+ */
+import { FC } from "react";
+interface CurrencyDrawerProps {
+    /** Whether the interface is in RTL (Right-to-Left) mode */
+    isRTL: boolean;
+}
+export declare const CurrencyDrawer: FC<CurrencyDrawerProps>;
+export {};

package/global-modules/currency/drawer.js

@@ -0,0 +1,76 @@
+"use strict";
+/**
+ * Currency Drawer Component
+ *
+ * A responsive drawer component for creating and editing currency records.
+ * Features RTL support, accessibility compliance, and theme-aware styling.
+ *
+ * Features:
+ * - Responsive design with mobile-friendly drawer
+ * - RTL (Right-to-Left) language support
+ * - Accessibility features (ARIA labels, keyboard navigation)
+ * - Theme-aware styling with ShadCN/ui components
+ * - Internationalization support with translation keys
+ * - Form validation integration
+ *
+ * Performance Optimizations:
+ * - Lazy loading of form component
+ * - Optimized re-renders with proper memoization
+ * - Efficient state management integration
+ * - Minimal DOM manipulation
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CurrencyDrawer = void 0;
+var react_1 = __importDefault(require("react"));
+var lucide_react_1 = require("lucide-react");
+var button_1 = require("@appcorp/shadcn/components/button");
+var drawer_1 = require("@appcorp/shadcn/components/drawer");
+var context_1 = require("./context");
+var form_1 = require("./form");
+var next_intl_1 = require("next-intl");
+// ============================================================================
+// CONSTANTS
+// ============================================================================
+/** Drawer width classes for responsive design */
+var DRAWER_WIDTH = "w-[400px] sm:w-[500px]";
+/** Drawer direction based on RTL setting */
+var getDrawerDirection = function (isRTL) {
+    return isRTL ? "left" : "right";
+};
+// ============================================================================
+// COMPONENT
+// ============================================================================
+var CurrencyDrawer = function (_a) {
+    var isRTL = _a.isRTL;
+    var t = (0, next_intl_1.useTranslations)("currency");
+    // ============================================================================
+    // HOOKS & STATE
+    // ============================================================================
+    var _b = (0, context_1.useCurrencyStateContext)(), closeDrawer = _b.closeDrawer, disableSaveButton = _b.disableSaveButton, drawer = _b.drawer, handleSubmit = _b.handleSubmit;
+    // ============================================================================
+    // COMPUTED VALUES
+    // ============================================================================
+    var drawerDirection = getDrawerDirection(isRTL);
+    var isDrawerOpen = !!drawer;
+    // ============================================================================
+    // RENDER
+    // ============================================================================
+    return (react_1.default.createElement(drawer_1.Drawer, { open: isDrawerOpen, onOpenChange: function (open) { return !open && closeDrawer(); }, direction: drawerDirection },
+        react_1.default.createElement(drawer_1.DrawerContent, { className: "h-full ".concat(DRAWER_WIDTH, " ").concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
+            react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
+                react_1.default.createElement(drawer_1.DrawerTitle, { className: "text-xl font-semibold flex items-center ".concat(isRTL ? "flex-row-reverse gap-2" : "gap-2") }, t("drawerTitleCurrency")),
+                react_1.default.createElement(drawer_1.DrawerClose, { asChild: true },
+                    react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "h-8 w-8" },
+                        react_1.default.createElement(lucide_react_1.X, { className: "h-4 w-4" }),
+                        react_1.default.createElement("span", { className: "sr-only" }, t("drawerButtonClose"))))),
+            react_1.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-6 ".concat(isRTL ? "text-right" : "text-left") },
+                react_1.default.createElement(form_1.Form, { isRTL: isRTL })),
+            react_1.default.createElement(drawer_1.DrawerFooter, { className: "border-t pt-4" },
+                react_1.default.createElement("div", { className: "flex gap-2 ".concat(isRTL ? "flex-row-reverse" : "") },
+                    react_1.default.createElement(button_1.Button, { variant: "outline", onClick: closeDrawer, className: "flex-1", type: "button" }, t("drawerButtonCancel")),
+                    react_1.default.createElement(button_1.Button, { onClick: handleSubmit, disabled: disableSaveButton, className: "flex-1", type: "button" }, t("drawerButtonSave")))))));
+};
+exports.CurrencyDrawer = CurrencyDrawer;

package/global-modules/currency/form.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Currency Form Component
+ *
+ * Enhanced form component for currency management with comprehensive error handling
+ * and modern UI components.
+ *
+ * Features:
+ * - Modern shadcn/ui form components
+ * - Translation support for validation messages
+ * - RTL/LTR layout compatibility
+ * - Accessibility-compliant form structure
+ * - Real-time validation feedback
+ */
+import { FC } from "react";
+interface Props {
+    isRTL: boolean;
+}
+export declare const Form: FC<Props>;
+export {};

package/global-modules/currency/form.js

@@ -0,0 +1,52 @@
+"use strict";
+/**
+ * Currency Form Component
+ *
+ * Enhanced form component for currency management with comprehensive error handling
+ * and modern UI components.
+ *
+ * Features:
+ * - Modern shadcn/ui form components
+ * - Translation support for validation messages
+ * - RTL/LTR layout compatibility
+ * - Accessibility-compliant form structure
+ * - Real-time validation feedback
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var react_1 = __importDefault(require("react"));
+var next_intl_1 = require("next-intl");
+var input_1 = require("@appcorp/shadcn/components/input");
+var switch_1 = require("@appcorp/shadcn/components/switch");
+var context_1 = require("./context");
+var Form = function (_a) {
+    var isRTL = _a.isRTL;
+    var t = (0, next_intl_1.useTranslations)("currency");
+    var _b = (0, context_1.useCurrencyStateContext)(), code = _b.code, enabled = _b.enabled, errors = _b.errors, handleInputChange = _b.handleInputChange, isDefault = _b.isDefault, label = _b.label;
+    // Helper function to translate validation error keys
+    var getTranslatedError = function (key) {
+        if (!errors[key])
+            return undefined;
+        if (typeof errors[key] === "string" &&
+            errors[key].startsWith("validation")) {
+            return t(errors[key]);
+        }
+        return errors[key];
+    };
+    return (react_1.default.createElement("div", { className: "space-y-6 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
+        react_1.default.createElement("div", { className: "space-y-4" },
+            react_1.default.createElement("div", { className: "space-y-4" },
+                react_1.default.createElement("div", { className: "space-y-2" },
+                    react_1.default.createElement(input_1.Input, { id: "label", type: "text", label: t("formLabelName"), value: label || "", onChange: function (e) { return handleInputChange("label", e.target.value); }, placeholder: t("formPlaceholderName"), info: t("formInfoName"), error: getTranslatedError("label"), required: true })),
+                react_1.default.createElement("div", { className: "space-y-2" },
+                    react_1.default.createElement(input_1.Input, { id: "code", type: "text", label: t("formLabelCode"), value: code || "", onChange: function (e) { return handleInputChange("code", e.target.value); }, placeholder: t("formPlaceholderCode"), info: t("formInfoCode"), error: getTranslatedError("code"), required: true }))),
+            react_1.default.createElement("div", { className: "space-y-4" },
+                react_1.default.createElement(switch_1.Switch, { id: "enabled", label: t("formLabelEnabled"), checked: enabled || false, onCheckedChange: function (checked) { return handleInputChange("enabled", checked); }, info: t("formInfoEnabled"), error: getTranslatedError("enabled") }),
+                react_1.default.createElement(switch_1.Switch, { id: "isDefault", label: t("formLabelIsDefault"), checked: isDefault || false, onCheckedChange: function (checked) {
+                        return handleInputChange("isDefault", checked);
+                    }, info: t("formInfoIsDefault"), error: getTranslatedError("isDefault") })))));
+};
+exports.Form = Form;