awing-library 2.1.78-beta → 2.1.78

package/lib/ACM-AXN/Page/Types.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
+import { ITemplateFileService } from '../../ACM-AXN/Template/Types';
 import { DirectoryRoot } from '../../ACM-AXN/Campaign/Enum';
-import { Directory, Timestamp } from '../../ACM-AXN/Campaign/Types';
+import { Directory } from '../../ACM-AXN/Campaign/Types';
+import { Timestamp } from '../../ACM-AXN/Common/Types';
 import { PageCode, VALID_PROCESS_CODE, VERIFIED_STATUS } from './enums';
 export type PageTab = {
     label: string;
@@ -16,6 +18,7 @@ export interface TemplateData {
     fieldName?: string;
     fieldValue?: string;
     isRequired?: boolean;
+    isAdvanced?: boolean;
 }
 export interface IPage {
     pageId: string;
@@ -42,10 +45,17 @@ export interface ViewModel {
     validProcessStatus: VALID_PROCESS_CODE;
     viewDatas: TemplateData[];
 }
+export interface PageViewEvent {
+    id?: number;
+    pageId?: string;
+    viewNumber?: number;
+    event?: string | undefined;
+}
 export interface PageModel {
     page: IPage;
     commonHtml: string;
     views: ViewModel[];
+    viewEvents: PageViewEvent[];
 }
 export interface FileResponse {
     data: Blob;
@@ -68,11 +78,6 @@ export interface PagesPaging {
     hasPreviousPage: boolean;
     hasNextPage: boolean;
 }
-export interface TemplateType {
-    id: number;
-    name: string;
-    templateTypeCode: string;
-}
 export interface Template {
     id: string;
     directoryId: string;
@@ -87,20 +92,6 @@ export interface Template {
     autoField: string;
     isDeprecated?: boolean;
 }
-export interface TemplateParameter {
-    id: string;
-    templateId: string;
-    fieldName: string;
-    fieldType: string;
-    defaultValue: string;
-    labelName: string;
-    isRequired: boolean;
-    childrens: TemplateParameter[];
-}
-export interface TemplateModel {
-    template: Template;
-    templateParameters: TemplateParameter[];
-}
 export interface PhysicalFolder {
     name: string;
     path: string;
@@ -117,30 +108,13 @@ export interface IDomain {
     rateSharing: number;
     description: string | undefined;
 }
-export interface PageService {
+export interface PageService extends ITemplateFileService {
     directoriesGetByObjectTypeCode: (type: DirectoryRoot) => Promise<Directory[]>;
     pagesPaging: (searchString?: string, pageSize?: number, pageIndex?: number, directoryId?: string) => Promise<PagesPaging>;
     directoriesPost: (body: Directory) => Promise<void>;
     pagesDelete: (id: string) => Promise<void>;
     pagesExport: (id: string) => Promise<FileResponse>;
     pagesImport: (id: string, directoryId: string, name: string, file: FileParameter) => Promise<void>;
-    templatesGetDirectories: () => Promise<Directory[]>;
-    templateTypesGet: () => Promise<TemplateType[]>;
-    templatesGetByDirectoryId: (directoryId: string) => Promise<Template[]>;
-    templatesGet: (id: string) => Promise<TemplateModel>;
-    pageFilesCreateCreateUpload: (parentDirectoryId: string, code: PageCode, objectId: string, path: string, files: FileParameter[]) => Promise<void>;
-    pageFilesUpdateUpload: (code: PageCode, objectId: string, path: string, files: FileParameter[]) => Promise<void>;
-    pagesGenerateId: () => Promise<string>;
-    pageFilesUpdateGetTreeFolder: (code: PageCode, objectId: string) => Promise<PhysicalFolder>;
-    pageFilesCreateGetTreeFolder: (parentDirectoryId: string, code: PageCode, objectId: string) => Promise<PhysicalFolder>;
-    pageFilesCreateDownload: (parentDirectoryId: string, code: PageCode, objectId: string, pathFile: string) => Promise<FileResponse>;
-    pageFilesUpdateDownload: (code: PageCode, objectId: string, pathFile: string) => Promise<FileResponse>;
-    pageFilesUpdateDownloadFolder: (code: PageCode, objectId: string, path: string) => Promise<FileResponse>;
-    pageFilesCreateDownloadFolder: (parentDirectoryId: string, code: PageCode, objectId: string, path: string) => Promise<FileResponse>;
-    pageFilesCreateCreateFolder: (parentDirectoryId: string, code: PageCode, objectId: string, path: string, name: string) => Promise<void>;
-    pageFilesUpdateCreateFolder: (code: PageCode, objectId: string, path: string, name: string) => Promise<void>;
-    pageFilesCreateDelete: (parentDirectoryId: string, code: PageCode, objectId: string, path: string) => Promise<void>;
-    pageFilesUpdateDelete: (code: PageCode, objectId: string, path: string) => Promise<void>;
     pagesPost: (body: PageModel) => Promise<void>;
     pagesPut: (id: string, body: PageModel) => Promise<void>;
     pagesGet: (id: string) => Promise<PageModel>;

package/lib/ACM-AXN/Page/enums.d.ts

@@ -2,6 +2,12 @@ export declare enum PageCode {
     Wlc = 0,
     Lgn = 1
 }
+export declare enum FileTypeCode {
+    Wlc = 0,
+    Lgn = 1,
+    Domain = 2,
+    Template = 3
+}
 export declare enum PathType {
     CREATE = "Create",
     EDIT = "Edit",
@@ -20,3 +26,8 @@ export declare enum VERIFIED_STATUS {
     NOT_VERIFIED = 0,
     VERIFIED_ERROR = 1
 }
+export declare enum AdministrativeUnitType {
+    Province = 0,
+    District = 1,
+    Commune = 2
+}

package/lib/ACM-AXN/Page/enums.js

@@ -1,11 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.PageCode = void 0;
+exports.AdministrativeUnitType = exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.FileTypeCode = exports.PageCode = void 0;
 var PageCode;
 (function (PageCode) {
     PageCode[PageCode["Wlc"] = 0] = "Wlc";
     PageCode[PageCode["Lgn"] = 1] = "Lgn";
 })(PageCode || (exports.PageCode = PageCode = {}));
+var FileTypeCode;
+(function (FileTypeCode) {
+    FileTypeCode[FileTypeCode["Wlc"] = 0] = "Wlc";
+    FileTypeCode[FileTypeCode["Lgn"] = 1] = "Lgn";
+    FileTypeCode[FileTypeCode["Domain"] = 2] = "Domain";
+    FileTypeCode[FileTypeCode["Template"] = 3] = "Template";
+})(FileTypeCode || (exports.FileTypeCode = FileTypeCode = {}));
 var PathType;
 (function (PathType) {
     PathType["CREATE"] = "Create";
@@ -29,3 +36,9 @@ var VERIFIED_STATUS;
     VERIFIED_STATUS[VERIFIED_STATUS["NOT_VERIFIED"] = 0] = "NOT_VERIFIED";
     VERIFIED_STATUS[VERIFIED_STATUS["VERIFIED_ERROR"] = 1] = "VERIFIED_ERROR";
 })(VERIFIED_STATUS || (exports.VERIFIED_STATUS = VERIFIED_STATUS = {}));
+var AdministrativeUnitType;
+(function (AdministrativeUnitType) {
+    AdministrativeUnitType[AdministrativeUnitType["Province"] = 0] = "Province";
+    AdministrativeUnitType[AdministrativeUnitType["District"] = 1] = "District";
+    AdministrativeUnitType[AdministrativeUnitType["Commune"] = 2] = "Commune";
+})(AdministrativeUnitType || (exports.AdministrativeUnitType = AdministrativeUnitType = {}));

package/lib/ACM-AXN/Page/index.js

@@ -23,7 +23,7 @@ var react_router_dom_1 = require("react-router-dom");
 var recoil_1 = require("recoil");
 var CreateDirectory_1 = __importDefault(require("../../AWING/Directory/CreateDirectory"));
 var i18n_1 = __importDefault(require("../../i18n"));
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../Common/Constant");
 var Container_1 = __importDefault(require("./Container"));
 var Context_1 = require("./Context");
 var enums_1 = require("./enums");
@@ -32,22 +32,24 @@ var index_1 = __importDefault(require("./Import/index"));
 var Enum_1 = require("../../ACM-AXN/Campaign/Enum");
 var Page = function (props) {
     var paths = [
-        { path: Constant_1.pageConstants.IMPORT_PAGE, element: (0, jsx_runtime_1.jsx)(index_1.default, {}) },
+        { path: Constant_1.Constants.IMPORT_PATH, element: (0, jsx_runtime_1.jsx)(index_1.default, {}) },
         {
-            path: Constant_1.pageConstants.CREATE_PAGE,
+            path: Constant_1.Constants.CREATE_PATH,
             element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, { type: enums_1.PathType.CREATE }),
         },
         {
-            path: Constant_1.pageConstants.EDIT_PAGE + '/:pageId',
+            path: Constant_1.Constants.EDIT_PATH + '/:pageId',
             element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, { type: enums_1.PathType.EDIT }),
         },
         {
-            path: Constant_1.pageConstants.CLONE_PAGE + '/:pageId',
+            path: Constant_1.Constants.CLONE_PATH + '/:pageId',
             element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, { type: enums_1.PathType.CLONE }),
         },
         {
-            path: Constant_1.pageConstants.PAGE_CREATE_DIRECTORY + '/:directoryId',
-            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ directoryRoot: Enum_1.DirectoryRoot[props.pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome'], parentDirectory: props.pageCode === enums_1.PageCode.Lgn
+            path: Constant_1.Constants.PAGE_CREATE_DIRECTORY + '/:directoryId',
+            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ directoryRoot: Enum_1.DirectoryRoot[props.pageCode === enums_1.PageCode.Lgn
+                    ? 'PageLogin'
+                    : 'PageWelcome'], parentDirectory: props.pageCode === enums_1.PageCode.Lgn
                     ? 'pageLogin'
                     : 'pageWelcome' }, props))),
         },

package/lib/ACM-AXN/Permission/Components/Management.js

@@ -10,7 +10,7 @@ var Router_1 = require("../../../AWING/Router");
 var Utils_1 = require("./Utils");
 var AWING_1 = require("../../../AWING");
 var material_1 = require("@mui/material");
-var Constant_1 = require("../../Campaign/Constant");
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
 var Context_1 = require("../../../Context");
 function RenderCheck(row) {
     return row[this.field] ? (0, jsx_runtime_1.jsx)(icons_material_1.Check, { color: "primary", fontSize: "medium" }) : null;

package/lib/ACM-AXN/Permission/Components/Styles.d.ts

@@ -1,3 +1,2 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material';
 export declare const styles: Record<string, SxProps<Theme>>;

package/lib/ACM-AXN/Permission/index.js

@@ -25,7 +25,7 @@ var react_i18next_1 = require("react-i18next");
 var recoil_1 = require("recoil");
 var i18n_1 = __importDefault(require("../../i18n"));
 var react_helmet_async_1 = require("react-helmet-async");
-var Constant_1 = require("../Campaign/Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var PermissionFeature = function (props) {
     var paths = [
         {

package/lib/ACM-AXN/PlaceFilter/DataTable/container.js

@@ -74,7 +74,6 @@ var DataTable = function (props) {
             return;
         if (isError)
             setIsError(function () { return false; });
-        console.log("query");
         if (isSelectedTagAll) {
             setIsLoading(function () { return true; });
             getTagAllPlaces()
@@ -105,7 +104,7 @@ var DataTable = function (props) {
     (0, react_1.useEffect)(function () {
         queryData();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [pageIndex, pageSize]);
+    }, [pageIndex, pageSize, isSelectedTagAll]);
     var getAllPlaces = function () {
         return getPlacesByFilter((tagSelected === null || tagSelected === void 0 ? void 0 : tagSelected.filterFields) || []);
     };

package/lib/ACM-AXN/PlaceFilter/Input/container.js

@@ -20,8 +20,9 @@ var recoil_1 = require("recoil");
 var component_1 = __importDefault(require("./component"));
 var common_1 = require("../common");
 var Enum_1 = require("../Enum");
+var react_1 = require("react");
 var FieldInput = function () {
-    var _a = (0, recoil_1.useRecoilState)(Atom_1.isSelectedTagAllState), setIsSelectedTagAll = _a[1];
+    var _a = (0, recoil_1.useRecoilState)(Atom_1.isSelectedTagAllState), isSelectedTagAll = _a[0], setIsSelectedTagAll = _a[1];
     var _b = (0, recoil_1.useRecoilState)(Atom_1.tagSelectedState), tagSelected = _b[0], setTagSelected = _b[1];
     var tagsAll = (0, recoil_1.useRecoilValue)(Atom_1.tagsAllState);
     var handleChange = function (newValue, index, isChangeOperator) {
@@ -55,6 +56,15 @@ var FieldInput = function () {
             setTagSelected(tagPrepare);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(component_1.default, { inputFilters: (tagSelected === null || tagSelected === void 0 ? void 0 : tagSelected.filterFields) || [], onChange: handleChange }));
+    // console.log("defaultTagValue", defaultTagValue)
+    var inputFilters = (0, react_1.useMemo)(function () {
+        if (isSelectedTagAll) {
+            return ((tagSelected === null || tagSelected === void 0 ? void 0 : tagSelected.filterFields) || []).map(function (input, index) {
+                return __assign(__assign({}, input), { value: common_1.defaultTagValue[input.type] });
+            });
+        }
+        return (tagSelected === null || tagSelected === void 0 ? void 0 : tagSelected.filterFields) || [];
+    }, [isSelectedTagAll, tagSelected]);
+    return ((0, jsx_runtime_1.jsx)(component_1.default, { inputFilters: inputFilters, onChange: handleChange }));
 };
 exports.default = FieldInput;

package/lib/ACM-AXN/PlaceFilter/common.d.ts

@@ -1 +1,2 @@
 export declare const compareTwoArrayObject: (arrObj1: any, arrObj2: any) => any;
+export declare const defaultTagValue: Record<"text" | "select-area" | "select" | "multiple-hierarchical-choice" | "geo-fencing" | "auto-complete" | "multiple-select", any>;

package/lib/ACM-AXN/PlaceFilter/common.js

@@ -1,6 +1,18 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.compareTwoArrayObject = void 0;
+exports.defaultTagValue = exports.compareTwoArrayObject = void 0;
+var Enum_1 = require("./Enum");
 var isEqual = require("lodash/isEqual");
 var compareTwoArrayObject = function (arrObj1, arrObj2) {
     var result = (arrObj1 || []).filter(function (object1) {
@@ -23,3 +35,17 @@ var compareTwoArrayObject = function (arrObj1, arrObj2) {
     return result;
 };
 exports.compareTwoArrayObject = compareTwoArrayObject;
+exports.defaultTagValue = Object.entries(Enum_1.EnumFieldInputType).reduce(function (obj, _a) {
+    var _b;
+    var key = _a[0], value = _a[1];
+    return __assign(__assign({}, obj), (_b = {}, _b[value] = (function () {
+        switch (value) {
+            case Enum_1.EnumFieldInputType.TEXT:
+                return "";
+            case Enum_1.EnumFieldInputType.GEO_FENCING:
+                return undefined;
+            default:
+                return [];
+        }
+    })(), _b));
+}, {});

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

@@ -11,7 +11,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Hooks_1 = __importDefault(require("./Hooks"));
 var Router_1 = require("../../AWING/Router");
 var AWING_1 = require("../../AWING");
@@ -19,7 +19,7 @@ function Container() {
     var navigate = (0, Router_1.useNavigate)();
     var t = (0, react_i18next_1.useTranslation)().t;
     var _a = (0, Hooks_1.default)(), service = _a.service, confirm = _a.appHelper.confirm;
-    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
     var _c = (0, react_1.useState)(), PagedList = _c[0], setPagedList = _c[1];
     var queryData = (0, react_1.useCallback)(function (queryInput) {
         var searchString = queryInput.searchString, pageIndex = queryInput.pageIndex, pageSize = queryInput.pageSize;

package/lib/ACM-AXN/PlaceGroup/Container.test.js

@@ -59,7 +59,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@testing-library/react");
 var react_router_dom_1 = require("react-router-dom");
 var Container_1 = __importDefault(require("./Container"));
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var items = [
     {
         groupId: '5227097136061907757',

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

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

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

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

package/lib/ACM-AXN/PlaceGroup/CreateOrEdit.js

@@ -33,15 +33,14 @@ function CreateOrEdit() {
     var id = (0, react_router_dom_1.useParams)().id;
     var service = (0, Hooks_1.default)().service;
     var _a = (0, react_1.useState)(false), confirmExit = _a[0], setConfirmExit = _a[1];
-    var _b = (0, react_1.useState)(false), validState = _b[0], setValidState = _b[1];
+    var _b = (0, react_1.useState)(true), validState = _b[0], setValidState = _b[1];
     var _c = (0, react_1.useState)(true), loading = _c[0], setLoading = _c[1];
-    var _d = (0, react_1.useState)(false), loadingTable = _d[0], setLoadingTable = _d[1];
+    var _d = (0, react_1.useState)(true), loadingTable = _d[0], setLoadingTable = _d[1];
     var _e = (0, react_1.useState)(), placeGroup = _e[0], setPlaceGroup = _e[1];
     var _f = (0, react_1.useState)(), placeFilter = _f[0], setPlaceFilter = _f[1];
     var _g = (0, react_1.useState)([]), places = _g[0], setPlaces = _g[1];
     (0, react_1.useEffect)(function () {
         if (!placeGroup && id) {
-            setLoading(true);
             service
                 .placeGroupsGet(id)
                 .then(function (placeGroupData) {
@@ -52,10 +51,12 @@ function CreateOrEdit() {
                 setLoading(false);
             });
         }
+        else {
+            setLoading(false);
+        }
     }, [placeGroup, service, id]);
     (0, react_1.useEffect)(function () {
         if (id) {
-            setLoadingTable(true);
             service
                 .placesQuery({ groupIds: [id] })
                 .then(setPlaces)
@@ -63,7 +64,11 @@ function CreateOrEdit() {
                 setLoadingTable(false);
             });
         }
-    }, [service, id]);
+        else {
+            setLoadingTable(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id]);
     var handleDetailSubmit = (0, react_1.useCallback)(function (placesSelected, placeFilter) {
         setConfirmExit(true);
         setPlaces(placesSelected);
@@ -87,7 +92,7 @@ function CreateOrEdit() {
     };
     return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: id
             ? "".concat(t('PlaceGroup.TitleEdit'), ": ").concat(placeGroup ? placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name : 'Loading...')
-            : t('PlaceGroup.TitleCreate'), onSubmit: handleSubmit, confirmExit: confirmExit, disableButtonSubmit: !validState, 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, { caption: t('PlaceGroup.TitlePlaceGroupInfo'), fields: [
+            : t('PlaceGroup.TitleCreate'), onSubmit: handleSubmit, confirmExit: confirmExit, disableButtonSubmit: !(validState && confirmExit), 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, { caption: t('PlaceGroup.TitlePlaceGroupInfo'), fields: [
                         {
                             fieldName: 'name',
                             type: 'text',

package/lib/ACM-AXN/PlaceGroup/index.js

@@ -19,7 +19,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_i18next_1 = require("react-i18next");
 var i18n_1 = __importDefault(require("../../i18n"));
 var Container_1 = __importDefault(require("./Container"));
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
 var Router_1 = require("../../AWING/Router");
 var Context_1 = require("./Context");

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

@@ -22,51 +22,61 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var recoil_1 = require("recoil");
 var material_1 = require("@mui/material");
+var recoil_1 = require("recoil");
+var react_helmet_async_1 = require("react-helmet-async");
 var AccessTime_1 = __importDefault(require("@mui/icons-material/AccessTime"));
 var Filter_1 = __importDefault(require("./Filter"));
-var Constant_1 = require("./Constant");
+var Context_1 = __importDefault(require("../../Context"));
 var Hooks_1 = __importDefault(require("./Hooks"));
 var Router_1 = require("../../AWING/Router");
-var Recoils_1 = require("./Recoils");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Utils_1 = require("./Utils");
-var Helpers_1 = require("../../Utils/Helpers");
 var AWING_1 = require("../../AWING");
-var react_helmet_async_1 = require("react-helmet-async");
-var Context_1 = __importDefault(require("../../Context"));
+var Recoils_1 = require("./Recoils");
+var Helpers_1 = require("../../Utils/Helpers");
 function Container() {
     var navigate = (0, Router_1.useNavigate)();
     var i18next = (0, react_1.useContext)(Context_1.default).i18next;
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18next }).t;
     var service = (0, Hooks_1.default)().service;
     var setScheduleCompletionRate = (0, recoil_1.useSetRecoilState)(Recoils_1.scheduleCompletionRateAtom);
+    var type = (0, recoil_1.useRecoilValue)(Recoils_1.ScheduleCompletionRateTypeViewState).type;
     var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
     var _b = (0, react_1.useState)([]), sortModels = _b[0], setSortModels = _b[1];
     var _c = (0, react_1.useState)([]), schedules = _c[0], setSchedules = _c[1];
-    var _d = (0, react_1.useState)([]), fullSchedules = _d[0], setFullSchedules = _d[1];
+    var _d = (0, react_1.useState)([]), defaultFullSchedules = _d[0], setDefaultFullSchedules = _d[1];
     var _e = (0, react_1.useState)(Utils_1.DefaultValueFilter), filter = _e[0], setFilter = _e[1];
     var _f = (0, react_1.useState)(Utils_1.QueryInputDetail), queryInput = _f[0], setQueryInput = _f[1];
     (0, react_1.useEffect)(function () {
         var _a, _b;
         setLoading(true);
         service
-            .scheduleCompletionRatesGet((_a = filter === null || filter === void 0 ? void 0 : filter.startDate) === null || _a === void 0 ? void 0 : _a.format('YYYY-MM-DD'), (_b = filter === null || filter === void 0 ? void 0 : filter.endDate) === null || _b === void 0 ? void 0 : _b.format('YYYY-MM-DD'))
+            .scheduleCompletionRatesGet({
+            fromDate: (_a = filter === null || filter === void 0 ? void 0 : filter.startDate) === null || _a === void 0 ? void 0 : _a.format('YYYY-MM-DD'),
+            toDate: (_b = filter === null || filter === void 0 ? void 0 : filter.endDate) === null || _b === void 0 ? void 0 : _b.format('YYYY-MM-DD'),
+            level: 0,
+        })
             .then(function (res) {
-            var valueNew = res.map(function (item) { return (__assign(__assign({}, item), { rate: (item.totalRun / item.totalQuantity) * 100 || 0 })); });
-            setFullSchedules(valueNew);
-            setSchedules(valueNew);
-            setScheduleCompletionRate(function (oldState) { return (__assign(__assign({}, oldState), { filter: filter, detailCompletionRate: valueNew })); });
+            var resNew = res.sort(function (a, b) {
+                return a.campaignId.localeCompare(b.campaignId);
+            });
+            var valueNew = (0, Utils_1.converData)(resNew, type);
+            updateData(valueNew);
+            // Dư liệu mặc định chưa update
+            setDefaultFullSchedules(resNew);
         })
             .finally(function () {
             setLoading(false);
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [service, filter.startDate, filter.endDate]);
+    }, [filter.startDate, filter.endDate]);
     (0, react_1.useEffect)(function () {
-        var dataFilter = fullSchedules.filter(function (item) { return item.campaignId === filter.campaignId; });
-        setSchedules(dataFilter.length > 0 ? dataFilter : fullSchedules);
-    }, [filter.campaignId, fullSchedules]);
+        var dataFilter = defaultFullSchedules.filter(function (item) { return item.campaignId === filter.campaignId; });
+        var valueNew = (0, Utils_1.converData)(dataFilter.length > 0 ? dataFilter : defaultFullSchedules, type);
+        updateData(valueNew);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [filter.campaignId, defaultFullSchedules, type]);
     (0, react_1.useEffect)(function () {
         sortModels.length &&
             setSchedules(function (prev) {
@@ -78,6 +88,12 @@ function Container() {
                 });
             });
     }, [sortModels]);
+    var updateData = function (dataNew) {
+        // Hiển thị dữ liệu DataGrid
+        setSchedules(dataNew);
+        // update recoils
+        setScheduleCompletionRate(function (oldState) { return (__assign(__assign({}, oldState), { filter: filter, detailCompletionRate: dataNew })); });
+    };
     var handleUpdateFilter = function (valueNew) {
         setFilter(function (oldValue) { return (__assign(__assign({}, oldValue), valueNew)); });
     };
@@ -85,7 +101,7 @@ function Container() {
         var _a = paths.split('.'), _r = _a[0], campaignId = _a[1], groupId = _a[2];
         navigate("".concat(Constant_1.Constants.DETAIL_PATH, "/").concat(campaignId, "/").concat(groupId));
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('ScheduleCompletionRate.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { marginBottom: function (theme) { return theme.spacing(2); } }, children: t('ScheduleCompletionRate.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { padding: '24px 16px 0' }, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { filter: filter, onUpdateFilter: handleUpdateFilter }) }), loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { columns: [
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('ScheduleCompletionRate.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { mb: 2 }, children: t('ScheduleCompletionRate.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { pt: 3, pl: 2, pr: 2 }, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { filter: filter, onUpdateFilter: handleUpdateFilter, scheduleCompletionRate: defaultFullSchedules }) }), loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { columns: [
                             {
                                 field: '#',
                                 headerName: '#',
@@ -96,17 +112,10 @@ function Container() {
                                 field: 'campaignName',
                                 headerName: t('ScheduleCompletionRate.CampaignName'),
                                 valueGetter: function (row) {
-                                    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { children: [(row === null || row === void 0 ? void 0 : row.campaignId) !== -1
-                                                        ? (row === null || row === void 0 ? void 0 : row.campaignName) ||
-                                                            "ID:\n                                                    ".concat(row === null || row === void 0 ? void 0 : row.campaignId)
-                                                        : t('ScheduleCompletionRate.CampaignDefault'), (row === null || row === void 0 ? void 0 : row.isNetWorkCampaign) && ((0, jsx_runtime_1.jsx)("span", { style: {
-                                                            backgroundColor: '#c49f47',
-                                                            color: '#ffffff',
-                                                            fontSize: '13px',
-                                                            marginLeft: '4px',
-                                                            padding: '1px 4px',
-                                                            borderRadius: '2px',
-                                                        }, children: "Network" }))] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: (row === null || row === void 0 ? void 0 : row.campaignId) !== -1
+                                                    ? (row === null || row === void 0 ? void 0 : row.campaignName) ||
+                                                        "ID:\n                                                    ".concat(row === null || row === void 0 ? void 0 : row.campaignId)
+                                                    : t('ScheduleCompletionRate.CampaignDefault') }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                                     display: 'flex',
                                                     flexDirection: 'row',
                                                     alignItems: 'center',
@@ -146,6 +155,7 @@ function Container() {
                                         align: 'right',
                                     };
                                 },
+                                type: 'number',
                             },
                             {
                                 field: 'totalRun',
@@ -159,6 +169,7 @@ function Container() {
                                         align: 'right',
                                     };
                                 },
+                                type: 'number',
                             },
                             {
                                 field: 'rate',
@@ -173,6 +184,10 @@ function Container() {
                                         align: 'right',
                                     };
                                 },
+                                type: 'number',
+                                valueGetter: function (row) {
+                                    return (0, Helpers_1.formatNumber)(row.rate.toFixed(2) || 0);
+                                },
                             },
                         ], rows: (0, Helpers_1.offlinePaginate)(schedules, queryInput.pageIndex, queryInput.pageSize), sortModel: sortModels, onSortModelChange: setSortModels, getRowId: function (row) {
                             return [(0, Helpers_1.generateUUID)(), row.campaignId, row.groupId].join('.');

package/lib/ACM-AXN/ScheduleCompletionRate/DataSetConfig.d.ts

@@ -1,6 +1,6 @@
 import { Moment } from 'moment';
 import { ConvertExcelData } from './Types';
-export declare const DataSetConfigs: (exportData: ConvertExcelData[] | ConvertExcelData, t: any, startDate: Moment, endDate: Moment) => {
+export declare const DataSetConfigs: (exportData: ConvertExcelData[] | ConvertExcelData, startDate: Moment, endDate: Moment) => {
     sheetByCampaign: ({
         columns: string[];
         data: (({
@@ -17,23 +17,24 @@ export declare const DataSetConfigs: (exportData: ConvertExcelData[] | ConvertEx
                     sz: string;
                 };
             };
-        } | {
-            value: number | undefined;
+        })[] | ({
+            value: string;
             style: {
                 font: {
                     sz: string;
+                    bold?: undefined;
                 };
             };
-        })[] | ({
+        } | {
             value: string;
             style: {
                 font: {
                     sz: string;
-                    bold?: undefined;
+                    bold: boolean;
                 };
             };
         } | {
-            value: any;
+            value: number;
             style: {
                 font: {
                     sz: string;
@@ -42,14 +43,11 @@ export declare const DataSetConfigs: (exportData: ConvertExcelData[] | ConvertEx
             };
         })[])[];
     } | {
-        columns: any[];
-        data: string[][];
-    })[];
-    sheetCampaignDetail: ({
         columns: string[];
-        data: any[][];
-    } | {
-        columns: any[];
         data: string[][];
     })[];
+    sheetCampaignDetail: {
+        columns: string[];
+        data: (string | number | undefined)[][];
+    }[];
 };