awing-library 2.1.21 → 2.1.22-stage

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/SubCampaignDetail.test.js

@@ -17,15 +17,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@testing-library/react");
 var SubCampaignDetail_1 = __importDefault(require("./SubCampaignDetail"));
-var Types_1 = require("../../Types");
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
 var subCampaignMock = {
     id: 1,
     name: 'Test Campaign',
     bookingAmount: 100000,
     bonusAmount: 500000,
-    ticket: Types_1.CampaignTicket.INACTIVE,
-    priority: Types_1.CampaignPriority.ClassB,
+    ticket: Enum_1.CampaignTicket.INACTIVE,
+    priority: Enum_1.CampaignPriority.ClassB,
     isReserved: false,
+    billingUnit: 1,
 };
 describe('<SubCampaignDetail />', function () {
     it('should render with correct information classB', function () {
@@ -40,7 +41,7 @@ describe('<SubCampaignDetail />', function () {
         container.querySelector('input[name="isReserved"]').checked).toBe(subCampaignMock.isReserved);
     });
     it('should render with correct information classA', function () {
-        var subCampaign = __assign(__assign({}, subCampaignMock), { priority: Types_1.CampaignPriority.ClassA, ticket: Types_1.CampaignTicket.ACTIVE, isReserved: true });
+        var subCampaign = __assign(__assign({}, subCampaignMock), { priority: Enum_1.CampaignPriority.ClassA, ticket: Enum_1.CampaignTicket.ACTIVE, isReserved: true });
         var _a = (0, react_1.render)((0, jsx_runtime_1.jsx)(SubCampaignDetail_1.default, { subCampaign: subCampaign, onSubCampaignChange: function () { }, onChangeSubCampaignStatus: function () { } })), container = _a.container, getByLabelText = _a.getByLabelText, queryByLabelText = _a.queryByLabelText;
         expect(react_1.screen.getByLabelText(/^Campaign.Name.*$/).value).toBe(subCampaign.name);
         expect(react_1.screen.getByLabelText(/^Campaign.Ticket.*$/).textContent).toBe('Campaign.Active');
@@ -79,11 +80,11 @@ describe('<SubCampaignDetail />', function () {
         react_1.fireEvent.mouseDown(selectParam[0]);
         react_1.screen.getAllByRole('option')[0].click();
         expect(onSubCampaignChange).toHaveBeenCalledTimes(5);
-        expect(state.ticket).toBe(Types_1.CampaignTicket.ACTIVE);
+        expect(state.ticket).toBe(Enum_1.CampaignTicket.ACTIVE);
         react_1.fireEvent.mouseDown(selectParam[1]);
         react_1.screen.getAllByRole('option')[2].click();
         expect(onSubCampaignChange).toHaveBeenCalledTimes(6);
-        expect(state.priority).toBe(Types_1.CampaignPriority.ClassC);
+        expect(state.priority).toBe(Enum_1.CampaignPriority.ClassC);
         expect(state.bookingAmount).toBe(0);
         expect(state.bonusAmount).toBe(0);
     });

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/SubCampaignList.js

@@ -26,11 +26,11 @@ var atoms_1 = require("./atoms");
 var react_1 = require("react");
 var AWING_1 = require("../../../../AWING");
 var Recoils_1 = require("../Recoils");
-var Types_1 = require("../../Types");
 var Helpers_1 = require("../../../../Utils/Helpers");
 var Utils_1 = require("../../Utils");
 var Context_1 = require("../../../../Context");
 var i18n_1 = __importDefault(require("../../../../i18n"));
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
 function SubCampaignList(props) {
     var onAdd = props.onAdd, onDelete = props.onDelete;
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
@@ -70,7 +70,7 @@ function SubCampaignPreview(_a) {
     var subCampaign = _a.subCampaign, isSelected = _a.isSelected, onSelect = _a.onSelect, onMultiSelect = _a.onMultiSelect, onDuplicate = _a.onDuplicate, onDelete = _a.onDelete, error = _a.error;
     var t = (0, react_i18next_1.useTranslation)().t;
     var today = (0, Helpers_1.getToday)();
-    var isActive = ((_b = subCampaign.campaignGroup) === null || _b === void 0 ? void 0 : _b.ticket) === Types_1.CampaignTicket.ACTIVE &&
+    var isActive = ((_b = subCampaign.campaignGroup) === null || _b === void 0 ? void 0 : _b.ticket) === Enum_1.CampaignTicket.ACTIVE &&
         ((_c = subCampaign.ads) === null || _c === void 0 ? void 0 : _c.some(function (ad) {
             return ad.status &&
                 (0, Helpers_1.convertTimestampToDateTime)(ad.startDate) <= today &&
@@ -105,11 +105,11 @@ function SubCampaignPreview(_a) {
                         }, children: [subCampaign.campaignGroup.name.length > 30
                                 ? "".concat(subCampaign.campaignGroup.name.substring(0, 30), "...")
                                 : subCampaign.campaignGroup.name, subCampaign.campaignGroup.ticket ===
-                                Types_1.CampaignTicket.ACTIVE ? ((0, jsx_runtime_1.jsx)(CheckCircle_1.default, { fontSize: "small", style: {
+                                Enum_1.CampaignTicket.ACTIVE ? ((0, jsx_runtime_1.jsx)(CheckCircle_1.default, { fontSize: "small", style: {
                                     fontSize: '14px',
                                     color: isActive ? '#008000' : '#8D8D8D',
                                 } })) : ((0, jsx_runtime_1.jsx)(RemoveCircle_1.default, { fontSize: "small", style: { fontSize: '14px' }, color: "primary" })), (0, jsx_runtime_1.jsx)(material_1.Typography, { component: 'span', sx: {
-                                    fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2"',
+                                    fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2" !important',
                                     fontSize: 18,
                                 }, children: (0, Utils_1.getCampaignPriority)(subCampaign.campaignGroup.priority) })] }) }), action: (0, jsx_runtime_1.jsx)(AWING_1.Actions, { menus: __spreadArray([
                         {
@@ -125,12 +125,12 @@ function SubCampaignPreview(_a) {
                                 action: onDelete,
                                 name: translationText.delete,
                             },
-                        ]), true) }), style: { padding: '8px 8px 4px' } }), (0, jsx_runtime_1.jsxs)(material_1.CardContent, { style: { padding: '0 8px' }, children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.booking, placement: "left", arrow: true, children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "h3", sx: { fontSize: '24px!important' }, children: [(0, Utils_1.checkPriority)(subCampaign.campaignGroup.priority, Types_1.CampaignPriority.ClassB) && subCampaign.campaignGroup.bookingAmount > 0
-                                    ? (0, Helpers_1.roundDecimalNumber)(subCampaign.campaignGroup.bookingAmount)
-                                    : '', (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: (0, Utils_1.checkPriority)(subCampaign.campaignGroup.priority, Types_1.CampaignPriority.ClassB) && subCampaign.campaignGroup.bonusAmount > 0
-                                        ? " (+".concat((0, Helpers_1.roundDecimalNumber)(subCampaign.campaignGroup.bonusAmount), ")")
+                        ]), true) }), style: { padding: '8px 8px 4px' } }), (0, jsx_runtime_1.jsxs)(material_1.CardContent, { style: { padding: '0 8px' }, children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.booking, placement: "left", arrow: true, children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "h3", sx: { fontSize: '24px!important' }, children: [(0, Utils_1.checkPriority)(subCampaign.campaignGroup.priority, Enum_1.CampaignPriority.ClassB) && subCampaign.campaignGroup.bookingAmount > 0
+                                    ? (0, Helpers_1.formatNumber)(subCampaign.campaignGroup.bookingAmount)
+                                    : '', (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: (0, Utils_1.checkPriority)(subCampaign.campaignGroup.priority, Enum_1.CampaignPriority.ClassB) && subCampaign.campaignGroup.bonusAmount > 0
+                                        ? " (+".concat((0, Helpers_1.formatNumber)(subCampaign.campaignGroup.bonusAmount), ")")
                                         : '' })] }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.bonus, placement: "right", arrow: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: subCampaign.campaignGroup.numberHasRun
-                                ? "".concat(translationText.numberHasRunText, ": ").concat((0, Helpers_1.roundDecimalNumber)(subCampaign.campaignGroup.numberHasRun))
+                                ? "".concat(translationText.numberHasRunText, ": ").concat((0, Helpers_1.formatNumber)(subCampaign.campaignGroup.numberHasRun))
                                 : '' }) })] }), (0, jsx_runtime_1.jsx)(material_1.CardActions, { style: { padding: '0 8px' }, children: subCampaign.campaignGroup.isReserved && ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: translationText.reserved, style: {
                         height: 18,
                         backgroundColor: '#c49f47',

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/atoms.d.ts

@@ -5,6 +5,7 @@ import { CampaignAd } from '../../Types';
 export type AdDefine = {
     subCampaignId: number;
     adId: number;
+    loginId: string;
 };
 /**
  * State lưu trạng thái thông tin cơ bản của từng chiến dịch con
@@ -52,3 +53,4 @@ export declare const campaignPageIdState: import("recoil").RecoilState<{
     lgn: string;
     wlc: string;
 }>;
+export declare const campaignLoginIdState: import("recoil").RecoilState<string[]>;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/atoms.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.campaignPageIdState = exports.adOpenState = exports.adSelectedState = exports.adListState = exports.checkGroupsClassCState = exports.selectedSubCampaignIdState = exports.copiedAdState = exports.subCampaignValidState = exports.subCampaignAdsValidState = exports.subCampaignDetailValidState = void 0;
+exports.campaignLoginIdState = exports.campaignPageIdState = exports.adOpenState = exports.adSelectedState = exports.adListState = exports.checkGroupsClassCState = exports.selectedSubCampaignIdState = exports.copiedAdState = exports.subCampaignValidState = exports.subCampaignAdsValidState = exports.subCampaignDetailValidState = void 0;
 var recoil_1 = require("recoil");
 var Utils_1 = require("../../Utils");
 // import directoryPermissionService from 'Services/DirectoryPermission'
 // import { OBJECT_TYPE_CODE, STATUS_CODE } from 'Utilities/Enum'
 var Recoils_1 = require("../Recoils");
-var Types_1 = require("../../Types");
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
 /**
  * State lưu trạng thái thông tin cơ bản của từng chiến dịch con
  */
@@ -89,7 +89,7 @@ exports.checkGroupsClassCState = (0, recoil_1.selectorFamily)({
             var get = _a.get;
             var campaignGroups = get(Recoils_1.campaignGroupsState);
             return campaignGroups.some(function (g) {
-                return (0, Utils_1.checkPriority)(g.campaignGroup.priority, Types_1.CampaignPriority.ClassC) && campaignGroupIds.includes(g.campaignGroup.id);
+                return (0, Utils_1.checkPriority)(g.campaignGroup.priority, Enum_1.CampaignPriority.ClassC) && campaignGroupIds.includes(g.campaignGroup.id);
             });
         };
     },
@@ -132,3 +132,7 @@ exports.campaignPageIdState = (0, recoil_1.atom)({
         wlc: '',
     },
 });
+exports.campaignLoginIdState = (0, recoil_1.atom)({
+    key: 'campaignLoginIdState',
+    default: [],
+});

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/index.js

@@ -26,17 +26,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var lodash_1 = __importDefault(require("lodash"));
+var react_1 = __importDefault(require("react"));
 var recoil_1 = require("recoil");
 var Recoils_1 = require("../Recoils");
-var Types_1 = require("../../Types");
 var AdList_1 = __importDefault(require("./AdList"));
 var SubCampaignDetail_1 = __importDefault(require("./SubCampaignDetail"));
 var SubCampaignList_1 = __importDefault(require("./SubCampaignList"));
 var atoms_1 = require("./atoms");
 var Utils_1 = require("../../Utils");
 var react_router_dom_1 = require("react-router-dom");
-var Constant_1 = require("../../Constant");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
 var EditPage_1 = __importDefault(require("./EditPage"));
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
 function TabSubCampaign() {
     var _a = (0, recoil_1.useRecoilState)(Recoils_1.campaignGroupsState), subCampaigns = _a[0], setSubCampaigns = _a[1];
     var _b = (0, recoil_1.useRecoilState)(atoms_1.selectedSubCampaignIdState), selectedSubCampaignId = _b[0], setSelectedSubCampaignId = _b[1];
@@ -59,8 +60,8 @@ function TabSubCampaign() {
             campaignGroup: {
                 id: newId,
                 name: 'Sub-Campaign ' + newId,
-                ticket: Types_1.CampaignTicket.INACTIVE,
-                priority: Types_1.CampaignPriority.ClassB,
+                ticket: Enum_1.CampaignTicket.INACTIVE,
+                priority: Enum_1.CampaignPriority.ClassB,
                 bookingAmount: 10,
                 bonusAmount: 0,
                 isReserved: false,
@@ -103,7 +104,7 @@ function TabSubCampaign() {
      * Cập nhật chiến dịch con
      * @param subCampaignSetStateAction Thông tin thay đổi của chiến dịch con
      */
-    var handleUpdateSubCampaign = function (subCampaignSetStateAction) {
+    var handleUpdateSubCampaign = react_1.default.useCallback(function (subCampaignSetStateAction) {
         setSubCampaigns(function (preSubCampains) {
             var newSubCampaigns = lodash_1.default.cloneDeep(preSubCampains);
             var selectedSubCampaignIndex = newSubCampaigns.findIndex(function (x) { return x.campaignGroup.id === selectedSubCampaignId[0]; });
@@ -113,14 +114,15 @@ function TabSubCampaign() {
                 : subCampaignSetStateAction;
             newSubCampaigns[selectedSubCampaignIndex].campaignGroup =
                 newSubCampaign;
-            if ((0, Utils_1.checkPriority)(newSubCampaign.priority, Types_1.CampaignPriority.ClassC)) {
+            if ((0, Utils_1.checkPriority)(newSubCampaign.priority, Enum_1.CampaignPriority.ClassC)) {
                 newSubCampaigns[selectedSubCampaignIndex].ads.forEach(function (ad) {
                     ad.advanced = undefined;
                 });
             }
             return newSubCampaigns;
         });
-    };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedSubCampaignId]);
     /**
      * Tạo quảng cáo mới
      * @param newAd Thông tin của quảng cáo mới
@@ -132,7 +134,7 @@ function TabSubCampaign() {
             var result = lodash_1.default.cloneDeep(pre);
             var subCampIdx = result.findIndex(function (x) { return x.campaignGroup.id === newAd.campaignGroupId; });
             if (subCampIdx >= 0) {
-                if ((0, Utils_1.checkPriority)(result[subCampIdx].campaignGroup.priority, Types_1.CampaignPriority.ClassC)) {
+                if ((0, Utils_1.checkPriority)(result[subCampIdx].campaignGroup.priority, Enum_1.CampaignPriority.ClassC)) {
                     newAd.advanced = undefined;
                 }
                 (_a = result[subCampIdx].ads) === null || _a === void 0 ? void 0 : _a.push(newAd);
@@ -151,7 +153,6 @@ function TabSubCampaign() {
             changeList.forEach(function (adChange) {
                 var _a;
                 var subCampIdx = result.findIndex(function (x) { var _a; return ((_a = x.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) === adChange.subCampaignId; });
-                // console.log('subCampIdx', subCampIdx)
                 if (subCampIdx >= 0) {
                     var adIdx = ((_a = result[subCampIdx].ads) === null || _a === void 0 ? void 0 : _a.findIndex(function (x) { return x.id === adChange.adId; })) || 0;
                     if (adIdx >= 0) {

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/useSearchPage.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) {
@@ -43,24 +54,38 @@ var react_1 = require("react");
 var recoil_1 = require("recoil");
 var atoms_1 = require("./atoms");
 var Hooks_1 = __importDefault(require("../../Hooks"));
+var Recoils_1 = require("../Recoils");
 function useSearchPage(type) {
     var _this = this;
     var directoryId = (0, recoil_1.useRecoilValue)(atoms_1.campaignPageIdState);
+    var _a = (0, recoil_1.useRecoilState)(Recoils_1.cacheSearchPageState), cache = _a[0], setCache = _a[1];
     var service = (0, Hooks_1.default)().service;
     return (0, react_1.useCallback)(function (searchString) { return __awaiter(_this, void 0, void 0, function () {
-        var temp;
+        var options;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
-                case 0: return [4 /*yield*/, service.pagesPaging(searchString, 10, 0, directoryId[type])];
+                case 0:
+                    if (Object.keys(cache).includes(searchString || type)) {
+                        return [2 /*return*/, cache[searchString || type]];
+                    }
+                    return [4 /*yield*/, service
+                            .pagesPaging(searchString, 10, 0, directoryId[type])
+                            .then(function (_a) {
+                            var items = _a.items;
+                            return items === null || items === void 0 ? void 0 : items.map(function (page) { return ({
+                                text: page.title,
+                                value: page.pageId,
+                            }); });
+                        })];
                 case 1:
-                    temp = _b.sent();
-                    return [2 /*return*/, (_a = temp.items) === null || _a === void 0 ? void 0 : _a.map(function (page) { return ({
-                            text: page.title,
-                            value: page.pageId,
-                        }); })];
+                    options = _b.sent();
+                    setCache(__assign(__assign({}, cache), (_a = {}, _a[searchString || type] = options, _a)));
+                    return [2 /*return*/, options];
             }
         });
-    }); }, [service, directoryId, type]);
+    }); }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [directoryId, type]);
 }
 exports.default = useSearchPage;

