awing-library 2.1.3 → 2.1.4

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

@@ -26,11 +26,12 @@ var Constant_1 = require("./Constant");
 var Container_1 = __importDefault(require("./Container"));
 var Context_1 = require("./Context");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var Enum_1 = require("./Enum");
 var Campaign = function (props) {
     var paths = [
         {
             param: Constant_1.Constants.DIRECTORY_CREATE_DIRECTORY_PATH + '/:directoryId',
-            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ parentDirectory: 'campaign' }, props))),
+            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ parentDirectory: 'campaign', directoryRoot: Enum_1.DirectoryRoot.Campaign }, props))),
         },
         {
             param: Constant_1.Constants.CAMPAIGN_CREATE + '/:tabName/*',

package/lib/ACM-AXN/DomainPreview/PreviewButton.js

@@ -1,15 +1,36 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var icons_material_1 = require("@mui/icons-material");
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
 var styles_1 = require("@mui/styles");
 var AWING_1 = require("../../AWING");
+var lodash_1 = require("lodash");
 var useStylesContainer = (0, styles_1.makeStyles)(function () {
     var _a, _b;
     var theme = (0, material_1.useTheme)();
@@ -73,22 +94,24 @@ var PreviewCampaignContainer = function (props) {
         setLoadingFlags(true);
     }, []);
     react_1.default.useEffect(function () {
-        if (domainIds.length && open === true) {
-            service
-                .domainsGetByIds(domainIds)
-                .then(setDomains)
-                .finally(function () { return setLoadingFlags(false); });
+        if (open === true) {
+            if (domainIds.length) {
+                service
+                    .domainsGetByIds(domainIds)
+                    .then(setDomains)
+                    .finally(function () { return setLoadingFlags(false); });
+            }
+            else {
+                service
+                    .domainsGetAll()
+                    .then(function (res) {
+                    setDomains(res.slice(0, 4));
+                })
+                    .finally(function () { return setLoadingFlags(false); });
+            }
         }
-        else
-            setLoadingFlags(false);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [domainIds, open]);
-    react_1.default.useEffect(function () {
-        if (!domainIds.length) {
-            setOpenDrawer(true);
-            // handlePreviewClose({stopPropagation: () => {}} as any)
-        }
-    }, [domainIds]);
     var _c = react_1.default.useState(false), openDrawer = _c[0], setOpenDrawer = _c[1];
     var toggleDrawer = function (open) { return function (event) {
         event.stopPropagation();
@@ -111,6 +134,9 @@ var PreviewCampaignContainer = function (props) {
                 .then(setAllDomain)
                 .finally(function () { return setIsLoadingAllDomain(false); });
         }
+        else {
+            setIsLoadingAllDomain(false);
+        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [openDrawer]);
     var translationText = {
@@ -118,30 +144,27 @@ var PreviewCampaignContainer = function (props) {
         copyToClipboard: t('Common.Preview'),
         other: t('Campaign.Type.Other'),
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var handleSearch = (0, react_1.useCallback)((0, lodash_1.debounce)(setSearchDomainString, 300), []);
     return ((0, jsx_runtime_1.jsxs)(material_1.Menu, { id: "long-menu", anchorEl: anchorEl, keepMounted: true, open: open, onClose: handlePreviewClose, PaperProps: {
             style: {
                 maxHeight: 48 * 4.5,
                 width: '25ch',
             },
-        }, children: [loadingFlags ? ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) })) : (domains &&
-                domains.map(function (domain) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: function (event) {
-                        handlePreviewClose(event);
-                        handlePreviewDomain(event, domain.domainId);
-                    }, children: domain.name }, domain.domainId)); })), !loadingFlags && ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: toggleDrawer(true), children: translationText.other })), (0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: 'right', open: openDrawer, onClose: function () {
+        }, children: [loadingFlags ? ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) })) : ((domains && domains.map(function (domain) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: function (event) {
+                    handlePreviewClose(event);
+                    handlePreviewDomain(event, domain.domainId);
+                }, children: domain.name }, domain.domainId)); }))), !loadingFlags && ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: toggleDrawer(true), children: translationText.other })), (0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: 'right', open: openDrawer, onClose: function () {
                     toggleDrawer(false);
                     handlePreviewClose({ stopPropagation: function () { } });
                 }, onClick: function (e) { return e.stopPropagation(); }, sx: {
                     zIndex: function (theme) { return theme.zIndex.drawer * 10; },
                 }, children: isLoadingAllDomain ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                             width: function (t) { return t.spacing(60); },
-                        }, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsxs)(material_1.List, { className: classes.drawer, children: [(0, jsx_runtime_1.jsx)(material_1.ListItem, { component: "div", children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, placeholder: translationText.searchPlaceholder, size: 'small', sx: {
-                                    '& fieldset': {
-                                        border: 'none!important'
-                                    }
-                                }, inputProps: { 'aria-label': 'search' }, InputProps: {
+                        }, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsxs)(material_1.List, { className: classes.drawer, children: [(0, jsx_runtime_1.jsx)(material_1.ListItem, { component: "div", children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, placeholder: translationText.searchPlaceholder, inputProps: { 'aria-label': 'search' }, InputProps: {
                                     startAdornment: (0, jsx_runtime_1.jsx)(icons_material_1.Search, {}),
                                 }, onChange: function (e) {
-                                    return setSearchDomainString(e.target.value);
+                                    return handleSearch(e.target.value);
                                 } }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), allDomain &&
                             allDomain
                                 .filter(function (d) {

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

@@ -0,0 +1,144 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 03/11/2024.
+ *
+ **/
+export declare const PAGE_CODES: {
+    PageCodeLogin: string;
+    PageCodeWelcome: string;
+};
+declare global {
+    interface Window {
+        REACT_APP_API_ENDPOINT: string;
+        GOONG_MAP_KEY: string;
+        GOONG_API_KEY: string;
+        REACT_APP_CAPTIVE_DOMAIN: string;
+        CLIENT_ID: string;
+        REACT_APP_ID_DOMAIN: string;
+        REACT_APP_FILE_STATIC_PATH: string;
+        REACT_APP_FILE_TEMP_PATH: string;
+        REACT_APP_TEMPLATE_FILE_PATH: string;
+        REACT_APP_I18NEXT_BACKEND: string;
+        DEFAULT_PREVIEW_DOMAIN_ID: string;
+    }
+}
+export declare const Constants: {
+    ALL: string;
+    UNREAD: string;
+    SELECT_ALL: string;
+    NOTIFICATIONS_PATH: string;
+    NOTIFICATION_SETTING_SCREEN_PATH: string;
+    APP_NAME: string;
+    API_ENDPOINT: string;
+    GOONG_MAP_KEY: string;
+    GOONG_API_KEY: string;
+    CAPTIVE_DOMAIN: string;
+    ID_DOMAIN: string;
+    FILE_STATIC_PATH: string;
+    FILE_TEMP_PATH: string;
+    TEMPLATE_FILE_PATH: string;
+    REACT_APP_I18NEXT_BACKEND: string;
+    CLIENT_ID: string;
+    PAGE_SIZE_DEFAULT: number;
+    DEFAULT_ROWS_PER_PAGE: number[];
+    NUMBER_DOMAIN_FAVORITE: number;
+    PLACE_GROUP_SYSTEM: string;
+    FAVORITE_DOMAIN: string;
+    DOMAIN_ID_KEY: string;
+    HOME_PATH: string;
+    SET_SSID: string;
+    SET_LOGOUT: string;
+    PROFILE_PATH: string;
+    USER_PROFILE_INFO: string;
+    CLIENT_AUTHEN: {
+        TOKEN_KEY: string;
+        RETURN_URL_KEY: string;
+        CLIENT_ID_KEY: string;
+    };
+    LOGIN_PATH: string;
+    LOGOUT_PATH: string;
+    ERROR_PATH: string;
+    ERROR_403_PATH: string;
+    LOCAL_STORAGE_USER: string;
+    DIRECTORY_PATH: string;
+    DIRECTORY_PERMISSION_PATH: string;
+    DIRECTORY_CREATE_DIRECTORY_PATH: string;
+    DIRECTORY_ADD_PERMISSION_PATH: string;
+    DIRECTORY_EDIT_PERMISSION_PATH: string;
+    DIRECTORY_ADD_PERMISSION_ADD_NEWAUTHEN_PATH: string;
+    SYSTEM_DIRECTORY_PERMISSION_PATH: string;
+    MENU_DIRECTORY_PERMISSION_PATH: string;
+    CAMPAIGN_PATH: string;
+    CAMPAIGN_CREATE_DIRECTORY: string;
+    CAMPAIGN_CREATE: string;
+    CAMPAIGN_CREATE_WITH_WIZARD: string;
+    CAMPAIGN_DETAIL: string;
+    CAMPAIGN_CLONE: string;
+    CAMPAIGN_INFORMATION: string;
+    CAMPAIGN_DISPLAY: string;
+    CAMPAIGN_LOCATION: string;
+    CAMPAIGN_ADVANCED: string;
+    CAMPAIGN_PARTNER: string;
+    CAMPAIGN_SELECT_PAGE: string;
+    CAMPAIGN_GENERAL_WEIGHT: string;
+    CAMPAIGN_CREATE_GROUP: string;
+    CAMPAIGN_EDIT_GROUP: string;
+    CAMPAIGN_EDIT_WEIGHT: string;
+    CAMPAIGN_UPDATE_EXPRESSION: string;
+    CAMPAIGN_ADD_RULE: string;
+    CAMPAIGN_EDIT_RULE: string;
+    CAMPAIGN_ADD_PERMISSION: string;
+    CAMPAIGN_EDIT_PAGE: string;
+    CAMPAIGN_MATCH_RATE: string;
+    PAGE_LOGIN: string;
+    PAGE_WELCOME: string;
+    USER_PATH: string;
+    USER_GROUP_PATH: string;
+    AUTHENTICATION_PROFILE_PATH: string;
+    HOLIDAY_PATH: string;
+    HOLIDAY_CREATE: string;
+    HOLIDAY_EDIT: string;
+    HOLIDAY_DETAIL: string;
+    HOLIDAY_DETAIL_CREATE: string;
+    HOLIDAY_DETAIL_EDIT: string;
+    TEMPLATE_MANAGEMENT_PATH: string;
+    PLACE_PATH: string;
+    MONITOR_CAPTIVE_PATH: string;
+    SCHEDULE_PLAN_PATH: string;
+    SCHEDULE_COMPLETION_RATE_PATH: string;
+    STATISTIC_SCHEDULE_PLAN_PATH: string;
+    CAMPAIGN_SCHEDULE_PATH: string;
+    CAMPAIGN_STATISTIC_PATH: string;
+    STATISTICS_TOTAL_PATH: string;
+    STATISTICS_BY_TOTAL_NETWORK_PATH: string;
+    STATISTICS_COMPARE: string;
+    STATISTICS_BY_PLACE: string;
+    TRAFFIC_CALCULATOR_PATH: string;
+    PROVINCE_PATH: string;
+    AUDIENCE_OVERVIEW_PATH: string;
+    AUDIENCE_DEMOGRAPHIC_PATH: string;
+    TASK_SCHEDULER_PATH: string;
+    DOMAINS_PATH: string;
+    UPDATE_CAMPAIGN_DEFAULT_PATH: string;
+    TRANSACTION_LOG_PATH: string;
+    DETAIL_PATH: string;
+    PLACE_CUSTOMER_INFO_PATH: string;
+    ACCESS_POINT: string;
+    PLACE_GROUP_POINT: string;
+    WIZARD_PATH: string;
+    PLACE_STAT_PATH: string;
+    NETWORK_REQUEST_PATH: string;
+    ATTRIBUTE_TYPE_PATH: string;
+    ATTRIBUTES_PATH: string;
+    NETWORK_PATH: string;
+    ADD_EXISTED_USER: string;
+    ADD_USER_TO_GROUP: string;
+    CREATE_PATH: string;
+    IMPORT_PATH: string;
+    EDIT_PATH: string;
+    CLONE_PATH: string;
+    DEBOUNCE_TIME: number;
+    DEBOUNCE_TIME_500: number;
+    DEBOUNCE_TIME_300: number;
+    ACM_TEMPLATE_PATH: string;
+};

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

@@ -0,0 +1,134 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 03/11/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Constants = exports.PAGE_CODES = void 0;
+exports.PAGE_CODES = {
+    PageCodeLogin: 'lgn',
+    PageCodeWelcome: 'wlc',
+};
+exports.Constants = {
+    // Notification
+    ALL: 'All',
+    UNREAD: 'Unread',
+    SELECT_ALL: 'SelectAll',
+    NOTIFICATIONS_PATH: 'Notifications',
+    NOTIFICATION_SETTING_SCREEN_PATH: 'Notification',
+    // End  Notification
+    APP_NAME: 'AWING ACM',
+    API_ENDPOINT: window.REACT_APP_API_ENDPOINT,
+    GOONG_MAP_KEY: window.GOONG_MAP_KEY,
+    GOONG_API_KEY: window.GOONG_API_KEY,
+    CAPTIVE_DOMAIN: window.REACT_APP_CAPTIVE_DOMAIN,
+    ID_DOMAIN: window.REACT_APP_ID_DOMAIN,
+    FILE_STATIC_PATH: window.REACT_APP_FILE_STATIC_PATH,
+    FILE_TEMP_PATH: window.REACT_APP_FILE_TEMP_PATH,
+    TEMPLATE_FILE_PATH: window.REACT_APP_TEMPLATE_FILE_PATH,
+    REACT_APP_I18NEXT_BACKEND: window.REACT_APP_I18NEXT_BACKEND,
+    CLIENT_ID: window.CLIENT_ID,
+    PAGE_SIZE_DEFAULT: 10,
+    DEFAULT_ROWS_PER_PAGE: [10, 20, 30],
+    NUMBER_DOMAIN_FAVORITE: 10,
+    PLACE_GROUP_SYSTEM: '58',
+    FAVORITE_DOMAIN: 'FavoriteDomain',
+    DOMAIN_ID_KEY: 'DomainId',
+    HOME_PATH: '/',
+    SET_SSID: 'SetSSID',
+    SET_LOGOUT: 'SetLogout',
+    PROFILE_PATH: 'Profile',
+    USER_PROFILE_INFO: 'Info',
+    CLIENT_AUTHEN: {
+        TOKEN_KEY: 'token',
+        RETURN_URL_KEY: 'returnUrl',
+        CLIENT_ID_KEY: 'clientId',
+    },
+    LOGIN_PATH: 'Login',
+    LOGOUT_PATH: 'Logout',
+    ERROR_PATH: 'Error',
+    ERROR_403_PATH: 'Error403',
+    LOCAL_STORAGE_USER: 'AWING_ACM_User',
+    DIRECTORY_PATH: 'Directory',
+    DIRECTORY_PERMISSION_PATH: 'Permission',
+    DIRECTORY_CREATE_DIRECTORY_PATH: 'CreateDirectory',
+    DIRECTORY_ADD_PERMISSION_PATH: 'AddPermission',
+    DIRECTORY_EDIT_PERMISSION_PATH: 'EditPermission',
+    DIRECTORY_ADD_PERMISSION_ADD_NEWAUTHEN_PATH: '/AddNewAuthen',
+    SYSTEM_DIRECTORY_PERMISSION_PATH: 'SystemPermission',
+    MENU_DIRECTORY_PERMISSION_PATH: 'MenuPermission',
+    CAMPAIGN_PATH: 'Campaign',
+    CAMPAIGN_CREATE_DIRECTORY: 'CreateDirectory',
+    CAMPAIGN_CREATE: 'Create',
+    CAMPAIGN_CREATE_WITH_WIZARD: 'Create/FromWizard',
+    CAMPAIGN_DETAIL: 'Detail',
+    CAMPAIGN_CLONE: 'Clone',
+    CAMPAIGN_INFORMATION: 'Information',
+    CAMPAIGN_DISPLAY: 'Display',
+    CAMPAIGN_LOCATION: 'Location',
+    CAMPAIGN_ADVANCED: 'Advanced',
+    CAMPAIGN_PARTNER: 'Partner',
+    CAMPAIGN_SELECT_PAGE: 'SelectPage',
+    CAMPAIGN_GENERAL_WEIGHT: 'GeneralWeight',
+    CAMPAIGN_CREATE_GROUP: 'CreateGroup',
+    CAMPAIGN_EDIT_GROUP: 'EditGroup',
+    CAMPAIGN_EDIT_WEIGHT: 'EditWeight',
+    CAMPAIGN_UPDATE_EXPRESSION: 'UpdateExpression',
+    CAMPAIGN_ADD_RULE: 'AddRule',
+    CAMPAIGN_EDIT_RULE: 'EditRule',
+    CAMPAIGN_ADD_PERMISSION: 'AddPermission',
+    CAMPAIGN_EDIT_PAGE: 'EditPage',
+    CAMPAIGN_MATCH_RATE: 'CampaignMatchRate',
+    PAGE_LOGIN: '/Page/Login',
+    PAGE_WELCOME: '/Page/Welcome',
+    USER_PATH: 'User',
+    USER_GROUP_PATH: 'UserGroup',
+    AUTHENTICATION_PROFILE_PATH: 'AuthenticationProfile',
+    HOLIDAY_PATH: 'Holiday',
+    HOLIDAY_CREATE: 'HolidayCreate',
+    HOLIDAY_EDIT: 'HolidayEdit',
+    HOLIDAY_DETAIL: 'HolidayDetail',
+    HOLIDAY_DETAIL_CREATE: 'HolidayCreateDate',
+    HOLIDAY_DETAIL_EDIT: 'HolidayDetailEdit',
+    TEMPLATE_MANAGEMENT_PATH: 'Template',
+    PLACE_PATH: 'Place',
+    MONITOR_CAPTIVE_PATH: 'MonitorCaptive',
+    SCHEDULE_PLAN_PATH: 'SchedulePlan',
+    SCHEDULE_COMPLETION_RATE_PATH: '/Schedule/ScheduleCompletionRate',
+    STATISTIC_SCHEDULE_PLAN_PATH: 'StatisticSchedulePlan',
+    CAMPAIGN_SCHEDULE_PATH: 'CampaignSchedulePlan',
+    CAMPAIGN_STATISTIC_PATH: 'CampaignStatistic',
+    STATISTICS_TOTAL_PATH: 'StatisticsTotal',
+    STATISTICS_BY_TOTAL_NETWORK_PATH: 'StatisticsByTotalNetWork',
+    STATISTICS_COMPARE: 'StatisticsCompare',
+    STATISTICS_BY_PLACE: 'StatisticsByPlace',
+    TRAFFIC_CALCULATOR_PATH: 'TrafficCalculator',
+    PROVINCE_PATH: 'Province',
+    AUDIENCE_OVERVIEW_PATH: 'AudienceOverview',
+    AUDIENCE_DEMOGRAPHIC_PATH: 'AudienceDemographic',
+    TASK_SCHEDULER_PATH: 'TaskScheduler',
+    DOMAINS_PATH: 'Domain',
+    UPDATE_CAMPAIGN_DEFAULT_PATH: 'UpdateCampaignDefault',
+    TRANSACTION_LOG_PATH: 'TransactionLog',
+    DETAIL_PATH: 'Detail',
+    PLACE_CUSTOMER_INFO_PATH: 'PlaceCustomerInfo',
+    ACCESS_POINT: 'Ap',
+    PLACE_GROUP_POINT: 'PlaceGroup',
+    WIZARD_PATH: 'Wizard',
+    PLACE_STAT_PATH: 'PlaceStat',
+    NETWORK_REQUEST_PATH: 'NetworkRequest',
+    ATTRIBUTE_TYPE_PATH: 'AttributeType',
+    ATTRIBUTES_PATH: 'Attribute',
+    NETWORK_PATH: 'Network',
+    ADD_EXISTED_USER: 'AddExistedUser',
+    ADD_USER_TO_GROUP: 'AddUserToGroup',
+    CREATE_PATH: 'Create',
+    IMPORT_PATH: 'Import',
+    EDIT_PATH: 'Edit',
+    CLONE_PATH: 'Clone',
+    DEBOUNCE_TIME: 700,
+    DEBOUNCE_TIME_500: 500,
+    DEBOUNCE_TIME_300: 300,
+    ACM_TEMPLATE_PATH: '{acmTemplatePath}',
+};

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

@@ -0,0 +1,8 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+/// <reference types="react" />
+import { NotificationPropsContext } from './Types';
+export declare const NotificationContext: import("react").Context<NotificationPropsContext>;

package/lib/ACM-AXN/Notifications/Context.js

@@ -0,0 +1,10 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationContext = void 0;
+var react_1 = require("react");
+exports.NotificationContext = (0, react_1.createContext)({});

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

@@ -0,0 +1,7 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+declare const useNotificationProps: () => import("./Types").NotificationPropsContext;
+export default useNotificationProps;

package/lib/ACM-AXN/Notifications/Hooks.js

@@ -0,0 +1,17 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Context_1 = require("./Context");
+var useNotificationProps = function () {
+    var notificationProps = (0, react_1.useContext)(Context_1.NotificationContext);
+    var props = (0, react_1.useMemo)(function () {
+        return notificationProps;
+    }, [notificationProps]);
+    return props;
+};
+exports.default = useNotificationProps;

package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/ButtonTabs.js

@@ -10,42 +10,48 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  *
  **/
 var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
 var material_1 = require("@mui/material");
-var Common_1 = require("../Common");
+var react_i18next_1 = require("react-i18next");
+var Constant_1 = require("../../Constant");
 var ButtonTabs = function (props) {
     var t = (0, react_i18next_1.useTranslation)().t;
     var tabActive = props.tabActive, _a = props.onUpdateTabActive, onUpdateTabActive = _a === void 0 ? function () { return null; } : _a;
     var handleUpdateTabs = function (event) {
         var _a, _b;
-        var tabSelected = ((_b = (_a = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.tabs) || Common_1.types.ALL;
+        var tabSelected = ((_b = (_a = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.tabs) || Constant_1.Constants.ALL;
         onUpdateTabActive(tabSelected);
     };
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 2, component: "div", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleUpdateTabs, sx: [
                     {
-                        fontWeight: "600",
-                        borderRadius: "24px",
-                        color: tabActive === Common_1.types.ALL ? "#FFF" : "#000",
-                        backgroundColor: tabActive === Common_1.types.ALL ? "#ED1D25" : "inherit"
+                        fontWeight: '600',
+                        borderRadius: '24px',
+                        color: tabActive === Constant_1.Constants.ALL ? '#FFF' : '#000',
+                        backgroundColor: tabActive === Constant_1.Constants.ALL ? '#ED1D25' : 'inherit',
                     },
                     {
                         '&:hover': {
-                            backgroundColor: tabActive === Common_1.types.ALL ? "#DD040C" : "inherit"
-                        }
-                    }
-                ], "data-tabs": Common_1.types.ALL, children: t("Common.All") }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleUpdateTabs, "data-tabs": Common_1.types.UNREAD, sx: [
+                            backgroundColor: tabActive === Constant_1.Constants.ALL
+                                ? '#DD040C'
+                                : 'inherit',
+                        },
+                    },
+                ], "data-tabs": Constant_1.Constants.ALL, children: t('Common.All') }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleUpdateTabs, "data-tabs": Constant_1.Constants.UNREAD, sx: [
                     {
-                        marginLeft: "8px",
-                        fontWeight: "600",
-                        borderRadius: "24px",
-                        color: tabActive === Common_1.types.UNREAD ? "#FFF" : "#000",
-                        backgroundColor: tabActive === Common_1.types.UNREAD ? "#ED1D25" : "inherit"
+                        marginLeft: '8px',
+                        fontWeight: '600',
+                        borderRadius: '24px',
+                        color: tabActive === Constant_1.Constants.UNREAD ? '#FFF' : '#000',
+                        backgroundColor: tabActive === Constant_1.Constants.UNREAD
+                            ? '#ED1D25'
+                            : 'inherit',
                     },
                     {
                         '&:hover': {
-                            backgroundColor: tabActive === Common_1.types.UNREAD ? "#DD040C" : "inherit"
-                        }
-                    }
-                ], children: t("Common.Unread") })] }));
+                            backgroundColor: tabActive === Constant_1.Constants.UNREAD
+                                ? '#DD040C'
+                                : 'inherit',
+                        },
+                    },
+                ], children: t('Common.Unread') })] }));
 };
 exports.default = react_1.default.memo(ButtonTabs);

