awing-library 2.1.78-beta → 2.1.78

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

@@ -1,7 +1,9 @@
-import { CampaignPriority, CampaignAttribute, CampaignGroupModel, CampaignModel, Campaign, CampaignPartner, CampaignAd, Timestamp, PlaceFilter, CampaignAdWeight, CampaignAdAdvanced, CampaignAdvancedRule, CampaignGroup } from './Types';
+import { CampaignAttribute, CampaignGroupModel, CampaignModel, Campaign, CampaignPartner, CampaignAd, PlaceFilter, CampaignAdWeight, CampaignAdAdvanced, CampaignAdvancedRule, CampaignGroup } from './Types';
+import { CampaignPriority } from './Enum';
+import { Timestamp } from '../../ACM-AXN/Common/Types';
 export declare const getIndexPriority: (priorityCompare: CampaignPriority) => number;
 export declare const checkPriority: (keyPriority: number | "ClassA" | "ClassB" | "ClassC" | undefined, priorityCompare: `${CampaignPriority}`) => boolean;
-export declare const getTotalBooking: (campaignGroupModels: CampaignGroupModel[]) => string | null;
+export declare const getTotalBooking: (campaignGroupModels: CampaignGroupModel[]) => string;
 export declare const formatListCampaign: (listCampaign?: CampaignModel[], ids?: string[]) => any[];
 export declare const checkCampaignIsRunning: (campaignGroupModel: CampaignGroupModel) => boolean;
 export declare const getCampaignPriority: (priority?: number | `${CampaignPriority}`) => any;
