@appcorp/stellar-solutions-invoice-module 0.1.1

package/base-modules/product-category/constants.js

@@ -0,0 +1,74 @@
+'use client';
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formInfo = exports.messages = exports.tableBodyCols = exports.PRODUCT_CATEGORY_API_ROUTES = exports.staticFormElements = exports.DEFAULT_RANGES = 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.DEFAULT_RANGES = {
+    totalRange: [10, 3000],
+};
+exports.staticFormElements = (_a = {},
+    _a[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_INPUT_V1] = [
+        {
+            enabled: true,
+            error: '',
+            handleOnChange: function () { return void 0; },
+            id: 'name',
+            label: 'formLabelName',
+            order: 1,
+            placeholder: 'Name goes here...',
+            required: true,
+            type: 'text',
+            value: '',
+        },
+    ],
+    _a[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_AREA_V1] = [
+        {
+            enabled: true,
+            error: '',
+            handleOnChange: function () { return void 0; },
+            id: 'description',
+            label: 'formLabelDescription',
+            order: 2,
+            placeholder: 'Description goes here...',
+            value: '',
+        },
+    ],
+    _a);
+exports.PRODUCT_CATEGORY_API_ROUTES = {
+    PRODUCT_CATEGORIES: '/api/product-categories',
+    PRODUCT_CATEGORY: '/api/product-category',
+    PRODUCT_CATEGORY_BY_ID: '/api/product-category/product-category-by-id',
+};
+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: 'name',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.TEXT,
+        key: 'description',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.CREATED_UPDATED_AT,
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.ACTIONS,
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.MULTIPLE_TEXT_LINES,
+        key: [],
+    },
+];
+exports.messages = {
+    name: 'Product category name is required',
+    success: 'Operation successful!',
+    error: 'Error occurred, please try again.',
+};
+exports.formInfo = {};

package/base-modules/product-category/context.d.ts

@@ -0,0 +1,10 @@
+import React, { FC, ReactNode } from 'react';
+import { ProductCategoryContextType, ProductCategoryState } from './types';
+type State = ProductCategoryContextType & ProductCategoryState;
+interface StateProviderProps {
+    children: ReactNode;
+}
+export declare const ProductCategoryStateContext: React.Context<State>;
+export declare const ProductCategoryStateContextProvider: FC<StateProviderProps>;
+export declare const useProductCategoryStateContext: () => State;
+export {};

package/base-modules/product-category/context.js

