awing-library 2.1.21 → 2.1.22-stage

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/common.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EXPORT_TYPES = void 0;
+exports.EXPORT_TYPES = {
+    Export: "Export",
+    Domain: "Domain",
+    LocationGroup: "LocationGroup",
+    Location: "Location",
+};

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface Props {
+    tabIndex: number;
+    onChangeTab: (newValue: number) => void;
+    tabPanel: ReactNode;
+    isNetwork?: boolean;
+}
+declare const TabStatistic: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default TabStatistic;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/component.js

@@ -0,0 +1,36 @@
+"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 react_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var react_1 = require("react");
+var container_1 = require("./container");
+var i18n_1 = __importDefault(require("../../../../i18n"));
+var color = ['inherit', 'primary'];
+var variant = ['outlined', 'contained'];
+var TabStatistic = function (props) {
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var tabIndex = props.tabIndex, onChangeTab = props.onChangeTab, tabPanel = props.tabPanel, isNetwork = props.isNetwork;
+    var translationText = (0, react_1.useMemo)(function () { return ({
+        analytic: t('Campaign.Analytic'),
+        event: t('Campaign.Event'),
+        customer: t('Campaign.Customer'),
+        title: t('Campaign.Statistic'),
+    }); }, [t]);
+    var handleChangeTab = function (event) {
+        onChangeTab(Number(event.target.tabIndex));
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: function (theme) { return theme.spacing(2); } }, className: "ahihu", children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", sx: {
+                                    marginTop: function (theme) { return theme.spacing(1); },
+                                    marginLeft: function (theme) { return theme.spacing(2); },
+                                }, children: translationText.title }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.ButtonGroup, { sx: {
+                                    marginTop: function (theme) { return theme.spacing(2); },
+                                }, fullWidth: true, disableElevation: true, onClick: handleChangeTab, children: Object.entries(container_1.tabs).map(function (_a) {
+                                    var key = _a[0], value = _a[1];
+                                    return isNetwork && value === container_1.tabs.CUSTOMER ? null : ((0, jsx_runtime_1.jsx)(material_1.Button, { tabIndex: value, sx: { fontSize: '0.8rem' }, color: color[Number(tabIndex === value)], variant: variant[Number(tabIndex === value)], children: Object.values(translationText)[value] }, key));
+                                }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 3 })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, sx: { marginTop: function (theme) { return theme.spacing(3); } }, children: tabPanel })] }));
+};
+exports.default = TabStatistic;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/container.d.ts

@@ -0,0 +1,8 @@
+import { CampaignAnalyticProps } from './Types';
+export declare const tabs: {
+    ANALYTIC: number;
+    EVENT: number;
+    CUSTOMER: number;
+};
+export declare const TabStatistic: (props: CampaignAnalyticProps) => import("react/jsx-runtime").JSX.Element;
+export default TabStatistic;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/container.js

