awing-library 2.1.78-beta → 2.1.78

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

@@ -10,99 +10,128 @@ 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 __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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var recoil_1 = require("recoil");
+var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
-var material_1 = require("@mui/material");
-// import { CampaignGroup, CampaignTicket } from '../../types'
+var recoil_1 = require("recoil");
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
+var Enum_2 = require("../../../../ACM-AXN/Common/Enum");
 var lodash_1 = require("lodash");
-var Types_1 = require("../../Types");
 var Utils_1 = require("../../Utils");
 var Recoils_1 = require("../Recoils");
+var material_1 = require("@mui/material");
 function SubCampaignDetail(props) {
     var t = (0, react_i18next_1.useTranslation)().t;
     var subCampaign = props.subCampaign, onSubCampaignChange = props.onSubCampaignChange, onChangeSubCampaignStatus = props.onChangeSubCampaignStatus;
-    var getFormValid = function () { return (__assign(__assign(__assign({}, ((0, Utils_1.nameValid)(subCampaign.name) && {
-        name: true,
-    })), ((!(0, Utils_1.checkPriority)(subCampaign.priority, Types_1.CampaignPriority.ClassB) ||
-        (0, Utils_1.bookingValid)(subCampaign.bookingAmount)) && {
-        bookingAmount: true,
-    })), ((0, Utils_1.bonusValid)(subCampaign.bonusAmount) && {
-        bonusAmount: true,
-    }))); };
-    var _a = (0, react_1.useState)(getFormValid), subValid = _a[0], setSubValid = _a[1];
+    var getFormValid = function () { return ({
+        name: (0, Utils_1.nameValid)(subCampaign.name),
+        bookingAmount: !(0, Utils_1.checkPriority)(subCampaign.priority, Enum_1.CampaignPriority.ClassB) || (0, Utils_1.bookingValid)(subCampaign.bookingAmount),
+        bonusAmount: (0, Utils_1.bonusValid)(subCampaign.bonusAmount),
+        billingUnit: subCampaign.billingUnit !== null,
+    }); };
+    var _a = react_1.default.useState(getFormValid), subValid = _a[0], setSubValid = _a[1];
     var isCreate = (0, recoil_1.useRecoilValue)(Recoils_1.isCreateState);
     (0, react_1.useEffect)(function () {
-        setSubValid(getFormValid());
         onSubCampaignChange(function (prev) { return (0, lodash_1.cloneDeep)(prev); });
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [subCampaign.id]);
+    }, [onSubCampaignChange]);
     (0, react_1.useEffect)(function () {
-        onChangeSubCampaignStatus(Boolean(subValid.name && subValid.bookingAmount && subValid.bonusAmount));
+        onChangeSubCampaignStatus(Object.values(getFormValid()).every(Boolean));
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [subValid.name, subValid.bookingAmount, subValid.bonusAmount]);
+    }, [subCampaign]);
     /**
      * Hàm cập nhật trạng thái các trường của chiến dịch con
      * @param fieldName Tên trường cần cập nhật
      * @param status Trạng thái mới
      */
-    var handleChangeStatus = function (fieldName, status) {
-        if (subValid[fieldName] !== status)
-            setSubValid(function (pre) {
-                var _a;
-                return (__assign(__assign({}, pre), (_a = {}, _a[fieldName] = status, _a)));
-            });
-    };
     var translationText = {
         name: t('Campaign.Name'),
         ticket: t('Campaign.Ticket'),
+        BillingUnit: t('Campaign.BillingUnit.Title'),
         priority: t('Campaign.Detail.Priority'),
         booking: t('Campaign.BookingText'),
         bonus: t('Campaign.BonusText'),
         reserved: t('Campaign.Reserved'),
         none: t('Common.None'),
         helperText: t('Common.Required'),
+        notNegative: t('Common.NotNegative'),
     };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, style: { padding: 8, paddingBottom: 0 }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "name", name: "name", variant: "standard", required: true, fullWidth: true, label: translationText.name, value: subCampaign.name, onChange: function (e) {
-                                var value = e.target.value;
-                                handleChangeStatus('name', (0, Utils_1.nameValid)(value));
-                                onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { name: value })); });
+                                onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { name: e.target.value })); });
                             }, error: subValid.name !== undefined && !subValid.name, helperText: subValid.name !== undefined && !subValid.name
                                 ? translationText.helperText
                                 : '' }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, style: { padding: 8 }, children: (0, jsx_runtime_1.jsxs)(material_1.TextField, { id: "ticket", name: "ticket", variant: "standard", select: true, required: true, fullWidth: true, label: translationText.ticket, value: subCampaign.ticket, onChange: function (e) {
                                 onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { ticket: Number(e.target.value) })); });