@@ -0,0 +1,390 @@
+'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.useProductCategoryStateContext = exports.ProductCategoryStateContextProvider = exports.ProductCategoryStateContext = void 0;
+var react_1 = __importStar(require("react"));
+var util_functions_1 = require("@react-pakistan/util-functions");
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var vista_notification_type_1 = require("@appcorp/app-corp-vista/type/vista-notification-type");
+var actions_1 = require("./actions");
+var constants_1 = require("./constants");
+var reducer_1 = require("./reducer");
+var types_1 = require("./types");
+var validate_1 = require("./validate");
+var generate_toast_1 = require("@appcorp/app-corp-vista/utils/generate-toast");
+var useProductCategoryState = function () {
+    var _a = (0, react_1.useReducer)(reducer_1.productCategoryReducer, reducer_1.initialProductCategoryState), state = _a[0], dispatch = _a[1];
+    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)({
+                description: constants_1.messages.error,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data === null || data === void 0 ? void 0 : data.items) {
+            dispatch({
+                type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_PRODUCT_CATEGORIES,
+                payload: { productCategories: data.items },
+            });
+            dispatch({
+                type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_COUNT,
+                payload: { count: data === null || data === void 0 ? void 0 : data.count },
+            });
+        }
+    };
+    var updateParams = (0, react_1.useMemo)(function () { return ({
+        description: state.description,
+        id: state.id,
+        name: state.name,
+    }); }, [state]);
+    var updateCallback = function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.messages.error,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.messages.success,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS,
+            });
+            dispatch({
+                type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.RESET_FORM,
+            });
+            listFetchNow();
+            dispatch({
+                type: actions_1.PRODUCT_CATEGORY_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.messages.error,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data) {
+            dispatch({
+                type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_FORM,
+                payload: { form: data },
+            });
+            dispatch({
+                type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: types_1.PRODUCT_CATEGORY_DRAWER.PRODUCT_CATEGORY_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.messages.error,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.messages.success,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS,
+            });
+            dispatch({
+                type: actions_1.PRODUCT_CATEGORY_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.PRODUCT_CATEGORY_API_ROUTES.PRODUCT_CATEGORIES,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: constants_1.PRODUCT_CATEGORY_API_ROUTES.PRODUCT_CATEGORY_BY_ID,
+        unitUrl: constants_1.PRODUCT_CATEGORY_API_ROUTES.PRODUCT_CATEGORY,
+        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();
+        // eslint-disable-next-line
+    }, [
+        debouncedQuery,
+        state.currentPage,
+        state.pageLimit,
+    ]);
+    var handleCreate = function () {
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: types_1.PRODUCT_CATEGORY_DRAWER.PRODUCT_CATEGORY_FORM_DRAWER },
+        });
+    };
+    var handleEdit = function (id) {
+        byIdFetchNow(undefined, {
+            body: JSON.stringify({ id: id }),
+        });
+    };
+    var handleDelete = function (id) {
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: id }),
+        });
+    };
+    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.PRODUCT_CATEGORY_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.PRODUCT_CATEGORY_ACTION_TYPES.SET_ERRORS,
+                        payload: validationErrors_1,
+                    });
+                }
+                if (validationResult === null || validationResult === void 0 ? void 0 : validationResult.success) {
+                    updateFetchNow(undefined, {
+                        body: JSON.stringify(__assign({}, updateParams)),
+                    });
+                }
+                // eslint-disable-next-line
+            }
+            catch (err) {
+                (0, generate_toast_1.generateToast)({
+                    description: constants_1.messages.error,
+                    variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+                });
+            }
+            dispatch({
+                type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.RESET_FORM,
+            });
+            dispatch({
+                type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.CLEAR_ERRORS,
+            });
+            return [2 /*return*/];
+        });
+    }); }, [updateFetchNow, updateParams]);
+    var handleChange = function (key, value) {
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: key, value: String(value).trim(), },
+        });
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.CLEAR_ERRORS,
+        });
+    };
+    var handleNextClick = function () {
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage + 1 },
+        });
+    };
+    var handlePreviousClick = function () {
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage - 1 },
+        });
+    };
+    var handlePageLimit = function (node, value) {
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: Number(value.option) },
+        });
+    };
+    var searchOnChange = function (k, v) {
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: v },
+        });
+    };
+    var clearSearch = function () {
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: '' },
+        });
+    };
+    var closeDrawer = function () {
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.RESET_FORM,
+        });
+        dispatch({
+            type: actions_1.PRODUCT_CATEGORY_ACTION_TYPES.CLEAR_ERRORS,
+        });
+    };
+    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.map(function (_a, i) {
+                var id = _a.id;
+                textInputElements[i].value = state[id];
+                textInputElements[i].handleOnChange = handleChange;
+                textInputElements[i].error = state.errors[id];
+            });
+        }
+        var textAreaElements = (_b = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_AREA_V1]) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; });
+        if (textAreaElements) {
+            textAreaElements === null || textAreaElements === void 0 ? void 0 : textAreaElements.forEach(function (_a, i) {
+                var id = _a.id;
+                textAreaElements[i].value = state[id];
+                textAreaElements[i].handleOnChange = handleChange;
+                textAreaElements[i].error = state.errors.description;
+            });
+        }
+        return elements;
+    }, [state]);
+    var headerActions = [
+        {
+            enabled: true,
+            handleOnClick: handleCreate,
+            label: 'Add Item',
+            order: 1,
+        },
+    ];
+    var rowActions = [
+        {
+            enabled: true,
+            handleAction: function (id) { return handleEdit(id); },
+            label: 'Edit',
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleAction: function (id) { return handleDelete(id); },
+            label: 'Delete',
+            order: 2,
+        },
+    ];
+    return __assign(__assign({}, state), { byIdError: byIdError, byIdLoading: byIdLoading, clearSearch: clearSearch, closeDrawer: closeDrawer, deleteError: deleteError, deleteLoading: deleteLoading, dispatch: dispatch, dynamicFormElements: dynamicFormElements, 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 });
+};
+exports.ProductCategoryStateContext = (0, react_1.createContext)(__assign(__assign({}, reducer_1.initialProductCategoryState), { byIdError: undefined, byIdLoading: false, clearSearch: function () { return void 0; }, closeDrawer: function () { return void 0; }, deleteError: undefined, deleteLoading: false, dispatch: function () { return void 0; }, dynamicFormElements: {}, 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 }));
+var ProductCategoryStateContextProvider = function (_a) {
+    var children = _a.children;
+    var state = useProductCategoryState();
+    return (react_1.default.createElement(exports.ProductCategoryStateContext.Provider, { value: state }, children));
+};
+exports.ProductCategoryStateContextProvider = ProductCategoryStateContextProvider;
+var useProductCategoryStateContext = function () {
+    var state = (0, react_1.useContext)(exports.ProductCategoryStateContext);
+    if (state === undefined) {
+        throw new Error('useProductCategoryStateContext must be used within an ProductCategoryContextProvider');
+    }
+    return state;
+};
+exports.useProductCategoryStateContext = useProductCategoryStateContext;

