awing-library 2.1.1-beta → 2.1.4-beta

package/lib/ACM-AXN/TransactionLog/Constant.d.ts

@@ -0,0 +1,10 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+export declare const Constants: {
+    DETAIL_PATH: string;
+    PAGE_SIZE_DEFAULT: number;
+    TRANSACTION_LOG_PATH: string;
+};

package/lib/ACM-AXN/TransactionLog/Constant.js

@@ -0,0 +1,13 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Constants = void 0;
+exports.Constants = {
+    DETAIL_PATH: 'Detail',
+    PAGE_SIZE_DEFAULT: 10,
+    TRANSACTION_LOG_PATH: 'TransactionLog',
+};

package/lib/ACM-AXN/TransactionLog/Container.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+declare function Container(): import("react/jsx-runtime").JSX.Element;
+export default Container;

package/lib/ACM-AXN/TransactionLog/Container.js

@@ -0,0 +1,189 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+var react_1 = require("react");
+var moment_1 = __importDefault(require("moment"));
+var react_i18next_1 = require("react-i18next");
+var Constant_1 = require("./Constant");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var Router_1 = require("../../AWING/Router");
+var AWING_1 = require("../../AWING");
+var Helpers_1 = require("../../Utils/Helpers");
+var Utils_1 = require("./Utils");
+function Container() {
+    var navigate = (0, Router_1.useNavigate)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
+    var _b = (0, react_1.useState)(), transactionLog = _b[0], setTransactionLog = _b[1];
+    var _c = (0, react_1.useState)(), users = _c[0], setUsers = _c[1];
+    (0, react_1.useEffect)(function () {
+        getUsers();
+    }, []);
+    var getUsers = (0, react_1.useCallback)(function () {
+        service.usersGet().then(function (res) {
+            setUsers(__spreadArray([Utils_1.accountAdmin], res, true));
+        });
+    }, []);
+    var queryData = (0, react_1.useCallback)(function (queryInput) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var valueFilterNew = {
+            startDate: ((_a = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _a === void 0 ? void 0 : _a.date)
+                ? (0, moment_1.default)(queryInput.advancedObject.date[0]).format('YYYY-MM-DD')
+                : (0, moment_1.default)().subtract(7, 'day').format('YYYY-MM-DD'),
+            endDate: ((_b = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _b === void 0 ? void 0 : _b.date)
+                ? (0, moment_1.default)(queryInput.advancedObject.date[1]).format('YYYY-MM-DD')
+                : (0, moment_1.default)().format('YYYY-MM-DD'),
+            pageIndex: (queryInput === null || queryInput === void 0 ? void 0 : queryInput.pageIndex) ? queryInput.pageIndex : 0,
+            pageSize: (queryInput === null || queryInput === void 0 ? void 0 : queryInput.pageSize)
+                ? queryInput.pageSize
+                : Constant_1.Constants.PAGE_SIZE_DEFAULT,
+            objectIds: (queryInput === null || queryInput === void 0 ? void 0 : queryInput.searchString)
+                ? [queryInput.searchString]
+                : [],
+            userIds: ((_c = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _c === void 0 ? void 0 : _c.userIds)
+                ? [(_d = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _d === void 0 ? void 0 : _d.userIds]
+                : [],
+            transactionTypes: ((_e = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _e === void 0 ? void 0 : _e.transactionType)
+                ? [(_f = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _f === void 0 ? void 0 : _f.transactionType]
+                : [],
+            transactionStatusCodes: ((_g = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _g === void 0 ? void 0 : _g.statusCode) ||
+                ((_h = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _h === void 0 ? void 0 : _h.statusCode) === Utils_1.STATUS_CODE.Start
+                ? [queryInput.advancedObject.statusCode]
+                : [],
+        };
+        setLoading(true);
+        service
+            .transactionLogsPaging(valueFilterNew)
+            .then(setTransactionLog)
+            .finally(function () {
+            setLoading(false);
+        });
+    }, []);
+    var handlerClickRow = (0, react_1.useCallback)(function (id) {
+        navigate("/".concat(Constant_1.Constants.TRANSACTION_LOG_PATH, "/").concat(Constant_1.Constants.DETAIL_PATH, "/").concat(id));
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t('TransactionLog.Title'), onChangeQueryInput: queryData, inputSearchPlaceholder: t('TransactionLog.SearchPlaceholder'), onlyNumberSearch: true, advancedSearchFields: [
+            {
+                fieldName: 'date',
+                label: t('TransactionLog.Date'),
+                type: 'date-range',
+                isDayBlocked: function (day) {
+                    return day.isAfter((0, moment_1.default)().endOf('day'));
+                },
+            },
+            {
+                fieldName: 'transactionType',
+                label: t('TransactionLog.TransactionType'),
+                type: 'autocomplete',
+                options: Object.entries(Utils_1.TRANSACTION_TYPE).map(function (_a) {
+                    var text = _a[0], value = _a[1];
+                    if (value === Utils_1.TRANSACTION_TYPE.None) {
+                        return {
+                            value: '',
+                            text: t('Common.SelectAll'),
+                        };
+                    }
+                    else {
+                        return { value: value, text: text };
+                    }
+                }),
+            },
+            {
+                fieldName: 'statusCode',
+                label: t('TransactionLog.Status'),
+                type: 'autocomplete',
+                options: Object.entries(Utils_1.STATUS_CODE).map(function (_a) {
+                    var text = _a[0], value = _a[1];
+                    if (value === Utils_1.STATUS_CODE.All) {
+                        return {
+                            value: '',
+                            text: t('Common.SelectAll'),
+                        };
+                    }
+                    else {
+                        return { value: value, text: text };
+                    }
+                }),
+            },
+            {
+                fieldName: 'userIds',
+                label: t('TransactionLog.Username'),
+                type: 'autocomplete',
+                options: users
+                    ? __spreadArray([
+                        {
+                            value: '',
+                            text: t('Common.SelectAll'),
+                        }
+                    ], users.map(function (item) { return ({
+                        value: item === null || item === void 0 ? void 0 : item.userId,
+                        text: (item === null || item === void 0 ? void 0 : item.username) || (item === null || item === void 0 ? void 0 : item.name) || '',
+                    }); }), true) : [],
+            },
+        ], loading: loading, getRowId: function (row) { return row.id; }, columns: [
+            {
+                field: 'id',
+                headerName: '#',
+                width: 60,
+                valueGetter: function (row, idx, stt) { return stt; },
+            },
+            {
+                field: 'transactionType',
+                headerName: t('TransactionLog.TransactionType'),
+                width: 300,
+                valueGetter: function (row) {
+                    var index = Object.values(Utils_1.TRANSACTION_TYPE).indexOf(row.transactionType);
+                    return Object.keys(Utils_1.TRANSACTION_TYPE)[index];
+                },
+            },
+            {
+                field: 'objectId',
+                headerName: t('TransactionLog.ObjectID'),
+                width: 220,
+            },
+            {
+                field: 'userId',
+                headerName: t('TransactionLog.Username'),
+                width: 200,
+                valueGetter: function (row) {
+                    var user = users === null || users === void 0 ? void 0 : users.find(function (item) { return item.userId === row.userId; });
+                    return (user === null || user === void 0 ? void 0 : user.username) || (user === null || user === void 0 ? void 0 : user.name) || row.userId;
+                },
+            },
+            {
+                field: 'statusCode',
+                headerName: t('TransactionLog.Status'),
+                width: 150,
+                valueGetter: function (row) {
+                    var index = Object.values(Utils_1.STATUS_CODE).indexOf(row.statusCode);
+                    return Object.keys(Utils_1.STATUS_CODE)[index];
+                },
+            },
+            {
+                field: 'endDate',
+                headerName: t('TransactionLog.Date'),
+                valueGetter: function (row) {
+                    return (0, Helpers_1.timestampToStringDDMMYYYYHHmm)(row.endDate);
+                },
+            },
+        ], rows: (transactionLog === null || transactionLog === void 0 ? void 0 : transactionLog.items) || [], totalOfRows: (transactionLog === null || transactionLog === void 0 ? void 0 : transactionLog.totalItemCount) || 0, onRowClick: handlerClickRow }));
+}
+exports.default = Container;

package/lib/ACM-AXN/TransactionLog/Context.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 19/02/2024.
+ *
+ **/
+/// <reference types="react" />
+import { TransactionLogPropsContext } from './Types';
+export declare const TransactionLogContext: import("react").Context<TransactionLogPropsContext>;

package/lib/ACM-AXN/TransactionLog/Context.js

@@ -0,0 +1,10 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 19/02/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionLogContext = void 0;
+var react_1 = require("react");
+exports.TransactionLogContext = (0, react_1.createContext)({});

package/lib/ACM-AXN/TransactionLog/Detail.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+declare function Detail(): import("react/jsx-runtime").JSX.Element;
+export default Detail;

package/lib/ACM-AXN/TransactionLog/Detail.js

@@ -0,0 +1,204 @@
+"use strict";
+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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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;
+    return g = { next: verb(0), "throw": verb(1), "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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+var react_1 = require("react");
+var material_1 = require("@mui/material");
+var react_router_dom_1 = require("react-router-dom");
+var react_i18next_1 = require("react-i18next");
+var react_diff_viewer_1 = __importStar(require("react-diff-viewer"));
+var Hooks_1 = __importDefault(require("./Hooks"));
+var ClassicDrawer_1 = __importDefault(require("../../Commons/Components/ClassicDrawer"));
+var Helpers_1 = require("../../Utils/Helpers");
+var AWING_1 = require("../../AWING");
+var Utils_1 = require("./Utils");
+var newStyles = {
+    variables: {
+        light: {
+            codeFoldGutterBackground: '#6F767E',
+            codeFoldBackground: '#E2E4E5',
+            addedBackground: '#ececec',
+            wordAddedBackground: '#cecdcd',
+            addedGutterBackground: '#ececec',
+            removedBackground: '#ececec',
+            wordRemovedBackground: '#cecdcd',
+            removedGutterBackground: '#ececec',
+        },
+        titleBlock: {
+            fontFamily: 'Roboto',
+            fontSize: '12px',
+            fontWeight: 'bold',
+        },
+    },
+    contentText: {
+        fontSize: '14px',
+    },
+};
+function Detail() {
+    var _this = this;
+    var _a;
+    var id = (0, react_router_dom_1.useParams)().id;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    var _c = (0, react_1.useState)(), user = _c[0], setUser = _c[1];
+    var _d = (0, react_1.useState)(), transactionLog = _d[0], setTransactionLog = _d[1];
+    (0, react_1.useEffect)(function () {
+        var fetchData = function () { return __awaiter(_this, void 0, void 0, function () {
+            var transactionLog_1, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 5, 6, 7]);
+                        setLoading(true);
+                        if (!id) return [3 /*break*/, 4];
+                        return [4 /*yield*/, service.transactionLogsGet(Number(id))];
+                    case 1:
+                        transactionLog_1 = _a.sent();
+                        if (!transactionLog_1) return [3 /*break*/, 4];
+                        setTransactionLog(transactionLog_1);
+                        if (!(transactionLog_1.userId === Utils_1.accountAdmin.userId)) return [3 /*break*/, 2];
+                        // userId trùng với id của admin thì không cần call API nữa
+                        setUser(Utils_1.accountAdmin);
+                        return [3 /*break*/, 4];
+                    case 2: 
+                    // Trường hợp userId không trùng với id của admin thì thực hiện call API lấy ra user có id bằng với userId.
+                    return [4 /*yield*/, service.usersGet().then(function (res) {
+                            setUser(res.find(function (item) {
+                                return item.userId ===
+                                    transactionLog_1.userId;
+                            }));
+                        })];
+                    case 3:
+                        // Trường hợp userId không trùng với id của admin thì thực hiện call API lấy ra user có id bằng với userId.
+                        _a.sent();
+                        _a.label = 4;
+                    case 4: return [3 /*break*/, 7];
+                    case 5:
+                        error_1 = _a.sent();
+                        console.error('Call API DetailTransactionLog Error:', error_1);
+                        return [3 /*break*/, 7];
+                    case 6:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 7: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchData();
+    }, []);
+    var request = (transactionLog === null || transactionLog === void 0 ? void 0 : transactionLog.request)
+        ? (0, Utils_1.tryParseJSONObject)(transactionLog.request)
+        : null;
+    var oldModel = (request === null || request === void 0 ? void 0 : request.OldModel)
+        ? (0, Utils_1.tryParseJSONObject)(request.OldModel)
+        : '';
+    var newModel = (request === null || request === void 0 ? void 0 : request.NewModel)
+        ? (0, Utils_1.tryParseJSONObject)(request.NewModel)
+        : '';
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: t('TransactionLog.TitleDetail'), childrenWrapperStyle: { padding: 0 }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { fields: [
+                        {
+                            fieldName: 'transactionType',
+                            type: 'text',
+                            label: t('TransactionLog.TransactionType'),
+                            required: true,
+                            inputProps: { readOnly: true },
+                            defaultValue: Object.keys(Utils_1.TRANSACTION_TYPE)[Object.values(Utils_1.TRANSACTION_TYPE).indexOf(Number(transactionLog === null || transactionLog === void 0 ? void 0 : transactionLog.transactionType))],
+                        },
+                        {
+                            fieldName: 'objectId',
+                            type: 'text',
+                            label: t('TransactionLog.ObjectID'),
+                            required: true,
+                            inputProps: { readOnly: true },
+                            defaultValue: (transactionLog === null || transactionLog === void 0 ? void 0 : transactionLog.objectId) || '',
+                        },
+                        {
+                            fieldName: 'userId',
+                            type: 'text',
+                            label: t('TransactionLog.Username'),
+                            required: true,
+                            inputProps: { readOnly: true },
+                            defaultValue: (user === null || user === void 0 ? void 0 : user.username) ||
+                                (user === null || user === void 0 ? void 0 : user.name) ||
+                                (user === null || user === void 0 ? void 0 : user.userId),
+                        },
+                        {
+                            fieldName: 'endDate',
+                            type: 'text',
+                            label: t('TransactionLog.Date'),
+                            required: true,
+                            inputProps: { readOnly: true },
+                            defaultValue: (0, Helpers_1.timestampToStringDDMMYYYYHHmm)({
+                                seconds: Number((_a = transactionLog === null || transactionLog === void 0 ? void 0 : transactionLog.endDate) === null || _a === void 0 ? void 0 : _a.seconds) || 0,
+                            }),
+                        },
+                    ] }), (0, jsx_runtime_1.jsx)(material_1.Grid, { component: "div", ml: 3, mr: 3, mb: 3, children: (0, jsx_runtime_1.jsx)(react_diff_viewer_1.default, { oldValue: JSON.stringify(newModel, undefined, 4), newValue: JSON.stringify(oldModel, undefined, 4), splitView: true, styles: newStyles, compareMethod: react_diff_viewer_1.DiffMethod.LINES, leftTitle: t('TransactionLog.New'), rightTitle: t('TransactionLog.Old') }) })] })) }));
+}
+exports.default = Detail;

package/lib/ACM-AXN/TransactionLog/Hooks.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 19/02/2024.
+ *
+ **/
+declare const useTransactionLogProps: () => import("./Types").TransactionLogPropsContext;
+export default useTransactionLogProps;

package/lib/ACM-AXN/TransactionLog/Hooks.js

@@ -0,0 +1,17 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 19/02/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Context_1 = require("./Context");
+var useTransactionLogProps = function () {
+    var placeGroupProps = (0, react_1.useContext)(Context_1.TransactionLogContext);
+    var props = (0, react_1.useMemo)(function () {
+        return placeGroupProps;
+    }, [placeGroupProps]);
+    return props;
+};
+exports.default = useTransactionLogProps;