awing-library 2.1.2-dev.99 → 2.1.2-stable.2

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

@@ -0,0 +1,116 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 LimitEvent_1 = __importDefault(require("./LimitEvent"));
+var Utils_1 = require("../../../../Utils");
+var Enum_1 = require("../../../../Enum");
+var material_1 = require("@mui/material");
+describe("LimitEvent", function () {
+    var shallow;
+    var defaultProps;
+    var onChangeMock = jest.fn();
+    beforeAll(function () {
+        // shallow = createShallow();
+    });
+    afterEach(function () {
+        jest.resetAllMocks();
+    });
+    beforeEach(function () {
+        defaultProps = {
+            rule: {
+                operator: 0,
+                value: '',
+                parameter: {
+                    period: '',
+                    eventLabel: ''
+                },
+                name: 'a',
+                type: 1,
+            },
+            valids: {},
+            onChange: jest.fn()
+        };
+    });
+    var rule = {
+        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: [] }));
+        expect(wrapper.exists()).toBe(true);
+    });
+    it("should pass the eventLabel prop to the EventLabel TextField component", function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, { rule: rule, onChange: onChangeMock, valids: [] }));
+        var eventLabelComponent = wrapper.find("#eventLabel");
+        expect(eventLabelComponent.prop("label")).toEqual("Campaign.Detail.EventLabel");
+        expect(eventLabelComponent.prop("value")).toEqual("Test Event");
+    });
+    it("should call the onChange function when the operator select field is changed", function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, { rule: rule, onChange: onChangeMock, valids: [] }));
+        var operatorSelect = wrapper.find("#operator");
+        operatorSelect.simulate("change", { target: { value: "EQUALS" } });
+        expect(onChangeMock).toHaveBeenCalledWith(__assign(__assign({}, rule), { operator: "EQUALS" }));
+    });
+    it("should pass operator options to the operator select field", function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, { rule: rule, onChange: onChangeMock, valids: [] }));
+        var operatorSelect = wrapper.find("#operator");
+        expect(operatorSelect.children().length).toEqual(Object.keys(Enum_1.EnumOperator).length);
+    });
+    it("should pass the value prop to the value TextField component", function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, { rule: __assign(__assign({}, rule), { value: 10 }), onChange: onChangeMock, valids: [] }));
+        var valueComponent = wrapper.find("#value");
+        expect(valueComponent.prop("label")).toEqual("Campaign.Detail.Value");
+        expect(valueComponent.prop("value")).toEqual(10);
+    });
+    it("should call the onChange function when the value TextField is changed", function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, { rule: rule, onChange: onChangeMock, valids: [] }));
+        var valueComponent = wrapper.find("#value");
+        valueComponent.simulate("change", { target: { value: 20 } });
+        expect(onChangeMock).toHaveBeenCalledWith(__assign(__assign({}, rule), { value: 20 }));
+    });
+    it("should show error messages when valids props are invalid", function () {
+        var valids = { eventLabel: false, value: false, period: true };
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, { rule: rule, valids: valids, onChange: onChangeMock }));
+        var eventLabelComponent = wrapper.find("#eventLabel");
+        var valueComponent = wrapper.find("#value");
+        expect(eventLabelComponent.prop("error")).toBe(true);
+        expect(eventLabelComponent.prop("helperText")).not.toBe("");
+        expect(valueComponent.prop("error")).toBe(true);
+        expect(valueComponent.prop("helperText")).not.toBe("");
+    });
+    it("should not show error messages when valids props are valid", function () {
+        var valids = { eventLabel: true, value: true, period: true };
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, { rule: rule, valids: valids, onChange: onChangeMock }));
+        var eventLabelComponent = wrapper.find("#eventLabel");
+        var valueComponent = wrapper.find("#value");
+        expect(eventLabelComponent.prop("error")).toBe(false);
+        expect(eventLabelComponent.prop("helperText")).toBe("");
+        expect(valueComponent.prop("error")).toBe(false);
+        expect(valueComponent.prop("helperText")).toBe("");
+    });
+    it('should call onChange with new parameter when event label is changed', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, __assign({}, defaultProps)));
+        var eventLabelField = wrapper.find(material_1.TextField).at(0);
+        eventLabelField.simulate('change', { target: { value: 'new value' } });
+        expect(defaultProps.onChange).toHaveBeenCalledWith(__assign(__assign({}, defaultProps.rule), { parameter: __assign(__assign({}, defaultProps.rule.parameter), { eventLabel: 'new value' }) }));
+    });
+    it('should call onChange with new parameter when period is changed', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitEvent_1.default, __assign({}, defaultProps)));
+        var periodField = wrapper.find(material_1.TextField).at(3);
+        periodField.simulate('change', { target: { value: 7 } });
+        expect(defaultProps.onChange).toHaveBeenCalledWith(__assign(__assign({}, defaultProps.rule), { parameter: __assign(__assign({}, defaultProps.rule.parameter), { period: 7 }) }));
+    });
+});

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

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

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