package/base-modules/product-category/drawer.d.ts

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

package/base-modules/product-category/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.Drawer = 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 Drawer = function (_a) {
+    var translationMap = _a.translationMap;
+    var _b = (0, context_1.useProductCategoryStateContext)(), 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: 'Product Category' },
+        react_1.default.createElement(form_1.ProductCategoryForm, { translationMap: translationMap })));
+};
+exports.Drawer = Drawer;

package/base-modules/product-category/form-elements.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const renderProductCategoryFormElements: (elementProps: Record<string, any>) => React.JSX.Element;

package/base-modules/product-category/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.renderProductCategoryFormElements = void 0;
+var react_1 = __importDefault(require("react"));
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var renderProductCategoryFormElements = 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.renderProductCategoryFormElements = renderProductCategoryFormElements;

package/base-modules/product-category/form.d.ts

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

package/base-modules/product-category/form.js

@@ -0,0 +1,81 @@
+"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.ProductCategoryForm = void 0;
+var react_1 = __importStar(require("react"));
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var context_1 = require("./context");
+var form_elements_1 = require("./form-elements");
+var ProductCategoryForm = function (_a) {
+    var translationMap = _a.translationMap;
+    var dynamicFormElements = (0, context_1.useProductCategoryStateContext)().dynamicFormElements;
+    var updated = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        var elements = __assign({}, dynamicFormElements);
+        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 label = _a.label;
+                if (translationMap[label] === undefined)
+                    return label;
+                textInputElements[i].label = translationMap[label];
+            });
+        }
+        var textAreaElements = (_b = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_AREA_V1]) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; });
+        if (textAreaElements) {
+            textAreaElements === null || textAreaElements === void 0 ? void 0 : textAreaElements.forEach(function (_a, i) {
+                var label = _a.label;
+                if (translationMap[label] === undefined)
+                    return label;
+                textAreaElements[i].label = translationMap[label];
+            });
+        }
+        return elements;
+        // eslint-disable-next-line
+    }, []);
+    return react_1.default.createElement(react_1.default.Fragment, null, (0, form_elements_1.renderProductCategoryFormElements)(updated));
+};
+exports.ProductCategoryForm = ProductCategoryForm;

package/base-modules/product-category/product-category.d.ts

@@ -0,0 +1,10 @@
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
+import { FC } from 'react';
+interface Props {
+    params: Promise<{
+        locale: 'en' | 'ur';
+    }>;
+}
+export declare const ProductCategoryPage: FC<Props>;
+export {};