@@ -75,6 +77,7 @@ export declare const nextChar: (c: string) => string;
 export declare const RuleType: {
     LimitView: number;
     LimitClick: number;
+    Authentication: number;
     LimitEvent: number;
     TargetGender: number;
     TargetAge: number;
@@ -129,3 +132,7 @@ export declare enum CampaignType {
     TextMatching = "TextMatching",
     Other = "Other"
 }
+export declare enum adAnalyticType {
+    Spot = 0,
+    Engagements = 1
+}

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

@@ -12,15 +12,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CampaignType = exports.ageRangeValueToText = exports.RuleAgeRange = exports.DEMO_GRAPHIC_AGE_RANGE = exports.getDescription = exports.isAdActive = exports.RuleGender = exports.RuleTypeOfCalculatorAXN = exports.RuleTypeOfCalculator = exports.RuleType = exports.nextChar = exports.getName = exports.getDefaultRule = exports.bonusValid = exports.bookingValid = exports.adsClassCValid = exports.groupClassCValid = exports.groupClassBValid = exports.campaignAdsValid = exports.ruleValid = exports.verifyExpr = exports.advancedValid = exports.weightsValid = exports.placeFilterValid = exports.dateRangeValid = exports.pageValid = exports.campaignAdValid = exports.validateAnalyticTypes = exports.checkValidUrl = exports.tabPartnerValid = exports.tabInfomationValid = exports.attributesValid = exports.nameValid = exports.directoryValid = exports.advancedSearchFormatDate = exports.getCampaignPriority = exports.checkCampaignIsRunning = exports.formatListCampaign = exports.getTotalBooking = exports.checkPriority = exports.getIndexPriority = void 0;
-var Types_1 = require("./Types");
+exports.adAnalyticType = exports.CampaignType = exports.ageRangeValueToText = exports.RuleAgeRange = exports.DEMO_GRAPHIC_AGE_RANGE = exports.getDescription = exports.isAdActive = exports.RuleGender = exports.RuleTypeOfCalculatorAXN = exports.RuleTypeOfCalculator = exports.RuleType = exports.nextChar = exports.getName = exports.getDefaultRule = exports.bonusValid = exports.bookingValid = exports.adsClassCValid = exports.groupClassCValid = exports.groupClassBValid = exports.campaignAdsValid = exports.ruleValid = exports.verifyExpr = exports.advancedValid = exports.weightsValid = exports.placeFilterValid = exports.dateRangeValid = exports.pageValid = exports.campaignAdValid = exports.validateAnalyticTypes = exports.checkValidUrl = exports.tabPartnerValid = exports.tabInfomationValid = exports.attributesValid = exports.nameValid = exports.directoryValid = exports.advancedSearchFormatDate = exports.getCampaignPriority = exports.checkCampaignIsRunning = exports.formatListCampaign = exports.getTotalBooking = exports.checkPriority = exports.getIndexPriority = void 0;
 var Enum_1 = require("./Enum");
 var Helpers_1 = require("../../Utils/Helpers");
 var i18n_1 = __importDefault(require("../../i18n"));
 var moment_1 = __importDefault(require("moment"));
 var validation_1 = require("../../AWING/ultis/validation");
 var getIndexPriority = function (priorityCompare) {
-    return Object.values(Types_1.CampaignPriority).indexOf(priorityCompare);
+    return Object.values(Enum_1.CampaignPriority).indexOf(priorityCompare);
 };
 exports.getIndexPriority = getIndexPriority;
 var checkPriority = function (keyPriority, priorityCompare) {
@@ -28,20 +27,20 @@ var checkPriority = function (keyPriority, priorityCompare) {
     if (isNaN(Number(keyPriority))) {
         return keyPriority === priorityCompare;
     }
-    return (Object.values(Types_1.CampaignPriority)[keyPriority] ===
+    return (Object.values(Enum_1.CampaignPriority)[keyPriority] ===
         priorityCompare);
 };
 exports.checkPriority = checkPriority;
 var getTotalBooking = function (campaignGroupModels) {
     var _a, _b;
-    var campaignGroupModelsClassB = campaignGroupModels.filter(function (x) { var _a; return (0, exports.checkPriority)((_a = x.campaignGroup) === null || _a === void 0 ? void 0 : _a.priority, Types_1.CampaignPriority.ClassB); });
+    var campaignGroupModelsClassB = campaignGroupModels.filter(function (x) { var _a; return (0, exports.checkPriority)((_a = x.campaignGroup) === null || _a === void 0 ? void 0 : _a.priority, Enum_1.CampaignPriority.ClassB); });
     // Chỉ cộng sub campaign Cấp B. Nếu ko chứa cấp B => N/A luôn
     if (campaignGroupModelsClassB.length > 0) {
         var result = 0;
         for (var i = 0; i < campaignGroupModels.length; i++) {
             result += ((_b = (_a = campaignGroupModels[i]) === null || _a === void 0 ? void 0 : _a.campaignGroup) === null || _b === void 0 ? void 0 : _b.bookingAmount) || 0;
         }
-        return (0, Helpers_1.roundDecimalNumber)(result);
+        return (0, Helpers_1.formatNumber)(result);
     }
     else
         return 'N/A';
@@ -81,12 +80,12 @@ var getCampaignPriority = function (priority) {
     var result = 'Ⓐ';
     var switchVar = isNaN(Number(priority))
         ? priority
-        : Object.values(Types_1.CampaignPriority)[priority];
+        : Object.values(Enum_1.CampaignPriority)[priority];
     switch (switchVar) {
-        case Types_1.CampaignPriority.ClassB:
+        case Enum_1.CampaignPriority.ClassB:
             result = 'Ⓑ';
             break;
-        case Types_1.CampaignPriority.ClassC:
+        case Enum_1.CampaignPriority.ClassC:
             result = 'Ⓒ';
             break;
         default:
@@ -117,7 +116,7 @@ function attributesValid(value) {
 exports.attributesValid = attributesValid;
 function tabInfomationValid(campaign, campaignAttributes) {
     return (directoryValid(campaign.directoryId) &&
-        (0, validation_1.textValidation)(campaign.name, 200).valid &&
+        (0, validation_1.textValidation)(campaign.name, 200, true, false).valid &&
         attributesValid(campaignAttributes));
 }
 exports.tabInfomationValid = tabInfomationValid;
@@ -247,12 +246,12 @@ function campaignAdsValid(value) {
 }
 exports.campaignAdsValid = campaignAdsValid;
 function groupClassBValid(value) {
-    return (!(0, exports.checkPriority)(value.priority, Types_1.CampaignPriority.ClassB) ||
+    return (!(0, exports.checkPriority)(value.priority, Enum_1.CampaignPriority.ClassB) ||
         (bookingValid(value.bookingAmount) && bonusValid(value.bonusAmount)));
 }
 exports.groupClassBValid = groupClassBValid;
 function groupClassCValid(value) {
-    if (!(0, exports.checkPriority)(value.campaignGroup.priority, Types_1.CampaignPriority.ClassC))
+    if (!(0, exports.checkPriority)(value.campaignGroup.priority, Enum_1.CampaignPriority.ClassC))
         return true;
     return adsClassCValid(value.ads);
 }
@@ -298,6 +297,7 @@ var getDefaultRule = function (type) {
     switch (type) {
         case exports.RuleType.LimitView:
         case exports.RuleType.LimitClick:
+        case exports.RuleType.Authentication:
             return {
                 type: type,
                 operator: Enum_1.EnumOperator.LessThan.id,
@@ -368,6 +368,7 @@ exports.nextChar = nextChar;
 exports.RuleType = {
     LimitView: 0,
     LimitClick: 1,
+    Authentication: 8,
     LimitEvent: 2,
     TargetGender: 3,
     TargetAge: 4,
@@ -440,6 +441,14 @@ var getDescription = function (rule) {
         value = JSON.parse(value);
     }
     switch (rule.type) {
+        case exports.RuleType.Authentication:
+            {
+                var textFormat = i18n_1.default.t('Campaign.Rule.DescriptionFormat.LimitEngagement');
+                result += textFormat.replace('{0}', operatorText);
+                result = result.replace('{1}', value);
+                result = result.replace('{2}', params.period <= 0 ? unlimit : params.period);
+            }
+            break;
         case exports.RuleType.LimitView:
             {
                 var textFormat = i18n_1.default.t('Campaign.Rule.DescriptionFormat.LimitView');
@@ -460,6 +469,7 @@ var getDescription = function (rule) {
             {
                 var textFormat = i18n_1.default.t('Campaign.Rule.DescriptionFormat.LimitEvent');
                 result += textFormat.replace('{0}', params.eventLabel);
+                result = result.replace('{x}', params.viewNumber);
                 result = result.replace('{1}', operatorText);
                 result = result.replace('{2}', value);
                 result = result.replace('{3}', params.period <= 0 ? unlimit : params.period);
@@ -621,3 +631,8 @@ var CampaignType;
     CampaignType["TextMatching"] = "TextMatching";
     CampaignType["Other"] = "Other";
 })(CampaignType || (exports.CampaignType = CampaignType = {}));
+var adAnalyticType;
+(function (adAnalyticType) {
+    adAnalyticType[adAnalyticType["Spot"] = 0] = "Spot";
+    adAnalyticType[adAnalyticType["Engagements"] = 1] = "Engagements";
+})(adAnalyticType || (exports.adAnalyticType = adAnalyticType = {}));

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

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 import { CampaignFeatureProps } from './Types';
 export declare const CampaignFeature: React.FC<CampaignFeatureProps>;
+export * from './CreateOrEdit/TabStatistic/container';
+export default CampaignFeature;

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

@@ -10,19 +10,32 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CampaignFeature = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-// import Constants from "Commons/Constants";
 var react_helmet_async_1 = require("react-helmet-async");
 var react_i18next_1 = require("react-i18next");
 var CreateDirectory_1 = __importDefault(require("../../AWING/Directory/CreateDirectory"));
 var Router_1 = require("../../AWING/Router");
 var i18n_1 = __importDefault(require("../../i18n"));
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Container_1 = __importDefault(require("./Container"));
 var Context_1 = require("./Context");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
@@ -50,3 +63,5 @@ var Campaign = function (props) {
 };
 var CampaignFeature = function (props) { return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(Context_1.campaignPropsContext.Provider, { value: props, children: (0, jsx_runtime_1.jsx)(Campaign, __assign({}, props)) }) }) })); };
 exports.CampaignFeature = CampaignFeature;
+__exportStar(require("./CreateOrEdit/TabStatistic/container"), exports);
+exports.default = exports.CampaignFeature;

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

@@ -24,7 +24,7 @@ var react_1 = require("react");
 var material_1 = require("@mui/material");
 var react_i18next_1 = require("react-i18next");
 var Filter_1 = __importDefault(require("./Filter"));
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../Common/Constant");
 var Hooks_1 = __importDefault(require("./Hooks"));
 var Router_1 = require("../../AWING/Router");
 var Utils_1 = require("./Utils");
@@ -56,7 +56,8 @@ function Container() {
             .finally(function () {
             setLoading(false);
         });
-    }, [service, filterBy, queryInput]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [filterBy, queryInput]);
     var handleUpdateFilterBy = function (name, value) {
         if (filterBy[name] !== value) {
             setFilterBy(function (oldData) {
@@ -65,10 +66,13 @@ function Container() {
             });
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('CampaignPlan.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { marginBottom: function (theme) { return theme.spacing(2); } }, children: t('CampaignPlan.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('CampaignPlan.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { mb: 2 }, children: t('CampaignPlan.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                             display: 'flex',
                             justifyContent: 'flex-end',
-                            padding: '24px 16px 8px',
+                            pt: 3,
+                            pb: 1,
+                            pl: 2,
+                            pr: 2,
                         }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                 width: '50%',
                                 display: 'flex',
@@ -83,7 +87,17 @@ function Container() {
                             {
                                 field: 'name',
                                 headerName: t('CampaignPlan.CampaignName'),
-                                width: 200,
+                                width: 260,
+                                valueGetter: function (row) {
+                                    return ((0, jsx_runtime_1.jsxs)("span", { children: [row.name, (row === null || row === void 0 ? void 0 : row.isNetWork) && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                                    backgroundColor: '#c49f47',
+                                                    color: '#ffffff',
+                                                    fontSize: '13px',
+                                                    marginLeft: '4px',
+                                                    padding: '1px 4px',
+                                                    borderRadius: '2px',
+                                                }, children: "Network" }))] }));
+                                },
                             },
                             {
                                 field: 'endDate',
@@ -95,10 +109,8 @@ function Container() {
                             },
                             {
                                 field: 'totalRun',
-                                headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('CampaignPlan.NumberOfConnections'), ")"),
-                                valueGetter: function (row) {
-                                    return (0, Helpers_1.roundDecimalNumber)(row.totalRun);
-                                },
+                                headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('Campaign.BillingUnit.Title'), ")"),
+                                type: 'number',
                                 width: 200,
                                 TableCellProps: {
                                     align: 'right',
@@ -106,10 +118,10 @@ function Container() {
                             },
                             {
                                 field: 'totalExpected',
-                                headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('CampaignPlan.NumberOfConnections'), ")"),
+                                headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('Campaign.BillingUnit.Title'), ")"),
                                 valueGetter: function (row) {
                                     return row.isContainClassB
-                                        ? (0, Helpers_1.roundDecimalNumber)(row.totalExpected)
+                                        ? (0, Helpers_1.formatNumber)(row.totalExpected)
                                         : 'N/A';
                                 },
                                 width: 200,
@@ -122,10 +134,10 @@ function Container() {
                                 headerName: "".concat(t('CampaignPlan.AmountBooking'), " (+").concat(t('CampaignPlan.BonusText'), ")"),
                                 valueGetter: function (row) {
                                     return row.isContainClassB
-                                        ? (0, Helpers_1.roundDecimalNumber)(Number(row.total))
+                                        ? (0, Helpers_1.formatNumber)(Number(row.total))
                                         : 'N/A';
                                 },
-                                width: 180,
+                                width: 190,
                                 TableCellProps: {
                                     align: 'right',
                                 },

package/lib/ACM-AXN/CampaignPlan/Container.test.d.ts

@@ -3,4 +3,4 @@
  * @author dauquan1108@gmail.com on 03/12/2024.
  *
  **/
-import '@testing-library/jest-dom';
+export {};

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

@@ -57,7 +57,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  * @author dauquan1108@gmail.com on 03/12/2024.
  *
  **/
-require("@testing-library/jest-dom");
 var react_router_dom_1 = require("react-router-dom");
 var react_1 = require("@testing-library/react");
 var Container_1 = __importDefault(require("./Container"));
@@ -137,7 +136,7 @@ jest.mock('./Filter', function () { return function (props) {
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Filter component" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdateFilterBy", onClick: function () { return props.onUpdateFilterBy('campaignId', '0'); }, children: "onUpdateFilterBy" })] }));
 }; });
 // Mock DataGrid
-jest.mock('../../AWING', function () { return ({
+jest.mock('AWING', function () { return ({
     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('a', idx, '1') }, idx)); }), (0, jsx_runtime_1.jsx)("span", { children: props.getRowId(mockPagedList.items[0]) }), (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(2); } }), (0, jsx_runtime_1.jsx)("p", { "data-testid": "rowsPaginate", children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onRowClick", onClick: props.onRowClick, children: "onRowClick" })] })); },

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

@@ -70,26 +70,27 @@ function CampaignPlanDetail() {
                         field: 'name',
                         headerName: t('CampaignPlan.Group'),
                         valueGetter: function (row) {
-                            return "".concat(row.name, " ").concat(getCampaignPriority(row.priority));
+                            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [row.name, (0, jsx_runtime_1.jsx)(material_1.Typography, { component: 'span', sx: {
+                                            fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2" !important',
+                                            fontSize: 18,
+                                        }, children: getCampaignPriority(row.priority) })] }));
                         },
                     },
                     {
                         field: 'totalRun',
-                        headerName: t('CampaignPlan.HasRun'),
-                        valueGetter: function (row) {
-                            return (0, Helpers_1.roundDecimalNumber)(row.totalRun);
-                        },
+                        headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('Campaign.BillingUnit.Title'), ")"),
+                        type: 'number',
                         TableCellProps: {
                             align: 'right',
                         },
                     },
                     {
                         field: 'totalExpected',
-                        headerName: t('CampaignPlan.WillRun'),
+                        headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('Campaign.BillingUnit.Title'), ")"),
                         valueGetter: function (row) {
                             return row.priority ===
                                 Utils_1.CAMPAIGN_PRIORITY.CLASS_B
-                                ? (0, Helpers_1.roundDecimalNumber)(row.totalExpected)
+                                ? (0, Helpers_1.formatNumber)(row.totalExpected)
                                 : 'N/A';
                         },
                         TableCellProps: {
@@ -102,7 +103,7 @@ function CampaignPlanDetail() {
                         valueGetter: function (row) {
                             return row.priority ===
                                 Utils_1.CAMPAIGN_PRIORITY.CLASS_B
-                                ? (0, Helpers_1.roundDecimalNumber)(Number(row.total))
+                                ? (0, Helpers_1.formatNumber)(Number(row.total))
                                 : 'N/A';
                         },
                         TableCellProps: {

package/lib/ACM-AXN/CampaignPlan/Detail.test.d.ts

@@ -3,4 +3,4 @@
  * @author dauquan1108@gmail.com on 03/11/2024.
  *
  **/
-import '@testing-library/jest-dom';
+export {};

package/lib/ACM-AXN/CampaignPlan/Detail.test.js

@@ -58,7 +58,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("@testing-library/react");
 var Detail_1 = __importDefault(require("./Detail"));
-require("@testing-library/jest-dom");
 var mockCampaignPlan = {
     scheduleCampaignPlanModel: {
         campaignId: '5391179157958735137',
@@ -105,9 +104,9 @@ jest.mock('./Hooks', function () { return ({
 //  Mock đa ngữ
 jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
 // Mock Drawer
-jest.mock('../../Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "title-drawer", children: props.title }), props.children] })); }; });
+jest.mock('Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "title-drawer", children: props.title }), props.children] })); }; });
 // Mock PageManagement
-jest.mock('../../AWING', function () { return ({
+jest.mock('AWING', function () { return ({
     PageManagement: function (props) {
         props.onChangeQueryInput({
             searchString: '',

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

@@ -47,7 +47,7 @@ function Filters(props) {
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    var reserveTypes = [
+    var reserveTypes = (0, react_1.useMemo)(function () { return [
         {
             id: 0,
             name: t('CampaignPlan.AdvanceSearchOptionAll'),
@@ -63,10 +63,17 @@ function Filters(props) {
             name: t('CampaignPlan.NoneReserved'),
             value: Utils_1.CAMPAIGN_RESERVETYPES.NONERESERVED,
         },
-    ];
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", options: campaign, id: Utils_1.FilterByType.campaignId, "data-testid": Utils_1.FilterByType.campaignId, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, onChange: function (event, campaignItem) {
+    ]; }, [t]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", options: campaign, id: Utils_1.FilterByType.campaignId, "data-testid": Utils_1.FilterByType.campaignId, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, renderOption: function (props, option) { return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "li" }, props, { sx: { width: '100%' }, children: (0, jsx_runtime_1.jsxs)("span", { children: [option.name, option.isNetWork && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                    backgroundColor: '#c49f47',
+                                    color: '#ffffff',
+                                    fontSize: '13px',
+                                    marginLeft: '4px',
+                                    padding: '1px 4px',
+                                    borderRadius: '2px',
+                                }, children: "Network" }))] }) }))); }, onChange: function (event, campaignItem) {
                     onUpdateFilterBy(Utils_1.FilterByType.campaignId, (campaignItem === null || campaignItem === void 0 ? void 0 : campaignItem.id) || '0');
-                }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('CampaignPlan.CampaignName') }))); }, sx: { marginRight: function (theme) { return theme.spacing(2); } }, value: campaign.find(function (x) { return x.id === filterBy.campaignId; }) }), (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", options: reserveTypes, id: Utils_1.FilterByType.campaignReserved, "data-testid": Utils_1.FilterByType.campaignReserved, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, onChange: function (event, campaignItem) {
+                }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('CampaignPlan.CampaignName') }))); }, sx: { marginRight: function (theme) { return theme.spacing(2); } }, value: campaign.find(function (x) { return x.id === filterBy.campaignId; }) }), (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", sx: { maxWidth: 250 }, options: reserveTypes, id: Utils_1.FilterByType.campaignReserved, "data-testid": Utils_1.FilterByType.campaignReserved, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, onChange: function (event, campaignItem) {
                     onUpdateFilterBy(Utils_1.FilterByType.campaignReserved, (campaignItem === null || campaignItem === void 0 ? void 0 : campaignItem.value) || 0);
                 }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('CampaignPlan.ReserveType') }))); }, value: reserveTypes.find(function (x) { return x.value === filterBy.campaignReserved; }) })] }));
 }