package/lib/ACM-AXN/Campaign/CreateOrEdit/index.d.ts

@@ -1 +1,3 @@
-export default function (): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare const _default: React.FC<unknown>;
+export default _default;

package/lib/ACM-AXN/Campaign/CreateOrEdit/index.js

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -26,7 +37,6 @@ var react_i18next_1 = require("react-i18next");
 var Router_1 = require("../../../AWING/Router");
 var recoil_1 = require("recoil");
 var Recoils_1 = require("./Recoils");
-var Types_1 = require("../Types");
 var Utils_1 = require("../Utils");
 var TabInfomation_1 = __importDefault(require("./TabInfomation"));
 var TabPartner_1 = __importDefault(require("./TabPartner"));
@@ -35,10 +45,12 @@ var TabSubCampaign_1 = __importDefault(require("./TabSubCampaign"));
 var atoms_1 = require("./TabSubCampaign/atoms");
 var Hooks_1 = __importDefault(require("../Hooks"));
 var Enum_1 = require("../Enum");
-var Constant_1 = require("../Constant");
-var i18n_1 = __importDefault(require("../../../i18n"));
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
 var TabLabel_1 = __importDefault(require("../../../Commons/Components/TabLabel"));
 var usePath_1 = __importDefault(require("../../../Commons/Hooks/usePath"));
