awing-library 2.1.123-beta → 2.1.125-beta

package/lib/ACM-AXN/ScheduleCompletionRate/Detail/CompletionRate.js

@@ -22,22 +22,23 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("react");
 var moment_1 = __importDefault(require("moment"));
+var Helpers_1 = require("../../../Utils/Helpers");
 var react_i18next_1 = require("react-i18next");
-var recoil_1 = require("recoil");
-var material_1 = require("@mui/material");
-var Utils_1 = require("../Utils");
 var Hooks_1 = __importDefault(require("../Hooks"));
-var Recoils_1 = require("../Recoils");
+var material_1 = require("@mui/material");
 var ClassicDrawer_1 = __importDefault(require("../../../Commons/Components/ClassicDrawer"));
 var Router_1 = require("../../../AWING/Router");
+var Utils_1 = require("../Utils");
+var recoil_1 = require("recoil");
 var AWING_1 = require("../../../AWING");
-var Helpers_1 = require("../../../Utils/Helpers");
+var Recoils_1 = require("../Recoils");
 function CompletionRate() {
     var t = (0, react_i18next_1.useTranslation)().t;
     var navigate = (0, Router_1.useNavigate)();
     var _a = (0, Router_1.useParams)(), campaignId = _a.campaignId, groupId = _a.groupId;
     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 completionRateInfo = (0, recoil_1.useRecoilValue)((0, Recoils_1.detailCompletionRateItem)({
         campaignId: campaignId,
         groupId: groupId,
@@ -51,8 +52,9 @@ function CompletionRate() {
         service
             .scheduleCompletionRatesPaging((_b = (_a = scheduleCompletionRate === null || scheduleCompletionRate === void 0 ? void 0 : scheduleCompletionRate.filter) === null || _a === void 0 ? void 0 : _a.startDate) === null || _b === void 0 ? void 0 : _b.format('YYYY-MM-DD'), (_d = (_c = scheduleCompletionRate === null || scheduleCompletionRate === void 0 ? void 0 : scheduleCompletionRate.filter) === null || _c === void 0 ? void 0 : _c.endDate) === null || _d === void 0 ? void 0 : _d.format('YYYY-MM-DD'), campaignId, Number(groupId), 'date', queryInput.pageIndex, queryInput.pageSize)
             .then(function (res) {
-            setScheduleGroupBy(res);
-            setScheduleCompletionRate(function (oldState) { return (__assign(__assign({}, oldState), { detailCompletionRateDate: res.items || [] })); });
+            var valueNew = (0, Utils_1.converData)((res === null || res === void 0 ? void 0 : res.items) || [], type, completionRateInfo === null || completionRateInfo === void 0 ? void 0 : completionRateInfo.billingUnit);
+            setScheduleGroupBy(__assign(__assign({}, res), { items: valueNew.length ? valueNew : [] }));
+            setScheduleCompletionRate(function (oldState) { return (__assign(__assign({}, oldState), { detailCompletionRateDate: valueNew.length ? valueNew : [] })); });
         })
             .finally(function () {
             setLoading(false);
@@ -64,7 +66,7 @@ function CompletionRate() {
     };
     return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t('ScheduleCompletionRate.Group'), ": ").concat(loading && !(completionRateInfo === null || completionRateInfo === void 0 ? void 0 : completionRateInfo.groupName)
             ? 'loading...'
-            : (completionRateInfo === null || completionRateInfo === void 0 ? void 0 : completionRateInfo.groupName) || '', " "), childrenWrapperStyle: { padding: '24px' }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { spanningRows: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { sx: {
+            : (completionRateInfo === null || completionRateInfo === void 0 ? void 0 : completionRateInfo.groupName) || '', " "), childrenWrapperStyle: { p: 3 }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { spanningRows: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { sx: {
                     flex: 1,
                     background: 'lightgrey',
                 }, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: 2, sx: {
@@ -92,14 +94,12 @@ function CompletionRate() {
                     TableCellProps: {
                         align: 'right',
                     },
+                    type: 'number',
                     dynamicTableCellProps: function () {
                         return {
                             align: 'right',
                         };
                     },
-                    valueGetter: function (row) {
-                        return (0, Helpers_1.formatNumber)((row === null || row === void 0 ? void 0 : row.totalQuantity) || 0);
-                    }
                 },
                 {
                     field: 'totalRun',
@@ -112,20 +112,12 @@ function CompletionRate() {
                             align: 'right',
                         };
                     },
-                    valueGetter: function (row) {
-                        return (0, Helpers_1.formatNumber)((row === null || row === void 0 ? void 0 : row.totalRun) || 0);
-                    }
+                    type: 'number',
                 },
                 {
                     field: 'rate',
                     headerName: "".concat(t('ScheduleCompletionRate.CompletionRate'), "(%)"),
-                    valueGetter: function (row) {
-                        return (0, Helpers_1.formatNumber)((row === null || row === void 0 ? void 0 : row.totalQuantity) !== 0
-                            ? (((row === null || row === void 0 ? void 0 : row.totalRun) || 0) /
-                                ((row === null || row === void 0 ? void 0 : row.totalQuantity) || 0)) *
-                                100
-                            : 0);
-                    },
+                    type: 'number',
                     TableCellProps: {
                         align: 'right',
                     },

package/lib/ACM-AXN/ScheduleCompletionRate/Detail/CompletionRate.test.js

@@ -266,14 +266,14 @@ jest.mock('../Hooks', function () { return ({
     }); },
 }); });
 // mock react-router-dom
-jest.mock('../../../AWING/Router', function () { return (__assign(__assign({}, jest.requireActual('../../../AWING/Router')), { useParams: jest.fn(), useNavigate: jest.fn() })); });
-jest.mock('../../../AWING', function () { return (__assign(__assign({}, jest.requireActual('../../../AWING')), { DataGrid: function (props) {
+jest.mock('AWING/Router', function () { return (__assign(__assign({}, jest.requireActual('AWING/Router')), { useParams: jest.fn(), useNavigate: jest.fn() })); });
+jest.mock('AWING', function () { return (__assign(__assign({}, jest.requireActual('AWING')), { DataGrid: function (props) {
         return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { "data-testId": "title", children: "DataGrid" }), props.columns
                     .filter(function (item) { return item.valueGetter; })
                     .map(function (getter, idx) { return ((0, jsx_runtime_1.jsx)("span", { children: getter.valueGetter(mockScheduleGroupBy.items[0], idx) }, idx)); }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageIndexChange", onClick: function () { return props.onPageIndexChange(0); } }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageSizeChange", onClick: function () { return props.onPageSizeChange(1); } }), (0, jsx_runtime_1.jsx)("p", { "data-testid": "rowsPaginate", children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onRowClick", onClick: function () { return props.onRowClick(1); }, children: "onRowClick" })] }));
     }, CircularProgress: function () { return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "CircularProgress", children: "CircularProgress" })); } })); });
 // Mock Filter
-jest.mock('../../../Commons/Components/ClassicDrawer', function () { return function (props) {
+jest.mock('Commons/Components/ClassicDrawer', function () { return function (props) {
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Drawer Component" }), props.title, props.children] }));
 }; });
 var renderUi = function () {

package/lib/ACM-AXN/ScheduleCompletionRate/Detail/CompletionRateDate.js

@@ -23,20 +23,22 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var moment_1 = __importDefault(require("moment"));
 var recoil_1 = require("recoil");
+var Router_1 = require("../../../AWING/Router");
+var Helpers_1 = require("../../../Utils/Helpers");
 var react_i18next_1 = require("react-i18next");
-var material_1 = require("@mui/material");
-var Utils_1 = require("../Utils");
 var Hooks_1 = __importDefault(require("../Hooks"));
-var Router_1 = require("../../../AWING/Router");
-var Recoils_1 = require("../Recoils");
+var material_1 = require("@mui/material");
 var ClassicDrawer_1 = __importDefault(require("../../../Commons/Components/ClassicDrawer"));
+var Utils_1 = require("../Utils");
 var AWING_1 = require("../../../AWING");
-var Helpers_1 = require("../../../Utils/Helpers");
+var Recoils_1 = require("../Recoils");
 function CompletionRateDate() {
     var t = (0, react_i18next_1.useTranslation)().t;
     var _a = (0, Router_1.useParams)(), campaignId = _a.campaignId, groupId = _a.groupId, date = _a.date;
     var service = (0, Hooks_1.default)().service;
     var completionRateDateInfo = (0, recoil_1.useRecoilValue)((0, Recoils_1.detailCompletionRateDateItem)(date));
+    console.log('completionRateDateInfo =================>', completionRateDateInfo);
+    var type = (0, recoil_1.useRecoilValue)(Recoils_1.ScheduleCompletionRateTypeViewState).type;
     var schedule = (0, recoil_1.useRecoilValue)(Recoils_1.scheduleCompletionRateAtom);
     var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
     var _c = (0, react_1.useState)(Utils_1.QueryInputDetail), queryInput = _c[0], setQueryInput = _c[1];
@@ -44,21 +46,23 @@ function CompletionRateDate() {
     (0, react_1.useEffect)(function () {
         service
             .scheduleCompletionRatesPaging((0, moment_1.default)(date, 'DD-MM-YYYY').format('YYYY-MM-DD'), (0, moment_1.default)(date, 'DD-MM-YYYY').format('YYYY-MM-DD'), campaignId, Number(groupId), 'placeId', queryInput.pageIndex, queryInput.pageSize)
-            .then(setScheduleGroupByDate)
+            .then(function (res) {
+            console.log('res =================>', res);
+            var valueNew = (0, Utils_1.converData)((res === null || res === void 0 ? void 0 : res.items) || [], type, completionRateDateInfo === null || completionRateDateInfo === void 0 ? void 0 : completionRateDateInfo.billingUnit);
+            setScheduleGroupByDate(__assign(__assign({}, res), { items: valueNew.length ? valueNew : [] }));
+        })
             .finally(function () {
             setLoading(false);
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [queryInput]);
-    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t('ScheduleCompletionRate.Date'), ": ").concat(loading && !date ? 'loading...' : date || '', " "), childrenWrapperStyle: { padding: '24px' }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { spanningRows: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { sx: {
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t('ScheduleCompletionRate.Date'), ": ").concat(loading && !date ? 'loading...' : date || '', " "), childrenWrapperStyle: { p: 3 }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { spanningRows: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { sx: {
                     flex: 1,
                     background: 'lightgrey',
                 }, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: 2, sx: {
                             textAlign: 'center',
                             fontWeight: 'bold',
-                        }, children: t('ScheduleCompletionRate.Total') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", sx: { fontWeight: 'bold' }, children: (0, Helpers_1.formatNumber)((completionRateDateInfo === null || completionRateDateInfo === void 0 ? void 0 : completionRateDateInfo.totalQuantity) || 0) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", sx: { fontWeight: 'bold' }, children: (0, Helpers_1.formatNumber)((completionRateDateInfo === null || completionRateDateInfo === void 0 ? void 0 : completionRateDateInfo.totalRun) || 0) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", sx: { fontWeight: 'bold' }, children: (0, Helpers_1.formatNumber)(((completionRateDateInfo === null || completionRateDateInfo === void 0 ? void 0 : completionRateDateInfo.totalRun) /
-                            (completionRateDateInfo === null || completionRateDateInfo === void 0 ? void 0 : completionRateDateInfo.totalQuantity)) *
-                            100 || 0) })] }), spanningRowsPosition: "top", columns: [
+                        }, children: t('ScheduleCompletionRate.Total') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", sx: { fontWeight: 'bold' }, children: (0, Helpers_1.formatNumber)((completionRateDateInfo === null || completionRateDateInfo === void 0 ? void 0 : completionRateDateInfo.totalQuantity) || 0) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", sx: { fontWeight: 'bold' }, children: (0, Helpers_1.formatNumber)((completionRateDateInfo === null || completionRateDateInfo === void 0 ? void 0 : completionRateDateInfo.totalRun) || 0) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", sx: { fontWeight: 'bold' }, children: (0, Helpers_1.formatNumber)((completionRateDateInfo === null || completionRateDateInfo === void 0 ? void 0 : completionRateDateInfo.rate) || 0) })] }), spanningRowsPosition: "top", columns: [
                 {
                     field: '#',
                     headerName: '#',
@@ -108,12 +112,7 @@ function CompletionRateDate() {
                 {
                     field: 'rate',
                     headerName: "".concat(t('ScheduleCompletionRate.CompletionRate'), "(%)"),
-                    valueGetter: function (row) {
-                        return (0, Helpers_1.formatNumber)(row.totalQuantity !== 0
-                            ? (row.totalRun / row.totalQuantity) *
-                                100
-                            : 0);
-                    },
+                    type: 'number',
                     TableCellProps: {
                         align: 'right',
                     },

package/lib/ACM-AXN/ScheduleCompletionRate/Detail/CompletionRateDate.test.js

@@ -316,14 +316,14 @@ jest.mock('../Hooks', function () { return ({
     }); },
 }); });
 // mock react-router-dom
-jest.mock('../../../AWING/Router', function () { return (__assign(__assign({}, jest.requireActual('../../../AWING/Router')), { useParams: jest.fn() })); });
-jest.mock('../../../AWING', function () { return (__assign(__assign({}, jest.requireActual('../../../AWING')), { DataGrid: function (props) {
+jest.mock('AWING/Router', function () { return (__assign(__assign({}, jest.requireActual('AWING/Router')), { useParams: jest.fn() })); });
+jest.mock('AWING', function () { return (__assign(__assign({}, jest.requireActual('AWING')), { DataGrid: function (props) {
         return ((0, jsx_runtime_1.jsxs)("div", { children: [props.columns
                     .filter(function (item) { return item.valueGetter; })
                     .map(function (getter, idx) { return ((0, jsx_runtime_1.jsx)("span", { children: getter.valueGetter(mockScheduleGroupByDate.items[0], idx) }, idx)); }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageIndexChange", onClick: function () { return props.onPageIndexChange(0); } }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageSizeChange", onClick: function () { return props.onPageSizeChange(1); } }), (0, jsx_runtime_1.jsx)("p", { "data-testid": "rowsPaginate", children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onRowClick", onClick: function () { return props.onRowClick(1); }, children: "onRowClick" })] }));
     }, CircularProgress: function () { return (0, jsx_runtime_1.jsx)("div", { children: "CircularProgress" }); } })); });
 // Mock Filter
-jest.mock('../../../Commons/Components/ClassicDrawer', function () { return function (props) {
+jest.mock('Commons/Components/ClassicDrawer', function () { return function (props) {
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Drawer" }), props.title, props.children] }));
 }; });
 var renderUi = function () {

package/lib/ACM-AXN/ScheduleCompletionRate/Detail/index.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var Router_1 = require("../../../AWING/Router");
 var CompletionRate_1 = __importDefault(require("./CompletionRate"));
 var CompletionRateDate_1 = __importDefault(require("./CompletionRateDate"));
-var Router_1 = require("../../../AWING/Router");
 function Detail() {
     var paths = [
         {

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

@@ -31,17 +31,19 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("react");
 var styles_1 = require("@mui/styles");
-var material_1 = require("@mui/material");
+var moment_1 = __importDefault(require("moment"));
 var react_i18next_1 = require("react-i18next");
-var recoil_1 = require("recoil");
 var GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
-var moment_1 = __importDefault(require("moment"));
+var material_1 = require("@mui/material");
+var Context_1 = require("../../Context");
 var Hooks_1 = __importDefault(require("./Hooks"));
 var SearchCampaign_1 = __importDefault(require("./SearchCampaign"));
 var DataSetConfig_1 = require("./DataSetConfig");
-var Recoils_1 = require("./Recoils");
-var Utils_1 = require("./Utils");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var AWING_1 = require("../../AWING");
+var Utils_1 = require("./Utils");
+var recoil_1 = require("recoil");
+var Recoils_1 = require("./Recoils");
 var exportFile_1 = require("../../ACM-AXN/CampaignSchedule/exportFile");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     outlinedInput: {
@@ -69,9 +71,11 @@ function Filter(props) {
     var filter = props.filter, onUpdateFilter = props.onUpdateFilter;
     var t = (0, react_i18next_1.useTranslation)().t;
     var classes = useStyles();
-    var _a = (0, Hooks_1.default)(), service = _a.service, appHelper = _a.appHelper;
+    var snackbar = (0, Context_1.useAwing)().appHelper.snackbar;
+    var service = (0, Hooks_1.default)().service;
     var schedule = (0, recoil_1.useRecoilValue)(Recoils_1.scheduleCompletionRateAtom);
     var setPlaces = (0, recoil_1.useSetRecoilState)(Recoils_1.scheduleCompletionRateAtom);
+    var _a = (0, recoil_1.useRecoilState)(Recoils_1.ScheduleCompletionRateTypeViewState), filterType = _a[0], setFilterType = _a[1];
     var _b = (0, react_1.useState)(false), isLoadings = _b[0], setIsLoadings = _b[1];
     var _c = (0, react_1.useState)(), dateRangeInput = _c[0], setDateRangeInput = _c[1];
     var _d = (0, react_1.useState)([
@@ -125,8 +129,8 @@ function Filter(props) {
             .scheduleCompletionRatesExport((_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'), filter.campaignId, undefined)
             .then(function (res) {
             var _a, _b, _c, _d;
-            var dataByCampaign = (_a = (0, DataSetConfig_1.DataSetConfigs)((0, Utils_1.convertExcelData)(res, campaigns, schedule.places, t), t, filter === null || filter === void 0 ? void 0 : filter.startDate, filter === null || filter === void 0 ? void 0 : filter.endDate)) === null || _a === void 0 ? void 0 : _a.sheetByCampaign;
-            var dataByCampaignDetail = (_b = (0, DataSetConfig_1.DataSetConfigs)((0, Utils_1.convertExcelData)(res, campaigns, schedule.places, t), t, filter === null || filter === void 0 ? void 0 : filter.startDate, filter === null || filter === void 0 ? void 0 : filter.endDate)) === null || _b === void 0 ? void 0 : _b.sheetCampaignDetail;
+            var dataByCampaign = (_a = (0, DataSetConfig_1.DataSetConfigs)((0, Utils_1.convertExcelData)(res, campaigns, schedule.places, t, filterType.type), t, filter === null || filter === void 0 ? void 0 : filter.startDate, filter === null || filter === void 0 ? void 0 : filter.endDate)) === null || _a === void 0 ? void 0 : _a.sheetByCampaign;
+            var dataByCampaignDetail = (_b = (0, DataSetConfig_1.DataSetConfigs)((0, Utils_1.convertExcelData)(res, campaigns, schedule.places, t, filterType.type), t, filter === null || filter === void 0 ? void 0 : filter.startDate, filter === null || filter === void 0 ? void 0 : filter.endDate)) === null || _b === void 0 ? void 0 : _b.sheetCampaignDetail;
             var fileName = "AWING_DELIVERY_STATUS_BY_DAY_".concat((_c = filter === null || filter === void 0 ? void 0 : filter.startDate) === null || _c === void 0 ? void 0 : _c.format('DD-MM-YYYY'), " to ").concat((_d = filter === null || filter === void 0 ? void 0 : filter.endDate) === null || _d === void 0 ? void 0 : _d.format('YYYYMMDD'));
             var dataExport = [
                 {
@@ -143,7 +147,7 @@ function Filter(props) {
             (0, exportFile_1.downloadWithDataSetMultiSheet)(fileName, dataExport);
         })
             .catch(function () {
-            appHelper.snackbar('error');
+            snackbar('error');
         })
             .finally(function () {
             setIsLoadings(false);
@@ -163,8 +167,12 @@ function Filter(props) {
                 display: 'flex',
                 flexDirection: 'row',
                 alignItems: 'center',
-                width: '66%',
-            }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                width: '80%',
+            }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { mr: 2, minWidth: 160 }, children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, size: "small", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { id: "demo-simple-select-label", children: t('Common.TitleTypeView') }), (0, jsx_runtime_1.jsxs)(material_1.Select, { labelId: "demo-simple-select-label", id: "demo-simple-select", value: filterType.type, label: t('Common.TitleTypeView'), onChange: function (e) {
+                                    setFilterType({
+                                        type: e.target.value,
+                                    });
+                                }, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Constant_1.TypeView.billingUnit, children: t('Common.BillingUnit') }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Constant_1.TypeView.impression, children: t('Common.Impression') })] })] }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                         width: '260px',
                         minWidth: '260px',
                         marginRight: '16px',

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

@@ -3,14 +3,15 @@
  * @author dauquan1108@gmail.com on 03/13/2024.
  *
  **/
-import { FilterType, ScheduleCompletionRate, ScheduleCompletionRatePaging } from './Types';
-import { Place } from '../PlaceGroup/Types';
+import { Place, FilterType, IScheduleCompletionRate, IScheduleCompletionRatePaging } from './Types';
+import { IScheduleCompletionRateTypeView } from './Utils';
 export interface IScheduleCompletionRateState {
     places: Place[];
     filter: FilterType;
-    detailCompletionRate: ScheduleCompletionRate[];
-    detailCompletionRateDate: ScheduleCompletionRatePaging[];
+    detailCompletionRate: IScheduleCompletionRate[];
+    detailCompletionRateDate: IScheduleCompletionRatePaging[];
 }
 export declare const scheduleCompletionRateAtom: import("recoil").RecoilState<IScheduleCompletionRateState>;
-export declare const detailCompletionRateItem: (param: any) => import("recoil").RecoilValueReadOnly<ScheduleCompletionRate | undefined>;
-export declare const detailCompletionRateDateItem: (param: string) => import("recoil").RecoilValueReadOnly<ScheduleCompletionRatePaging | undefined>;
+export declare const detailCompletionRateItem: (param: any) => import("recoil").RecoilValueReadOnly<IScheduleCompletionRate | undefined>;
+export declare const detailCompletionRateDateItem: (param: string) => import("recoil").RecoilValueReadOnly<IScheduleCompletionRatePaging | undefined>;
+export declare const ScheduleCompletionRateTypeViewState: import("recoil").RecoilState<IScheduleCompletionRateTypeView>;

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

@@ -8,9 +8,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.detailCompletionRateDateItem = exports.detailCompletionRateItem = exports.scheduleCompletionRateAtom = void 0;
+exports.ScheduleCompletionRateTypeViewState = exports.detailCompletionRateDateItem = exports.detailCompletionRateItem = exports.scheduleCompletionRateAtom = void 0;
 var recoil_1 = require("recoil");
 var moment_1 = __importDefault(require("moment"));
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Utils_1 = require("./Utils");
 exports.scheduleCompletionRateAtom = (0, recoil_1.atom)({
     key: 'scheduleCompletionRate',
@@ -44,3 +45,7 @@ exports.detailCompletionRateDateItem = (0, recoil_1.selectorFamily)({
         };
     },
 });
+exports.ScheduleCompletionRateTypeViewState = (0, recoil_1.atom)({
+    key: 'ScheduleCompletionRateTypeViewState',
+    default: { type: Constant_1.TypeView.billingUnit },
+});

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

@@ -3,10 +3,10 @@
  * @author dauquan1108@gmail.com on 03/27/2024.
  *
  **/
-import { FilterType, ICampaign } from './Types';
+import { FilterType, Campaign } from './Types';
 interface PropsSearchCampaign {
     filter: FilterType;
-    campaigns: ICampaign[];
+    campaigns: Campaign[];
     onUpdateFilter: (valueNew: FilterType) => void;
 }
 declare function SearchCampaign(props: PropsSearchCampaign): import("react/jsx-runtime").JSX.Element;

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

@@ -3,8 +3,6 @@
  * @author dauquan1108@gmail.com on 03/13/2024.
  *
  **/
-import { AlertColor } from '@mui/material';
-import { Place } from '../PlaceGroup/Types';
 import { Moment } from 'moment';
 export interface SortedByType {
     id: string;
@@ -20,11 +18,6 @@ export interface FilterType {
     endDate?: Moment;
     campaignId?: string;
 }
-export interface AppHelper {
-    alert: (message: string, title?: string) => void;
-    snackbar: (severity?: AlertColor, message?: string, autoHideDuration?: number) => void;
-    confirm: (okFunction?: () => void, cancelFunction?: () => void, message?: string, title?: string) => void;
-}
 export interface Cancel {
     message: string | undefined;
 }
@@ -38,7 +31,6 @@ export interface ScheduleCompletionRatePropsContext {
      * props service: API cần thiết để vẽ giao diện.
      **/
     service: ScheduleCompletionRateService;
-    appHelper: AppHelper;
 }
 export interface ScheduleCompletionRateService {
     scheduleCompletionRatesGet: (fromDate: string | undefined, toDate: string | undefined, cancelToken?: CancelToken) => Promise<ScheduleCompletionRate[]>;
@@ -47,6 +39,41 @@ export interface ScheduleCompletionRateService {
     placesGetAllByPlaceGroupHasPermission: (cancelToken?: CancelToken) => Promise<Place[]>;
     scheduleCompletionRatesPaging: (fromDate: string | undefined, toDate: string | undefined, campaignId: string | undefined, groupId: number | undefined, groupBy: string | undefined, pageIndex: number | undefined, pageSize: number | undefined, cancelToken?: CancelToken) => Promise<PagedList_1OfScheduleCompletionRatePaging>;
 }
+export interface Place {
+    placeId?: string;
+    directoryId?: string;
+    directoryPath?: string | undefined;
+    name?: string | undefined;
+    ip?: string | undefined;
+    apControllerCode?: string | undefined;
+    authenticationMethodCode?: string | undefined;
+    authenticationProfilePrimaryId?: string;
+    authenticationProfileOptionalIds?: string | undefined;
+    address?: string | undefined;
+    longitude?: number | undefined;
+    latitude?: number | undefined;
+    description?: string | undefined;
+    isPlaceSupportHttpsAuthentication?: boolean;
+    domainId?: string;
+    communeCode?: string | undefined;
+    districtCode?: string | undefined;
+    provinceCode?: string | undefined;
+    placeSelectionParameter?: string | undefined;
+    status?: PlaceStatus;
+    isJoinNetwork?: boolean;
+    networkStatus?: PlaceNetworkStatus;
+}
+export declare enum PlaceNetworkStatus {
+    Not = 0,
+    Waiting = 1,
+    Joined = 2
+}
+export declare enum PlaceStatus {
+    Active = 0,
+    OnPause = 1,
+    Maintenance = 2,
+    InActive = 3
+}
 export interface ConvertExcelData {
     campaignName?: string;
     groupName?: string;
@@ -56,38 +83,25 @@ export interface ConvertExcelData {
     totalRun?: number;
     rate?: number;
 }
-export declare class ScheduleCompletionRatePaging implements IScheduleCompletionRatePaging {
+export interface ScheduleCompletionRatePaging {
     placeId?: string;
     groupId?: number;
-    totalQuantity?: number;
-    totalRun?: number;
+    runs?: AnalyticEventSummary[] | undefined;
+    expecteds?: AnalyticEventSummary[] | undefined;
     date?: string;
-    constructor(data?: IScheduleCompletionRatePaging);
-    init(_data?: any): void;
-    static fromJS(data: any): ScheduleCompletionRatePaging;
-    toJSON(data?: any): any;
 }
 export interface IScheduleCompletionRatePaging {
+    billingUnit?: AnalyticType;
     placeId?: string;
+    date?: string;
     groupId?: number;
+    runs?: AnalyticEventSummary[] | undefined;
+    expecteds?: AnalyticEventSummary[] | undefined;
+    rate?: number;
     totalQuantity?: number;
     totalRun?: number;
-    date?: string;
 }
-export declare class PagedList_1OfScheduleCompletionRatePaging implements IPagedList_1OfScheduleCompletionRatePaging {
-    items?: ScheduleCompletionRatePaging[] | undefined;
-    pageCount?: number;
-    totalItemCount?: number;
-    pageNumber?: number;
-    pageSize?: number;
-    readonly hasPreviousPage?: boolean;
-    readonly hasNextPage?: boolean;
-    constructor(data?: IPagedList_1OfScheduleCompletionRatePaging);
-    init(_data?: any): void;
-    static fromJS(data: any): PagedList_1OfScheduleCompletionRatePaging;
-    toJSON(data?: any): any;
-}
-export interface IPagedList_1OfScheduleCompletionRatePaging {
+export interface PagedList_1OfScheduleCompletionRatePaging {
     items?: ScheduleCompletionRatePaging[] | undefined;
     pageCount?: number;
     totalItemCount?: number;
@@ -96,41 +110,20 @@ export interface IPagedList_1OfScheduleCompletionRatePaging {
     hasPreviousPage?: boolean;
     hasNextPage?: boolean;
 }
-export declare class ScheduleCompletionRateExport implements IScheduleCompletionRateExport {
-    campaignId?: string;
-    placeId?: string;
-    groupId?: number;
-    groupName?: string | undefined;
-    totalQuantity?: number;
-    totalRun?: number;
-    date?: string;
-    constructor(data?: IScheduleCompletionRateExport);
-    init(_data?: any): void;
-    static fromJS(data: any): ScheduleCompletionRateExport;
-    toJSON(data?: any): any;
-}
-export interface IScheduleCompletionRateExport {
+export interface ScheduleCompletionRateExport {
     campaignId?: string;
     placeId?: string;
     groupId?: number;
     groupName?: string | undefined;
-    totalQuantity?: number;
-    totalRun?: number;
+    runs?: AnalyticEventSummary[] | undefined;
+    expecteds?: AnalyticEventSummary[] | undefined;
     date?: string;
 }
-export interface ITimestamp {
+export interface Timestamp {
     seconds?: string;
     nanos?: number;
 }
-export declare class Timestamp implements ITimestamp {
-    seconds?: string;
-    nanos?: number;
-    constructor(data?: ITimestamp);
-    init(_data?: any): void;
-    static fromJS(data: any): Timestamp;
-    toJSON(data?: any): any;
-}
-export interface ICampaign {
+export interface Campaign {
     id?: string;
     directoryId?: string;
     directoryPath?: string | undefined;
@@ -138,48 +131,36 @@ export interface ICampaign {
     createdDate?: Timestamp;
     isNetwork?: boolean;
 }
-export declare class Campaign implements ICampaign {
-    id?: string;
-    directoryId?: string;
-    directoryPath?: string | undefined;
-    name?: string | undefined;
-    createdDate?: Timestamp;
-    constructor(data?: ICampaign);
-    init(_data?: any): void;
-    static fromJS(data: any): Campaign;
-    toJSON(data?: any): any;
-}
-export interface ICampaignPlanModel {
+export interface CampaignPlanModel {
     campaign?: Campaign;
     isNetworkCampaign?: boolean;
 }
-export declare class CampaignPlanModel implements ICampaignPlanModel {
-    campaign?: Campaign;
-    isNetworkCampaign?: boolean;
-    constructor(data?: ICampaignPlanModel);
-    init(_data?: any): void;
-    static fromJS(data: any): CampaignPlanModel;
-    toJSON(data?: any): any;
+export declare enum AnalyticType {
+    View = 0,
+    Authentication = 1,
+    Click = 2,
+    Event = 3
 }
-export declare class ScheduleCompletionRate implements IScheduleCompletionRate {
+export interface AnalyticEventSummary {
+    eventLabel?: string | undefined;
+    total?: number;
+}
+export interface ScheduleCompletionRate {
     campaignId?: string;
     campaignName?: string | undefined;
-    isNetWorkCampaign?: boolean;
+    billingUnit?: AnalyticType;
+    isNetWork?: boolean;
     placeId?: string;
     groupId?: number;
     groupName?: string | undefined;
-    totalQuantity?: number;
-    totalRun?: number;
+    runs?: AnalyticEventSummary[] | undefined;
+    expecteds?: AnalyticEventSummary[] | undefined;
     fromDate?: string;
     toDate?: string;
-    rate?: number;
-    constructor(data?: IScheduleCompletionRate);
-    init(_data?: any): void;
-    static fromJS(data: any): ScheduleCompletionRate;
-    toJSON(data?: any): any;
 }
 export interface IScheduleCompletionRate {
     campaignId?: string;
+    billingUnit?: AnalyticType;
     campaignName?: string | undefined;
     isNetWorkCampaign?: boolean;
     placeId?: string;
@@ -187,6 +168,8 @@ export interface IScheduleCompletionRate {
     groupName?: string | undefined;
     totalQuantity?: number;
     totalRun?: number;
+    runs?: AnalyticEventSummary[] | undefined;
+    expecteds?: AnalyticEventSummary[] | undefined;
     fromDate?: string;
     toDate?: string;
     rate?: number;