awing-library 2.1.137-beta → 2.1.139-beta

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

@@ -136,6 +136,7 @@ function AdList(props) {
             setAdOpen({
                 subCampaignId: newAd.campaignGroupId,
                 adId: newAd.id,
+                loginId: newAd.loginId,
             });
             handleChangeAdStatus(newAd, (0, Utils_1.campaignAdValid)(newAd));
         }
@@ -269,6 +270,7 @@ function AdList(props) {
                                                             ? ads.map(function (ad) { return ({
                                                                 subCampaignId: ad.campaignGroupId,
                                                                 adId: ad.id,
+                                                                loginId: ad.loginId,
                                                             }); })
                                                             : [];
                                                     });
@@ -283,7 +285,7 @@ function AdList(props) {
                                                                 } }, getDatePropsForWeight()));
                                                         }, "aria-label": "weight", children: (0, jsx_runtime_1.jsx)(AvTimer_1.default, { fontSize: "small" }) }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.advanced, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: function () {
                                                             return setIsAdvancedDrawerOpen(true);
-                                                        }, "aria-label": "advanced", disabled: hasClassC, children: (0, jsx_runtime_1.jsx)(StarHalf_1.default, { fontSize: "small" }) }) }), isAdvancedDrawerOpen && ((0, jsx_runtime_1.jsx)(Advanced_1.default, { service: service, isOpen: isAdvancedDrawerOpen, onClose: function () {
+                                                        }, "aria-label": "advanced", disabled: hasClassC, children: (0, jsx_runtime_1.jsx)(StarHalf_1.default, { fontSize: "small" }) }) }), isAdvancedDrawerOpen && ((0, jsx_runtime_1.jsx)(Advanced_1.default, { loginIds: Array.from(new Set(adSelected.map(function (x) { return x.loginId; }))), service: service, isOpen: isAdvancedDrawerOpen, onClose: function () {
                                                         return setIsAdvancedDrawerOpen(false);
                                                     }, onChange: function (setStateAction) {
                                                         return onChange(adSelected, function (preCampaignAd) {
@@ -339,6 +341,7 @@ function AdList(props) {
                                                         {
                                                             subCampaignId: ad.campaignGroupId,
                                                             adId: ad.id,
+                                                            loginId: ad.loginId,
                                                         },
                                                     ]);
                                             });

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

@@ -185,7 +185,7 @@ function AdRow(props) {
                                             action: onDelete,
                                             name: translationText.delete,
                                         },
-                                    ]), true), size: "medium" }), (0, jsx_runtime_1.jsxs)("div", { onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(material_1.Snackbar, { open: openCopiedMessage, autoHideDuration: 2000, onClose: function () { return setOpenCopiedMessage(false); }, message: translationText.copied }), showTheSource && ((0, jsx_runtime_1.jsx)(ShowTheSource_1.default, { isOpen: showTheSource, onClose: function () { return setShowTheSource(false); }, loginId: ad.loginId, welcomeId: ad.welcomeId })), isAdvancedDrawerOpen && ((0, jsx_runtime_1.jsx)(Advanced_1.default, { service: service, isOpen: isAdvancedDrawerOpen, onClose: function () { return setIsAdvancedDrawerOpen(false); }, initialCampaignAdAdvanced: ad.advanced, onChange: function (setStateAction) {
+                                    ]), true), size: "medium" }), (0, jsx_runtime_1.jsxs)("div", { onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(material_1.Snackbar, { open: openCopiedMessage, autoHideDuration: 2000, onClose: function () { return setOpenCopiedMessage(false); }, message: translationText.copied }), showTheSource && ((0, jsx_runtime_1.jsx)(ShowTheSource_1.default, { isOpen: showTheSource, onClose: function () { return setShowTheSource(false); }, loginId: ad.loginId, welcomeId: ad.welcomeId })), isAdvancedDrawerOpen && ((0, jsx_runtime_1.jsx)(Advanced_1.default, { service: service, isOpen: isAdvancedDrawerOpen, onClose: function () { return setIsAdvancedDrawerOpen(false); }, loginIds: [ad.loginId], initialCampaignAdAdvanced: ad.advanced, onChange: function (setStateAction) {
                                             return onChange(function (preCampaignAd) {
                                                 return (__assign(__assign({}, preCampaignAd), { advanced: typeof setStateAction ===
                                                         'function'

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

@@ -63,6 +63,7 @@ var AddOrEditRule = function (props) {
             _a[Utils_1.RuleType.TargetOS] = t('Campaign.RuleType.TargetOS'),
             _a[Utils_1.RuleType.TargetDevice] = t('Campaign.RuleType.TargetDevice'),
             _a[Utils_1.RuleType.RetargetMacAddress] = t('Campaign.RuleType.RetargetMacAddress'),
+            _a[Utils_1.RuleType.Authentication] = t('Campaign.RuleType.Engagement'),
             _a),
         save: t('Common.Save'),
         invalidData: t('Common.InvalidData'),
@@ -90,6 +91,9 @@ var AddOrEditRule = function (props) {
                     eventLabel: Boolean(rule.parameter &&
                         rule.parameter.eventLabel &&
                         rule.parameter.eventLabel.length > 0),
+                    viewNumber: Boolean(rule.parameter &&
+                        rule.parameter.viewNumber &&
+                        (0, Helpers_1.validateNumber)(rule.parameter.viewNumber)),
                 };
             case Utils_1.RuleType.TargetGender:
                 return {
@@ -160,6 +164,8 @@ var AddOrEditRule = function (props) {
                 return ((0, jsx_runtime_1.jsx)(RuleForm_1.TargetDevice, { valids: valids, rule: currentRule, onChange: handleOnChange, deviceInfoGetAllRuleDevices: service === null || service === void 0 ? void 0 : service.deviceInfoGetAllRuleDevices }));
             case Utils_1.RuleType.RetargetMacAddress:
                 return ((0, jsx_runtime_1.jsx)(RuleForm_1.RetargetMacAddress, { valids: valids, rule: currentRule, onChange: handleOnChange, remarketingListGetAll: service === null || service === void 0 ? void 0 : service.remarketingListGetAll }));
+            case Utils_1.RuleType.Authentication:
+                return ((0, jsx_runtime_1.jsx)(RuleForm_1.AuthenCation, { valids: valids, rule: currentRule, onChange: handleOnChange }));
             default:
                 return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
         }

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AddOrEditRule/RuleForm/Authentication.d.ts

@@ -0,0 +1,8 @@
+import { AdvancedRule } from '../AddOrEditRule';
+interface Props {
+    rule: AdvancedRule;
+    valids: any;
+    onChange: (rule: AdvancedRule) => void;
+}
+declare const LimitAuthencation: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default LimitAuthencation;

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

@@ -0,0 +1,47 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var react_i18next_1 = require("react-i18next");
+var Enum_1 = require("../../../../Enum");
+var LimitAuthencation = function (props) {
+    var rule = props.rule, valids = props.valids, onChange = props.onChange;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var handleChange = function (fieldName, fieldValue) {
+        var _a;
+        onChange(__assign(__assign({}, rule), (_a = {}, _a[fieldName] = fieldValue, _a)));
+    };
+    var handleChangeParameter = function (fieldName, fieldValue) {
+        var _a;
+        handleChange('parameter', __assign(__assign({}, rule.parameter), (_a = {}, _a[fieldName] = fieldValue, _a)));
+    };
+    var translationText = {
+        operator: t('Campaign.Operator'),
+        period: t('Campaign.Period'),
+        value: t('Campaign.Detail.Value'),
+        periodHelperText: t('Campaign.PeriodHelperText'),
+        helperText: t('Common.Required'),
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: 'operator', variant: "standard", name: 'operator', select: true, fullWidth: true, label: translationText.operator, value: rule.operator, onChange: function (e) { return handleChange('operator', e.target.value); }, children: Object.entries(Enum_1.EnumOperator).map(function (_a) {
+                        var key = _a[0], val = _a[1];
+                        return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: val.id, children: val.text }, val.id));
+                    }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "value", name: "value", variant: "standard", type: "number", fullWidth: true, label: translationText.value, value: rule.value, onChange: function (e) { return handleChange('value', e.target.value); }, error: valids && !valids.value, helperText: valids && !valids.value
+                        ? translationText.helperText
+                        : '' }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "period", variant: "standard", name: "period", type: "number", fullWidth: true, label: translationText.period, value: rule.parameter.period, onChange: function (e) {
+                        return handleChangeParameter('period', e.target.value);
+                    }, error: valids && !valids.period, helperText: valids && !valids.period
+                        ? translationText.helperText
+                        : translationText.periodHelperText }) })] }));
+};
+exports.default = LimitAuthencation;

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

@@ -10,41 +10,88 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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 material_1 = require("@mui/material");
+var Hooks_1 = __importDefault(require("../../../../../../ACM-AXN/Campaign/Hooks"));
+var AWING_1 = require("../../../../../../AWING");
+var Hooks_2 = require("../../../../../../AWING/Hooks");
+var lodash_1 = __importDefault(require("lodash"));
+var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
+var recoil_1 = require("recoil");
 var Enum_1 = require("../../../../Enum");
+var atoms_1 = require("../../atoms");
 var LimitEvent = function (props) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     var rule = props.rule, valids = props.valids, onChange = props.onChange;
     var t = (0, react_i18next_1.useTranslation)().t;
+    var loginPageIds = (0, recoil_1.useRecoilValue)(atoms_1.campaignLoginIdState);
+    var service = (0, Hooks_1.default)().service;
     var handleChange = function (fieldName, fieldValue) {
         var _a;
         onChange(__assign(__assign({}, rule), (_a = {}, _a[fieldName] = fieldValue, _a)));
     };
+    console.log("rule", rule);
+    var _g = (0, Hooks_2.useGetData)([loginPageIds], service.pagesGetPageViewEventByPageIds), data = _g.data, isLoading = _g.isLoading;
+    var eventSelected = react_1.default.useMemo(function () {
+        return (0, lodash_1.default)(data)
+            .groupBy(function (d) { return "".concat(d.viewNumber, "_").concat(d.event); })
+            .filter(function (value) {
+            return !lodash_1.default.difference(loginPageIds, value.map(function (v) { return v.pageId; })).length;
+        }).flatten()
+            .uniqBy(function (d) { return "".concat(d.viewNumber, "_").concat(d.event); })
+            .groupBy('event')
+            .value();
+    }, [data, loginPageIds]);
+    var viewNumberSelected = react_1.default.useMemo(function () {
+        var _a, _b, _c;
+        return ((_a = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _a === void 0 ? void 0 : _a.eventLabel)
+            ? (_c = eventSelected[(_b = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _b === void 0 ? void 0 : _b.eventLabel]) === null || _c === void 0 ? void 0 : _c.sort(function (a, b) { return a.viewNumber - b.viewNumber; })
+            : [];
+    }, [eventSelected, (_a = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _a === void 0 ? void 0 : _a.eventLabel]);
     var handleChangeParameter = function (fieldName, fieldValue) {
-        var _a;
-        handleChange('parameter', __assign(__assign({}, rule.parameter), (_a = {}, _a[fieldName] = fieldValue, _a)));
+        var _a, _b;
+        var _c, _d;
+        if (fieldName === 'eventLabel') {
+            var viewNumber = undefined;
+            if (((_c = eventSelected[fieldValue]) === null || _c === void 0 ? void 0 : _c.length) === 1) {
+                viewNumber = (_d = eventSelected[fieldValue]) === null || _d === void 0 ? void 0 : _d.at(-1).viewNumber;
+            }
+            handleChange('parameter', __assign(__assign({}, rule.parameter), (_a = { viewNumber: viewNumber }, _a[fieldName] = fieldValue, _a)));
+            return;
+        }
+        handleChange('parameter', __assign(__assign({}, rule.parameter), (_b = {}, _b[fieldName] = fieldValue, _b)));
     };
     var translationText = {
         eventLabel: t('Campaign.Detail.EventLabel'),
+        viewNumber: t('Campaign.Detail.ViewNumber'),
         operator: t('Campaign.Operator'),
         period: t('Campaign.Period'),
         value: t('Campaign.Detail.Value'),
         periodHelperText: t('Campaign.PeriodHelperText'),
         helperText: t('Common.Required'),
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "eventLabel", name: "eventLabel", variant: "standard", fullWidth: true, label: translationText.eventLabel, value: (_a = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _a === void 0 ? void 0 : _a.eventLabel, onChange: function (e) {
+    return isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "eventLabel", name: "eventLabel", variant: "standard", fullWidth: true, select: true, label: translationText.eventLabel, value: (_b = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _b === void 0 ? void 0 : _b.eventLabel, onChange: function (e) {
                         return handleChangeParameter('eventLabel', e.target.value);
                     }, error: valids && !valids.eventLabel, helperText: valids && !valids.eventLabel
                         ? translationText.helperText
-                        : '' }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: 'operator', variant: "standard", name: 'operator', select: true, fullWidth: true, label: translationText.operator, value: rule === null || rule === void 0 ? void 0 : rule.operator, onChange: function (e) { return handleChange('operator', e.target.value); }, children: Object.entries(Enum_1.EnumOperator).map(function (_a) {
+                        : '', children: Object.keys(eventSelected).map(function (event, index) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: event, children: event }, index)); }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "viewNumber", name: "viewNumber", variant: "standard", disabled: !((_c = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _c === void 0 ? void 0 : _c.eventLabel), required: true, select: true, fullWidth: true, label: translationText.viewNumber, value: (_e = (_d = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _d === void 0 ? void 0 : _d.viewNumber) !== null && _e !== void 0 ? _e : '', onChange: function (e) {
+                        return handleChangeParameter('viewNumber', e.target.value);
+                    }, error: valids && !valids.viewNumber, helperText: valids && !valids.viewNumber
+                        ? translationText.helperText
+                        : '', children: viewNumberSelected.map(function (_a) {
+                        var viewNumber = _a.viewNumber;
+                        return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: viewNumber, children: viewNumber }, viewNumber));
+                    }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: 'operator', variant: "standard", name: 'operator', select: true, fullWidth: true, label: translationText.operator, value: rule === null || rule === void 0 ? void 0 : rule.operator, onChange: function (e) { return handleChange('operator', e.target.value); }, children: Object.entries(Enum_1.EnumOperator).map(function (_a) {
                         var key = _a[0], val = _a[1];
                         return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: val.id, children: val.text }, val.id));
                     }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "value", name: "value", variant: "standard", type: "number", fullWidth: true, label: translationText.value, value: rule === null || rule === void 0 ? void 0 : rule.value, onChange: function (e) { return handleChange('value', e.target.value); }, error: valids && !valids.value, helperText: valids && !valids.value
                         ? translationText.helperText
-                        : '' }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { variant: "standard", id: "period", name: "period", type: "number", fullWidth: true, label: translationText.period, value: (_b = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _b === void 0 ? void 0 : _b.period, onChange: function (e) {
+                        : '' }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { variant: "standard", id: "period", name: "period", type: "number", fullWidth: true, label: translationText.period, value: (_f = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _f === void 0 ? void 0 : _f.period, onChange: function (e) {
                         return handleChangeParameter('period', e.target.value);
                     }, error: valids && !valids.period, helperText: translationText.periodHelperText }) })] }));
 };

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

