awing-library 2.1.2-beta → 2.1.2-stage

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

@@ -33,20 +33,34 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-var material_1 = require("@mui/material");
 var icons_material_1 = require("@mui/icons-material");
-var Utils_1 = require("../../Utils");
+var material_1 = require("@mui/material");
+var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
-var AddOrEditRule_1 = require("./AddOrEditRule");
 var ClassicBaseDrawer_1 = __importDefault(require("../../../../Commons/Components/ClassicBaseDrawer"));
 var Context_1 = require("../../../../Context");
 var i18n_1 = __importDefault(require("../../../../i18n"));
+var Utils_1 = require("../../Utils");
+var AddOrEditRule_1 = require("./AddOrEditRule");
+var Wrapper_1 = __importDefault(require("../../../../AWING/HOC/Wrapper"));
+var recoil_1 = require("recoil");
+var atoms_1 = require("./atoms");
 var classes = {
     paper: {
         padding: function (theme) { return theme.spacing(2); },
@@ -96,6 +110,7 @@ var Advanced = function (props) {
         editRule: false,
         editExpression: false,
     }), drawerRule = _b[0], setDrawerRule = _b[1];
+    var setLoginIds = (0, recoil_1.useSetRecoilState)(atoms_1.campaignLoginIdState);
     var _c = react_1.default.useState(null), anchorElRule = _c[0], setAnchorElRule = _c[1];
     var _d = react_1.default.useState({
         type: '',
@@ -104,6 +119,7 @@ var Advanced = function (props) {
     var _e = react_1.default.useState(defaultCampaignAdAdvanced), campaignAdAdvanced = _e[0], setCampaignAdAdvanced = _e[1];
     var _f = react_1.default.useState(false), isConfirm = _f[0], setIsConfirm = _f[1];
     (0, react_1.useEffect)(function () {
+        setLoginIds(props.loginIds);
         if (initialCampaignAdAdvanced)
             setCampaignAdAdvanced(initialCampaignAdAdvanced);
     }, [initialCampaignAdAdvanced]);
@@ -123,7 +139,7 @@ var Advanced = function (props) {
             alert(t('Campaign.MaximumNumberOfRule'));
             return;
         }
-        setRule(__assign(__assign({}, rule), { type: type }));
+        setRule(function (prev) { return (__assign(__assign({}, prev), { type: type })); });
         handleButtonMenuClose();
         setDrawerRule(function (prev) { return (__assign(__assign({}, prev), { addRule: true })); });
         // navigate(Constants.CAMPAIGN_ADD_RULE)
@@ -133,7 +149,7 @@ var Advanced = function (props) {
         // navigate(Constants.CAMPAIGN_UPDATE_EXPRESSION)
     };
     var handleEditRule = function (ruleName) {
-        setRule(__assign(__assign({}, rule), { name: ruleName }));
+        setRule(function (prev) { return (__assign(__assign({}, prev), { name: ruleName })); });
         setDrawerRule(function (prev) { return (__assign(__assign({}, prev), { editRule: true })); });
         // navigate(Constants.CAMPAIGN_EDIT_RULE)
     };
@@ -173,6 +189,7 @@ var Advanced = function (props) {
             RetargetPlace: t('Campaign.RuleType.RetargetPlace'),
             RetargetDomain: t('Campaign.RuleType.RetargetDomain'),
             RetargetMacAddress: t('Campaign.RuleType.RetargetMacAddress'),
+            Authentication: t('Campaign.RuleType.Engagement'),
         },
     };
     var handleSubmit = function () {
@@ -189,10 +206,14 @@ var Advanced = function (props) {
             onClose();
         }
     };
+    var ruleType = react_1.default.useMemo(function () {
+        var RetargetMacAddress = Utils_1.RuleType.RetargetMacAddress, other = __rest(Utils_1.RuleType, ["RetargetMacAddress"]);
+        return (service === null || service === void 0 ? void 0 : service.remarketingListGetAll) ? Utils_1.RuleType : other;
+    }, [service]);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ClassicBaseDrawer_1.default, { title: translationText.advanced, open: isOpen, onSubmit: handleSubmit, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { sx: classes.paper, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, md: true }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, sx: classes.buttonGroup, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "primary", endIcon: (0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {}), "aria-controls": "simple-menu", "aria-haspopup": "true", onClick: function (e) {
                                                     e.stopPropagation();
                                                     setAnchorElRule(e.currentTarget);
-                                                }, children: translationText.addRule }), (0, jsx_runtime_1.jsx)(material_1.Menu, { id: "simple-menu", anchorEl: anchorElRule, keepMounted: true, open: Boolean(anchorElRule), onClose: function () { return handleButtonMenuClose(); }, children: Object.keys(Utils_1.RuleType).map(function (type, idx) {
+                                                }, children: translationText.addRule }), (0, jsx_runtime_1.jsx)(material_1.Menu, { id: "simple-menu", anchorEl: anchorElRule, keepMounted: true, open: Boolean(anchorElRule), onClose: function () { return handleButtonMenuClose(); }, children: Object.keys(ruleType).map(function (type, idx) {
                                                     var _a;
                                                     return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: function () { return handleAddRule(type); }, children: ((_a = Object.entries(translationText.type).find(function (_a) {
                                                             var k = _a[0], val = _a[1];
@@ -215,4 +236,4 @@ var Advanced = function (props) {
                     setCampaignAdAdvanced(__assign(__assign({}, campaignAdAdvanced), { ruleLogicalExpression: ruleLogicalExpression }));
                 } }))] }));
 };
-exports.default = Advanced;
+exports.default = (0, Wrapper_1.default)(Advanced, { component: recoil_1.RecoilRoot });

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

@@ -113,28 +113,28 @@ function EditAds(props) {
     var convertAd = function (inputObj) {
         var result = {};
         selectedFields.forEach(function (f) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             switch (f) {
                 case 'time':
-                    result.startDate = (0, Helpers_1.convertDateTimeToTimestamp)((_b = (_a = inputObj === null || inputObj === void 0 ? void 0 : inputObj.time) === null || _a === void 0 ? void 0 : _a.startDate) === null || _b === void 0 ? void 0 : _b.toDate());
-                    result.endDate = (0, Helpers_1.convertDateTimeToTimestamp)((_d = (_c = inputObj === null || inputObj === void 0 ? void 0 : inputObj.time) === null || _c === void 0 ? void 0 : _c.endDate) === null || _d === void 0 ? void 0 : _d.toDate());
+                    result.startDate = (0, Helpers_1.convertDateTimeToTimestamp)((_a = inputObj === null || inputObj === void 0 ? void 0 : inputObj.time[0]) === null || _a === void 0 ? void 0 : _a.toDate());
+                    result.endDate = (0, Helpers_1.convertDateTimeToTimestamp)((_b = inputObj === null || inputObj === void 0 ? void 0 : inputObj.time[1]) === null || _b === void 0 ? void 0 : _b.toDate());
                     break;
                 case 'placeFilter':
                     result.placeFilter = placeFilterValue;
                     result.places = selectedPlaces;
                     break;
                 case 'loginId':
-                    result.loginId = (_e = inputObj[f]) === null || _e === void 0 ? void 0 : _e.value;
+                    result.loginId = (_c = inputObj[f]) === null || _c === void 0 ? void 0 : _c.value;
                     result.loginPage = {
-                        pageId: (_f = inputObj[f]) === null || _f === void 0 ? void 0 : _f.value,
-                        title: (_g = inputObj[f]) === null || _g === void 0 ? void 0 : _g.text,
+                        pageId: (_d = inputObj[f]) === null || _d === void 0 ? void 0 : _d.value,
+                        title: (_e = inputObj[f]) === null || _e === void 0 ? void 0 : _e.text,
                     };
                     break;
                 case 'welcomeId':
-                    result.welcomeId = (_h = inputObj[f]) === null || _h === void 0 ? void 0 : _h.value;
+                    result.welcomeId = (_f = inputObj[f]) === null || _f === void 0 ? void 0 : _f.value;
                     result.welcomePage = {
-                        pageId: (_j = inputObj[f]) === null || _j === void 0 ? void 0 : _j.value,
-                        title: (_k = inputObj[f]) === null || _k === void 0 ? void 0 : _k.text,
+                        pageId: (_g = inputObj[f]) === null || _g === void 0 ? void 0 : _g.value,
+                        title: (_h = inputObj[f]) === null || _h === void 0 ? void 0 : _h.text,
                     };
                     break;
                 default:

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

@@ -1,4 +1,4 @@
-import { SetStateAction, Dispatch } from 'react';
+import { Dispatch, SetStateAction } from 'react';
 import { CampaignGroup } from '../../Types';
 type SubCampaignDetailProps = {
     /**

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

@@ -10,99 +10,132 @@ 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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 Hooks_1 = __importDefault(require("../../../../ACM-AXN/Campaign/Hooks"));
+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 service = (0, Hooks_1.default)().service;
     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) })); });
+                                    }, 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
+                                        : '' }) }), service.attributesGetByObjectTypeCode ? ((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)); })
+                                        .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)); }) }) })) : null] })), (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/SubCampaignList.test.js

@@ -14,7 +14,7 @@ var Recoils_1 = require("../Recoils");
 function MockComponent(props) {
     return (0, jsx_runtime_1.jsx)("div", {});
 }
-jest.mock('awing-library/lib/AWING', function () { return ({
+jest.mock('AWING', function () { return ({
     Actions: MockComponent,
 }); });
 var RecoilObserver = function (_a) {

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/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;