@appcorp/stellar-solutions-invoice-module 0.1.1

package/base-modules/product/context.js

@@ -0,0 +1,557 @@
+'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.useProductStateContext = exports.ProductStateContextProvider = exports.ProductStateContext = 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 supabase_1 = require("@appcorp/stellar-solutions-modules/supabase/supabase");
+var actions_1 = require("./actions");
+var constants_1 = require("./constants");
+var constants_2 = require("../product-category/constants");
+var reducer_1 = require("./reducer");
+var types_1 = require("./types");
+var validate_1 = require("./validate");
+var webp_converter_browser_1 = require("webp-converter-browser");
+var uuid_1 = require("uuid");
+var context_1 = require("../product-category/context");
+var generate_toast_1 = require("@appcorp/app-corp-vista/utils/generate-toast");
+var useProductState = function () {
+    var productCategories = (0, context_1.useProductCategoryStateContext)().productCategories;
+    var _a = (0, react_1.useReducer)(reducer_1.productReducer, reducer_1.initialProductState), state = _a[0], dispatch = _a[1];
+    var debouncedQuery = (0, util_functions_1.useDebounce)(state.searchQuery, 800);
+    var debouncedList = (0, util_functions_1.useDebounce)(state.productCategoryQuery, 800);
+    var listParams = {
+        currentPage: state.currentPage,
+        includeProductCategory: true,
+        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.messages.error,
+            });
+        }
+        if (data === null || data === void 0 ? void 0 : data.items) {
+            dispatch({
+                type: actions_1.PRODUCT_ACTION_TYPES.SET_PRODUCTS,
+                payload: { products: data.items },
+            });
+            dispatch({
+                type: actions_1.PRODUCT_ACTION_TYPES.SET_COUNT,
+                payload: { count: data === null || data === void 0 ? void 0 : data.count },
+            });
+        }
+    };
+    var updateParams = (0, react_1.useMemo)(function () { return ({
+        buyPrice: state.buyPrice,
+        currency: state.currency,
+        description: state.description,
+        id: state.id,
+        images: state.images,
+        name: state.name,
+        productCategoryId: state.productCategoryId,
+        quantity: state.quantity,
+        ref: state.ref,
+        salePrice: state.salePrice,
+    }); }, [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_ACTION_TYPES.RESET_FORM,
+            });
+            listFetchNow();
+            dispatch({
+                type: actions_1.PRODUCT_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) {
+            var updatedData = __assign(__assign(__assign(__assign({}, data), (!data.description && { description: '' })), (!data.ref && { ref: '' })), (!data.image && { image: [] }));
+            dispatch({
+                type: actions_1.PRODUCT_ACTION_TYPES.SET_FORM,
+                payload: { form: updatedData },
+            });
+            dispatch({
+                type: actions_1.PRODUCT_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: types_1.PRODUCT_DRAWER.PRODUCT_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_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_API_ROUTES.PRODUCTS,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: constants_1.PRODUCT_API_ROUTES.PRODUCT_BY_ID,
+        unitUrl: constants_1.PRODUCT_API_ROUTES.PRODUCT,
+        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_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: types_1.PRODUCT_DRAWER.PRODUCT_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 handleUploadImage = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var urls;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    urls = [];
+                    if (!((_a = state === null || state === void 0 ? void 0 : state.images) === null || _a === void 0 ? void 0 : _a.some(function (u) { return u.startsWith('blob:'); }))) return [3 /*break*/, 2];
+                    return [4 /*yield*/, Promise.all(state.images.map(function (url) { return __awaiter(void 0, void 0, void 0, function () {
+                            var blob, webpBlob, data;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, fetch(url).then(function (r) { return r.blob(); })];
+                                    case 1:
+                                        blob = _a.sent();
+                                        return [4 /*yield*/, (0, webp_converter_browser_1.blobToWebP)(blob, { quality: 1 })];
+                                    case 2:
+                                        webpBlob = _a.sent();
+                                        return [4 /*yield*/, (0, util_functions_1.uploadBlobToPublicSupabase)({
+                                                blob: webpBlob,
+                                                supabase: supabase_1.supabaseClient,
+                                                fileRef: "products/".concat((0, uuid_1.v4)(), ".webp"),
+                                                contentType: 'image/webp',
+                                                upsert: true,
+                                            })];
+                                    case 3:
+                                        data = (_a.sent()).data;
+                                        if (data) {
+                                            urls.push("".concat(supabase_1.supabasePublicStorageUrl, "/").concat(data.path));
+                                        }
+                                        return [2 /*return*/, urls];
+                                }
+                            });
+                        }); }))];
+                case 1:
+                    _b.sent();
+                    _b.label = 2;
+                case 2:
+                    if (urls.length) {
+                        dispatch({
+                            type: actions_1.PRODUCT_ACTION_TYPES.SET_INPUT_FIELD,
+                            payload: { key: 'images', value: urls },
+                        });
+                    }
+                    return [2 /*return*/, urls];
+            }
+        });
+    }); }, [state.images]);
+    var handleSubmit = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var urls, validationResult, validationErrors_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!((_a = state.images) === null || _a === void 0 ? void 0 : _a.length)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, handleUploadImage()];
+                case 1:
+                    urls = _b.sent();
+                    _b.label = 2;
+                case 2:
+                    dispatch({
+                        type: actions_1.PRODUCT_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(__assign({}, updateParams), { images: urls || state.images }));
+                        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_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_ACTION_TYPES.RESET_FORM,
+                    });
+                    dispatch({
+                        type: actions_1.PRODUCT_ACTION_TYPES.CLEAR_ERRORS,
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [updateFetchNow, updateParams, handleUploadImage, state.images]);
+    var handleFileChange = function (e) {
+        if (!e.target.files)
+            return;
+        var array = Array.from(e.target.files);
+        var toReturn = [];
+        array.forEach(function (item) {
+            toReturn.push(URL.createObjectURL(item));
+        });
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_INPUT_IMAGES,
+            payload: { key: 'images', value: toReturn },
+        });
+    };
+    var handleChange = function (key, value) {
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: key, value: String(value).trim(), },
+        });
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.CLEAR_ERRORS,
+        });
+    };
+    var handleSelectInputChange = (0, react_1.useCallback)(function (key, value) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetch(constants_2.PRODUCT_CATEGORY_API_ROUTES.PRODUCT_CATEGORIES, {
+                        method: util_functions_1.API_METHODS.POST,
+                        body: JSON.stringify({
+                            searchQuery: debouncedList,
+                            pageLimit: 1000,
+                            currentPage: 1,
+                        }),
+                    })];
+                case 1:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.json()];
+                case 2:
+                    result = _a.sent();
+                    dispatch({
+                        type: actions_1.PRODUCT_ACTION_TYPES.SET_PRODUCT_CATEGORIES,
+                        payload: { productCategories: result },
+                    });
+                    dispatch({
+                        type: actions_1.PRODUCT_ACTION_TYPES.SET_PRODUCT_CATEGORY_QUERY,
+                        payload: { productCategoryQuery: value },
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [debouncedList]);
+    var handleSelectChange = function (key, value) {
+        var val = __assign({}, value);
+        if (key === 'currency') {
+            dispatch({
+                type: actions_1.PRODUCT_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: {
+                    key: key,
+                    value: val['option'],
+                }
+            });
+            return;
+        }
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: {
+                key: key,
+                value: val['id'],
+            },
+        });
+    };
+    var handleNextClick = function () {
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage + 1 },
+        });
+    };
+    var handlePreviousClick = function () {
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage - 1 },
+        });
+    };
+    var handlePageLimit = function (node, value) {
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: Number(value.option) },
+        });
+    };
+    var searchOnChange = function (k, v) {
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: v },
+        });
+    };
+    var clearSearch = function () {
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: '' },
+        });
+    };
+    var closeDrawer = function () {
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.RESET_FORM,
+        });
+        dispatch({
+            type: actions_1.PRODUCT_ACTION_TYPES.CLEAR_ERRORS,
+        });
+    };
+    var dynamicFormElements = (0, react_1.useMemo)(function () {
+        var _a, _b, _c, _d, _e;
+        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;
+            });
+        }
+        var selectElements = (_c = elements[form_schema_1.VISTA_FORM_ELEMENTS.SELECT_V1]) === null || _c === void 0 ? void 0 : _c.sort(function (a, b) { return a.order - b.order; });
+        if (selectElements) {
+            selectElements === null || selectElements === void 0 ? void 0 : selectElements.forEach(function (_a, i) {
+                var nodeSelectKey = _a.nodeSelectKey;
+                selectElements[i].handleOnChange = handleSelectChange;
+                selectElements[i].selectedItem = { option: state[nodeSelectKey] };
+            });
+        }
+        var comboboxElements = (_d = elements[form_schema_1.VISTA_FORM_ELEMENTS.COMBOBOX_V1]) === null || _d === void 0 ? void 0 : _d.sort(function (a, b) { return a.order - b.order; });
+        if (comboboxElements) {
+            comboboxElements === null || comboboxElements === void 0 ? void 0 : comboboxElements.forEach(function (_a, i) {
+                var nodeSelectKey = _a.nodeSelectKey;
+                comboboxElements[i].handleOnChange = handleSelectChange;
+                comboboxElements[i].selectedItem = { id: state[nodeSelectKey] };
+                comboboxElements[i].listItems = productCategories.map(function (item) { return (__assign(__assign({}, item), { option: item.name })); });
+                comboboxElements[i].query = state.productCategoryQuery;
+                comboboxElements[i].handleInputOnChange = handleSelectInputChange;
+                comboboxElements[i].handleOnBlur = handleSelectInputChange;
+            });
+        }
+        var uploadElements = (_e = elements[form_schema_1.VISTA_FORM_ELEMENTS.UPLOAD_V1]) === null || _e === void 0 ? void 0 : _e.sort(function (a, b) { return a.order - b.order; });
+        if (uploadElements) {
+            uploadElements === null || uploadElements === void 0 ? void 0 : uploadElements.forEach(function (_, i) {
+                uploadElements[i].imageUrls = state.images;
+                uploadElements[i].handleOnChange = handleFileChange;
+                uploadElements[i].handleClearImage = function () { return dispatch({
+                    type: actions_1.PRODUCT_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: 'images', value: [] },
+                }); };
+            });
+        }
+        return elements;
+    }, [state, productCategories, handleSelectInputChange]);
+    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, handleUploadImage: handleUploadImage, headerActions: headerActions, listError: listError, listFetchNow: listFetchNow, listLoading: listLoading, rowActions: rowActions, searchOnChange: searchOnChange, updateError: updateError, updateLoading: updateLoading });
+};
+exports.ProductStateContext = (0, react_1.createContext)(__assign(__assign({}, reducer_1.initialProductState), { 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; }, handleUploadImage: 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 ProductStateContextProvider = function (_a) {
+    var children = _a.children;
+    var state = useProductState();
+    return (react_1.default.createElement(exports.ProductStateContext.Provider, { value: state }, children));
+};
+exports.ProductStateContextProvider = ProductStateContextProvider;
+var useProductStateContext = function () {
+    var state = (0, react_1.useContext)(exports.ProductStateContext);
+    if (state === undefined) {
+        throw new Error('useProductStateContext must be used within an ProductContextProvider');
+    }
+    return state;
+};
+exports.useProductStateContext = useProductStateContext;

package/base-modules/product/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/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.useProductStateContext)(), 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' },
+        react_1.default.createElement(form_1.ProductForm, { translationMap: translationMap })));
+};
+exports.Drawer = Drawer;

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

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

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

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

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