+var Wrapper_1 = __importDefault(require("../../../AWING/HOC/Wrapper"));
+var TabStatistic_1 = __importDefault(require("./TabStatistic"));
+var Enum_2 = require("../../../ACM-AXN/Common/Enum");
 var route = [
     Constant_1.Constants.CAMPAIGN_INFORMATION,
     Constant_1.Constants.CAMPAIGN_SUBCAMPAIGN,
@@ -53,12 +65,12 @@ var CreateOrEdit = function () {
     var navigate = (0, Router_1.useNavigate)();
     var matchPath = (0, usePath_1.default)();
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _c = (0, Hooks_1.default)(), service = _c.service, TabStatistic = _c.tabStatistic;
+    var _c = (0, Hooks_1.default)(), service = _c.service, otherProps = __rest(_c, ["service"]);
     var _d = (0, recoil_1.useRecoilState)(Recoils_1.campaignModelState), campaignData = _d[0], setCampaignData = _d[1];
     var setCampaignPages = (0, recoil_1.useSetRecoilState)(atoms_1.campaignPageIdState);
     var setDirectories = (0, recoil_1.useSetRecoilState)(Recoils_1.directoriesState);
     var setAttributes = (0, recoil_1.useSetRecoilState)(Recoils_1.attributesState);
-    var confirmExit = (0, recoil_1.useRecoilValue)(Recoils_1.confirmExitState);
+    var _e = (0, recoil_1.useRecoilState)(Recoils_1.confirmExitState), confirmExit = _e[0], setConfirmExit = _e[1];
     var readyForSubmit = (0, recoil_1.useRecoilValue)(Recoils_1.readyForSubmitState);
     var setCreate = (0, recoil_1.useSetRecoilState)(Recoils_1.isCreateState);
     var tabValid = {
@@ -66,8 +78,8 @@ var CreateOrEdit = function () {
         tabSubCampaignValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabSubCampaignValidState),
         tabPartnerValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabPartnerValidState),
     };
-    var _e = (0, react_1.useState)('0'), value = _e[0], setValue = _e[1];
-    var _f = (0, react_1.useState)(true), loading = _f[0], setLoading = _f[1];
+    var _f = (0, react_1.useState)('0'), value = _f[0], setValue = _f[1];
+    var _g = (0, react_1.useState)(true), loading = _g[0], setLoading = _g[1];
     var componentStatus = (0, react_1.useMemo)(function () {
         return location.pathname.includes(Constant_1.Constants.CAMPAIGN_DETAIL) &&
             !!campaignId
@@ -99,7 +111,8 @@ var CreateOrEdit = function () {
         if (service.attributesGetByObjectTypeCode) {
             service.attributesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign).then(setAttributes);
         }
-    }, [service, setDirectories, setAttributes]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     (0, react_1.useLayoutEffect)(function () {
         if (tabName && route.includes(tabName)) {
             setValue(String(route.indexOf(tabName)));
@@ -111,29 +124,29 @@ var CreateOrEdit = function () {
                 label: t('Campaign.Info'),
                 isShow: true,
                 valid: 'tabInfomationValid',
-                compoent: (0, jsx_runtime_1.jsx)(TabInfomation_1.default, {}),
+                component: (0, jsx_runtime_1.jsx)(TabInfomation_1.default, {}),
             },
             {
                 label: t('Campaign.SubCampaign'),
                 isShow: true,
                 valid: 'tabSubCampaignValid',
-                compoent: (0, jsx_runtime_1.jsx)(TabSubCampaign_1.default, {}),
+                component: (0, jsx_runtime_1.jsx)(TabSubCampaign_1.default, {}),
             },
             {
                 label: t('Campaign.Statistic'),
                 isShow: componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL,
-                compoent: ((0, jsx_runtime_1.jsx)(TabStatistic, { campaignId: campaignData.campaign.id, subCampaigns: campaignData.campaignGroups, i18n: i18n_1.default })),
+                component: ((0, jsx_runtime_1.jsx)(TabStatistic_1.default, __assign({ campaignId: campaignData.campaign.id, subCampaigns: campaignData.campaignGroups }, otherProps, { services: service }))),
             },
             {
                 label: t('Campaign.Partner'),
                 isShow: true,
-                compoent: (0, jsx_runtime_1.jsx)(TabPartner_1.default, {}),
+                component: (0, jsx_runtime_1.jsx)(TabPartner_1.default, {}),
                 valid: 'tabPartnerValid',
             },
             {
                 label: t('Campaign.Permission'),
                 isShow: componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL,
-                compoent: (0, jsx_runtime_1.jsx)(TabPermission_1.default, {}),
+                component: (0, jsx_runtime_1.jsx)(TabPermission_1.default, {}),
             },
         ].filter(function (tab) { return tab.isShow; });
     }, 
@@ -158,7 +171,7 @@ var CreateOrEdit = function () {
                             }
                         }
                         else if (subCamp.campaignGroup.ticket ===
-                            Types_1.CampaignTicket.ACTIVE) {
+                            Enum_1.CampaignTicket.ACTIVE) {
                             subCampains[idx].campaignGroup.cantBeDelete =
                                 true;
                             for (var i = 0; i < subCamp.ads.length; i++) {
@@ -170,10 +183,13 @@ var CreateOrEdit = function () {
                     });
                 }
                 else {
+                    setConfirmExit(true);
                     campaignModel.campaign.name += ' - copy';
                     campaignModel.campaign.createdDate = undefined;
                     campaignModel.campaignGroups.forEach(function (g) {
-                        g.campaignGroup.ticket = Types_1.CampaignTicket.INACTIVE;
+                        g.campaignGroup.ticket = Enum_1.CampaignTicket.INACTIVE;
+                        if (!service.attributesGetByObjectTypeCode)
+                            g.campaignGroup.billingUnit = Enum_2.AnalyticType.AUTHENTICATION;
                     });
                 }
                 setCampaignData(campaignModel);
@@ -195,7 +211,7 @@ var CreateOrEdit = function () {
     var handleSubmit = function () {
         if (!(0, Utils_1.adsClassCValid)(campaignData.campaignGroups
             .filter(function (x) {
-            return (0, Utils_1.checkPriority)(x.campaignGroup.priority, Types_1.CampaignPriority.ClassC);
+            return (0, Utils_1.checkPriority)(x.campaignGroup.priority, Enum_1.CampaignPriority.ClassC);
         })
             .flatMap(function (x) { return x.ads; }))) {
             return Promise.reject(t('Campaign.CClassDuplicatePlace'));
@@ -208,7 +224,7 @@ var CreateOrEdit = function () {
             return service.campaignsPost(dataSubmit);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['Campaign', campaignId ? 'TitleDetail' : 'Create'].join('.'))).concat(campaignId ? ": ".concat((_a = campaignData === null || campaignData === void 0 ? void 0 : campaignData.campaign) === null || _a === void 0 ? void 0 : _a.name) : '', "\n               "), onSubmit: handleSubmit, disableButtonSubmit: !readyForSubmit, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['Campaign', campaignId ? 'TitleDetail' : 'Create'].join('.'))).concat(campaignId ? ": ".concat((_a = campaignData === null || campaignData === void 0 ? void 0 : campaignData.campaign) === null || _a === void 0 ? void 0 : _a.name) : '', "\n               "), onSubmit: handleSubmit, disableButtonSubmit: !readyForSubmit || !confirmExit, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
                 display: 'flex',
                 flexDirection: 'column',
                 flexGrow: 1,
@@ -218,10 +234,7 @@ var CreateOrEdit = function () {
                                                 fontSize: '0.875rem',
                                             }, children: tab.label }), error: (tab === null || tab === void 0 ? void 0 : tab.valid)
                                             ? !tabValid[tab === null || tab === void 0 ? void 0 : tab.valid]