@@ -0,0 +1,91 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabStatistic = exports.tabs = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Analytic_1 = __importDefault(require("./Analytic"));
+var Customer_1 = __importDefault(require("./Customer"));
+var Event_1 = __importDefault(require("./Event"));
+var Utils_1 = require("./Utils");
+var component_1 = __importDefault(require("./component"));
+var AWING_1 = require("../../../../AWING");
+var Context_1 = __importStar(require("./Context"));
+var Hooks_1 = require("../../../../AWING/Hooks");
+exports.tabs = { ANALYTIC: 0, EVENT: 1, CUSTOMER: 2 };
+function TabStatisticsContainer() {
+    var _a = (0, Context_1.default)(), client = _a.services, campaignId = _a.campaignId, subCampaigns = _a.subCampaigns, isNetwork = _a.isNetwork;
+    var _b = (0, react_1.useState)(exports.tabs.ANALYTIC), tabIndex = _b[0], setTabIndex = _b[1];
+    var time = (0, react_1.useMemo)(function () { return (0, Utils_1.getTime)(subCampaigns); }, [subCampaigns]);
+    var tabPanel = function () {
+        switch (tabIndex) {
+            case exports.tabs.ANALYTIC:
+                return ((0, jsx_runtime_1.jsx)(Analytic_1.default, { campaignId: campaignId, subCampaigns: subCampaigns, startDate: time.startDate, endDate: time.endDate, domains: data }));
+            case exports.tabs.EVENT:
+                return ((0, jsx_runtime_1.jsx)(Event_1.default, { campaignId: campaignId, startDate: time.startDate, endDate: time.endDate, subCampaigns: subCampaigns, domains: data }));
+            case exports.tabs.CUSTOMER:
+                return ((0, jsx_runtime_1.jsx)(Customer_1.default, { campaignId: campaignId, startDate: time.startDate, endDate: time.endDate }));
+            default:
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        }
+    };
+    var _c = (0, Hooks_1.useGetData)([], function () {
+        return client.domainsGetAll ? client === null || client === void 0 ? void 0 : client.domainsGetAll().then(function (res) {
+            var campaignDomains = [];
+            subCampaigns.forEach(function (s) {
+                var _a;
+                (_a = s === null || s === void 0 ? void 0 : s.ads) === null || _a === void 0 ? void 0 : _a.forEach(function (ad) {
+                    var _a;
+                    (_a = ad === null || ad === void 0 ? void 0 : ad.places) === null || _a === void 0 ? void 0 : _a.forEach(function (p) {
+                        var _a;
+                        var idx = campaignDomains.findIndex(function (c) { return c.domainId === p.domainId; });
+                        if (idx > -1) {
+                            campaignDomains[idx].places.push(p);
+                        }
+                        else {
+                            var domainName = (_a = res.find(function (d) { return d.domainId === p.domainId; })) === null || _a === void 0 ? void 0 : _a.name;
+                            campaignDomains.push({
+                                domainId: p.domainId,
+                                domainName: domainName,
+                                places: [p],
+                            });
+                        }
+                    });
+                });
+            });
+            return campaignDomains;
+        }) : Promise.resolve([]);
+    }), isLoading = _c.isLoading, data = _c.data;
+    var handleChangeTab = function (newValue) {
+        setTabIndex(newValue);
+    };
+    return isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(component_1.default, { tabIndex: tabIndex, onChangeTab: handleChangeTab, tabPanel: tabPanel(), isNetwork: isNetwork }));
+}
+var TabStatistic = function (props) { return ((0, jsx_runtime_1.jsx)(Context_1.PropsProvider, { value: props, children: (0, jsx_runtime_1.jsx)(TabStatisticsContainer, {}) })); };
+exports.TabStatistic = TabStatistic;
+exports.default = exports.TabStatistic;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./container";

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/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/AdDetail.js