@@ -6,3 +6,4 @@ export { default as TargetAge } from './TargetAge';
 export { default as TargetOS } from './TargetOS';
 export { default as TargetDevice } from './TargetDevice';
 export { default as RetargetMacAddress } from './RetargetMacAddress';
+export { default as AuthenCation } from './Authentication';

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RetargetMacAddress = exports.TargetDevice = exports.TargetOS = exports.TargetAge = exports.TargetGender = exports.LimitEvent = exports.LimitClick = exports.LimitView = void 0;
+exports.AuthenCation = exports.RetargetMacAddress = exports.TargetDevice = exports.TargetOS = exports.TargetAge = exports.TargetGender = exports.LimitEvent = exports.LimitClick = exports.LimitView = void 0;
 var LimitClick_1 = require("./LimitClick");
 Object.defineProperty(exports, "LimitView", { enumerable: true, get: function () { return __importDefault(LimitClick_1).default; } });
 var LimitClick_2 = require("./LimitClick");
@@ -20,3 +20,5 @@ var TargetDevice_1 = require("./TargetDevice");
 Object.defineProperty(exports, "TargetDevice", { enumerable: true, get: function () { return __importDefault(TargetDevice_1).default; } });
 var RetargetMacAddress_1 = require("./RetargetMacAddress");
 Object.defineProperty(exports, "RetargetMacAddress", { enumerable: true, get: function () { return __importDefault(RetargetMacAddress_1).default; } });