-                                            : undefined, errContent: (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: '-5px' }, children: "*" }) }) }, idx)); }) }) }), tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.compoent }, idx)); })] }) })) }) }));
+                                            : undefined, errContent: (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: '-5px' }, children: "*" }) }) }, idx)); }) }) }), tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.component }, idx)); })] }) })) }) }));
 };
 // eslint-disable-next-line import/no-anonymous-default-export
-function default_1() {
-    return ((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { children: (0, jsx_runtime_1.jsx)(CreateOrEdit, {}) }));
-}
-exports.default = default_1;
+exports.default = (0, Wrapper_1.default)(CreateOrEdit, { component: recoil_1.RecoilRoot });

package/lib/ACM-AXN/Campaign/Enum.d.ts

@@ -102,3 +102,76 @@ export declare const PlaceFilterOperandType: {
     GEOFENCING: number;
 };
 export declare const DATE_FORMAT: "YYYY-MM-DD";
+export declare enum CampaignPriority {
+    ClassA = "ClassA",
+    ClassB = "ClassB",
+    ClassC = "ClassC"
+}
+export declare const BaseEvent: {
+    readonly 0: "View";
+    readonly 2: "Click";
+    readonly 1: "Authentication";
+};
+export declare enum CampaignTicket {
+    ACTIVE = 0,
+    INACTIVE = 1
+}
+export declare enum AdType {
+    BANNER_STATIC = 1,
+    BANNER_EFFECT = 2,
+    BANNER_SLIDE = 3,
+    CPA = 4,
+    SURVEY = 5,
+    VIDEO = 6,
+    GAME = 7,
+    TEXT_MATCHING = 8,
+    OTHER = 9
+}
+export declare enum CampaignRuleType {
+    LimitView = 0,
+    LimitClick = 1,
+    Authentication = 8,
+    LimitEvent = 2,
+    TargetGender = 3,
+    TargetAge = 4,
+    TargetOS = 5,
+    TargetDevice = 6,
+    RetargetMacAddress = 7
+}
+/**
+ * Enum bao gồm các phép toán
+ */
+export declare enum Operator {
+    /**
+     * Bằng
+     */
+    Equality = 0,
+    /**
+     * Khác
+     */
+    NotEqual = 1,
+    /**
+     * Nhỏ hơn
+     */
+    LessThan = 2,
+    /**
+     * Lớn hơn
+     */
+    GreaterThan = 3,
+    /**
+     * Nhỏ hơn hoặc bằng
+     */
+    LessThanOrEqualTo = 4,
+    /**
+     * Lớn hơn hoặc bằng
+     */
+    GreaterThanOrEqualTo = 5,
+    /**
+     * Có giao cắt
+     */
+    IntersectExist = 6,
+    /**
+     * Thuộc danh sách
+     */
+    In = 7
+}