package/lib/ACM-AXN/CampaignPlan/Filter.test.d.ts

@@ -3,4 +3,4 @@
  * @author dauquan1108@gmail.com on 03/12/2024.
  *
  **/
-import '@testing-library/jest-dom';
+export {};

package/lib/ACM-AXN/CampaignPlan/Filter.test.js

@@ -24,7 +24,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@testing-library/react");
 // import { BrowserRouter, useParams } from 'react-router-dom'
 var Filter_1 = __importDefault(require("./Filter"));
-require("@testing-library/jest-dom");
 var mockCampaign = [
     {
         id: '5391179157958735137',

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

@@ -32,7 +32,7 @@ export declare enum CampaignReserved {
     IsReserved = 1,
     NotReserved = 2
 }
-export interface IScheduleCampaignPlanModel {
+export interface ScheduleCampaignPlanModel {
     campaignId?: string;
     name?: string | undefined;
     endDate?: string;
@@ -42,21 +42,7 @@ export interface IScheduleCampaignPlanModel {
     totalExpected?: number;
     total?: string;
 }
-export declare class ScheduleCampaignPlanModel implements IScheduleCampaignPlanModel {
-    campaignId?: string;
-    name?: string | undefined;
-    endDate?: string;
-    isNetworkCampaign?: boolean;
-    isContainClassB?: boolean;
-    totalRun?: number;
-    totalExpected?: number;
-    total?: string;
-    constructor(data?: IScheduleCampaignPlanModel);
-    init(_data?: any): void;
-    static fromJS(data: any): ScheduleCampaignPlanModel;
-    toJSON(data?: any): any;
-}
-export interface IPagedList_1OfScheduleCampaignPlanModel {
+export interface PagedList_1OfScheduleCampaignPlanModel {
     items?: ScheduleCampaignPlanModel[] | undefined;
     pageCount?: number;
     totalItemCount?: number;
@@ -65,29 +51,7 @@ export interface IPagedList_1OfScheduleCampaignPlanModel {
     hasPreviousPage?: boolean;
     hasNextPage?: boolean;
 }
-export declare class PagedList_1OfScheduleCampaignPlanModel implements IPagedList_1OfScheduleCampaignPlanModel {
-    items?: ScheduleCampaignPlanModel[] | undefined;
-    pageCount?: number;
-    totalItemCount?: number;
-    pageNumber?: number;
-    pageSize?: number;
-    readonly hasPreviousPage?: boolean;
-    readonly hasNextPage?: boolean;
-    constructor(data?: IPagedList_1OfScheduleCampaignPlanModel);
-    init(_data?: any): void;
-    static fromJS(data: any): PagedList_1OfScheduleCampaignPlanModel;
-    toJSON(data?: any): any;
-}
-export interface IScheduleCampaignPlanGroupModel {
-    groupId?: number;
-    name?: string | undefined;
-    totalRun?: number;
-    totalExpected?: number;
-    isReserved?: boolean;
-    total?: string;
-    priority?: number;
-}
-export declare class ScheduleCampaignPlanGroupModel implements IScheduleCampaignPlanGroupModel {
+export interface ScheduleCampaignPlanGroupModel {
     groupId?: number;
     name?: string | undefined;
     totalRun?: number;
@@ -95,54 +59,22 @@ export declare class ScheduleCampaignPlanGroupModel implements IScheduleCampaign
     isReserved?: boolean;
     total?: string;
     priority?: number;
-    constructor(data?: IScheduleCampaignPlanGroupModel);
-    init(_data?: any): void;
-    static fromJS(data: any): ScheduleCampaignPlanGroupModel;
-    toJSON(data?: any): any;
-}
-export interface IScheduleCampaignPlanDetail {
-    scheduleCampaignPlanModel?: ScheduleCampaignPlanModel;
-    scheduleCampaignPlanGroups?: ScheduleCampaignPlanGroupModel[] | undefined;
-    total?: number;
 }
-export declare class ScheduleCampaignPlanDetail implements IScheduleCampaignPlanDetail {
+export interface ScheduleCampaignPlanDetail {
     scheduleCampaignPlanModel?: ScheduleCampaignPlanModel;
     scheduleCampaignPlanGroups?: ScheduleCampaignPlanGroupModel[] | undefined;
     total?: number;
-    constructor(data?: IScheduleCampaignPlanDetail);
-    init(_data?: any): void;
-    static fromJS(data: any): ScheduleCampaignPlanDetail;
-    toJSON(data?: any): any;
 }
-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 {
-    id?: string;
-    directoryId?: string;
-    directoryPath?: string | undefined;
-    name?: string | undefined;
-    createdDate?: Timestamp;
-}
-export declare class Campaign implements ICampaign {
+export interface Campaign {
     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 Cancel {
     message: string | undefined;