@appcorp/stellar-solutions-modules 0.1.11 → 0.1.12

package/global-modules/payment-mode/constants.js

@@ -0,0 +1,91 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validationError = exports.toastErrors = exports.PAYMENT_MODE_API_ROUTES = exports.tableBodyCols = exports.staticFormElements = exports.pageLimit = void 0;
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var vista_table_type_1 = require("@appcorp/app-corp-vista/type/vista-table-type");
+exports.pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT);
+exports.staticFormElements = (_a = {},
+    _a[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_INPUT_V1] = [
+        {
+            enabled: true,
+            error: '',
+            handleOnChange: function () { return void 0; },
+            id: 'label',
+            label: 'formLabelLabel',
+            order: 1,
+            placeholder: 'Label...',
+            required: true,
+            type: 'text',
+            value: '',
+        },
+    ],
+    _a[form_schema_1.VISTA_FORM_ELEMENTS.TOGGLE_V1] = [
+        {
+            id: 'enabled',
+            enabled: true,
+            value: false,
+            order: 6,
+            handleOnChange: function () { return void 0; },
+            label: 'Enabled',
+            required: true,
+        },
+        {
+            id: 'isDefault',
+            enabled: true,
+            value: false,
+            order: 7,
+            handleOnChange: function () { return void 0; },
+            label: 'IsDefault',
+            required: true,
+        },
+    ],
+    _a);
+exports.tableBodyCols = [
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.ID,
+        key: 'id',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOLD_TEXT,
+        key: 'label',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOOLEAN,
+        key: 'enabled',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOOLEAN,
+        key: 'isDefault',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.CREATED_UPDATED_AT,
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.ACTIONS,
+    },
+];
+exports.PAYMENT_MODE_API_ROUTES = {
+    PAYMENT_MODE: '/api/payment-mode',
+    PAYMENT_MODES: '/api/payment-modes',
+    PAYMENT_MODE_BY_ID: '/api/payment-mode/payment-mode-by-id',
+};
+exports.toastErrors = {
+    fetchInvoiceError: 'Error Fetching Invoice',
+    formSubmittedSuccess: 'Form Submitted Successfully',
+    genericError: 'Something Went Wrong',
+    networkError: 'Network Error Occurred',
+    submitFormError: 'Error Submitting Form',
+    validationError: 'Validation Failed',
+};
+// export const dashboardTabsMap: { [key: string]: ReactNode } = {
+//   'Currency': <Currency />,
+//   'Payment Mode': <PaymentMode />,
+//   'Branch': <Branch />,
+//   'Tax': <Tax />,
+//   'Bank': <Bank />,
+// };
+exports.validationError = {
+    label: 'Label is required',
+    preferenceId: 'Preference Id is also required',
+};

package/global-modules/payment-mode/context.d.ts

@@ -0,0 +1,10 @@
+import React, { FC, ReactNode } from 'react';
+import { PaymentModeContextType, PaymentModeState } from './types';
+type State = PaymentModeContextType & PaymentModeState;
+interface StateProviderProps {
+    children: ReactNode;
+}
+export declare const PaymentModeStateContext: React.Context<State>;
+export declare const PaymentModeStateContextProvider: FC<StateProviderProps>;
+export declare const usePaymentModeStateContext: () => State;
+export {};

package/global-modules/payment-mode/context.js

