awing-library 2.1.20 → 2.1.21

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AddOrEditRule/RuleForm/RetargetMacAddress/component.js

@@ -19,10 +19,11 @@ var react_1 = __importDefault(require("react"));
 var material_1 = require("@mui/material");
 var react_i18next_1 = require("react-i18next");
 var AWING_1 = require("../../../../../../../AWING");
+var i18n_1 = __importDefault(require("../../../../../../../i18n"));
 var RetargetMacAddress = function (props) {
     var rule = props.rule, valids = props.valids, onChange = props.onChange, remarketingLists = props.remarketingLists;
     var _a = react_1.default.useState(''), inputValue = _a[0], setInputValue = _a[1];
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     react_1.default.useEffect(function () {
         var _a;
         if (remarketingLists.length) {

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.d.ts

@@ -1,3 +1,3 @@
 import { IFiltersProps } from '../../interface';
-declare const Filters: ({ campaigns, handleFilters, loadingFlags, placeMultiSelectComponent: PlaceMultiSelect, handleExportExcel, disabledCampaignFilter, }: IFiltersProps) => import("react/jsx-runtime").JSX.Element;
+declare const Filters: ({ campaigns, handleFilters, loadingFlags, placeMultiSelectComponent: PlaceMultiSelect, handleExportExcel, disabledCampaignFilter, isFutureDate }: IFiltersProps) => import("react/jsx-runtime").JSX.Element;
 export default Filters;

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.js

@@ -78,7 +78,7 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
 }); });
 var Filters = function (_a) {
     var _b, _c;
-    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, loadingFlags = _a.loadingFlags, PlaceMultiSelect = _a.placeMultiSelectComponent, handleExportExcel = _a.handleExportExcel, _d = _a.disabledCampaignFilter, disabledCampaignFilter = _d === void 0 ? false : _d;
+    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, loadingFlags = _a.loadingFlags, PlaceMultiSelect = _a.placeMultiSelectComponent, handleExportExcel = _a.handleExportExcel, _d = _a.disabledCampaignFilter, disabledCampaignFilter = _d === void 0 ? false : _d, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
     var campaignOptions = __assign(__assign({}, campaigns), { 0: { campaignId: 0, name: t('Common.SelectAll') } });
     var classes = useStyles();
@@ -86,7 +86,7 @@ var Filters = function (_a) {
         handleFilters('startDate', value.startDate);
         handleFilters('endDate', value.endDate);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 4, className: classes.dateRangePicker, children: (0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, { isShowCalendarInfo: disabledCampaignFilter !== null && disabledCampaignFilter !== void 0 ? disabledCampaignFilter : true, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), callback: handleChangeDateRange, initialStartDate: (0, moment_1.default)(), initialEndDate: (0, moment_1.default)(), variant: "outlined", textFieldProps: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 4, className: classes.dateRangePicker, children: (0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, { isShowCalendarInfo: true, isFutureDate: isFutureDate !== null && isFutureDate !== void 0 ? isFutureDate : true, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), callback: handleChangeDateRange, initialStartDate: (0, moment_1.default)(), initialEndDate: (0, moment_1.default)(), variant: "outlined", textFieldProps: {
                         fullWidth: true,
                         className: classes.outlinedInput,
                     }, isDayBlocked: function (day) {

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.d.ts

@@ -1,3 +1,3 @@
 import { IControlPanelProps } from '../../interface';
-declare const ControlPanel: ({ campaigns, handleFilters, unGroupField, onDragStart, onDragOver, onDrop, handleView, handleExportExcel, loadingFlags, panels, placeMultiSelectComponent, disabledCampaignFilter, }: IControlPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const ControlPanel: ({ campaigns, handleFilters, unGroupField, onDragStart, onDragOver, onDrop, handleView, handleExportExcel, loadingFlags, panels, placeMultiSelectComponent, disabledCampaignFilter, isFutureDate }: IControlPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlPanel;

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.js

@@ -10,8 +10,8 @@ var react_i18next_1 = require("react-i18next");
 var Filter_1 = __importDefault(require("./Filter"));
 var GroupPanel_1 = __importDefault(require("./GroupPanel"));
 var ControlPanel = function (_a) {
-    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, unGroupField = _a.unGroupField, onDragStart = _a.onDragStart, onDragOver = _a.onDragOver, onDrop = _a.onDrop, handleView = _a.handleView, handleExportExcel = _a.handleExportExcel, loadingFlags = _a.loadingFlags, panels = _a.panels, placeMultiSelectComponent = _a.placeMultiSelectComponent, disabledCampaignFilter = _a.disabledCampaignFilter;
+    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, unGroupField = _a.unGroupField, onDragStart = _a.onDragStart, onDragOver = _a.onDragOver, onDrop = _a.onDrop, handleView = _a.handleView, handleExportExcel = _a.handleExportExcel, loadingFlags = _a.loadingFlags, panels = _a.panels, placeMultiSelectComponent = _a.placeMultiSelectComponent, disabledCampaignFilter = _a.disabledCampaignFilter, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "flex-start", spacing: 2, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { loadingFlags: loadingFlags, campaigns: campaigns, handleFilters: handleFilters, handleExportExcel: handleExportExcel, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", item: true, xs: 12, spacing: 2, sx: { marginTop: '0.125rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { id: "wrap-group-panel", item: true, style: { flexGrow: 1, position: 'relative' }, children: (0, jsx_runtime_1.jsx)(GroupPanel_1.default, { panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, sx: { display: 'flex' }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { height: '40px' }, variant: "contained", color: "primary", onClick: handleView, children: t('Common.View') }) })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "flex-start", spacing: 2, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { loadingFlags: loadingFlags, campaigns: campaigns, handleFilters: handleFilters, handleExportExcel: handleExportExcel, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter, isFutureDate: isFutureDate }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", item: true, xs: 12, spacing: 2, sx: { marginTop: '0.125rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { id: "wrap-group-panel", item: true, style: { flexGrow: 1, position: 'relative' }, children: (0, jsx_runtime_1.jsx)(GroupPanel_1.default, { panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, sx: { display: 'flex' }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { height: '40px' }, variant: "contained", color: "primary", onClick: handleView, children: t('Common.View') }) })] })] }) }));
 };
 exports.default = ControlPanel;

package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/component.js

@@ -126,7 +126,9 @@ var RowAdvanceComponent = function (_a) {
                                 : '', sx: { padding: '0px !important' }, children: (0, jsx_runtime_1.jsxs)("div", { className: classes.wrapFrirstCell, children: [!expandDisabled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: open ? ((0, jsx_runtime_1.jsx)(ArrowDropUp_1.default, {})) : ((0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {})) })), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", children: stt })] }) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.PLACE:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
-                                Enum_1.HEAD_CELL_NAMES.PLACE ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: (_a = options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _a === void 0 ? void 0 : _a.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 
+                                Enum_1.HEAD_CELL_NAMES.PLACE ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: (options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.groupKeyId])
+                                    ? (_a = options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _a === void 0 ? void 0 : _a.name
+                                    : row === null || row === void 0 ? void 0 : row.groupKeyId })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 
                                 // Nếu field hiện tại ko phải groupName đang showOn thì 3Th
                                 // TH1: field nằm trong groupNames nhưng đúng trước fieldNameShowOn hiển thị name
                                 // TH2: field nằm sau fieldNameShowOn trong groupNames hiển thi total
@@ -146,7 +148,9 @@ var RowAdvanceComponent = function (_a) {
                                 (0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: generateCampaignTotalCount(options === null || options === void 0 ? void 0 : options.campaigns, row, t('Schedule.CampaignDefault')) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.DOMAIN:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
-                                Enum_1.HEAD_CELL_NAMES.DOMAIN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_c = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _c === void 0 ? void 0 : _c.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
+                                Enum_1.HEAD_CELL_NAMES.DOMAIN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.groupKeyId])
+                                    ? (_c = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _c === void 0 ? void 0 : _c.name
+                                    : row === null || row === void 0 ? void 0 : row.groupKeyId })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
                                     .slice(0, priorityGroupLevel - 1)
                                     .indexOf(Enum_1.HEAD_CELL_NAMES.DOMAIN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: ((_d = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.domainId]) === null || _d === void 0 ? void 0 : _d.name) || (row === null || row === void 0 ? void 0 : row.totalDomain) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.DATE:

package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.js

@@ -123,35 +123,31 @@ var RowAdvanceContainer = function (_a) {
     };
     function getDetails(filterBy, groupBy, pageSize, pageIndex) {
         return __awaiter(this, void 0, void 0, function () {
-            var params, error_1, error_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var groupByMapping, params, fetchFunction, error_1;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
+                        groupByMapping = (_a = {},
+                            _a[Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN] = Enum_1.HEAD_CELL_NAMES.CAMPAIGN,
+                            _a[Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN] = Enum_1.HEAD_CELL_NAMES.PLACE,
+                            _a[Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN] = Enum_1.HEAD_CELL_NAMES.DOMAIN,
+                            _a);
+                        groupBy = groupByMapping[groupBy] || groupBy;
                         params = __assign(__assign({}, filterBy), { groupBy: groupBy, pageIndex: pageIndex, pageSize: pageSize });
-                        if (!groupBy) return [3 /*break*/, 5];
-                        _a.label = 1;
+                        fetchFunction = groupBy ? pagingGroupBy : paging;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, pagingGroupBy(params, setDetails, handleLoading)];
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, fetchFunction(params, setDetails, handleLoading)];
                     case 2:
-                        _a.sent();
+                        _b.sent();
                         return [3 /*break*/, 4];
                     case 3:
-                        error_1 = _a.sent();
-                        console.log(error_1);
+                        error_1 = _b.sent();
+                        console.error(error_1);
                         return [3 /*break*/, 4];
-                    case 4: return [3 /*break*/, 8];
-                    case 5:
-                        _a.trys.push([5, 7, , 8]);
-                        return [4 /*yield*/, paging(params, setDetails, handleLoading)];
-                    case 6:
-                        _a.sent();
-                        return [3 /*break*/, 8];
-                    case 7:
-                        error_2 = _a.sent();
-                        console.log(error_2);
-                        return [3 /*break*/, 8];
-                    case 8: return [2 /*return*/];
+                    case 4: return [2 /*return*/];
                 }
             });
         });
@@ -170,34 +166,36 @@ var RowAdvanceContainer = function (_a) {
             getDetails(filterByOfRowAdvance, groupNames[priorityGroupLevel], pages === null || pages === void 0 ? void 0 : pages.pageSize, pages === null || pages === void 0 ? void 0 : pages.pageIndex);
         }
     };
-    var handleOnClickCampaignStatistic = function (value) {
-        var _a, _b, _c;
-        if (groupNames[priorityGroupLevel - 1] ===
-            Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN) {
-            filters.placeIds = [(_a = value === null || value === void 0 ? void 0 : value.place) === null || _a === void 0 ? void 0 : _a.placeId];
-        }
-        if (groupNames[priorityGroupLevel - 1] ===
-            Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN) {
-            filters.domainId = (_b = value === null || value === void 0 ? void 0 : value.domain) === null || _b === void 0 ? void 0 : _b.domainId;
-        }
-        if (groupNames[priorityGroupLevel - 1] ===
-            Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN) {
-            filters.campaignId = (_c = value === null || value === void 0 ? void 0 : value.campaign) === null || _c === void 0 ? void 0 : _c.campaignId;
-        }
-        if (filters.placeIds.includes(undefined)) {
+    var filterByIdAXN = function (value, groupName, filters) {
+        var _a, _b, _c, _d;
+        if ((_a = filters === null || filters === void 0 ? void 0 : filters.placeIds) === null || _a === void 0 ? void 0 : _a.includes(undefined)) {
             filters.placeIds = [];
         }
+        switch (groupName) {
+            case Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN:
+                return __assign(__assign({}, filters), { placeIds: [(_b = value === null || value === void 0 ? void 0 : value.place) === null || _b === void 0 ? void 0 : _b.placeId] });
+            case Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN:
+                return __assign(__assign({}, filters), { domainId: (_c = value === null || value === void 0 ? void 0 : value.domain) === null || _c === void 0 ? void 0 : _c.domainId });
+            case Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN:
+                return __assign(__assign({}, filters), { campaignId: (_d = value === null || value === void 0 ? void 0 : value.campaign) === null || _d === void 0 ? void 0 : _d.campaignId });
+            default:
+                return filters;
+        }
+    };
+    var handleOnClickCampaignStatistic = function (value) {
+        var groupName = groupNames[priorityGroupLevel - 1];
+        var filtersByAXN = filterByIdAXN(value, groupName, filters);
         if (!expandDisabled) {
             setOpen(!open);
-            getDetails(filters, groupNames[priorityGroupLevel], pages === null || pages === void 0 ? void 0 : pages.pageSize, pages === null || pages === void 0 ? void 0 : pages.pageIndex);
+            getDetails(filtersByAXN, groupNames[priorityGroupLevel], pages === null || pages === void 0 ? void 0 : pages.pageSize, pages === null || pages === void 0 ? void 0 : pages.pageIndex);
         }
     };
     var expandDisabled = (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
         ? true
         : priorityGroupLevel === (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) + 1;
+    var conditionalExpand = headCells.length > 6 && headCells[4].id === Enum_1.HEAD_CELL_NAMES.IMPRESSION;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(component_1.default, { stt: stt, row: row, options: options, headCells: headCells, priorityGroupLevel: priorityGroupLevel, groupNames: groupNames, handleOnClick: function () {
-                    headCells.length > 6 &&
-                        headCells[3].id === Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN
+                    conditionalExpand
                         ? handleOnClickCampaignStatistic(row)
                         : handleOnClick(row);
                 }, open: open, expandDisabled: expandDisabled }), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (loadingPage === null || loadingPage === void 0 ? void 0 : loadingPage.pages) ? ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { pageSize: pages === null || pages === void 0 ? void 0 : pages.pageSize, pageIndex: pages === null || pages === void 0 ? void 0 : pages.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
@@ -206,13 +204,16 @@ var RowAdvanceContainer = function (_a) {
                         ? details === null || details === void 0 ? void 0 : details.totalItemCount
                         : details === null || details === void 0 ? void 0 : details.total)) !== null && _b !== void 0 ? _b : 0, children: ((_c = details === null || details === void 0 ? void 0 : details.items) === null || _c === void 0 ? void 0 : _c.length) === 0 ? ((0, jsx_runtime_1.jsx)(NoDataTable_1.default, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, title: t('Common.NoData') })) : ((_d = details === null || details === void 0 ? void 0 : details.items) === null || _d === void 0 ? void 0 : _d.map(function (item, i) {
                         var filterBy = filterById(row === null || row === void 0 ? void 0 : row.groupKeyId, groupNames[priorityGroupLevel], filterByOfRowAdvance);
+                        var filtersByAXN = filterByIdAXN(row, groupNames[priorityGroupLevel - 1], filters);
                         var stt = (pages === null || pages === void 0 ? void 0 : pages.pageSize) * (pages === null || pages === void 0 ? void 0 : pages.pageIndex) +
                             i +
                             1;
                         var key = (item === null || item === void 0 ? void 0 : item.groupKeyId)
                             ? item === null || item === void 0 ? void 0 : item.groupKeyId
                             : i;
-                        return ((0, jsx_runtime_1.jsx)(RowAdvanceContainer, { headCells: headCells, row: item, priorityGroupLevel: priorityGroupLevel + 1, stt: stt, groupNames: groupNames, options: options, filters: filterBy, serviceCampaignSchedule: serviceCampaignSchedule }, key));
+                        return ((0, jsx_runtime_1.jsx)(RowAdvanceContainer, { headCells: headCells, row: item, priorityGroupLevel: priorityGroupLevel + 1, stt: stt, groupNames: groupNames, options: options, filters: conditionalExpand
+                                ? filtersByAXN
+                                : filterBy, serviceCampaignSchedule: serviceCampaignSchedule }, key));
                     })) })) }))] }));
 };
 var filterById = function (id, groupName, filters) {

package/lib/ACM-AXN/CampaignSchedule/component.js

@@ -1,4 +1,27 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7,7 +30,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var styles_1 = require("@mui/styles");
 var moment_1 = __importDefault(require("moment"));
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var EnhancedPagination_1 = __importDefault(require("./Components/EnhancedPagination"));
 var NoDataTable_1 = __importDefault(require("./Components/NoDataTable"));
 var RowAdvance_1 = __importDefault(require("./Components/RowAdvance"));
@@ -48,9 +71,12 @@ var CampaignSchedulesComponent = function (_a) {
     var headCells = _a.headCells, onDragOver = _a.onDragOver, onDragStart = _a.onDragStart, onDrop = _a.onDrop, scheduleGroups = _a.scheduleGroups, page = _a.page, handleChangePage = _a.handleChangePage, handleChangeRowsPerPage = _a.handleChangeRowsPerPage, filters = _a.filters, options = _a.options, serviceCampaignSchedule = _a.serviceCampaignSchedule;
     var classes = useStyles();
     var groupLength = (_c = (_b = headCells === null || headCells === void 0 ? void 0 : headCells.filter(function (cell) { return cell.grouping; })) === null || _b === void 0 ? void 0 : _b.map(function (item) { return item.name; })) === null || _c === void 0 ? void 0 : _c.length;
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Table, { "aria-label": "Table-advance", children: [(0, jsx_runtime_1.jsx)(TableHeaderDragable_1.default, { headCells: headCells, onDragOver: onDragOver, onDragStart: onDragStart, onDrop: onDrop }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: (0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { total: (scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.total)
-                            ? scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.total
-                            : scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.totalItemCount, pageSize: page === null || page === void 0 ? void 0 : page.pageSize, pageIndex: page === null || page === void 0 ? void 0 : page.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat(groupLength === 0
+    var total = (0, react_1.useMemo)(function () {
+        return (scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.total)
+            ? scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.total
+            : scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.totalItemCount;
+    }, [scheduleGroups]);
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Table, { "aria-label": "Table-advance", children: [(0, jsx_runtime_1.jsx)(TableHeaderDragable_1.default, { headCells: headCells, onDragOver: onDragOver, onDragStart: onDragStart, onDrop: onDrop }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: (0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { total: total !== null && total !== void 0 ? total : 0, pageSize: page === null || page === void 0 ? void 0 : page.pageSize, pageIndex: page === null || page === void 0 ? void 0 : page.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat(groupLength === 0
                             ? classes.nomarlPaginations
                             : groupLength === 1
                                 ? classes.secondaryPaginations

package/lib/ACM-AXN/CampaignSchedule/container.d.ts

@@ -1,3 +1,3 @@
 import { ICampaignScheduleContainerProps } from './interface';
-declare const CampaignScheduleContainer: ({ initialFilters, initialHeadCells, placeMultiSelectComponent, serviceCampaignSchedule, typeSystemAXN, title, disabledCampaignFilter, }: ICampaignScheduleContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const CampaignScheduleContainer: ({ initialFilters, initialHeadCells, placeMultiSelectComponent, serviceCampaignSchedule, typeSystemAXN, title, disabledCampaignFilter, isFutureDate }: ICampaignScheduleContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default CampaignScheduleContainer;

package/lib/ACM-AXN/CampaignSchedule/container.js

@@ -74,7 +74,7 @@ var Enum_1 = require("./Enum");
 var component_1 = __importDefault(require("./component"));
 var CampaignScheduleContainer = function (_a) {
     var _b;
-    var initialFilters = _a.initialFilters, initialHeadCells = _a.initialHeadCells, placeMultiSelectComponent = _a.placeMultiSelectComponent, serviceCampaignSchedule = _a.serviceCampaignSchedule, _c = _a.typeSystemAXN, typeSystemAXN = _c === void 0 ? false : _c, title = _a.title, disabledCampaignFilter = _a.disabledCampaignFilter;
+    var initialFilters = _a.initialFilters, initialHeadCells = _a.initialHeadCells, placeMultiSelectComponent = _a.placeMultiSelectComponent, serviceCampaignSchedule = _a.serviceCampaignSchedule, _c = _a.typeSystemAXN, typeSystemAXN = _c === void 0 ? false : _c, title = _a.title, disabledCampaignFilter = _a.disabledCampaignFilter, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
     var _d = (0, react_1.useState)(null), dragPlace = _d[0], setDragPlace = _d[1];
     var _e = (0, react_1.useState)(initialFilters), filters = _e[0], setFilters = _e[1];
@@ -316,7 +316,7 @@ var CampaignScheduleContainer = function (_a) {
         ], false), panels.slice(indexMatch + 1), true));
         setPanels(newPanels);
     }
-    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: title }) }) }), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { campaigns: (_b = options === null || options === void 0 ? void 0 : options.campaigns) !== null && _b !== void 0 ? _b : {}, panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, handleView: handleView, handleExportExcel: handleExportExcel, handleFilters: handleFilters, loadingFlags: loadingFlags, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter }), loadingFlags.pages ||
+    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: title }) }) }), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { campaigns: (_b = options === null || options === void 0 ? void 0 : options.campaigns) !== null && _b !== void 0 ? _b : {}, panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, handleView: handleView, handleExportExcel: handleExportExcel, handleFilters: handleFilters, loadingFlags: loadingFlags, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter, isFutureDate: isFutureDate }), loadingFlags.pages ||
                         loadingFlags.campaigns ||
                         loadingFlags.places ? ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, {}) })) : ((0, jsx_runtime_1.jsx)(component_1.default, { headCells: headCells, onDragOver: onDragOver, onDragStart: onDragStart, onDrop: onDrop, scheduleGroups: scheduleGroups, page: page, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, options: options, filters: filters, serviceCampaignSchedule: serviceCampaignSchedule }))] })] }));
 };

