awing-library 2.1.2-beta → 2.1.2-stage

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var Types_1 = require("../../../Types");
+var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
 var Utils_1 = require("../../../Utils");
 var AddOrEditRule_1 = __importDefault(require("./AddOrEditRule"));
 var RuleForm_1 = require("./RuleForm");
@@ -23,7 +23,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 1,
             type: Utils_1.RuleType.LimitView,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = shallow((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: function () { return null; }, closeDrawer: function () { return null; } }));
         expect(wrapper.find(RuleForm_1.LimitView)).toHaveLength(1);
@@ -34,7 +34,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 1,
             type: Utils_1.RuleType.LimitClick,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = shallow((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: function () { return null; }, closeDrawer: function () { return null; } }));
         expect(wrapper.find(RuleForm_1.LimitClick)).toHaveLength(1);
@@ -45,7 +45,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 1,
             type: Utils_1.RuleType.LimitEvent,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = shallow((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: function () { return null; }, closeDrawer: function () { return null; } }));
         expect(wrapper.find(RuleForm_1.LimitEvent)).toHaveLength(1);
@@ -56,7 +56,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 1,
             type: Utils_1.RuleType.TargetGender,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = shallow((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: function () { return null; }, closeDrawer: function () { return null; } }));
         expect(wrapper.find(RuleForm_1.TargetGender)).toHaveLength(1);
@@ -67,7 +67,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 1,
             type: Utils_1.RuleType.TargetAge,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = shallow((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: function () { return null; }, closeDrawer: function () { return null; } }));
         expect(wrapper.find(RuleForm_1.TargetAge)).toHaveLength(1);
@@ -78,7 +78,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 1,
             type: Utils_1.RuleType.TargetOS,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = shallow((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: function () { return null; }, closeDrawer: function () { return null; } }));
         expect(wrapper.find(RuleForm_1.TargetOS)).toHaveLength(1);
@@ -89,7 +89,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 1,
             type: Utils_1.RuleType.TargetDevice,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = shallow((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: function () { return null; }, closeDrawer: function () { return null; } }));
         expect(wrapper.find(RuleForm_1.TargetDevice)).toHaveLength(1);
@@ -107,7 +107,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 1,
             type: Utils_1.RuleType.LimitClick,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = mount((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: onChange, closeDrawer: closeDrawer }));
         var input = wrapper.find('input[name="operator"]');
@@ -133,7 +133,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: '1',
             type: Utils_1.RuleType.LimitClick,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = mount((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: onChange, closeDrawer: closeDrawer }));
         var input = wrapper.find('input[name="operator"]');
@@ -153,7 +153,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 'abc',
             type: Utils_1.RuleType.LimitClick,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = mount((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: onChange, closeDrawer: closeDrawer }));
         var buttonSave = wrapper.find('button').at(1);