package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/MenuNotification.d.ts

@@ -3,7 +3,7 @@
  * @author dauquan1108@gmail.com on 11/27/2023.
  *
  **/
-import React from "react";
+import React from 'react';
 interface PropsMenu {
     onUpdateMenuItem: (value: string) => void;
 }

package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/MenuNotification.js

@@ -1,13 +1,4 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,12 +11,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
-var material_1 = require("@mui/material");
 var MoreHorizOutlined_1 = __importDefault(require("@mui/icons-material/MoreHorizOutlined"));
-var Common_1 = require("../Common");
-var check_svg_1 = __importDefault(require("Assets/Images/check.svg"));
-var settingScreen_svg_1 = __importDefault(require("Assets/Images/settingScreen.svg"));
-var notificationSreen_svg_1 = __importDefault(require("Assets/Images/notificationSreen.svg"));
+var material_1 = require("@mui/material");
+var Constant_1 = require("../../Constant");
+var check_svg_1 = __importDefault(require("../../../../Assets/Images/check.svg"));
+var settingScreen_svg_1 = __importDefault(require("../../../../Assets/Images/settingScreen.svg"));
 var MenuNotification = function (props) {
     var t = (0, react_i18next_1.useTranslation)().t;
     var _a = props.onUpdateMenuItem, onUpdateMenuItem = _a === void 0 ? function () { return null; } : _a;
@@ -33,28 +23,29 @@ var MenuNotification = function (props) {
     var menuData = function () {
         var commonData = [
             {
-                id: "1",
+                id: '1',
                 icon: check_svg_1.default,
-                title: t("Notifications.SelectAll"),
-                value: Common_1.types.SELECTALL,
+                title: t('Notifications.SelectAll'),
+                value: Constant_1.Constants.SELECT_ALL,
             },
             {
-                id: "2",
+                id: '2',
                 icon: settingScreen_svg_1.default,
-                title: t("Notifications.NotificationSettings"),
-                value: Common_1.types.NOTIFICATIONSETTINGSCREEN,
+                title: t('Notifications.NotificationSettings'),
+                value: Constant_1.Constants.NOTIFICATION_SETTING_SCREEN_PATH,
             },
         ];
-        var href = window.location.href;
-        if (!href.includes(Common_1.types.NOTIFICATIONS)) {
-            var dataNew = {
-                id: "3",
-                icon: notificationSreen_svg_1.default,
-                title: t("Notifications.OpenNotification"),
-                value: Common_1.types.NOTIFICATIONS,
-            };
-            return __spreadArray(__spreadArray([], commonData, true), [dataNew], false);
-        }
+        // Comment màn hình Notifications
+        // const { href } = window.location
+        // if (!href.includes(Constants.NOTIFICATIONS_PATH)) {
+        //     const dataNew = {
+        //         id: '3',
+        //         icon: iconNotificationSreen,
+        //         title: t('Notifications.OpenNotification'),
+        //         value: Constants.NOTIFICATIONS_PATH,
+        //     }
+        //     return [...commonData, dataNew]
+        // }
         return commonData;
     };
     var handleClick = function (event) {
@@ -65,23 +56,23 @@ var MenuNotification = function (props) {
     };
     var selectMenuItem = function (event) {
         var _a, _b;
-        var valueItem = ((_b = (_a = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.value) || "";
+        var valueItem = ((_b = (_a = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.value) || '';
         onUpdateMenuItem(valueItem);
         handleClose();
     };
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", "aria-label": "more", "aria-controls": "long-menu", "aria-haspopup": "true", onClick: handleClick, children: (0, jsx_runtime_1.jsx)(MoreHorizOutlined_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Popover, { anchorEl: anchorEl, onClose: handleClose, open: Boolean(anchorEl), anchorOrigin: {
-                    vertical: "bottom",
-                    horizontal: "center",
+                    vertical: 'bottom',
+                    horizontal: 'center',
                 }, transformOrigin: {
-                    vertical: "top",
-                    horizontal: "center",
+                    vertical: 'top',
+                    horizontal: 'center',
                 }, PaperProps: {
                     style: {
-                        borderRadius: "8px",
+                        borderRadius: '8px',
                     },
                 }, children: menuData().map(function (item) { return ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: selectMenuItem, "data-value": item.value, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { mr: 2, style: {
-                                display: "flex",
-                                justifyContent: "center",
-                            }, children: (item === null || item === void 0 ? void 0 : item.icon) && ((0, jsx_runtime_1.jsx)("img", { alt: "", src: item.icon, style: { width: "20px", height: "20px" } })) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "inherit", children: item.title })] }, item.id)); }) })] }));
+                                display: 'flex',
+                                justifyContent: 'center',
+                            }, children: (item === null || item === void 0 ? void 0 : item.icon) && ((0, jsx_runtime_1.jsx)("img", { alt: "", src: item.icon, style: { width: '20px', height: '20px' } })) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "inherit", children: item.title })] }, item.id)); }) })] }));
 };
 exports.default = react_1.default.memo(MenuNotification);