package/lib/ACM-AXN/CampaignSchedule/interface.d.ts

@@ -15,6 +15,7 @@ export interface ICampaignScheduleContainerProps {
     typeSystemAXN?: boolean;
     title: string;
     disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface ILoadingFlags {
     campaigns?: boolean;
@@ -184,6 +185,7 @@ export interface IControlPanelProps {
     loadingFlags: ILoadingFlags;
     placeMultiSelectComponent: (p?: any) => JSX.Element;
     disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface IGroupPanelProps {
     unGroupField: any;
@@ -199,6 +201,7 @@ export interface IFiltersProps {
     placeMultiSelectComponent: (p?: any) => JSX.Element;
     handleExportExcel: () => void;
     disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface IOptions {
     campaigns: any;

package/lib/ACM-AXN/GroupUser/User/UserComponent.js

@@ -26,7 +26,7 @@ var UserComponent = function (_a) {
             setTrigger(false);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }, [rows]);
     var handleDelete = function (id) {
         startTransition(function () {
             setTrigger(true);

package/lib/ACM-AXN/Page/CreateOrEdit/Components/useListPageView.js

@@ -30,18 +30,23 @@ var react_1 = __importStar(require("react"));
 var TabInfo_1 = __importDefault(require("../TabInfo"));
 var Tabview_1 = __importDefault(require("../Tabview"));
 var TabFile_1 = __importDefault(require("../TabFile"));
+var Recoil_1 = require("../Recoil");
 var AWING_1 = require("../../../../AWING");
 var react_i18next_1 = require("react-i18next");
 var react_router_dom_1 = require("react-router-dom");
 var recoil_1 = require("recoil");
-var Recoil_1 = require("../Recoil");
+var Recoil_2 = require("../Recoil");
 var Constant_1 = require("../../../Page/Constant");
+var Context_1 = __importDefault(require("../../../../ACM-AXN/Page/Context"));
 var useListPageView = function () {
     var _a;
     var t = (0, react_i18next_1.useTranslation)().t;
     var params = (0, react_router_dom_1.useParams)();
     var setDrawerState = (0, AWING_1.useDrawer)().setDrawerState;
-    var formValid = (0, recoil_1.useRecoilValue)(Recoil_1.validForm);
+    var formValid = (0, recoil_1.useRecoilValue)(Recoil_2.validForm);
+    var _b = (0, Context_1.default)(), configs = _b.configs, service = _b.service, pageCode = _b.pageCode;
+    var pageId = (0, recoil_1.useRecoilValue)((0, Recoil_1.pageState)('page')).page.pageId;
+    var rootDirectory = (0, recoil_1.useRecoilValue)(Recoil_1.pageRootDeirectory);
     var isCreate = !Boolean((_a = params['*']) === null || _a === void 0 ? void 0 : _a.includes(Constant_1.pageConstants.EDIT_PAGE));
     react_1.default.useEffect(function () {
         setDrawerState(AWING_1.DrawerStateEnum[!Object.values(formValid).includes(false) ? 'VALID' : 'INVALID']);
@@ -61,11 +66,11 @@ var useListPageView = function () {
         {
             label: 'File',
             valid: 'tabFileValid',
-            compoent: (0, react_1.createElement)(TabFile_1.default, { isCreate: isCreate }),
+            compoent: (0, react_1.createElement)(TabFile_1.default, { isCreate: isCreate, pageCode: pageCode, service: service, rootDirectory: rootDirectory, pageId: pageId, pathName: configs.FILE_RELATIVE_PATH }),
         },
     ]; }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t]);
+    [isCreate, pageCode, pageId, rootDirectory, service, t]);
     return { tabs: tabs, formValid: formValid };
 };
 exports.default = useListPageView;

package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.d.ts

@@ -1,9 +1,10 @@
 import { Directory } from '../../Campaign/Types';
-import { FormValid, PageModel } from '../Types';
+import { FormValid, PageModel, PageViewEvent } from '../Types';
 export declare const pageDirectoriesState: import("recoil").RecoilState<Directory[]>;
 export declare const wiewMounted: import("recoil").RecoilState<boolean>;
 export declare const pageRootDeirectory: import("recoil").RecoilState<string>;
 export declare const pageChangedFormState: import("recoil").RecoilState<Record<keyof PageModel, boolean>>;
 export declare const pageRootState: import("recoil").RecoilState<PageModel>;
+export declare const pageEventState: import("recoil").RecoilState<PageViewEvent[]>;
 export declare const validForm: import("recoil").RecoilState<FormValid>;
 export declare const pageState: (param: keyof PageModel) => import("recoil").RecoilState<PageModel>;

package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pageState = exports.validForm = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.wiewMounted = exports.pageDirectoriesState = void 0;
+exports.pageState = exports.validForm = exports.pageEventState = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.wiewMounted = exports.pageDirectoriesState = void 0;
 var lodash_1 = require("lodash");
 var recoil_1 = require("recoil");
 var Constant_1 = require("../Constant");
@@ -48,6 +48,7 @@ exports.pageChangedFormState = (0, recoil_1.atom)({
                 page: false,
                 commonHtml: false,
                 views: pageData.views.some(function (view) { return view.isChanged; }),
+                viewEvents: false,
             };
         },
     }),
@@ -71,6 +72,18 @@ exports.pageRootState = (0, recoil_1.atom)({
         },
         commonHtml: '',
         views: [Constant_1.defaultView],
+        viewEvents: [],
+    },
+});
+exports.pageEventState = (0, recoil_1.selector)({
+    key: 'pageEventState',
+    get: function (_a) {
+        var get = _a.get;
+        return get(exports.pageRootState).viewEvents;
+    },
+    set: function (_a, newValue) {
+        var set = _a.set;
+        set(exports.pageRootState, function (prev) { return (__assign(__assign({}, prev), { viewEvents: newValue })); });
     },
 });
 exports.validForm = (0, recoil_1.atom)({

package/lib/ACM-AXN/Page/CreateOrEdit/TabFile/FileUtils.d.ts

@@ -1,4 +1,6 @@
-export declare const useFileUtils: (parentDirectoryId: string, objectId: string, isCreate: boolean) => {
+import { ITemplateFileService } from '../../../../ACM-AXN/Template';
+import { PageCode } from '../../../../ACM-AXN/Page/enums';
+export declare const useFileUtils: (parentDirectoryId: string, objectId: string, isCreate: boolean, service: ITemplateFileService, pageCode: PageCode) => {
     createFolder: (pathData: string, directoryName: string) => Promise<void>;
     delete: (pathData: string) => Promise<void>;
     upload: (pathData: string, files: File[]) => Promise<void>;

package/lib/ACM-AXN/Page/CreateOrEdit/TabFile/FileUtils.js

@@ -1,14 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFileUtils = void 0;
-var Context_1 = __importDefault(require("../../Context"));
 var Helpers_1 = require("../../../../Utils/Helpers");
 var react_1 = require("react");
-var useFileUtils = function (parentDirectoryId, objectId, isCreate) {
-    var _a = (0, Context_1.default)(), service = _a.service, pageCode = _a.pageCode;
+var useFileUtils = function (parentDirectoryId, objectId, isCreate, service, pageCode) {
     var clientMethod = (0, react_1.useMemo)(function () {
         return {
             createFolder: function (pathData, directoryName) {

package/lib/ACM-AXN/Page/CreateOrEdit/TabFile/index.d.ts

@@ -1,6 +1,13 @@
 import { FC } from 'react';
+import { ITemplateFileService } from '../../../../ACM-AXN/Template';
+import { PageCode } from '../../../../ACM-AXN/Page/enums';
 interface FileTabProps {
     isCreate?: boolean;
+    pathName?: string;
+    service: ITemplateFileService;
+    rootDirectory: string;
+    pageId: string;
+    pageCode: PageCode;
 }
 declare const FileTab: FC<FileTabProps>;
 export default FileTab;

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

@@ -20,25 +20,23 @@ var DeprecatedEnhancedDialog_1 = __importDefault(require("../../../../Commons/Co
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
 var FileUtils_1 = require("./FileUtils");
-var Context_1 = __importDefault(require("../../Context"));
-var Recoil_1 = require("../Recoil");
-var recoil_1 = require("recoil");
 var FolderTreeView_1 = __importDefault(require("../../../../Commons/Components/FolderTreeView"));
 var AWING_1 = require("../../../../AWING");
-var Context_2 = require("../../../../Context");
+var Context_1 = require("../../../../Context");
 var FileTab = function (_a) {
-    var isCreate = _a.isCreate;
+    var isCreate = _a.isCreate, pathName = _a.pathName, service = _a.service, rootDirectory = _a.rootDirectory, pageId = _a.pageId, pageCode = _a.pageCode;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _b = (0, Context_1.default)(), service = _b.service, configs = _b.configs, pageCode = _b.pageCode;
-    var _c = (0, Context_2.useAwing)().appHelper, confirm = _c.confirm, snackbar = _c.snackbar;
-    var pageId = (0, recoil_1.useRecoilValue)((0, Recoil_1.pageState)('page')).page.pageId;
-    var rootDirectory = (0, recoil_1.useRecoilValue)(Recoil_1.pageRootDeirectory);
-    var fileMethod = (0, FileUtils_1.useFileUtils)(rootDirectory, pageId, Boolean(isCreate));
+    var _b = (0, Context_1.useAwing)().appHelper, confirm = _b.confirm, snackbar = _b.snackbar;
+    // const {
+    //     page: { pageId },
+    // } = useRecoilValue(pageState('page'))
+    // const rootDirectory = useRecoilValue(pageRootDeirectory)
+    var fileMethod = (0, FileUtils_1.useFileUtils)(rootDirectory, pageId, Boolean(isCreate), service, pageCode);
     var fileRef = (0, react_1.useRef)();
-    var _d = (0, react_1.useState)({ upload: '', create: '' }), pathData = _d[0], setPathData = _d[1];
-    var _e = (0, react_1.useState)(false), openCreateFolder = _e[0], setOpenCreateFolder = _e[1];
-    var _f = (0, react_1.useState)(true), triggerReload = _f[0], setTrigger = _f[1];
-    var _g = (0, react_1.useState)(), treeFolder = _g[0], setTreeFolder = _g[1];
+    var _c = (0, react_1.useState)({ upload: '', create: '' }), pathData = _c[0], setPathData = _c[1];
+    var _d = (0, react_1.useState)(false), openCreateFolder = _d[0], setOpenCreateFolder = _d[1];
+    var _e = (0, react_1.useState)(true), triggerReload = _e[0], setTrigger = _e[1];
+    var _f = (0, react_1.useState)(), treeFolder = _f[0], setTreeFolder = _f[1];
     (0, react_1.useEffect)(function () {
         getTreeFolder();
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -107,6 +105,6 @@ var FileTab = function (_a) {
                                     pointerEvents: 'unset',
                                     padding: '10px 0',
                                     borderRadius: '4px',
-                                }, children: !treeFolder ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(FolderTreeView_1.default, { rootItem: treeFolder, onUploadFiles: handleUploadFile, onCreateDirectory: handleCreateDirectory, onDownload: handleDownloadFile, onDelete: handleDelete, onDownloadFolder: handleDownLoadFolder })) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { xs: 12, container: true, item: true, justifyContent: "flex-end", children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { padding: '8px' }, children: "".concat(t('Common.StaticUseFormat'), ": <img src=\"").concat(configs.FILE_RELATIVE_PATH, "/a.jpg\" />") }) })] }) }) })] }));
+                                }, children: !treeFolder ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(FolderTreeView_1.default, { rootItem: treeFolder, onUploadFiles: handleUploadFile, onCreateDirectory: handleCreateDirectory, onDownload: handleDownloadFile, onDelete: handleDelete, onDownloadFolder: handleDownLoadFolder })) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { xs: 12, container: true, item: true, justifyContent: "flex-end", children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { padding: '8px' }, children: "".concat(t('Common.StaticUseFormat'), ": <img src=\"").concat(pathName, "/a.jpg\" />") }) })] }) }) })] }));
 };
 exports.default = FileTab;

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewContent.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __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) {
@@ -61,6 +72,7 @@ var ViewContent = function (_a) {
     var _g = react_1.default.useState(''), scriptAutoField = _g[0], setScriptAutoField = _g[1];
     var _h = react_1.default.useState(false), loading = _h[0], setLoading = _h[1];
     var rootDirectory = (0, recoil_1.useRecoilValue)(Recoil_1.pageRootDeirectory);
+    var _j = (0, recoil_1.useRecoilState)(Recoil_1.pageEventState), events = _j[0], setEvent = _j[1];
     react_1.default.useEffect(function () {
         if (viewInfoData === null || viewInfoData === void 0 ? void 0 : viewInfoData.templateId) {
             setLoading(true);
@@ -77,7 +89,13 @@ var ViewContent = function (_a) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [viewInfoData.templateId, viewInfoData.viewDatas.length]);
     var handleResData = function (res) {
+        console.log("res", res.templateEvents);
         onChange(['viewDatas'], (0, Utils_1.getTemplateDatas)(res.templateParameters, viewInfoData, pageId, viewNumber));
+        setEvent(function (prev) {
+            var viewEvents = prev.filter(function (item) { return item.viewNumber !== viewNumber; });
+            viewEvents.concat(res.templateEvents.map(function (item) { return (__assign(__assign({}, item), { viewNumber: viewNumber })); }));
+            return viewEvents;
+        });
         onChange(['templateValidation'], res.template.validation);
         onChange(['templateHandleEvent'], res.template.autoField);
         setScriptValidationTemplate(res.template.validation || '');
@@ -96,6 +114,7 @@ var ViewContent = function (_a) {
         onChange(['viewDatas', String(indexOfFieldChange), 'fieldValue'], fieldChange.fieldValue);
         setChanged();
     };
+    console.log("events", events);
     var onUploadFile = function (files) { return __awaiter(void 0, void 0, void 0, function () {
         var fieldName, params;
         return __generator(this, function (_a) {
@@ -135,9 +154,11 @@ var ViewContent = function (_a) {
                             ? CONFIGS.FILE_TEMP_PATH
                             : CONFIGS.FILE_STATIC_PATH, "/").concat(pageCode === enums_1.PageCode.Lgn
                             ? 'lgn'
-                            : 'wlc', "/").concat((_d = (_c = viewInfoData.viewDatas) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pageId), enablePreview: pageCode === enums_1.PageCode.Lgn, advanceFields: [], scriptValidate: scriptValidationTemplate, scriptAutoField: scriptAutoField, domainId: domainId, configs: CONFIGS, 
+                            : 'wlc', "/").concat((_d = (_c = viewInfoData.viewDatas) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pageId), enablePreview: pageCode === enums_1.PageCode.Lgn, advanceFields: viewInfoData.viewDatas.filter(function (item) { return item === null || item === void 0 ? void 0 : item.isAdvanced; }).map(function (field) { return field.fieldName; }), scriptValidate: scriptValidationTemplate, scriptAutoField: scriptAutoField, domainId: domainId, configs: CONFIGS, 
                         // validStatus={validStatus}
-                        validStatus: viewInfoData.validStatus, onChange: handleOnChange, onChangeViewValid: function (status) {
+                        validStatus: viewInfoData.validStatus, 
+                        // viewEvent={}
+                        onChange: handleOnChange, onChangeViewValid: function (status) {
                             onChange(['isValidationFields'], [status]);
                         }, onChangeValidateProcess: function (processValue) {
                             onChange(['validProcessStatus'], processValue);

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewInfo.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { Directory } from '../../../Campaign/Types';
-import { ViewModel, TemplateType } from '../../Types';
+import { ViewModel } from '../../Types';
+import { ITemplateType } from '../../../../ACM-AXN/Template/Types';
 interface ViewInfoProps {
-    templateTypes: TemplateType[];
+    templateTypes: ITemplateType[];
     directories: Directory[];
     onChange: (keys: string[], value: unknown) => void;
     viewInfoData: ViewModel;

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/index.test.js

@@ -174,7 +174,8 @@ var renderUi = function () {
                     },
                 },
                 commonHtml: '',
-                views: [Constant_1.defaultView, Constant_1.defaultView]
+                views: [Constant_1.defaultView, Constant_1.defaultView],
+                viewEvents: [],
             });
         }, children: (0, jsx_runtime_1.jsx)(_1.default, {}) }));
 };