@@ -0,0 +1,46 @@
+"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 LimitView = function (props) {
+    var _a;
+    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", name: "operator", variant: "standard", 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, { id: "period", variant: "standard", name: "period", type: "number", fullWidth: true, label: translationText.period, value: (_a = rule === null || rule === void 0 ? void 0 : rule.parameter) === null || _a === void 0 ? void 0 : _a.period, onChange: function (e) {
+                        return handleChangeParameter('period', e.target.value);
+                    }, error: valids && !valids.period, helperText: translationText.periodHelperText }) })] }));
+};
+exports.default = LimitView;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,101 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 LimitView_1 = __importDefault(require("./LimitView"));
+var Utils_1 = require("../../../../Utils");
+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: Enum_1.Operator.Equality
+    };
+    beforeAll(function () {
+        // shallow = createShallow();
+    });
+    afterEach(function () {
+        jest.resetAllMocks();
+    });
+    var valids = {
+        operator: true,
+        period: true,
+        value: true,
+    };
+    it('should render without errors', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: valids, onChange: mockOnChange }));
+        expect(wrapper.exists()).toBe(true);
+    });
+    it('should render the operator select field with expected options', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: valids, onChange: mockOnChange }));
+        var operatorSelect = wrapper.find('#operator');
+        expect(operatorSelect.length).toEqual(1);
+        expect(operatorSelect.find(material_1.MenuItem)).toHaveLength(Object.keys(Enum_1.EnumOperator).length);
+    });
+    it('should render the value text field', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: valids, onChange: mockOnChange }));
+        var valueTextField = wrapper.find('#value');
+        expect(valueTextField.length).toEqual(1);
+    });
+    it('should render the period text field', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: valids, onChange: mockOnChange }));
+        var periodTextField = wrapper.find('#period');
+        expect(periodTextField.length).toEqual(1);
+    });
+    it('call handleOnChange khi operator thay đổi', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: valids, onChange: mockOnChange }));
+        var operatorSelect = wrapper.find('#operator');
+        operatorSelect.simulate('change', { target: { value: 'EQUALS' } });
+        expect(mockOnChange).toHaveBeenCalledWith({ operator: 'EQUALS', parameter: {} });
+    });
+    it('should call handleOnChange with correct args when value text field is changed', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: valids, onChange: mockOnChange }));
+        var valueTextField = wrapper.find('#value');
+        valueTextField.simulate('change', { target: { value: '10' } });
+        expect(mockOnChange).toHaveBeenCalledWith({ value: '10', parameter: {} });
+    });
+    it('should call handleOnChange with correct args when period text field is changed', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: valids, onChange: mockOnChange }));
+        var periodTextField = wrapper.find('#period');
+        periodTextField.simulate('change', { target: { value: '5' } });
+        expect(mockOnChange).toHaveBeenCalledWith({ parameter: { period: '5' } });
+    });
+    it('should show error message when valids prop is false for value field', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: __assign(__assign({}, valids), { value: false }), onChange: mockOnChange }));
+        var valueTextField = wrapper.find('#value');
+        expect(valueTextField.prop('error')).toBe(true);
+        expect(valueTextField.prop('helperText')).not.toBe('');
+    });
+    it('should not show error message when valids prop is true for value field', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: __assign(__assign({}, valids), { value: true }), onChange: mockOnChange }));
+        var valueTextField = wrapper.find('#value');
+        expect(valueTextField.prop('error')).toBe(false);
+        expect(valueTextField.prop('helperText')).toBe('');
+    });
+    it('should show error message when valids prop is false for period field', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: __assign(__assign({}, valids), { period: false }), onChange: mockOnChange }));
+        var periodTextField = wrapper.find('#period');
+        expect(periodTextField.prop('error')).toBe(true);
+        expect(periodTextField.prop('helperText')).not.toBe('');
+    });
+    it('should not show error message when valids prop is true for period field', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(LimitView_1.default, { rule: rule, valids: __assign(__assign({}, valids), { period: true }), onChange: mockOnChange }));
+        var periodTextField = wrapper.find('#period');
+        expect(periodTextField.prop('error')).toBe(false);
+        expect(periodTextField.prop('helperText')).toBe('Campaign.PeriodHelperText');
+    });
+});

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,45 @@
+"use strict";
+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 component_1 = __importDefault(require("./component"));
+describe('RetargetMacAddress', function () {
+    var shallow;
+    var mount;
+    beforeAll(function () {
+        // shallow = createShallow();
+        // mount = createMount();
+    });
+    afterEach(function () {
+        jest.resetAllMocks();
+    });
+    var mockOnChange = jest.fn();
+    var remarketingLists = [
+        { remarketingListId: 1, name: 'List A' },
+        { remarketingListId: 2, name: 'List B' },
+    ];
+    it('should render the Autocomplete component', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(component_1.default, { rule: { value: [1, 2], parameter: { name: "name1" } }, valids: {}, onChange: mockOnChange, remarketingLists: remarketingLists }));
+        // expect(wrapper.find(Autocomplete)).toHaveLength(1);
+    });
+    it('should set input value correctly when remarketingLists has a length greater than 0', function () {
+        var newWrapper = mount((0, jsx_runtime_1.jsx)(component_1.default, { rule: { value: [1, 2], parameter: { name: "name1" } }, valids: {}, onChange: mockOnChange, remarketingLists: remarketingLists }));
+        newWrapper.setProps({ rule: { value: [2] } });
+        expect(newWrapper.find('input[name="value"]').at(0).props().value).toEqual('List A');
+    });
+    it('should call the onChange callback when the Autocomplete value changes', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(component_1.default, { rule: { value: [1, 2], parameter: { name: "name1" } }, valids: {}, onChange: mockOnChange, remarketingLists: remarketingLists }));
+        // wrapper.find(Autocomplete).props().onChange(null, { remarketingListId: 1 });
+        expect(mockOnChange).toHaveBeenCalledWith({
+            value: [1],
+            description: "List A",
+            parameter: {}
+        });
+    });
+    it('should render loading when remarketingLists is empty', function () {
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(component_1.default, { rule: { value: [1, 2], parameter: { name: "name1" } }, valids: {}, onChange: mockOnChange, remarketingLists: undefined }));
+        // expect(wrapper.find(CircularProgress)).toHaveLength(1);
+    });
+});

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,116 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 container_1 = __importDefault(require("./container"));
+var component_1 = __importDefault(require("./component"));
+jest.mock('Services/RemarketingList');
+var remarketingLists = [
+    { remarketingListId: 1, name: 'List A' },
+    { remarketingListId: 2, name: 'List B' },
+];
+describe('TargetDevice Container', function () {
+    var shallow;
+    var mount;
+    var onChange = jest.fn();
+    beforeEach(function () {
+        // shallow = createShallow();
+    });
+    beforeAll(function () {
+        // mount = createMount();
+    });
+    afterEach(function () {
+        jest.resetAllMocks();
+    });
+    it('should render TargetDevice component with props', function () {
+        var rule = { operator: 'equals', value: '1' };
+        var wrapper = shallow((0, jsx_runtime_1.jsx)(container_1.default, { rule: rule, valids: {}, onChange: onChange }));
+        expect(wrapper.find(component_1.default).length).toBe(1);
+        expect(wrapper.find(component_1.default).props()).toEqual({ rule: rule, onChange: onChange, remarketingLists: [], valids: {} });
+    });
+    it('should set osList and osVersionList properly when data is retrieved successfully', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var rule, wrapper;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    rule = { operator: 'equals', value: 'DeviceCode1' };
+                    wrapper = mount((0, jsx_runtime_1.jsx)(container_1.default, { onChange: onChange, rule: rule, valids: {} }));
+                    return [4 /*yield*/, new Promise(function (resolve) { return setImmediate(resolve); })];
+                case 1:
+                    _a.sent();
+                    wrapper.update();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('STATUS_CODE != ok', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var rule, wrapper;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    rule = { operator: 'equals', value: 'DeviceCode1' };
+                    wrapper = mount((0, jsx_runtime_1.jsx)(container_1.default, { onChange: onChange, rule: rule, valids: {} }));
+                    return [4 /*yield*/, new Promise(function (resolve) { return setImmediate(resolve); })];
+                case 1:
+                    _a.sent();
+                    wrapper.update();
+                    expect(component_1.default).toHaveLength(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('when data throw ex', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var rule, wrapper;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    rule = { operator: 'equals', value: 'DeviceCode1' };
+                    wrapper = mount((0, jsx_runtime_1.jsx)(container_1.default, { onChange: onChange, rule: rule, valids: {} }));
+                    return [4 /*yield*/, new Promise(function (resolve) { return setImmediate(resolve); })];
+                case 1:
+                    _a.sent();
+                    wrapper.update();
+                    expect(component_1.default).toHaveLength(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

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

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

@@ -0,0 +1,56 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 = __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)(undefined, { i18n: i18n_1.default }).t;
+    react_1.default.useEffect(function () {
+        var _a;
+        if (remarketingLists.length) {
+            if (rule && rule.value && rule.value.length) {
+                setInputValue((_a = remarketingLists.find(function (x) { return x.remarketingListId === rule.value[0]; })) === null || _a === void 0 ? void 0 : _a.name);
+            }
+        }
+    }, [remarketingLists, rule.value]);
+    var handleChange = function (fieldName, fieldValue) {
+        var _a;
+        var arrayValue = [fieldValue];
+        var remarketing = remarketingLists.find(function (x) { return x.remarketingListId === fieldValue; });
+        onChange(__assign(__assign({}, rule), (_a = {}, _a[fieldName] = arrayValue, _a.parameter = { name: remarketing.name }, _a)));
+    };
+    var translationText = {
+        label: t('RemarketingList.Title'),
+        none: t('Common.None'),
+        helperText: t('Common.Required'),
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 2, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: remarketingLists ? ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { disablePortal: true, id: 'value', options: Object.values(remarketingLists), autoHighlight: true, getOptionLabel: function (option) { return option.name; }, 
+                // getOptionSelected={(option, value) => option.remarketingListId === value.remarketingListId}
+                inputValue: inputValue, onInputChange: function (event, newInputValue) {
+                    setInputValue(newInputValue);
+                }, onChange: function (e, newValue) {
+                    return handleChange('value', newValue.remarketingListId);
+                }, value: remarketingLists.find(function (x) { return x.remarketingListId === rule.value[0]; }), renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ name: 'value' }, params, { variant: "standard", label: translationText.label, error: valids && !valids.value, helperText: valids && !valids.value
+                        ? translationText.helperText
+                        : '', inputProps: __assign(__assign({}, params.inputProps), { autoComplete: 'new-password' }) }))); } })) : ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) }) }));
+};
+exports.default = RetargetMacAddress;

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