@@ -0,0 +1,418 @@
+'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;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePaymentModeStateContext = exports.PaymentModeStateContextProvider = exports.PaymentModeStateContext = void 0;
+var react_1 = __importStar(require("react"));
+var util_functions_1 = require("@react-pakistan/util-functions");
+// import { VISTA_FORM_ELEMENTS } from '@appcorp/app-corp-vista/utils/form-schema';
+var vista_notification_type_1 = require("@appcorp/app-corp-vista/type/vista-notification-type");
+// import { VistaTextInputV1Props } from '@appcorp/app-corp-vista/type/vista-text-input-type';
+// import { VistaFormElements } from '@appcorp/app-corp-vista/type/vista-form-elements';
+var actions_1 = require("./actions");
+var constants_1 = require("./constants");
+var reducer_1 = require("./reducer");
+var types_1 = require("./types");
+// import { formValidation } from './validate';
+// import { VistaComboboxV1Props } from '@appcorp/app-corp-vista/type/vista-combobox-type';
+var generate_toast_1 = require("@appcorp/app-corp-vista/utils/generate-toast");
+// import { VistaComboboxV1Props } from '@appcorp/app-corp-vista/type/vista-combobox-type';
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+// import { VistaTextAreaV1Props } from '@appcorp/app-corp-vista/type/vista-text-area-type';
+var validate_1 = require("./validate");
+var context_1 = require("../preferences/context");
+var usePaymentModeState = function () {
+    var _a = (0, react_1.useReducer)(reducer_1.paymentModeReducer, reducer_1.initialPaymentModeState), state = _a[0], dispatch = _a[1];
+    var preferences = (0, context_1.usePreferenceStateContext)().preferences;
+    // const { products } = useProductStateContext();
+    // const { companies } = useCompanyStateContext();
+    var debouncedQuery = (0, util_functions_1.useDebounce)(state.searchQuery, 800);
+    var listParams = {
+        currentPage: state.currentPage,
+        pageLimit: state.pageLimit,
+        searchQuery: state.searchQuery,
+    };
+    var listCallback = function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            (0, generate_toast_1.generateToast)({
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+                description: constants_1.toastErrors.fetchInvoiceError,
+            });
+        }
+        if (data === null || data === void 0 ? void 0 : data.items) {
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_PAYMENT_MODES,
+                payload: { paymentModes: data.items },
+            });
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_COUNT,
+                payload: { count: data === null || data === void 0 ? void 0 : data.count },
+            });
+        }
+    };
+    var updateParams = (0, react_1.useMemo)(function () {
+        var _a;
+        return ({
+            enabled: state.enabled,
+            id: state.id,
+            isDefault: state.isDefault,
+            preferenceId: (_a = preferences[0]) === null || _a === void 0 ? void 0 : _a.id,
+            label: state.label,
+        });
+    }, [state, preferences]);
+    var updateCallback = function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.toastErrors.networkError,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.toastErrors.networkError,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS,
+            });
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.RESET_FORM,
+            });
+            listFetchNow();
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: null },
+            });
+        }
+    };
+    var byIdParams = {
+        id: state.id,
+    };
+    var byIdCallback = function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.toastErrors.networkError,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data) {
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_FORM,
+                payload: { form: data },
+            });
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: types_1.PAYMENT_MODE_DRAWER.FORM_DRAWER },
+            });
+        }
+    };
+    var deleteParams = {
+        id: state.id,
+    };
+    var deleteCallback = function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.toastErrors.networkError,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.toastErrors.networkError,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS,
+            });
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.RESET_FORM,
+            });
+            listFetchNow();
+        }
+    };
+    var _b = (0, util_functions_1.useModuleEntity)({
+        byIdCallback: byIdCallback,
+        byIdParams: byIdParams,
+        deleteCallback: deleteCallback,
+        deleteParams: deleteParams,
+        listCallback: listCallback,
+        listParams: listParams,
+        listUrl: constants_1.PAYMENT_MODE_API_ROUTES.PAYMENT_MODES,
+        searchQuery: '',
+        unitByIdUrl: constants_1.PAYMENT_MODE_API_ROUTES.PAYMENT_MODE_BY_ID,
+        unitUrl: constants_1.PAYMENT_MODE_API_ROUTES.PAYMENT_MODE,
+        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;
+    (0, react_1.useEffect)(function () {
+        // listFetchNow();
+        // currencyListFetchNow();
+        // paymentModeListFetchNow();
+        // branchListFetchNow();
+        // if (state.activeTab === 'Tax') {
+        listFetchNow();
+        // }
+        // eslint-disable-next-line
+    }, [
+        debouncedQuery,
+        state.currentPage,
+        state.pageLimit,
+        // state.activeTab,
+    ]);
+    var searchOnChange = function (k, v) {
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: v },
+        });
+    };
+    var clearSearch = function () {
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: '' },
+        });
+    };
+    var closeDrawer = function () {
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.RESET_FORM,
+        });
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.CLEAR_ERRORS,
+        });
+    };
+    var handleOnChange = function (k, v) {
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: {
+                key: k,
+                value: v,
+            },
+        });
+    };
+    var handleOnToggle = function (k, v) {
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: {
+                key: k,
+                value: v,
+            },
+        });
+    };
+    var handleSubmit = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var validationResult, validationErrors_1;
+        return __generator(this, function (_a) {
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                payload: { disableSaveButton: true },
+            });
+            try {
+                validationResult = validate_1.formValidation === null || validate_1.formValidation === void 0 ? void 0 : validate_1.formValidation.safeParse(__assign({}, updateParams));
+                if (validationResult === null || validationResult === void 0 ? void 0 : validationResult.error) {
+                    validationErrors_1 = {};
+                    validationResult === null || validationResult === void 0 ? void 0 : validationResult.error.errors.forEach(function (err) {
+                        validationErrors_1[err.path[0]] = err.message;
+                    });
+                    dispatch({
+                        type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_ERRORS,
+                        payload: { errors: validationErrors_1 },
+                    });
+                }
+                if (validationResult === null || validationResult === void 0 ? void 0 : validationResult.success) {
+                    updateFetchNow(undefined, {
+                        body: JSON.stringify(__assign({}, updateParams)),
+                    });
+                }
+            }
+            catch (_b) {
+                (0, generate_toast_1.generateToast)({
+                    description: '',
+                    variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+                });
+            }
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.RESET_FORM,
+            });
+            dispatch({
+                type: actions_1.PAYMENT_MODE_ACTION_TYPES.CLEAR_ERRORS,
+            });
+            return [2 /*return*/];
+        });
+    }); }, [updateFetchNow, updateParams]);
+    var dynamicFormElements = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        var elements = __assign({}, constants_1.staticFormElements);
+        var textInputElements = (_a = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_INPUT_V1]) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.order - b.order; });
+        if (textInputElements) {
+            textInputElements === null || textInputElements === void 0 ? void 0 : textInputElements.forEach(function (_a, i) {
+                var id = _a.id;
+                textInputElements[i].value = state[id];
+                textInputElements[i].handleOnChange = handleOnChange;
+                textInputElements[i].error = state.errors[id];
+            });
+        }
+        var toggleElements = (_b = elements[form_schema_1.VISTA_FORM_ELEMENTS.TOGGLE_V1]) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; });
+        if (toggleElements) {
+            toggleElements === null || toggleElements === void 0 ? void 0 : toggleElements.forEach(function (_a, i) {
+                var id = _a.id;
+                toggleElements[i].value = state[id];
+                toggleElements[i].handleOnChange = handleOnToggle;
+                toggleElements[i].error = state.errors[id];
+            });
+        }
+        return elements;
+    }, [state]);
+    var handleNextClick = function () {
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage + 1 },
+        });
+    };
+    var handlePreviousClick = function () {
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage - 1 },
+        });
+    };
+    var handlePageLimit = function (k, v) {
+        var val = __assign({}, v);
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: Number(val.option) },
+        });
+    };
+    var handleCreate = function () {
+        dispatch({
+            type: actions_1.PAYMENT_MODE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: types_1.PAYMENT_MODE_DRAWER.FORM_DRAWER },
+        });
+    };
+    var headerActions = [
+        {
+            enabled: true,
+            handleOnClick: handleCreate,
+            label: 'Add Item',
+            order: 1,
+        },
+    ];
+    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 rowActions = [
+        {
+            enabled: true,
+            handleAction: handleEdit,
+            label: 'Edit',
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleAction: handleDelete,
+            label: 'Delete',
+            order: 2,
+        },
+    ];
+    return __assign(__assign({}, state), { byIdError: byIdError, byIdLoading: byIdLoading, clearSearch: clearSearch, closeDrawer: closeDrawer, deleteError: deleteError, deleteLoading: deleteLoading, dispatch: dispatch, dynamicFormElements: dynamicFormElements, handleNextClick: handleNextClick, handlePageLimit: handlePageLimit, handlePreviousClick: handlePreviousClick, handleSubmit: handleSubmit, headerActions: headerActions, listError: listError, listLoading: listLoading, rowActions: rowActions, searchOnChange: searchOnChange, updateError: updateError, updateLoading: updateLoading });
+};
+exports.PaymentModeStateContext = (0, react_1.createContext)(__assign(__assign({}, reducer_1.initialPaymentModeState), { byIdError: undefined, byIdLoading: false, clearSearch: function () { return void 0; }, closeDrawer: function () { return void 0; }, deleteError: undefined, deleteLoading: false, dispatch: function () { return void 0; }, dynamicFormElements: {}, handleNextClick: function () { return void 0; }, handlePageLimit: function () { return void 0; }, handlePreviousClick: function () { return void 0; }, handleSubmit: function () { return void 0; }, headerActions: [], listError: undefined, listLoading: false, rowActions: [], searchOnChange: function () { return void 0; }, updateError: undefined, updateLoading: false }));
+var PaymentModeStateContextProvider = function (_a) {
+    var children = _a.children;
+    var state = usePaymentModeState();
+    return (react_1.default.createElement(exports.PaymentModeStateContext.Provider, { value: state }, children));
+};
+exports.PaymentModeStateContextProvider = PaymentModeStateContextProvider;
+var usePaymentModeStateContext = function () {
+    var state = (0, react_1.useContext)(exports.PaymentModeStateContext);
+    if (state === undefined) {
+        throw new Error('usePaymentModeStateContext must be used within an PaymentModeContextProvider');
+    }
+    return state;
+};
+exports.usePaymentModeStateContext = usePaymentModeStateContext;