@@ -168,7 +168,7 @@ describe('AddOrEditRule', function () {
             parameter: { period: 1 },
             value: 'abc',
             type: -1,
-            operator: Types_1.Operator.Equality,
+            operator: Enum_1.Operator.Equality,
         };
         var wrapper = shallow((0, jsx_runtime_1.jsx)(AddOrEditRule_1.default, { service: undefined, open: true, rule: fakeRule, onChange: onChange, closeDrawer: closeDrawer }));
         expect(wrapper.find(RuleForm_1.LimitView)).toHaveLength(0);

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

@@ -16,18 +16,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var AddOrEditRule_1 = __importDefault(require("./AddOrEditRule"));
-// import history from 'Utilities/History';
-var Types_1 = require("../../../Types");
 // import useDialogHelper from "Utilities/useDialogHelper";
 var react_i18next_1 = require("react-i18next");
 var Utils_1 = require("../../../Utils");
 var Context_1 = require("../../../../../Context");
 var i18n_1 = __importDefault(require("../../../../../i18n"));
+var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
 var AddRuleContainer = function (props) {
     var _a;
     var onChange = props.onChange, type = props.type, rules = props.rules, onClose = props.onClose, open = props.open, service = props.service;
     // const navigate = useNavigate()
-    var ruleDefault = (0, Utils_1.getDefaultRule)(Number((_a = Object.entries(Types_1.CampaignRuleType).find(function (_a) {
+    var ruleDefault = (0, Utils_1.getDefaultRule)(Number((_a = Object.entries(Enum_1.CampaignRuleType).find(function (_a) {
         var k = _a[0], val = _a[1];
         return k === type;
     })) === null || _a === void 0 ? void 0 : _a[1]));

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var Types_1 = require("../../../Types");
+var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
 var Create_1 = __importDefault(require("./Create"));
 describe('AddRuleContainer', function () {
     var shallow;
@@ -27,14 +27,14 @@ describe('AddRuleContainer', function () {
             {
                 name: 'name1',
                 type: 0,
-                operator: Types_1.Operator.Equality,
+                operator: Enum_1.Operator.Equality,
                 parameter: '',
                 value: '',
             },
             {
                 name: 'name2',
                 type: 0,
-                operator: Types_1.Operator.Equality,
+                operator: Enum_1.Operator.Equality,
                 parameter: '',
                 value: '',
             },

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

@@ -5,14 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Edit_1 = __importDefault(require("./Edit"));
-var Types_1 = require("../../../Types");
+var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
 var fakeRules = [
     {
         name: 'name1',
         parameter: JSON.stringify({ period: 1 }),
         value: JSON.stringify(1),
         type: 0,
-        operator: Types_1.Operator.Equality,
+        operator: Enum_1.Operator.Equality,
     },
 ];
 describe('AddRuleContainer', function () {

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

@@ -15,13 +15,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var Types_1 = require("../../../Types");
+var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
 var EditExpression_1 = __importDefault(require("./EditExpression"));
 var campaignAdAdvanced = {
     ruleLogicalExpression: 'a&b',
     rules: [
-        { name: 'a', type: 0, operator: Types_1.Operator.Equality, parameter: "", value: "" },
-        { name: 'b', type: 0, operator: Types_1.Operator.Equality, parameter: "", value: "" }
+        { name: 'a', type: 0, operator: Enum_1.Operator.Equality, parameter: "", value: "" },
+        { name: 'b', type: 0, operator: Enum_1.Operator.Equality, parameter: "", value: "" }
     ],
 };
 describe('AddRuleContainer', function () {
@@ -78,9 +78,9 @@ describe('AddRuleContainer', function () {
     it('Rule expression contain (', function () {
         var campaignAdAdvanced1 = {
             ruleLogicalExpression: 'a&(b|c)',
-            rules: [{ name: 'a', type: 0, operator: Types_1.Operator.Equality, parameter: "", value: "" },
-                { name: 'b', type: 0, operator: Types_1.Operator.Equality, parameter: "", value: "" },
-                { name: 'c', type: 0, operator: Types_1.Operator.Equality, parameter: "", value: "" }],
+            rules: [{ name: 'a', type: 0, operator: Enum_1.Operator.Equality, parameter: "", value: "" },
+                { name: 'b', type: 0, operator: Enum_1.Operator.Equality, parameter: "", value: "" },
+                { name: 'c', type: 0, operator: Enum_1.Operator.Equality, parameter: "", value: "" }],
         };
         var wrapper = mount((0, jsx_runtime_1.jsx)(EditExpression_1.default, { campaignAdAdvanced: campaignAdAdvanced1, onChange: mockChange, onClose: function () {
                 throw new Error('Function not implemented.');
@@ -92,9 +92,9 @@ describe('AddRuleContainer', function () {
     it('ruleLogicalExpression length > 50', function () {
         var campaignAdAdvanced2 = {
             ruleLogicalExpression: 'a&(b|c)&a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)a&(b|c)',
-            rules: [{ name: 'a', type: 0, operator: Types_1.Operator.Equality, parameter: "", value: "" },
-                { name: 'b', type: 0, operator: Types_1.Operator.Equality, parameter: "", value: "" },
-                { name: 'c', type: 0, operator: Types_1.Operator.Equality, parameter: "", value: "" }],
+            rules: [{ name: 'a', type: 0, operator: Enum_1.Operator.Equality, parameter: "", value: "" },
+                { name: 'b', type: 0, operator: Enum_1.Operator.Equality, parameter: "", value: "" },
+                { name: 'c', type: 0, operator: Enum_1.Operator.Equality, parameter: "", value: "" }],
         };
         var wrapper = mount((0, jsx_runtime_1.jsx)(EditExpression_1.default, { campaignAdAdvanced: campaignAdAdvanced2, onChange: mockChange, onClose: function () {
                 throw new Error('Function not implemented.');

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/LimitClick.test.js

@@ -17,7 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var LimitClick_1 = __importDefault(require("./LimitClick"));
 var Utils_1 = require("../../../../Utils");
-var Types_1 = require("../../../../Types");
 var material_1 = require("@mui/material");
 var Enum_1 = require("../../../../Enum");
 describe('LimitClick', function () {
@@ -35,7 +34,7 @@ describe('LimitClick', function () {
         value: true,
     };
     var rule = {
-        name: "name1", parameter: {}, value: [], type: Utils_1.RuleType.LimitClick, operator: Types_1.Operator.Equality
+        name: "name1", parameter: {}, value: [], type: Utils_1.RuleType.LimitClick, operator: Enum_1.Operator.Equality
     };
     it('should render without errors', function () {
         var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitClick_1.default, { rule: rule, valids: [], onChange: mockOnChange }));

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

@@ -10,41 +10,87 @@ 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)));
     };
+    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/LimitEvent.test.js

@@ -17,7 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var LimitEvent_1 = __importDefault(require("./LimitEvent"));
 var Utils_1 = require("../../../../Utils");
-var Types_1 = require("../../../../Types");
 var Enum_1 = require("../../../../Enum");
 var material_1 = require("@mui/material");
 describe("LimitEvent", function () {
@@ -47,7 +46,7 @@ describe("LimitEvent", function () {
         };
     });
     var rule = {
-        name: "name1", parameter: { eventLabel: "Test Event" }, value: [], type: Utils_1.RuleType.LimitClick, operator: Types_1.Operator.Equality
+        name: "name1", parameter: { eventLabel: "Test Event" }, value: [], type: Utils_1.RuleType.LimitClick, operator: Enum_1.Operator.Equality
     };
     it("should render without errors", function () {
         var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, { rule: rule, onChange: onChangeMock, valids: [] }));

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

@@ -18,13 +18,12 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var LimitView_1 = __importDefault(require("./LimitView"));
 var Utils_1 = require("../../../../Utils");
-var Types_1 = require("../../../../Types");
 var Enum_1 = require("../../../../Enum");
 describe('LimitView', function () {
     var mockOnChange = jest.fn();
     var shallow;
     var rule = {
-        name: "name1", parameter: { period: 1 }, value: [], type: Utils_1.RuleType.LimitClick, operator: Types_1.Operator.Equality
+        name: "name1", parameter: { period: 1 }, value: [], type: Utils_1.RuleType.LimitClick, operator: Enum_1.Operator.Equality
     };
     beforeAll(function () {
         // shallow = createShallow();

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

@@ -19,10 +19,11 @@ var react_1 = __importDefault(require("react"));
 var material_1 = require("@mui/material");
 var react_i18next_1 = require("react-i18next");
 var AWING_1 = require("../../../../../../../AWING");
+var i18n_1 = __importDefault(require("../../../../../../../i18n"));
 var RetargetMacAddress = function (props) {
     var rule = props.rule, valids = props.valids, onChange = props.onChange, remarketingLists = props.remarketingLists;
     var _a = react_1.default.useState(''), inputValue = _a[0], setInputValue = _a[1];
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     react_1.default.useEffect(function () {
         var _a;
         if (remarketingLists.length) {

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

@@ -3,6 +3,7 @@ interface Props {
     rule: AdvancedRule;
     valids: any;
     onChange: (rule: AdvancedRule) => void;
+    remarketingListGetAll: () => Promise<any[]>;
 }
 declare const RetargetMacAddressContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default RetargetMacAddressContainer;

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

@@ -19,19 +19,11 @@ var react_1 = __importDefault(require("react"));
 var component_1 = __importDefault(require("./component"));
 var RetargetMacAddressContainer = function (props) {
     var _a = react_1.default.useState([]), remarketingLists = _a[0], setRemarketingLists = _a[1];
+    var remarketingListGetAll = props.remarketingListGetAll;
     react_1.default.useEffect(function () {
-        // client.
-        // RemarketingListService.getAllRemarketingList()
-        //     .then((res) => {
-        //         if (res.data.status === STATUS_CODE.OK)
-        //         {
-        //             setRemarketingLists(res.data.data);
-        //         }
-        //         else {
-        //             Snackbar(SNACKBAR_TYPES.ERROR);
-        //         }
-        //     })
-        //     .catch(() => Snackbar(SNACKBAR_TYPES.ERROR));
+        remarketingListGetAll()
+            .then(setRemarketingLists)
+            .catch(function (err) { return console.log(err); });
     }, []);
     return (0, jsx_runtime_1.jsx)(component_1.default, __assign({ remarketingLists: remarketingLists }, props));
 };

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

@@ -7,7 +7,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var TargetAge_1 = __importDefault(require("./TargetAge"));
 var Utils_1 = require("../../../../Utils");
 var material_1 = require("@mui/material");
-var Types_1 = require("../../../../Types");
+var Enum_1 = require("../../../../../../ACM-AXN/Campaign/Enum");
 describe('TargetAge', function () {
     var shallow;
     beforeAll(function () {
@@ -15,7 +15,7 @@ describe('TargetAge', function () {
         // shallow = createShallow();
     });
     var rule = {
-        name: "name1", parameter: { period: 1 }, value: [], type: Utils_1.RuleType.LimitClick, operator: Types_1.Operator.Equality
+        name: "name1", parameter: { period: 1 }, value: [], type: Utils_1.RuleType.LimitClick, operator: Enum_1.Operator.Equality
     };
     var valids = { value: false };
     var onChange = jest.fn();
@@ -40,7 +40,7 @@ describe('TargetAge', function () {
     });
     it('should display the selected age range as text using ageRangeValueToText function', function () {
         var mockRule = {
-            name: "name1", parameter: { period: 1 }, value: ['0-18'], type: Utils_1.RuleType.LimitClick, operator: Types_1.Operator.Equality
+            name: "name1", parameter: { period: 1 }, value: ['0-18'], type: Utils_1.RuleType.LimitClick, operator: Enum_1.Operator.Equality
         };
         var wrapper = shallow((0, jsx_runtime_1.jsx)(TargetAge_1.default, { rule: mockRule, valids: valids, onChange: onChange }));
         var selectedValue = wrapper.find("#value").prop('renderValue')(mockRule.value);

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

@@ -18,7 +18,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var TargetGender_1 = __importDefault(require("./TargetGender"));
 var Utils_1 = require("../../../../Utils");
-var Types_1 = require("../../../../Types");
+var Enum_1 = require("../../../../../../ACM-AXN/Campaign/Enum");
 describe('TargetGender', function () {
     var shallow;
     beforeAll(function () {
@@ -26,7 +26,7 @@ describe('TargetGender', function () {
         // shallow = createShallow();
     });
     var rule = {
-        name: "name1", parameter: { period: 1 }, value: "0", type: Utils_1.RuleType.LimitClick, operator: Types_1.Operator.Equality
+        name: "name1", parameter: { period: 1 }, value: "0", type: Utils_1.RuleType.LimitClick, operator: Enum_1.Operator.Equality
     };
     var defaultProps = {
         rule: rule,

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;