package/lib/ACM-AXN/Campaign/Enum.js

@@ -1,6 +1,8 @@
 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DATE_FORMAT = exports.PlaceFilterOperandType = exports.DirectoryRoot = exports.CAMPAIGN_ANALYTIC_TYPE = exports.CAMPAIGN_STATUS = exports.EnumOperator = exports.ACTIVE_CAMPAIGN_TICKET = void 0;
+exports.Operator = exports.CampaignRuleType = exports.AdType = exports.CampaignTicket = exports.BaseEvent = exports.CampaignPriority = exports.DATE_FORMAT = exports.PlaceFilterOperandType = exports.DirectoryRoot = exports.CAMPAIGN_ANALYTIC_TYPE = exports.CAMPAIGN_STATUS = exports.EnumOperator = exports.ACTIVE_CAMPAIGN_TICKET = void 0;
+var Enum_1 = require("../../ACM-AXN/Common/Enum");
 exports.ACTIVE_CAMPAIGN_TICKET = 0;
 exports.EnumOperator = {
     Equality: { id: 0, text: "=", value: "Equality", type: "Comparison" },
@@ -82,3 +84,82 @@ exports.PlaceFilterOperandType = {
     GEOFENCING: 8,
 };
 exports.DATE_FORMAT = "YYYY-MM-DD";
+var CampaignPriority;
+(function (CampaignPriority) {
+    CampaignPriority["ClassA"] = "ClassA";
+    CampaignPriority["ClassB"] = "ClassB";
+    CampaignPriority["ClassC"] = "ClassC";
+})(CampaignPriority || (exports.CampaignPriority = CampaignPriority = {}));
+exports.BaseEvent = (_a = {},
+    _a[Enum_1.AnalyticType.VIEW] = 'View',
+    _a[Enum_1.AnalyticType.CLICK] = 'Click',
+    _a[Enum_1.AnalyticType.AUTHENTICATION] = 'Authentication',
+    _a);
+var CampaignTicket;
+(function (CampaignTicket) {
+    CampaignTicket[CampaignTicket["ACTIVE"] = 0] = "ACTIVE";
+    CampaignTicket[CampaignTicket["INACTIVE"] = 1] = "INACTIVE";
+})(CampaignTicket || (exports.CampaignTicket = CampaignTicket = {}));
+var AdType;
+(function (AdType) {
+    // DEFAULT = 0,
+    AdType[AdType["BANNER_STATIC"] = 1] = "BANNER_STATIC";
+    AdType[AdType["BANNER_EFFECT"] = 2] = "BANNER_EFFECT";
+    AdType[AdType["BANNER_SLIDE"] = 3] = "BANNER_SLIDE";
+    AdType[AdType["CPA"] = 4] = "CPA";
+    AdType[AdType["SURVEY"] = 5] = "SURVEY";
+    AdType[AdType["VIDEO"] = 6] = "VIDEO";
+    AdType[AdType["GAME"] = 7] = "GAME";
+    AdType[AdType["TEXT_MATCHING"] = 8] = "TEXT_MATCHING";
+    AdType[AdType["OTHER"] = 9] = "OTHER";
+})(AdType || (exports.AdType = AdType = {}));
+var CampaignRuleType;
+(function (CampaignRuleType) {
+    CampaignRuleType[CampaignRuleType["LimitView"] = 0] = "LimitView";
+    CampaignRuleType[CampaignRuleType["LimitClick"] = 1] = "LimitClick";
+    CampaignRuleType[CampaignRuleType["Authentication"] = 8] = "Authentication";
+    CampaignRuleType[CampaignRuleType["LimitEvent"] = 2] = "LimitEvent";
+    CampaignRuleType[CampaignRuleType["TargetGender"] = 3] = "TargetGender";
+    CampaignRuleType[CampaignRuleType["TargetAge"] = 4] = "TargetAge";
+    CampaignRuleType[CampaignRuleType["TargetOS"] = 5] = "TargetOS";
+    CampaignRuleType[CampaignRuleType["TargetDevice"] = 6] = "TargetDevice";
+    CampaignRuleType[CampaignRuleType["RetargetMacAddress"] = 7] = "RetargetMacAddress";
+})(CampaignRuleType || (exports.CampaignRuleType = CampaignRuleType = {}));
+/**
+ * Enum bao gồm các phép toán
+ */
+var Operator;
+(function (Operator) {
+    /**
+     * Bằng
+     */
+    Operator[Operator["Equality"] = 0] = "Equality";
+    /**
+     * Khác
+     */
+    Operator[Operator["NotEqual"] = 1] = "NotEqual";
+    /**
+     * Nhỏ hơn
+     */
+    Operator[Operator["LessThan"] = 2] = "LessThan";
+    /**
+     * Lớn hơn
+     */
+    Operator[Operator["GreaterThan"] = 3] = "GreaterThan";
+    /**
+     * Nhỏ hơn hoặc bằng
+     */
+    Operator[Operator["LessThanOrEqualTo"] = 4] = "LessThanOrEqualTo";
+    /**
+     * Lớn hơn hoặc bằng
+     */
+    Operator[Operator["GreaterThanOrEqualTo"] = 5] = "GreaterThanOrEqualTo";
+    /**
+     * Có giao cắt
+     */
+    Operator[Operator["IntersectExist"] = 6] = "IntersectExist";
+    /**
+     * Thuộc danh sách
+     */
+    Operator[Operator["In"] = 7] = "In";
+})(Operator || (exports.Operator = Operator = {}));