package/global-modules/payment-mode/drawer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface Props {
+    translationMap: {
+        [key: string]: string;
+    };
+}
+export declare const BranchDrawer: FC<Props>;
+export {};

package/global-modules/payment-mode/drawer.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BranchDrawer = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_drawer_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-drawer-v1/vista-drawer-v1");
+var vista_drawer_type_1 = require("@appcorp/app-corp-vista/type/vista-drawer-type");
+var vista_button_type_1 = require("@appcorp/app-corp-vista/type/vista-button-type");
+var context_1 = require("./context");
+var form_1 = require("./form");
+var BranchDrawer = function (_a) {
+    var translationMap = _a.translationMap;
+    var _b = (0, context_1.usePaymentModeStateContext)(), closeDrawer = _b.closeDrawer, disableSaveButton = _b.disableSaveButton, drawer = _b.drawer, handleSubmit = _b.handleSubmit;
+    return (react_1.default.createElement(vista_drawer_v1_1.VistaDrawerV1, { cancelLabel: "Cancel", cancelRounded: vista_button_type_1.VISTA_BUTTON_ROUNDED.MD, cancelSize: vista_button_type_1.VISTA_BUTTON_SIZE.LG, handleCancelOnClick: closeDrawer, handleSaveOnClick: handleSubmit, handleSetIsOpen: closeDrawer, isOpen: !!drawer, saveDisabled: disableSaveButton, saveLabel: 'Save', saveRounded: vista_button_type_1.VISTA_BUTTON_ROUNDED.MD, saveSize: vista_button_type_1.VISTA_BUTTON_SIZE.LG, size: vista_drawer_type_1.VISTA_DRAWER_SIZE.MD, title: 'Branch' },
+        react_1.default.createElement(form_1.Form, { translationMap: translationMap })));
+};
+exports.BranchDrawer = BranchDrawer;

