awing-library 2.1.124-beta → 2.1.124

package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.js

@@ -88,6 +88,10 @@ var TableHeaderDragable = function (_a) {
                 return t('Schedule.Date');
             case Enum_1.HEAD_CELL_IDS.IMPRESSION:
                 return t('Common.Impression');
+            case Enum_1.HEAD_CELL_IDS.AUTHENTICATION:
+                return Enum_1.HEAD_CELL_NAMES.AUTHENTICATION;
+            case Enum_1.HEAD_CELL_IDS.ER:
+                return Enum_1.HEAD_CELL_NAMES.ER + ' (%)';
             case Enum_1.HEAD_CELL_IDS.FINAL_CLICK:
                 return t('Common.FinalClick');
             case Enum_1.HEAD_CELL_IDS.CTR:
@@ -95,7 +99,7 @@ var TableHeaderDragable = function (_a) {
             case Enum_1.HEAD_CELL_IDS.RATE:
                 return "".concat(t('Schedule.Rate'), " (%)");
             case Enum_1.HEAD_CELL_IDS.TOTAL:
-                return "".concat(t('Schedule.Total'), " (").concat(t('Common.Impression'), ")");
+                return t('Schedule.Total');
             default:
                 return '';
         }

package/lib/ACM-AXN/CampaignSchedule/DataConfig.d.ts

@@ -1,4 +1,4 @@
-export declare const DataSetConfigs: (exportData: any, campaigns: any, places: any, t: any) => {
+export declare const DataSetConfigs: (exportData: any, campaigns: any, places: any, t: any, isBilling: boolean) => {
     results: {
         columns: any[];
         data: any[];

package/lib/ACM-AXN/CampaignSchedule/DataConfig.js

@@ -11,7 +11,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetConfigs = void 0;
 var Helpers_1 = require("../../Utils/Helpers");
-var DataSetConfigs = function (exportData, campaigns, places, t) {
+var DataSetConfigs = function (exportData, campaigns, places, t, isBilling) {
     var results = [
         {
             columns: [t('Schedule.ReportCampaignSchedule')],
@@ -43,9 +43,14 @@ var DataSetConfigs = function (exportData, campaigns, places, t) {
                         value: (0, Helpers_1.timestampToStringDDMMYYYY)(data.date),
                         style: { font: { sz: '13' } },
                     },
-                    { value: data.rate, style: { font: { sz: '13' } } },
                     {
-                        value: data.totalQuantity,
+                        value: isBilling ? (data.rateBilling.toFixed(2) || 0) : (data.rate.toFixed(2) || 0),
+                        style: { font: { sz: '13' } },
+                    },
+                    {
+                        value: isBilling
+                            ? (data.totalQuantityBilling.toFixed(2) || 0)
+                            : (data.totalQuantity.toFixed(2) || 0),
                         style: { font: { sz: '12' } },
                     },
                 ];

package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.d.ts

@@ -1,4 +1,4 @@
-export declare const DataSetConfigsAXN: (t: any, exportData: any, domains: any, campaigns: any, places: any) => {
+export declare const DataSetConfigsAXN: (t: any, exportData: any, domains: any, campaigns: any, places: any, isBilling: boolean) => {
     columns: any[];
     data: any[];
 }[];

package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.js

@@ -11,7 +11,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetConfigsAXN = void 0;
 var Helpers_1 = require("../../Utils/Helpers");
-var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
+var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places, isBilling) {
     return [
         {
             columns: [t('Schedule.ReportCampaignSchedule')],
@@ -22,6 +22,7 @@ var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
                 '#',
                 t('Schedule.Campaign'),
                 t('Schedule.Place'),
+                t('Schedule.Domain'),
                 t('Schedule.Date'),
                 "".concat(t('Schedule.Rate'), " (%)"),
                 t('Schedule.Total'),
@@ -45,9 +46,14 @@ var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
                         value: (0, Helpers_1.timestampToStringDDMMYYYY)(data.date),
                         style: { font: { sz: '13' } },
                     },
-                    { value: data.rate, style: { font: { sz: '13' } } },
                     {
-                        value: data.totalQuantity,
+                        value: isBilling ? (data.rateBilling.toFixed(2) || 0) : (data.rate.toFixed(2) || 0),
+                        style: { font: { sz: '13' } },
+                    },
+                    {
+                        value: isBilling
+                            ? (data.totalQuantityBilling.toFixed(2) || 0)
+                            : (data.totalQuantity.toFixed(2) || 0),
                         style: { font: { sz: '12' } },
                     },
                 ];

package/lib/ACM-AXN/CampaignSchedule/Enum.d.ts

@@ -1,5 +1,7 @@
 import moment from "moment";
 export declare enum HEAD_CELL_IDS {
+    AUTHENTICATION = "authentication",
+    ER = "er",
     CONTROL = "collapse-stt",
     PLACE = "place",
     CAMPAIGN = "campaign",
@@ -18,6 +20,8 @@ export declare enum HEAD_CELL_IDS {
     CAMPAIGN_CAMPAIGN = "campaignCampaign"
 }
 export declare enum HEAD_CELL_NAMES {
+    AUTHENTICATION = "Engagement",
+    ER = "Er",
     CONTROL = "collapse-stt",
     PLACE = "placeid",
     CAMPAIGN = "campaignid",

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

@@ -7,6 +7,8 @@ exports.initialPage = exports.initialFilters = exports.BACKGROUND_COLOR = export
 var moment_1 = __importDefault(require("moment"));
 var HEAD_CELL_IDS;
 (function (HEAD_CELL_IDS) {
+    HEAD_CELL_IDS["AUTHENTICATION"] = "authentication";
+    HEAD_CELL_IDS["ER"] = "er";
     HEAD_CELL_IDS["CONTROL"] = "collapse-stt";
     HEAD_CELL_IDS["PLACE"] = "place";
     HEAD_CELL_IDS["CAMPAIGN"] = "campaign";
@@ -26,6 +28,8 @@ var HEAD_CELL_IDS;
 })(HEAD_CELL_IDS || (exports.HEAD_CELL_IDS = HEAD_CELL_IDS = {}));
 var HEAD_CELL_NAMES;
 (function (HEAD_CELL_NAMES) {
+    HEAD_CELL_NAMES["AUTHENTICATION"] = "Engagement";
+    HEAD_CELL_NAMES["ER"] = "Er";
     HEAD_CELL_NAMES["CONTROL"] = "collapse-stt";
     HEAD_CELL_NAMES["PLACE"] = "placeid";
     HEAD_CELL_NAMES["CAMPAIGN"] = "campaignid";

package/lib/ACM-AXN/CampaignSchedule/Recoil/Atom.d.ts

@@ -1,2 +1,2 @@
-import { IPlaceGroupPermission } from "../interface";
-export declare const placeGroupPermissionState: import("recoil").RecoilState<IPlaceGroupPermission>;
+import { ITypeView } from '../interface';
+export declare const CampaignScheduleTypeViewState: import("recoil").RecoilState<ITypeView>;

package/lib/ACM-AXN/CampaignSchedule/Recoil/Atom.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.placeGroupPermissionState = void 0;
+exports.CampaignScheduleTypeViewState = void 0;
 var recoil_1 = require("recoil");
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
 // Khi bắt đầu load sẽ thực hiện lấy thông tin placeGroupPermission cho placefilter.
-exports.placeGroupPermissionState = (0, recoil_1.atom)({
-    key: "PlaceGroupPermissionState",
-    default: { placeGroups: [], places: [] },
+exports.CampaignScheduleTypeViewState = (0, recoil_1.atom)({
+    key: 'CampaignScheduleTypeViewState',
+    default: { type: Constant_1.TypeView.billingUnit },
 });

package/lib/ACM-AXN/CampaignSchedule/container.d.ts

@@ -1,3 +1,3 @@
 import { ICampaignScheduleContainerProps } from './interface';
-declare const CampaignScheduleContainer: ({ initialFilters, initialHeadCells, placeMultiSelectComponent, serviceCampaignSchedule, typeSystemAXN, title, disabledCampaignFilter, isFutureDate }: ICampaignScheduleContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const CampaignScheduleContainer: ({ initialFilters, initialHeadCells, placeMultiSelectComponent, serviceCampaignSchedule, typeSystemAXN, title, disabledCampaignFilter, isFutureDate, }: ICampaignScheduleContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default CampaignScheduleContainer;

package/lib/ACM-AXN/CampaignSchedule/container.js

@@ -62,6 +62,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var lodash_1 = __importDefault(require("lodash"));
+var recoil_1 = require("recoil");
 var react_1 = require("react");
 var react_helmet_async_1 = require("react-helmet-async");
 var react_i18next_1 = require("react-i18next");
@@ -72,10 +73,13 @@ var DataConfig_1 = require("./DataConfig");
 var DataConfigAXN_1 = require("./DataConfigAXN");
 var Enum_1 = require("./Enum");
 var component_1 = __importDefault(require("./component"));
+var Atom_1 = require("./Recoil/Atom");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var CampaignScheduleContainer = function (_a) {
     var _b;
     var initialFilters = _a.initialFilters, initialHeadCells = _a.initialHeadCells, placeMultiSelectComponent = _a.placeMultiSelectComponent, serviceCampaignSchedule = _a.serviceCampaignSchedule, _c = _a.typeSystemAXN, typeSystemAXN = _c === void 0 ? false : _c, title = _a.title, disabledCampaignFilter = _a.disabledCampaignFilter, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
+    var type = (0, recoil_1.useRecoilValue)(Atom_1.CampaignScheduleTypeViewState).type;
     var _d = (0, react_1.useState)(null), dragPlace = _d[0], setDragPlace = _d[1];
     var _e = (0, react_1.useState)(initialFilters), filters = _e[0], setFilters = _e[1];
     var pagingGroupBy = serviceCampaignSchedule.pagingGroupBy, paging = serviceCampaignSchedule.paging, exportExcel = serviceCampaignSchedule.exportExcel, placesPermission = serviceCampaignSchedule.placesPermission, campaignPlan = serviceCampaignSchedule.campaignPlan, domains = serviceCampaignSchedule.domains;
@@ -172,8 +176,9 @@ var CampaignScheduleContainer = function (_a) {
         getScheduleGroupsData();
     }, [page.pageSize, page.pageIndex, view, filters.campaignId]);
     var handleExportExcel = function () {
+        var isBillingUnit = type === Constant_1.TypeView.billingUnit;
         var params = __assign(__assign({}, filters), { options: options });
-        exportExcel(params, typeSystemAXN ? DataConfigAXN_1.DataSetConfigsAXN : DataConfig_1.DataSetConfigs, t);
+        exportExcel(params, typeSystemAXN ? DataConfigAXN_1.DataSetConfigsAXN : DataConfig_1.DataSetConfigs, t, isBillingUnit);
     };
     var getAllPlaces = function () {
         if (placesPermission) {

package/lib/ACM-AXN/CampaignSchedule/interface.d.ts

@@ -194,6 +194,9 @@ export interface IGroupPanelProps {
     onDrop: any;
     panels: any;
 }
+export interface ITypeView {
+    type: number;
+}
 export interface IFiltersProps {
     campaigns: {};
     handleFilters: (field: string, value: any) => void;

package/lib/ACM-AXN/Common/Constant.d.ts

@@ -1,5 +1,6 @@
 declare global {
     interface Window {
+        TOPIC_PREFIX: string;
         REACT_APP_API_ENDPOINT: string;
         GOONG_MAP_KEY: string;
         GOONG_API_KEY: string;
@@ -81,6 +82,8 @@ export declare const Constants: {
     CAMPAIGN_STATISTICS: string;
     CAMPAIGN_CONNECT: string;
     CAMPAIGN_PERMISSION: string;
+    CAMPAIGN_APPROVE: string;
+    CAMPAIGN_WIZARD: string;
     CAPTIVE_DOMAIN: any;
     CAMPAIGN_PREVIEW: string;
     DOMAIN_PREVIEW: string;
@@ -140,3 +143,20 @@ export declare const Constants: {
     PAGE: string;
     PAGE_CREATE_DIRECTORY: string;
 };
+/**
+ *  ValueAnalyticType  dùng để truy xuất dữ liệu trong các file "runs" và "expecteds" filter phần thống kê.
+ **/
+export declare const ValueAnalyticType: {
+    VIEW: string;
+    AUTHENTICATION: string;
+    CLICK: string;
+};
+/**
+ *  TypeView kịch bản filter trong phần thống kê.
+ *  billingUnit: 0, // Đơn vị tính, dựa vào trường "billingUnit" => 1: "Authentication", 2: "Click"
+ *  impression: 1, // Lượt hiển thị, "View"
+ **/
+export declare const TypeView: {
+    billingUnit: number;
+    impression: number;
+};

package/lib/ACM-AXN/Common/Constant.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Constants = void 0;
+exports.TypeView = exports.ValueAnalyticType = exports.Constants = void 0;
 exports.Constants = {
     API_ENDPOINT: window.REACT_APP_API_ENDPOINT,
     // Notification
@@ -71,6 +71,8 @@ exports.Constants = {
     CAMPAIGN_STATISTICS: 'Statistics',
     CAMPAIGN_CONNECT: 'Connect',
     CAMPAIGN_PERMISSION: 'Permission',
+    CAMPAIGN_APPROVE: 'Approve',
+    CAMPAIGN_WIZARD: 'Wizard',
     CAPTIVE_DOMAIN: window.REACT_APP_CAPTIVE_DOMAIN,
     CAMPAIGN_PREVIEW: 'Preview/Campaign',
     DOMAIN_PREVIEW: 'Preview/Domain',
@@ -130,3 +132,20 @@ exports.Constants = {
     PAGE: 'Page',
     PAGE_CREATE_DIRECTORY: 'CreateDirectory',
 };
+/**
+ *  ValueAnalyticType  dùng để truy xuất dữ liệu trong các file "runs" và "expecteds" filter phần thống kê.
+ **/
+exports.ValueAnalyticType = {
+    VIEW: 'View',
+    AUTHENTICATION: 'Authentication',
+    CLICK: 'Click',
+};
+/**
+ *  TypeView kịch bản filter trong phần thống kê.
+ *  billingUnit: 0, // Đơn vị tính, dựa vào trường "billingUnit" => 1: "Authentication", 2: "Click"
+ *  impression: 1, // Lượt hiển thị, "View"
+ **/
+exports.TypeView = {
+    billingUnit: 0, // Đơn vị tính
+    impression: 1, // Lượt hiển thị
+};

package/lib/ACM-AXN/Common/Enum.d.ts

@@ -30,3 +30,35 @@ export declare enum JobTypeEnum {
     Cron = "Cron",
     Trigger = "Trigger"
 }
+export declare enum ShareType {
+    Soft = 0,
+    NetworkHard = 1,
+    DomainHard = 2,
+    Hard = 3
+}
+export declare enum TimelineType {
+    Hour = 0,
+    Day = 1,
+    Week = 2,
+    Month = 3
+}
+export declare enum AnalyticGroupBy {
+    GbPlaceId = 0,
+    GbCampaignId = 1,
+    GbDomainId = 2,
+    GbTimeline = 3,
+    GbCampaignGroupId = 4,
+    GbCampaignAdId = 5,
+    GbEventLabel = 6,
+    GbApMac = 7
+}
+export declare enum AnalyticType {
+    View = 0,// Impression
+    Authentication = 1,// Engagement / Spot
+    Click = 2,// Final Click
+    AuthenticationSuccess = 4
+}
+export declare const MarkAnalyticTypes: {
+    billingUnit: AnalyticType;
+    billingUnitLabel: string;
+}[];

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.JobTypeEnum = exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.FileTypeCode = exports.PageCode = void 0;
+exports.MarkAnalyticTypes = exports.AnalyticType = exports.AnalyticGroupBy = exports.TimelineType = exports.ShareType = exports.JobTypeEnum = exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.FileTypeCode = exports.PageCode = void 0;
 var PageCode;
 (function (PageCode) {
     PageCode[PageCode["Wlc"] = 0] = "Wlc";
@@ -41,3 +41,49 @@ var JobTypeEnum;
     JobTypeEnum["Cron"] = "Cron";
     JobTypeEnum["Trigger"] = "Trigger";
 })(JobTypeEnum || (exports.JobTypeEnum = JobTypeEnum = {}));
+var ShareType;
+(function (ShareType) {
+    ShareType[ShareType["Soft"] = 0] = "Soft";
+    ShareType[ShareType["NetworkHard"] = 1] = "NetworkHard";
+    ShareType[ShareType["DomainHard"] = 2] = "DomainHard";
+    ShareType[ShareType["Hard"] = 3] = "Hard";
+})(ShareType || (exports.ShareType = ShareType = {}));
+var TimelineType;
+(function (TimelineType) {
+    TimelineType[TimelineType["Hour"] = 0] = "Hour";
+    TimelineType[TimelineType["Day"] = 1] = "Day";
+    TimelineType[TimelineType["Week"] = 2] = "Week";
+    TimelineType[TimelineType["Month"] = 3] = "Month";
+})(TimelineType || (exports.TimelineType = TimelineType = {}));
+var AnalyticGroupBy;
+(function (AnalyticGroupBy) {
+    AnalyticGroupBy[AnalyticGroupBy["GbPlaceId"] = 0] = "GbPlaceId";
+    AnalyticGroupBy[AnalyticGroupBy["GbCampaignId"] = 1] = "GbCampaignId";
+    AnalyticGroupBy[AnalyticGroupBy["GbDomainId"] = 2] = "GbDomainId";
+    AnalyticGroupBy[AnalyticGroupBy["GbTimeline"] = 3] = "GbTimeline";
+    AnalyticGroupBy[AnalyticGroupBy["GbCampaignGroupId"] = 4] = "GbCampaignGroupId";
+    AnalyticGroupBy[AnalyticGroupBy["GbCampaignAdId"] = 5] = "GbCampaignAdId";
+    AnalyticGroupBy[AnalyticGroupBy["GbEventLabel"] = 6] = "GbEventLabel";
+    AnalyticGroupBy[AnalyticGroupBy["GbApMac"] = 7] = "GbApMac";
+})(AnalyticGroupBy || (exports.AnalyticGroupBy = AnalyticGroupBy = {}));
+var AnalyticType;
+(function (AnalyticType) {
+    AnalyticType[AnalyticType["View"] = 0] = "View";
+    AnalyticType[AnalyticType["Authentication"] = 1] = "Authentication";
+    AnalyticType[AnalyticType["Click"] = 2] = "Click";
+    AnalyticType[AnalyticType["AuthenticationSuccess"] = 4] = "AuthenticationSuccess";
+})(AnalyticType || (exports.AnalyticType = AnalyticType = {}));
+exports.MarkAnalyticTypes = [
+    {
+        billingUnit: AnalyticType.Authentication,
+        billingUnitLabel: AnalyticType[AnalyticType.Authentication],
+    },
+    {
+        billingUnit: AnalyticType.Click,
+        billingUnitLabel: AnalyticType[AnalyticType.Authentication],
+    },
+    {
+        billingUnit: AnalyticType.Click,
+        billingUnitLabel: AnalyticType[AnalyticType.Click],
+    }
+];

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

@@ -0,0 +1,16 @@
+import { ICampaignAdGroup } from "../../ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/container";
+import { AnalyticGroupBy, TimelineType } from "./Enum";
+export type Timestamp = {
+    seconds: number;
+    nanos: number;
+};
+export interface IStatisticDTO {
+    startDate: string;
+    endDate: string;
+    timelineType: TimelineType;
+    campaignAdGroups?: ICampaignAdGroup[] | undefined;
+    placeIds?: string[] | undefined;
+    analyticGroupBies?: AnalyticGroupBy[] | undefined;
+    includedEventLabels?: string[] | undefined;
+    ignoredEventLabels?: string[] | undefined;
+}

package/lib/ACM-AXN/Common/Types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ACM-AXN/GeoFencing/component.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (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 PinDrop_1 = __importDefault(require("@mui/icons-material/PinDrop"));
+var material_1 = require("@mui/material");
+var AWING_1 = require("../../AWING");
 var react_1 = require("react");
-var GoongMap_1 = __importDefault(require("./GoongMap"));
-var common_1 = require("./common");
+var react_i18next_1 = require("react-i18next");
 var constants_1 = require("../../constants");
+var common_1 = require("./common");
 function Component(props) {
     var t = (0, react_i18next_1.useTranslation)().t;
     var label = props.label, configs = props.configs, marker = props.marker, radius = props.radius, locationString = props.locationString, onChange = props.onChange, onSearch = props.onSearch, onGoongMapSelect = props.onGoongMapSelect, limit = props.limit, isOnlyMap = props.isOnlyMap;
@@ -34,7 +34,7 @@ function Component(props) {
                                     paddingRight: "8px",
                                 }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, label: t("PlaceFilter.Location"), placeholder: t("PlaceFilter.TypeLocation"), variant: "outlined", size: "small", value: locationString, onChange: function (e) {
                                             return onChange("locationString", e.target.value);
-                                        }, onKeyDown: function (e) {
+                                        }, onClick: function () { return setShowMap(true); }, onKeyDown: function (e) {
                                             if (e.key === "Enter") {
                                                 onSearch();
                                             }
@@ -42,7 +42,7 @@ function Component(props) {
                                             !(0, common_1.validateGoogleMapLatLong)(locationString)) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleShowMapChange, style: {
                                             position: "absolute",
                                             right: "12px",
-                                            bottom: "5px",
+                                            bottom: "9px",
                                         }, size: "small", children: (0, jsx_runtime_1.jsx)(PinDrop_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, style: { paddingLeft: "8px" }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, label: t("PlaceFilter.Radius"), variant: "outlined", size: "small", placeholder: t("PlaceFilter.TypeRadius"), type: "number", value: radius, onChange: function (e) {
                                         if (!e.target.value.includes("-") &&
                                             Number(e.target.value) <=
@@ -55,6 +55,6 @@ function Component(props) {
                                         }
                                     }, error: !!(radius &&
                                         Number(radius) <
-                                            ((limit === null || limit === void 0 ? void 0 : limit.min) || constants_1.MIN_RADIUS)) }) })] })), (isOnlyMap || showMap) && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, style: { position: "relative", marginTop: "16px" }, children: (0, jsx_runtime_1.jsx)(GoongMap_1.default, { onAddPlace: onGoongMapSelect, marker: marker, configs: configs }) }))] })] }));
+                                            ((limit === null || limit === void 0 ? void 0 : limit.min) || constants_1.MIN_RADIUS)) }) })] })), (isOnlyMap || showMap) && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, style: { position: "relative", marginTop: "16px" }, children: (0, jsx_runtime_1.jsx)(AWING_1.GoogleMap, { defaultLocation: { lat: (marker === null || marker === void 0 ? void 0 : marker.latitude) || 0, lng: (marker === null || marker === void 0 ? void 0 : marker.longitude) || 0 }, onUpdateLocation: onGoongMapSelect, apiKey: configs.GOOGLE_MAP_KEY, geofenceRadius: radius ? Number(radius) : 0 }) }))] })] }));
 }
 exports.default = Component;