-                            }, disabled: isCreate, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Types_1.CampaignTicket.ACTIVE, children: t('Campaign.Active') }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Types_1.CampaignTicket.INACTIVE, children: t('Campaign.InActive') })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: subCampaign.isReserved, onChange: function (e) {
-                                    e.persist();
-                                    onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { isReserved: e.target.checked })); });
-                                }, name: "isReserved", color: "primary" }), label: translationText.reserved, style: { marginTop: 6 } }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, style: { padding: 8, paddingTop: 0 }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, style: { padding: 8 }, children: (0, jsx_runtime_1.jsxs)(material_1.TextField, { id: "priority", select: true, required: true, variant: "standard", fullWidth: true, label: translationText.priority, value: isNaN(Number(subCampaign.priority))
+                            }, disabled: isCreate, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Enum_1.CampaignTicket.ACTIVE, children: t('Campaign.Active') }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Enum_1.CampaignTicket.INACTIVE, children: t('Campaign.InActive') })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "priority", select: true, required: true, variant: "standard", fullWidth: true, label: translationText.priority, value: isNaN(Number(subCampaign.priority))
                                 ? subCampaign.priority
-                                : Object.values(Types_1.CampaignPriority)[subCampaign.priority], onChange: function (e) {
-                                var newPriority = Object.values(Types_1.CampaignPriority).indexOf(e.target.value);
+                                : Object.values(Enum_1.CampaignPriority)[subCampaign.priority], onChange: function (e) {
+                                var newPriority = Object.values(Enum_1.CampaignPriority).indexOf(e.target.value);
                                 onSubCampaignChange(function (pre) {
-                                    var newSubCamp = __assign(__assign({}, pre), { priority: newPriority, bookingAmount: (0, Utils_1.checkPriority)(newPriority, Types_1.CampaignPriority.ClassB)
-                                            ? 10
-                                            : 0, bonusAmount: 0 });
+                                    var newSubCamp = __assign(__assign(__assign(__assign({}, pre), { priority: newPriority }), ((0, Utils_1.checkPriority)(newPriority, Enum_1.CampaignPriority.ClassB)
+                                        ? {
+                                            bookingAmount: 10,
+                                            billingUnit: Enum_2.AnalyticType.AUTHENTICATION,
+                                        }
+                                        : {
+                                            bookingAmount: 0,
+                                            billingUnit: Enum_2.AnalyticType.AUTHENTICATION,
+                                        })), { bonusAmount: 0 });
                                     setSubValid(function (pre) { return (__assign(__assign({}, pre), { bookingAmount: true, bonusAmount: true })); });
                                     return newSubCamp;
                                 });
-                            }, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Types_1.CampaignPriority.ClassA, children: t('Campaign.ClassA') }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Types_1.CampaignPriority.ClassB, children: t('Campaign.ClassB') }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Types_1.CampaignPriority.ClassC, children: t('Campaign.ClassC') })] }) }), (0, Utils_1.checkPriority)(subCampaign.priority, Types_1.CampaignPriority.ClassB) && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "bookingAmount", required: true, fullWidth: true, variant: "standard", type: "number", label: translationText.booking, value: subCampaign.bookingAmount, onChange: function (e) {
-                                var value = Number(e.target.value);
-                                handleChangeStatus('bookingAmount', (0, Utils_1.bookingValid)(value));
-                                onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { bookingAmount: value })); });
-                            }, onFocus: function (event) { return event.target.select(); }, error: subValid.bookingAmount !== undefined &&
-                                !subValid.bookingAmount, helperText: subValid.bookingAmount !== undefined &&
-                                !subValid.bookingAmount
-                                ? translationText.helperText
-                                : '' }) })), (0, Utils_1.checkPriority)(subCampaign.priority, Types_1.CampaignPriority.ClassB) && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "bonusAmount", variant: "standard", fullWidth: true, type: "number", label: translationText.bonus, value: subCampaign.bonusAmount, onChange: function (e) {
-                                var value = Number(e.target.value);
-                                handleChangeStatus('bonusAmount', (0, Utils_1.bonusValid)(value));
-                                onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { bonusAmount: value })); });
-                            }, onFocus: function (event) { return event.target.select(); }, error: subValid.bonusAmount !== undefined &&
-                                !subValid.bonusAmount, helperText: subValid.bonusAmount !== undefined &&
-                                !subValid.bonusAmount
-                                ? translationText.helperText
-                                : '' }) }))] })] }));
+                            }, children: Object.values(Enum_1.CampaignPriority).map(function (priority) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: priority, children: t("Campaign.".concat(priority)) }, priority)); }) }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, style: { padding: 8, paddingTop: 0 }, children: [(0, Utils_1.checkPriority)(subCampaign.priority, Enum_1.CampaignPriority.ClassB) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "bookingAmount", required: true, fullWidth: true, variant: "standard", type: "number", label: translationText.booking, value: subCampaign.bookingAmount, onChange: function (e) {
+                                        onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { bookingAmount: Number(e.target.value), bonusAmount: Math.round(Number(e.target.value) * 0.05) })); });
+                                    }, onFocus: function (event) { return event.target.select(); }, error: subValid.bookingAmount !== undefined &&
+                                        !subValid.bookingAmount, helperText: subValid.bookingAmount !== undefined &&
+                                        !subValid.bookingAmount
+                                        ? subCampaign.bookingAmount < 0
+                                            ? translationText.notNegative
+                                            : translationText.helperText
+                                        : '' }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "bonusAmount", variant: "standard", fullWidth: true, type: "number", label: translationText.bonus, value: subCampaign.bonusAmount, onChange: function (e) {
+                                        var value = Number(e.target.value);
+                                        onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { bonusAmount: value })); });
+                                    }, onFocus: function (event) { return event.target.select(); }, error: subValid.bonusAmount !== undefined &&
+                                        !subValid.bonusAmount, helperText: subValid.bonusAmount !== undefined &&
+                                        !subValid.bonusAmount
+                                        ? subCampaign.bonusAmount < 0
+                                            ? translationText.notNegative
+                                            : translationText.helperText
+                                        : '' }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "billingUnit", required: true, select: true, variant: "standard", fullWidth: true, label: translationText.BillingUnit, value: String(subCampaign.billingUnit), onChange: function (e) {
+                                        onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { billingUnit: Number(e.target.value) })); });
+                                    }, error: subValid.billingUnit !== undefined &&
+                                        !subValid.billingUnit, helperText: subValid.billingUnit !== undefined &&
+                                        !subValid.billingUnit
+                                        ? translationText.helperText
+                                        : '', children: Object.values(Enum_2.AnalyticType)
+                                        .filter(function (item) { return !isNaN(Number(item)); })
+                                        .filter(Boolean)
+                                        .map(function (type) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: type, children: t("Campaign.BillingUnit.".concat((0, lodash_1.capitalize)((0, lodash_1.camelCase)(Enum_2.AnalyticType[type])))) }, type)); }) }) })] })), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: subCampaign.isReserved, onChange: function (e) {
+                                    e.persist();
+                                    onSubCampaignChange(function (pre) { return (__assign(__assign({}, pre), { isReserved: e.target.checked })); });
+                                }, name: "isReserved", color: "primary" }), label: translationText.reserved, style: { marginTop: 6 } }) })] })] }));
 }
 exports.default = SubCampaignDetail;

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;