package/global-modules/payment-mode/form-elements.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { VistaFormElements } from '@appcorp/app-corp-vista/type/vista-form-elements';
+export declare const renderFormElements: (elementProps: VistaFormElements) => React.JSX.Element;

package/global-modules/payment-mode/form-elements.js

@@ -0,0 +1,41 @@
+"use strict";
+/* eslint-disable */
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderFormElements = void 0;
+var react_1 = __importDefault(require("react"));
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var renderFormElements = function (elementProps) {
+    var _a;
+    var elementsArray = (_a = Object.entries(form_schema_1.vistaFormSchema)
+        .flatMap(function (_a) {
+        var _b, _c;
+        var key = _a[0], config = _a[1];
+        var Component = config;
+        return (_c = (_b = (elementProps[key] || [])) === null || _b === void 0 ? void 0 : _b.filter(function (props) { return props.enabled; })) === null || _c === void 0 ? void 0 : _c.map(function (props) { return ({
+            Component: Component,
+            key: key,
+            order: props.order,
+            props: props,
+        }); });
+    })) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.order - b.order; });
+    return (react_1.default.createElement("div", { className: "grid grid-cols-1 gap-4" }, elementsArray === null || elementsArray === void 0 ? void 0 : elementsArray.map(function (_a, index) {
+        var key = _a.key, Component = _a.Component, props = _a.props;
+        return (react_1.default.createElement("div", { key: "".concat(key, "-").concat(index) },
+            react_1.default.createElement(Component, __assign({}, props))));
+    })));
+};
+exports.renderFormElements = renderFormElements;

package/global-modules/payment-mode/form.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface Props {
+    translationMap: {
+        [key: string]: string;
+    };
+}
+export declare const Form: FC<Props>;
+export {};