+var Authentication_1 = require("./Authentication");
+Object.defineProperty(exports, "AuthenCation", { enumerable: true, get: function () { return __importDefault(Authentication_1).default; } });

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

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { CampaignAdAdvanced } from '../../Types';
 type Props = {
     /**
@@ -18,6 +18,7 @@ type Props = {
      */
     initialCampaignAdAdvanced?: CampaignAdAdvanced;
     service: any;
+    loginIds: string[];
 };
-declare const Advanced: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default Advanced;
+declare const _default: React.FC<Props>;
+export default _default;

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

@@ -49,15 +49,18 @@ var __importDefault = (this && this.__importDefault) || function (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); },
@@ -107,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: '',
@@ -115,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]);
@@ -134,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)
@@ -144,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)
     };
@@ -184,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 () {
@@ -230,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/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,6 +1,6 @@
 "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'
@@ -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/Enum.d.ts

@@ -135,7 +135,8 @@ export declare enum CampaignRuleType {
     TargetAge = 4,
     TargetOS = 5,
     TargetDevice = 6,
-    RetargetMacAddress = 7
+    RetargetMacAddress = 7,
+    Authentication = 8
 }
 /**
  * Enum bao gồm các phép toán

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

@@ -123,6 +123,7 @@ var CampaignRuleType;
     CampaignRuleType[CampaignRuleType["TargetOS"] = 5] = "TargetOS";
     CampaignRuleType[CampaignRuleType["TargetDevice"] = 6] = "TargetDevice";
     CampaignRuleType[CampaignRuleType["RetargetMacAddress"] = 7] = "RetargetMacAddress";
+    CampaignRuleType[CampaignRuleType["Authentication"] = 8] = "Authentication";
 })(CampaignRuleType || (exports.CampaignRuleType = CampaignRuleType = {}));
 /**
  * Enum bao gồm các phép toán

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

@@ -3,7 +3,7 @@ import { AlertColor } from '@mui/material';
 import { CampaignType } from './Utils';
 import { AdType, CampaignPriority, CampaignRuleType, CampaignTicket, DirectoryRoot, Operator } from './Enum';
 import { PrmissionService } from '../Permission/Types';
-import { PageService } from '../Page/Types';
+import { PageService, PageViewEvent } from '../Page/Types';
 import { BaseChartComponent } from 'react-chartjs-2/dist/types';
 import { Timestamp } from '../../ACM-AXN/Common/Types';
 import { CampaignAnalyticService } from './CreateOrEdit/TabStatistic/Types';
@@ -252,6 +252,7 @@ export interface AppHelper {
     confirm: (okFunction?: () => void, cancelFunction?: () => void, message?: string, title?: string) => void;
 }
 interface CampaignService extends PrmissionService {
+    pagesGetPageViewEventByPageIds(body: string[] | undefined): Promise<PageViewEvent[]>;
     directoriesGetByObjectTypeCode: (type: DirectoryRoot) => Promise<Directory[]>;
     campaignsPaging: (body: CampaignFilter) => Promise<IPagedListOfCampaignModel>;
     campaignsDelete: (id: string) => Promise<void>;

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

@@ -83,6 +83,7 @@ export declare const RuleType: {
     TargetOS: number;
     TargetDevice: number;
     RetargetMacAddress: number;
+    Authentication: number;
 };
 export declare const RuleTypeOfCalculator: {
     TargetGender: number;

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

@@ -297,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,
@@ -373,6 +374,7 @@ exports.RuleType = {
     TargetOS: 5,
     TargetDevice: 6,
     RetargetMacAddress: 7,
+    Authentication: 8,
 };
 exports.RuleTypeOfCalculator = {
     TargetGender: 3,
@@ -439,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');
@@ -459,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);

package/lib/translate/en/translation.json

@@ -418,7 +418,8 @@
             "DescriptionFormat": {
                 "LimitView": "User’s impression is limited to {0} {1} times ({2}-day period).",
                 "LimitClick": "User’s final click is limited to {0} {1} times ({2}-day period).",
-                "LimitEvent": "User’s \"{0}\" is limited to {1} {2} times ({3}-day period).",
+                "LimitEngagement": "User’s engagement is limited to {0} {1} times ({2}-day period).",
+                "LimitEvent": "User’s \"{0}\" in view {x} is limited to {1} {2} times ({3}-day period).",
                 "TargetGender": "{0}.",
                 "TargetAge": "Age groups belong {0}.",
                 "TargetOS": "OS {0}, version are {1} {2}.",
@@ -442,6 +443,7 @@
             "Weight": "Weight",
             "Value": "Value",
             "EventLabel": "Event label",
+            "ViewNumber": "View number",
             "TotalEvents": "Total events",
             "TitleInfo": "General info",
             "EditInfo": "Edit info",
@@ -466,7 +468,8 @@
             "TargetAge": "Age",
             "TargetOS": "OS",
             "TargetDevice": "Device",
-            "RetargetMacAddress": "List"
+            "RetargetMacAddress": "List",
+            "Engagement": "Engagement"
         },
         "ExportType": {
             "Export": "Export total",

package/lib/translate/vi/translation.json

@@ -402,7 +402,8 @@
             "DescriptionFormat": {
                 "LimitView": "Lượt hiển thị của người dùng {0} {1} lần (chu kỳ {2} ngày).",
                 "LimitClick": "Lượt kết nối của người dùng {0} {1} lần (chu kỳ {2} ngày).",
-                "LimitEvent": "Event \"{0}\" của người dùng {1} {2} lần (chu kỳ {3} ngày).",
+                "LimitEngagement": "Lượt tương tác của người dùng {0} {1} lần (chu kỳ {2} ngày).",
+                "LimitEvent": "Event \"{0}\" tại view số {x} của người dùng {1} {2} lần (chu kỳ {3} ngày).",
                 "TargetGender": "Giới tính {0}.",
                 "TargetAge": "Tuổi thuộc các nhóm {0}.",
                 "TargetOS": "Hệ điều hành {0}, version {1} {2}.",
@@ -426,6 +427,7 @@
             "Weight": "Trọng số",
             "Value": "Giá trị",
             "EventLabel": "Nhãn sự kiện",
+            "ViewNumber": "View number",
             "TotalEvents": "Tổng số sự kiện",
             "TitleInfo": "Thông tin chung",
             "EditInfo": "Sửa thông tin chung",
@@ -450,7 +452,8 @@
             "TargetAge": "Độ tuổi",
             "TargetOS": "Hệ điều hành",
             "TargetDevice": "Thiết bị",
-            "RetargetMacAddress": "Thuộc danh sách"
+            "RetargetMacAddress": "Thuộc danh sách",
+            "Engagement": "Lượt tương tác"
         },
         "ExportType": {
             "Export": "Xuất dữ liệu tổng",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "awing-library",
-  "version": "2.1.137-beta",
+  "version": "2.1.139-beta",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",