@@ -0,0 +1,9 @@
+import { AdvancedRule } from '../../AddOrEditRule';
+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

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 = __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 () {
+        remarketingListGetAll()
+            .then(setRemarketingLists)
+            .catch(function (err) { return console.log(err); });
+    }, []);
+    return (0, jsx_runtime_1.jsx)(component_1.default, __assign({ remarketingLists: remarketingLists }, props));
+};
+exports.default = RetargetMacAddressContainer;

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var container_1 = require("./container");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(container_1).default; } });

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 react_i18next_1 = require("react-i18next");
+var Utils_1 = require("../../../../Utils");
+var i18n_1 = __importDefault(require("../../../../../../i18n"));
+var TargetAge = function (props) {
+    var rule = props.rule, valids = props.valids, onChange = props.onChange;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var handleChange = function (fieldName, fieldValue) {
+        var _a;
+        onChange(__assign(__assign({}, rule), (_a = {}, _a[fieldName] = fieldValue, _a)));
+    };
+    var translationText = {
+        label: t('Campaign.AgeRange'),
+        helperText: t('Common.Required'),
+    };
+    return ((0, jsx_runtime_1.jsx)(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.jsxs)(material_1.FormControl, { fullWidth: true, error: valids && !(valids === null || valids === void 0 ? void 0 : valids.value), children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { id: "value-label", children: translationText.label }), (0, jsx_runtime_1.jsx)(material_1.Select, { labelId: "value", id: "value", multiple: true, fullWidth: true, value: rule === null || rule === void 0 ? void 0 : rule.value, onChange: function (e) { return handleChange('value', e.target.value); }, input: (0, jsx_runtime_1.jsx)(material_1.Input, {}), renderValue: function (selected) {
+                            return (0, Utils_1.ageRangeValueToText)(selected.slice());
+                        }, children: Utils_1.RuleAgeRange.map(function (option) {
+                            var _a;
+                            return ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { value: option.value, children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", checked: ((_a = rule === null || rule === void 0 ? void 0 : rule.value) === null || _a === void 0 ? void 0 : _a.indexOf(option.value)) > -1 }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: option.name })] }, option.value));
+                        }) }), valids && !(valids === null || valids === void 0 ? void 0 : valids.value) && ((0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: translationText.helperText }))] }) }) }));
+};
+exports.default = TargetAge;

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

@@ -0,0 +1 @@
+export {};