package/lib/ACM-AXN/GeoFencing/interface.d.ts

@@ -1,6 +1,5 @@
 export interface IConfig {
-    GOONG_API_KEY: string;
-    GOONG_MAP_KEY: string;
+    GOOGLE_MAP_KEY: string;
 }
 export interface GeoFencingValue {
     latitude?: number;

package/lib/ACM-AXN/Notifications/NotificationPopover/Container.d.ts

@@ -1,8 +1,3 @@
-/**
- *
- * @author dauquan1108@gmail.com on 12/1/2023.
- *
- **/
 import React from 'react';
 declare const Container: React.FC;
 export default Container;

package/lib/ACM-AXN/Notifications/NotificationPopover/Container.js

@@ -1,109 +1,26 @@
 "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;
-    return g = { next: verb(0), "throw": verb(1), "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");
-/**
- *
- * @author dauquan1108@gmail.com on 12/1/2023.
- *
- **/
-var react_1 = require("react");
-var material_1 = require("@mui/material");
 var Notifications_1 = __importDefault(require("@mui/icons-material/Notifications"));
-var signalr_1 = require("@microsoft/signalr");
+var material_1 = require("@mui/material");
 var Constant_1 = require("../../../ACM-AXN/Common/Constant");
+var react_1 = require("react");
 var Hooks_1 = __importDefault(require("../Hooks"));
 var NotificationDetail_1 = __importDefault(require("../NotificationDetail"));
 var Container = function () {
-    var service = (0, Hooks_1.default)().service;
-    var _a = (0, react_1.useState)(null), anchorEl = _a[0], setAnchorEl = _a[1];
-    var _b = (0, react_1.useState)(0), totalNotification = _b[0], setTotalNotification = _b[1];
-    var _c = (0, react_1.useState)(null), signalRConnection = _c[0], setSignalRConnection = _c[1];
+    var _a = (0, Hooks_1.default)(), service = _a.service, numberNotification = _a.numberNotification, onNotificationClick = _a.onNotificationClick;
+    var _b = (0, react_1.useState)(null), anchorEl = _b[0], setAnchorEl = _b[1];
     (0, react_1.useEffect)(function () {
-        service.notificationsCountUnreadMessages().then(setTotalNotification);
-        setUpSignalRConnection().then(function (connection) { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                setSignalRConnection(connection);
-                return [2 /*return*/];
-            });
-        }); });
-        return function () {
-            if (signalRConnection)
-                signalRConnection.stop();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        service.notificationsCountUnreadMessages().then(onNotificationClick);
     }, []);