@@ -174,7 +174,7 @@ function AdDetail(props) {
                                 });
                             }, handleValid: function (valid) {
                                 return setAdValid(function (pre) { return (__assign(__assign({}, pre), { dateRange: valid })); });
-                            }, textFieldProps: { fullWidth: true, required: true }, isDayBlocked: function (day) { return (0, moment_1.default)().startOf('day').valueOf() > day.valueOf(); } }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(PlaceMultiSelect, { isCreateCampaign: true, defaultValue: ad.placeFilter, onDetailSubmit: function (places, placeFilter) {
+                            }, textFieldProps: { fullWidth: true, required: true } }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, style: { padding: 8 }, children: (0, jsx_runtime_1.jsx)(PlaceMultiSelect, { isCreateCampaign: true, defaultValue: ad.placeFilter, onDetailSubmit: function (places, placeFilter) {
                                 handleChangeStatus('placeFilter', (0, Utils_1.placeFilterValid)(placeFilter, places));
                                 onChange(function (pre) { return (__assign(__assign({}, pre), { placeFilter: placeFilter, places: places })); });
                             }, TextFieldProps: {

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

@@ -8,8 +8,8 @@ require("@testing-library/jest-dom");
 var recoil_1 = require("recoil");
 var AdDetail_1 = __importDefault(require("./AdDetail"));
 var react_1 = require("@testing-library/react");
-var Types_1 = require("../../Types");
 var Helpers_1 = require("../../../../Utils/Helpers");
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
 function MockComponent(props) {
     return ((0, jsx_runtime_1.jsx)("div", {}));
 }
@@ -58,7 +58,7 @@ describe('AdDetail', function () {
             campaignGroupId: 1,
             name: "Quảng cáo 2",
             status: true,
-            type: Types_1.AdType.BANNER_STATIC,
+            type: Enum_1.AdType.BANNER_STATIC,
             loginId: "",
             welcomeId: "2348723423",
             startDate: (0, Helpers_1.convertDateTimeToTimestamp)((0, Helpers_1.getToday)()),
@@ -96,6 +96,6 @@ describe('AdDetail', function () {
         react_1.fireEvent.mouseDown(selectParam[1]);
         react_1.screen.getAllByRole('option')[2].click();
         expect(onChangeMock).toHaveBeenCalledTimes(3);
-        expect(ad.type).toBe(Types_1.AdType.BANNER_SLIDE);
+        expect(ad.type).toBe(Enum_1.AdType.BANNER_SLIDE);
     });
 });

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

@@ -54,37 +54,37 @@ var Advanced_1 = __importDefault(require("./Advanced"));
 var EditAds_1 = __importDefault(require("./EditAds"));
 var Weight_1 = __importDefault(require("./Weight"));
 var atoms_1 = require("./atoms");
-var Types_1 = require("../../Types");
 var Hooks_1 = __importDefault(require("../../Hooks"));
 var Utils_1 = require("../../Utils");
 var Helpers_1 = require("../../../../Utils/Helpers");
 var Context_1 = require("../../../../Context");
 var Recoils_1 = require("../Recoils");
 var DomainPreview_1 = __importDefault(require("../../../../ACM-AXN/DomainPreview"));
-var Constant_1 = require("../../../../ACM-AXN/Campaign/Constant");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
 var PreviewButton_1 = __importDefault(require("../../../../ACM-AXN/DomainPreview/PreviewButton"));
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
 function AdList(props) {
     var onCreate = props.onCreate, onChange = props.onChange, onDelete = props.onDelete, onAdsValidChange = props.onAdsValidChange;
     var t = (0, react_i18next_1.useTranslation)().t;
     var _a = (0, Context_1.useAwing)().appHelper, confirm = _a.confirm, alert = _a.alert;
-    var service = (0, Hooks_1.default)().service;
+    var _b = (0, Hooks_1.default)(), service = _b.service, defaultDomainId = _b.domainId;
     var ads = (0, recoil_1.useRecoilValue)(atoms_1.adListState);
-    var _b = (0, recoil_1.useRecoilState)(atoms_1.adSelectedState), adSelected = _b[0], setAdSelected = _b[1];
-    var _c = (0, recoil_1.useRecoilState)(atoms_1.adOpenState), adOpen = _c[0], setAdOpen = _c[1];
+    var _c = (0, recoil_1.useRecoilState)(atoms_1.adSelectedState), adSelected = _c[0], setAdSelected = _c[1];
+    var _d = (0, recoil_1.useRecoilState)(atoms_1.adOpenState), adOpen = _d[0], setAdOpen = _d[1];
     var copiedAd = (0, recoil_1.useRecoilValue)(atoms_1.copiedAdState);
     var hasClassC = (0, recoil_1.useRecoilValue)((0, atoms_1.checkGroupsClassCState)(adSelected.map(function (x) { return x.subCampaignId; })));
-    var _d = (0, react_1.useState)({
+    var _e = (0, react_1.useState)({
         welcomeId: '',
         loginId: '',
         domainIds: [],
-    }), previewId = _d[0], setPreviewId = _d[1];
-    var _e = react_1.default.useState(), anchorEl = _e[0], setAnchorEl = _e[1];
+    }), previewId = _e[0], setPreviewId = _e[1];
+    var _f = react_1.default.useState(), anchorEl = _f[0], setAnchorEl = _f[1];
     var open = Boolean(anchorEl);
     // valid theo cấu trúc { [campaignGroupId]: { [adId]: boolean } }
-    var _f = (0, react_1.useState)({}), adsValid = _f[0], setAdsValid = _f[1];
-    var _g = (0, react_1.useState)(false), isAdvancedDrawerOpen = _g[0], setIsAdvancedDrawerOpen = _g[1];
-    var _h = (0, recoil_1.useRecoilState)(Recoils_1.weightState), weightProps = _h[0], setWeightState = _h[1];
-    var _j = (0, react_1.useState)(false), isMultiEditDrawerOpen = _j[0], setIsMultiEditDrawerOpen = _j[1];
+    var _g = (0, react_1.useState)({}), adsValid = _g[0], setAdsValid = _g[1];
+    var _h = (0, react_1.useState)(false), isAdvancedDrawerOpen = _h[0], setIsAdvancedDrawerOpen = _h[1];
+    var _j = (0, recoil_1.useRecoilState)(Recoils_1.weightState), weightProps = _j[0], setWeightState = _j[1];
+    var _k = (0, react_1.useState)(false), isMultiEditDrawerOpen = _k[0], setIsMultiEditDrawerOpen = _k[1];
     (0, react_1.useEffect)(function () {
         var newAdValid = {};
         ads.forEach(function (ad) {
@@ -123,7 +123,7 @@ function AdList(props) {
                     campaignGroupId: 0, //se gan lai o component cha
                     name: 'Ad ' + newId_1,
                     status: true,
-                    type: Types_1.AdType.BANNER_STATIC,
+                    type: Enum_1.AdType.BANNER_STATIC,
                     loginId: '',
                     welcomeId: '',
                     startDate: (0, Helpers_1.convertDateTimeToTimestamp)((0, Helpers_1.getToday)()),
@@ -136,6 +136,7 @@ function AdList(props) {
             setAdOpen({
                 subCampaignId: newAd.campaignGroupId,
                 adId: newAd.id,
+                loginId: newAd.loginId,
             });
             handleChangeAdStatus(newAd, (0, Utils_1.campaignAdValid)(newAd));
         }
@@ -233,6 +234,7 @@ function AdList(props) {
      * Hàm khi xem preview
      */
     var handlePreview = function (e, ad, domainId) {
+        if (domainId === void 0) { domainId = defaultDomainId; }
         e.stopPropagation();
         var url = "".concat(Constant_1.Constants.CAPTIVE_DOMAIN, "/").concat(Constant_1.Constants.PAGE_LOGIN_PREVIEW, "?loginId=").concat(ad.loginId, "&isNetworkCampaign=").concat(Boolean(service.domainsGetAll).toString());
         if (ad.welcomeId.length)
@@ -268,6 +270,7 @@ function AdList(props) {
                                                             ? ads.map(function (ad) { return ({
                                                                 subCampaignId: ad.campaignGroupId,
                                                                 adId: ad.id,
+                                                                loginId: ad.loginId,
                                                             }); })
                                                             : [];
                                                     });
@@ -282,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) {
@@ -338,6 +341,7 @@ function AdList(props) {
                                                         {
                                                             subCampaignId: ad.campaignGroupId,
                                                             adId: ad.id,
+                                                            loginId: ad.loginId,
                                                         },
                                                     ]);
                                             });

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

@@ -83,7 +83,7 @@ var Helpers_1 = require("../../../../Utils/Helpers");
 var react_router_dom_1 = require("react-router-dom");
 var Enum_1 = require("../../../ViewTemplate/Enum");
 var AWING_1 = require("../../../../AWING");
-var Constant_1 = require("../../Constant");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
 var Recoils_1 = require("../Recoils");
 function AdRow(props) {
     var _a, _b, _c, _d;
@@ -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'
@@ -200,6 +200,6 @@ function AdRow(props) {
                             paddingBottom: 0,
                             paddingTop: 0,
                             borderBottomWidth: open ? 1 : 0,
-                        }, colSpan: 3, children: (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(material_1.Box, { margin: 1, children: (0, jsx_runtime_1.jsx)(AdDetail_1.default, __assign({ ad: ad, onChange: onChange }, other)) }) }) })] })] }));
+                        }, colSpan: 3, children: (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(material_1.Box, { margin: 1, sx: { height: '416px' }, children: (0, jsx_runtime_1.jsx)(AdDetail_1.default, __assign({ ad: ad, onChange: onChange }, other)) }) }) })] })] }));
 }
 exports.default = AdRow;

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