-    var setUpSignalRConnection = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var connection, err_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    connection = new signalr_1.HubConnectionBuilder()
-                        .withUrl("".concat(Constant_1.Constants.API_ENDPOINT, "/api/hubs/notification"))
-                        .configureLogging(signalr_1.LogLevel.None)
-                        .withAutomaticReconnect([0, 5000, 10000, 15000])
-                        .build();
-                    connection.on('ReceiveMessage', function (message) {
-                        setTotalNotification(function (prev) { return prev + 1; });
-                    });
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, connection.start()];
-                case 2:
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    err_1 = _a.sent();
-                    console.log(err_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/, connection];
-            }
-        });
-    }); };
     var handleClick = function (event) {
         var href = window.location.href;
         // nếu đang ở notifications thì click vào quả chuông sẽ không mở popover nữa.
         if (!href.includes(Constant_1.Constants.NOTIFICATIONS_PATH)) {
-            setTotalNotification(0);
+            onNotificationClick(0);
             setAnchorEl(event.currentTarget);
         }
     };
@@ -112,7 +29,7 @@ var Container = function () {
     };
     var open = Boolean(anchorEl);
     var id = open ? 'simple-popover' : undefined;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { component: "div", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-describedby": id, onClick: handleClick, sx: { backgroundColor: open ? '#F98D9C' : 'inherit' }, children: (0, jsx_runtime_1.jsx)(material_1.Badge, { badgeContent: totalNotification, color: "error", children: (0, jsx_runtime_1.jsx)(Notifications_1.default, { "data-testid": "notification-icon", sx: { color: open ? '#DD040C' : 'inherit' } }) }) }), (0, jsx_runtime_1.jsx)(material_1.Popover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, sx: { zIndex: 1100 }, anchorOrigin: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { component: "div", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-describedby": id, onClick: handleClick, sx: { backgroundColor: open ? '#F98D9C' : 'inherit' }, children: (0, jsx_runtime_1.jsx)(material_1.Badge, { badgeContent: numberNotification, color: "error", children: (0, jsx_runtime_1.jsx)(Notifications_1.default, { "data-testid": "notification-icon", sx: { color: open ? '#DD040C' : 'inherit' } }) }) }), (0, jsx_runtime_1.jsx)(material_1.Popover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, sx: { zIndex: 1100 }, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'center',
                 }, transformOrigin: {

package/lib/ACM-AXN/Notifications/NotificationPopover/index.d.ts

@@ -1,8 +1,3 @@
-/**
- *
- * @author dauquan1108@gmail.com on 12/1/2023.
- *
- **/
 import React from 'react';
 import { NotificationPropsContext } from '../Types';
 export declare const NotificationPopover: React.FC<NotificationPropsContext>;

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

@@ -3,7 +3,7 @@
  * @author dauquan1108@gmail.com on 04/15/2024.
  *
  **/
-import { Timestamp } from '../../ACM-AXN/Campaign/Types';
+import { Timestamp } from '../../ACM-AXN/Common/Types';
 import { SagaTransactionType } from '../../ACM-AXN/TransactionLog/Types';
 export interface IValueFilterState {
     textSearch: string;
@@ -33,6 +33,8 @@ export interface CancelToken {
 }
 export interface NotificationPropsContext {
     service: NotificationService;
+    numberNotification: number;
+    onNotificationClick: (notification: number) => void;
 }
 export interface NotificationService {
     /**

package/lib/ACM-AXN/Page/Container.js

@@ -22,7 +22,7 @@ var PreviewButton_1 = __importDefault(require("../../ACM-AXN/DomainPreview/Previ
 var lodash_1 = require("lodash");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var react_router_1 = require("react-router");
+var react_router_dom_1 = require("react-router-dom");
 var Enum_1 = require("../../ACM-AXN/Campaign/Enum");
 var AWING_1 = require("../../AWING");
 var ClassicDrawer_1 = require("../../Commons/Components/ClassicDrawer");
@@ -36,8 +36,8 @@ var PageContainer = function () {
     var _b = (0, Context_2.default)(), pageCode = _b.pageCode, service = _b.service, domainId = _b.domainId, CONFIGS = _b.configs;
     var _c = (0, Context_1.useAwing)().appHelper, confirm = _c.confirm, snackbar = _c.snackbar;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var navigate = (0, react_router_1.useNavigate)();
-    var location = (0, react_router_1.useLocation)();
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var location = (0, react_router_dom_1.useLocation)();
     var _d = (0, react_1.useState)(true), loading = _d[0], setLoading = _d[1];
     var _e = (0, react_1.useState)(true), init = _e[0], setInit = _e[1]; // First time render
     var _f = (0, react_1.useState)([]), directories = _f[0], setDirectories = _f[1];

package/lib/ACM-AXN/Page/CreateOrEdit/ListenTemplate.d.ts

@@ -0,0 +1,6 @@
+import { ITemplateModel } from '../../../ACM-AXN/Template';
+import { Template } from '../Types';
+export declare const usePageCache: () => {
+    getTemplate: (templateId: string) => Promise<ITemplateModel>;
+    getTemplateList: (directoryId: string) => Promise<Template[]>;
+};