awing-library 2.1.13-beta → 2.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (197) hide show
  1. package/README.md +4 -19
  2. package/lib/ACM-AXN/Campaign/Container.js +6 -7
  3. package/lib/ACM-AXN/Campaign/Container.test.js +1 -1
  4. package/lib/ACM-AXN/Campaign/CreateOrEdit/Recoils.d.ts +3 -1
  5. package/lib/ACM-AXN/Campaign/CreateOrEdit/Recoils.js +22 -21
  6. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabInfomation.d.ts +1 -1
  7. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabInfomation.js +79 -24
  8. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdDetail.test.js +1 -1
  9. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdList.js +50 -6
  10. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdRow.d.ts +5 -0
  11. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdRow.js +6 -18
  12. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AddOrEditRule/AddOrEditRule.js +7 -12
  13. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AddOrEditRule/RuleForm/RetargetMacAddress/container.d.ts +1 -0
  14. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AddOrEditRule/RuleForm/RetargetMacAddress/container.js +4 -12
  15. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/Advanced.js +16 -1
  16. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/SubCampaignList.test.js +1 -1
  17. package/lib/ACM-AXN/Campaign/CreateOrEdit/index.js +19 -3
  18. package/lib/ACM-AXN/Campaign/Types.d.ts +10 -0
  19. package/lib/ACM-AXN/Campaign/Utils.d.ts +8 -0
  20. package/lib/ACM-AXN/Campaign/Utils.js +22 -18
  21. package/lib/ACM-AXN/Campaign/index.js +3 -2
  22. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.d.ts +2 -2
  23. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.js +44 -42
  24. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/GroupPanel.d.ts +1 -1
  25. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/GroupPanel.js +38 -30
  26. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.d.ts +2 -2
  27. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.js +2 -2
  28. package/lib/ACM-AXN/CampaignSchedule/Components/EnhancedPagination/index.d.ts +1 -1
  29. package/lib/ACM-AXN/CampaignSchedule/Components/EnhancedPagination/index.js +4 -2
  30. package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/component.js +33 -3
  31. package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.d.ts +1 -1
  32. package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.js +81 -34
  33. package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.d.ts +1 -1
  34. package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.js +38 -29
  35. package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.d.ts +4 -0
  36. package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.js +58 -0
  37. package/lib/ACM-AXN/CampaignSchedule/Enum.d.ts +14 -2
  38. package/lib/ACM-AXN/CampaignSchedule/Enum.js +12 -0
  39. package/lib/ACM-AXN/CampaignSchedule/component.js +6 -5
  40. package/lib/ACM-AXN/CampaignSchedule/container.d.ts +1 -1
  41. package/lib/ACM-AXN/CampaignSchedule/container.js +100 -99
  42. package/lib/ACM-AXN/CampaignSchedule/interface.d.ts +16 -3
  43. package/lib/ACM-AXN/Directory/MenuDirectory/index.js +7 -21
  44. package/lib/ACM-AXN/Directory/SystemDirectory/index.js +6 -5
  45. package/lib/ACM-AXN/Directory/components/Permission/Management.js +7 -5
  46. package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.js +9 -7
  47. package/lib/ACM-AXN/Directory/function.d.ts +1 -0
  48. package/lib/ACM-AXN/Directory/function.js +15 -1
  49. package/lib/ACM-AXN/DomainPreview/PreviewButton.d.ts +15 -0
  50. package/lib/ACM-AXN/DomainPreview/PreviewButton.js +188 -0
  51. package/lib/ACM-AXN/DomainPreview/index.d.ts +7 -0
  52. package/lib/ACM-AXN/DomainPreview/index.js +10 -0
  53. package/lib/ACM-AXN/GroupUser/Constants.d.ts +7 -0
  54. package/lib/ACM-AXN/GroupUser/Constants.js +10 -0
  55. package/lib/ACM-AXN/GroupUser/Container.d.ts +2 -0
  56. package/lib/ACM-AXN/GroupUser/Container.js +55 -0
  57. package/lib/ACM-AXN/GroupUser/Container.test.d.ts +1 -0
  58. package/lib/ACM-AXN/GroupUser/Container.test.js +210 -0
  59. package/lib/ACM-AXN/GroupUser/CreateOrEdit.d.ts +3 -0
  60. package/lib/ACM-AXN/GroupUser/CreateOrEdit.js +91 -0
  61. package/lib/ACM-AXN/GroupUser/CreateOrEdit.test.d.ts +1 -0
  62. package/lib/ACM-AXN/GroupUser/CreateOrEdit.test.js +235 -0
  63. package/lib/ACM-AXN/GroupUser/Hooks.d.ts +5 -0
  64. package/lib/ACM-AXN/GroupUser/Hooks.js +13 -0
  65. package/lib/ACM-AXN/GroupUser/Types.d.ts +31 -0
  66. package/lib/ACM-AXN/GroupUser/Types.js +2 -0
  67. package/lib/ACM-AXN/GroupUser/User/SearchUser.d.ts +9 -0
  68. package/lib/ACM-AXN/GroupUser/User/SearchUser.js +63 -0
  69. package/lib/ACM-AXN/GroupUser/User/SearchUser.test.d.ts +1 -0
  70. package/lib/ACM-AXN/GroupUser/User/SearchUser.test.js +140 -0
  71. package/lib/ACM-AXN/GroupUser/User/UserComponent.d.ts +8 -0
  72. package/lib/ACM-AXN/GroupUser/User/UserComponent.js +77 -0
  73. package/lib/ACM-AXN/GroupUser/User/UserComponent.test.d.ts +1 -0
  74. package/lib/ACM-AXN/GroupUser/User/UserComponent.test.js +128 -0
  75. package/lib/ACM-AXN/GroupUser/index.d.ts +4 -0
  76. package/lib/ACM-AXN/GroupUser/index.js +27 -0
  77. package/lib/ACM-AXN/Notifications/Constant.d.ts +146 -0
  78. package/lib/ACM-AXN/Notifications/Constant.js +136 -0
  79. package/lib/ACM-AXN/Notifications/Context.d.ts +8 -0
  80. package/lib/ACM-AXN/Notifications/Context.js +10 -0
  81. package/lib/ACM-AXN/Notifications/Hooks.d.ts +7 -0
  82. package/lib/ACM-AXN/Notifications/Hooks.js +17 -0
  83. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/ButtonTabs.d.ts +3 -3
  84. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/ButtonTabs.js +31 -30
  85. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/MenuNotification.d.ts +1 -1
  86. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/MenuNotification.js +30 -39
  87. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/index.d.ts +3 -5
  88. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/index.js +18 -17
  89. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.d.ts +1 -1
  90. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.js +15 -15
  91. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.test.d.ts +0 -6
  92. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.test.js +29 -28
  93. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/Message.d.ts +10 -0
  94. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/Message.js +393 -0
  95. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.d.ts +1 -1
  96. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.js +3 -3
  97. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.test.d.ts +0 -6
  98. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.test.js +38 -48
  99. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.d.ts +2 -2
  100. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.js +36 -35
  101. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.test.d.ts +0 -6
  102. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.test.js +65 -73
  103. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.d.ts +4 -11
  104. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.js +46 -36
  105. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.test.d.ts +0 -6
  106. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.test.js +56 -50
  107. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationLoading.js +30 -30
  108. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.d.ts +3 -15
  109. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.js +35 -4
  110. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.test.d.ts +0 -6
  111. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.test.js +88 -83
  112. package/lib/ACM-AXN/Notifications/NotificationDetail/index.d.ts +5 -2
  113. package/lib/ACM-AXN/Notifications/NotificationDetail/index.js +115 -101
  114. package/lib/ACM-AXN/Notifications/{NotificationPopover.d.ts → NotificationPopover/Container.d.ts} +2 -2
  115. package/lib/ACM-AXN/Notifications/NotificationPopover/Container.js +149 -0
  116. package/lib/ACM-AXN/Notifications/{NotificationPopover.test.d.ts → NotificationPopover/Container.test.d.ts} +1 -1
  117. package/lib/ACM-AXN/Notifications/{NotificationPopover.test.js → NotificationPopover/Container.test.js} +5 -5
  118. package/lib/ACM-AXN/Notifications/NotificationPopover/index.d.ts +8 -0
  119. package/lib/ACM-AXN/Notifications/NotificationPopover/index.js +13 -0
  120. package/lib/ACM-AXN/Notifications/NotificationScreen.d.ts +1 -1
  121. package/lib/ACM-AXN/Notifications/NotificationScreen.js +4 -4
  122. package/lib/ACM-AXN/Notifications/Types.d.ts +242 -0
  123. package/lib/ACM-AXN/Notifications/Types.js +290 -0
  124. package/lib/ACM-AXN/Notifications/index.d.ts +2 -2
  125. package/lib/ACM-AXN/Notifications/index.js +5 -5
  126. package/lib/ACM-AXN/Page/Container.js +101 -63
  127. package/lib/ACM-AXN/Page/CreateOrEdit/DrawerAction.js +22 -5
  128. package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.d.ts +1 -0
  129. package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.js +5 -1
  130. package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewContent.js +1 -1
  131. package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewInfo.js +11 -4
  132. package/lib/ACM-AXN/Page/CreateOrEdit/Utils.js +1 -1
  133. package/lib/ACM-AXN/Page/Types.d.ts +9 -0
  134. package/lib/ACM-AXN/Page/index.js +2 -1
  135. package/lib/ACM-AXN/Permission/Components/Management.test.js +1 -1
  136. package/lib/ACM-AXN/PlaceGroup/Context.d.ts +1 -1
  137. package/lib/ACM-AXN/Statistics/ControlPanel.js +49 -47
  138. package/lib/ACM-AXN/Statistics/Enums.d.ts +1 -0
  139. package/lib/ACM-AXN/Statistics/Enums.js +1 -0
  140. package/lib/ACM-AXN/Statistics/container.js +1 -1
  141. package/lib/ACM-AXN/StatisticsAudienceDemographic/container.d.ts +1 -1
  142. package/lib/ACM-AXN/StatisticsAudienceDemographic/container.js +2 -3
  143. package/lib/ACM-AXN/StatisticsAudienceDemographic/interfaces.d.ts +1 -0
  144. package/lib/ACM-AXN/StatisticsByProvince/container.d.ts +1 -1
  145. package/lib/ACM-AXN/StatisticsByProvince/container.js +2 -2
  146. package/lib/ACM-AXN/TaskScheduler/Container.js +1 -1
  147. package/lib/ACM-AXN/TaskScheduler/CreateOrEdit.js +1 -1
  148. package/lib/ACM-AXN/TaskScheduler/Utils.js +2 -0
  149. package/lib/ACM-AXN/User/Add.d.ts +2 -0
  150. package/lib/ACM-AXN/User/Add.js +64 -0
  151. package/lib/ACM-AXN/User/Add.test.d.ts +1 -0
  152. package/lib/ACM-AXN/User/Add.test.js +115 -0
  153. package/lib/ACM-AXN/User/Constants.d.ts +2 -0
  154. package/lib/ACM-AXN/User/Constants.js +5 -0
  155. package/lib/ACM-AXN/User/Container.d.ts +2 -0
  156. package/lib/ACM-AXN/User/Container.js +60 -0
  157. package/lib/ACM-AXN/User/Container.test.d.ts +1 -0
  158. package/lib/ACM-AXN/User/Container.test.js +202 -0
  159. package/lib/ACM-AXN/User/Hook.d.ts +5 -0
  160. package/lib/ACM-AXN/User/Hook.js +13 -0
  161. package/lib/ACM-AXN/User/Types.d.ts +45 -0
  162. package/lib/ACM-AXN/User/Types.js +2 -0
  163. package/lib/ACM-AXN/User/index.d.ts +4 -0
  164. package/lib/ACM-AXN/User/index.js +18 -0
  165. package/lib/ACM-AXN/ViewTemplate/TemplateField/Fields/BasicField/index.js +1 -1
  166. package/lib/AWING/AdvancedSearch/component.js +1 -1
  167. package/lib/AWING/AdvancedSearch/interface.d.ts +1 -0
  168. package/lib/AWING/ButtonDateRangePicker/ButtonDateRangePicker.js +2 -2
  169. package/lib/AWING/ButtonDateRangePicker/interface.d.ts +1 -0
  170. package/lib/AWING/Chart/BarLineComponent.d.ts +1 -0
  171. package/lib/AWING/Chart/BarLineComponent.js +39 -24
  172. package/lib/AWING/Chart/PieComponent.d.ts +1 -1
  173. package/lib/AWING/Chart/PieComponent.js +0 -1
  174. package/lib/AWING/Chart/Styles.d.ts +6 -2
  175. package/lib/AWING/Chart/Styles.js +6 -2
  176. package/lib/AWING/Chart/index.d.ts +3 -0
  177. package/lib/AWING/Chart/index.js +10 -0
  178. package/lib/AWING/DataForm/DataInput.js +17 -8
  179. package/lib/AWING/DataForm/interface.d.ts +6 -2
  180. package/lib/AWING/DataGrid/index.js +20 -5
  181. package/lib/AWING/DataGrid/interface.d.ts +6 -1
  182. package/lib/AWING/Directory/CreateDirectory.d.ts +3 -0
  183. package/lib/AWING/Directory/CreateDirectory.js +27 -10
  184. package/lib/AWING/PageManagement/PageManagement.js +1 -1
  185. package/lib/AWING/index.d.ts +1 -0
  186. package/lib/AWING/index.js +1 -0
  187. package/lib/AWING/ultis/validation.d.ts +2 -2
  188. package/lib/AWING/ultis/validation.js +6 -4
  189. package/lib/Commons/Components/ClassicBaseDrawer.d.ts +1 -0
  190. package/lib/Commons/Components/ClassicBaseDrawer.js +7 -3
  191. package/lib/Commons/Components/ClassicDrawer.js +2 -2
  192. package/lib/translate/en/translation.json +81 -2
  193. package/lib/translate/vi/translation.json +81 -2
  194. package/package.json +4 -2
  195. package/lib/ACM-AXN/Notifications/NotificationDetail/Common.d.ts +0 -39
  196. package/lib/ACM-AXN/Notifications/NotificationDetail/Common.js +0 -304
  197. package/lib/ACM-AXN/Notifications/NotificationPopover.js +0 -69
@@ -17,6 +17,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  var jsx_runtime_1 = require("react/jsx-runtime");
18
18
  var icons_material_1 = require("@mui/icons-material");
19
19
  var material_1 = require("@mui/material");
20
+ var DomainPreview_1 = __importDefault(require("../../ACM-AXN/DomainPreview"));
21
+ var PreviewButton_1 = __importDefault(require("../../ACM-AXN/DomainPreview/PreviewButton"));
20
22
  var lodash_1 = require("lodash");
21
23
  var react_1 = require("react");
22
24
  var react_i18next_1 = require("react-i18next");
@@ -36,14 +38,24 @@ var PageContainer = function () {
36
38
  var t = (0, react_i18next_1.useTranslation)().t;
37
39
  var navigate = (0, react_router_1.useNavigate)();
38
40
  var location = (0, react_router_1.useLocation)();
39
- var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
40
- var _e = (0, react_1.useState)([]), directories = _e[0], setDirectories = _e[1];
41
- var _f = (0, react_1.useState)(true), tempLoading = _f[0], setTempLoading = _f[1];
41
+ var _d = (0, react_1.useState)(true), loading = _d[0], setLoading = _d[1];
42
+ var _e = (0, react_1.useState)(true), init = _e[0], setInit = _e[1]; // First time render
43
+ var _f = (0, react_1.useState)([]), directories = _f[0], setDirectories = _f[1];
44
+ var _g = (0, react_1.useState)(true), isLoadDirectory = _g[0], setLoadLoadDirectory = _g[1];
45
+ var _h = (0, react_1.useState)(true), tempLoading = _h[0], setTempLoading = _h[1];
46
+ var _j = (0, react_1.useState)(), anchorEl = _j[0], setAnchorEl = _j[1];
47
+ var _k = (0, react_1.useState)(''), previewId = _k[0], setPreviewId = _k[1];
48
+ var open = Boolean(anchorEl);
49
+ var handlePreviewPage = function (e, id) {
50
+ e.stopPropagation();
51
+ setPreviewId(id);
52
+ setAnchorEl(e.currentTarget);
53
+ };
42
54
  var prevQuery = (0, react_1.useRef)({});
43
- var _g = (0, react_1.useState)({
55
+ var _l = (0, react_1.useState)({
44
56
  items: [],
45
57
  totalItemCount: 0,
46
- }), pageList = _g[0], setPage = _g[1];
58
+ }), pageList = _l[0], setPage = _l[1];
47
59
  var columnDefinitions = (0, react_1.useMemo)(function () { return [
48
60
  {
49
61
  field: 'stt',
@@ -57,12 +69,16 @@ var PageContainer = function () {
57
69
  return params.at(-1);
58
70
  },
59
71
  },
60
- { field: 'pageId', headerName: 'Id', TableCellProps: {
72
+ {
73
+ field: 'pageId',
74
+ headerName: 'Id',
75
+ TableCellProps: {
61
76
  sx: {
62
77
  minWidth: '180px',
63
78
  width: '20%',
64
79
  },
65
- } },
80
+ },
81
+ },
66
82
  {
67
83
  field: 'title',
68
84
  headerName: t('Page.Name'),
@@ -73,10 +89,21 @@ var PageContainer = function () {
73
89
  valueGetter: function (row) {
74
90
  return (0, Helpers_1.timestampToStringDDMMYYYY)(row.createdDate);
75
91
  },
92
+ TableCellProps: {
93
+ sx: {
94
+ width: '250px',
95
+ },
96
+ },
76
97
  },
77
98
  ]; }, [t]);
99
+ var handlePreviewClose = function (event) {
100
+ event.stopPropagation();
101
+ setAnchorEl(null);
102
+ };
78
103
  (0, react_1.useLayoutEffect)(function () {
79
104
  setDirectories([]);
105
+ setInit(true);
106
+ setLoading(true);
80
107
  setPage({
81
108
  items: [],
82
109
  totalItemCount: 0,
@@ -91,19 +118,21 @@ var PageContainer = function () {
91
118
  }, [pageCode]);
92
119
  (0, react_1.useEffect)(function () {
93
120
  var _a;
94
- if (((_a = location.state) === null || _a === void 0 ? void 0 : _a.action) === ClassicDrawer_1.CloseAction.ReloadDirectory || !directories.length) {
121
+ if (((_a = location.state) === null || _a === void 0 ? void 0 : _a.action) === ClassicDrawer_1.CloseAction.ReloadDirectory || init) {
95
122
  fetchDirectories();
123
+ setInit(false);
96
124
  }
97
125
  // eslint-disable-next-line react-hooks/exhaustive-deps
98
- }, [location.pathname, directories]);
126
+ }, [location.pathname, init]);
99
127
  var fetchDirectories = function () {
128
+ setLoadLoadDirectory(true);
100
129
  service
101
130
  .directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot[pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome'])
102
- .then(function (res) {
103
- var _a;
104
- setDirectories(res);
105
- getPagePaging(prevQuery.current, (_a = (0, lodash_1.minBy)(res, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId);
106
- }).finally(function () { return navigate(location.pathname, { replace: true }); });
131
+ .then(setDirectories)
132
+ .finally(function () {
133
+ // navigate(location.pathname, { replace: true })
134
+ setLoadLoadDirectory(false);
135
+ });
107
136
  };
108
137
  var handleRowClick = function (id) {
109
138
  navigate([Constant_1.pageConstants.EDIT_PAGE, id].join('/'));
@@ -123,69 +152,78 @@ var PageContainer = function () {
123
152
  }, 100), []);
124
153
  var getPagePaging = (0, react_1.useCallback)(function (input, directoryId) {
125
154
  var _a;
126
- console.log("call");
127
155
  var searchString = input.searchString, pageSize = input.pageSize, pageIndex = input.pageIndex, advancedObject = input.advancedObject;
128
156
  handleFetchPaging(searchString, pageSize, pageIndex, directoryId ||
129
157
  (advancedObject === null || advancedObject === void 0 ? void 0 : advancedObject.directoryId) ||
130
158
  ((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId));
131
159
  prevQuery.current = (0, lodash_1.cloneDeep)(input);
132
160
  }, [directories, handleFetchPaging]);
133
- var handlePreview = function (id) {
161
+ var handlePreview = function (id, domainId) {
134
162
  var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(id, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
135
163
  window.open(url, '_blank');
136
164
  };
165
+ var handlePreviewClick = function (id) {
166
+ handlePreview(id, domainId || CONFIGS.DEFAULT_PREVIEW_DOMAIN_ID || '');
167
+ };
137
168
  var handleExport = function (id) {
138
169
  service.pagesExport(id).then(function (res) {
139
170
  (0, Helpers_1.downloadZipFile)(res, "Page_".concat(pageCode === enums_1.PageCode.Lgn ? 'lgn' : 'wlc', "_"));
140
171
  });
141
172
  };
142
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tempLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t([
143
- 'Page',
144
- pageCode === enums_1.PageCode.Lgn
145
- ? 'LoginTitle'
146
- : 'WelcomeTitle',
147
- ].join('.')), advancedSearchFields: [
148
- {
149
- fieldName: 'directoryId',
150
- label: t('Common.Directory'),
151
- type: 'directory',
152
- icon: (0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { fontSize: "small" }),
153
- rootId: (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
154
- options: directories.map(function (directory) { return (__assign(__assign({}, directory), { text: directory.name, value: directory.directoryId })); }),
155
- },
156
- ], columns: columnDefinitions, rows: pageList.items, onChangeQueryInput: getPagePaging, getRowId: function (obj) { return obj.pageId; }, loading: loading, totalOfRows: pageList.totalItemCount, onCreateButtonClick: function () {
157
- navigate(Constant_1.pageConstants.CREATE_PAGE);
158
- }, onCreateFolderButtonClick: function () {
159
- var _a;
160
- navigate([
161
- Constant_1.pageConstants.PAGE_CREATE_DIRECTORY,
162
- (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
163
- ].join('/'));
164
- }, rowActions: [
165
- {
166
- icon: (0, jsx_runtime_1.jsx)(icons_material_1.Visibility, {}),
167
- tooltipTitle: t('Common.Preview'),
168
- action: handlePreview,
169
- sx: {
170
- display: pageCode === enums_1.PageCode.Wlc
171
- ? 'none'
172
- : 'unset',
173
+ return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
174
+ '& th:last-of-type': {
175
+ width: '250px!important',
176
+ },
177
+ }, children: [tempLoading || isLoadDirectory ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t([
178
+ 'Page',
179
+ pageCode === enums_1.PageCode.Lgn
180
+ ? 'LoginTitle'
181
+ : 'WelcomeTitle',
182
+ ].join('.')), advancedSearchFields: [
183
+ {
184
+ fieldName: 'directoryId',
185
+ label: t('Common.Directory'),
186
+ type: 'directory',
187
+ icon: (0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { fontSize: "small" }),
188
+ rootId: (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
189
+ options: directories.map(function (directory) { return (__assign(__assign({}, directory), { text: directory.name, value: directory.directoryId })); }),
173
190
  },
174
- },
175
- {
176
- icon: (0, jsx_runtime_1.jsx)(icons_material_1.GetApp, {}),
177
- tooltipTitle: t('Common.Export'),
178
- action: handleExport,
179
- },
180
- {
181
- icon: (0, jsx_runtime_1.jsx)(icons_material_1.FileCopyOutlined, {}),
182
- tooltipTitle: t('Common.Duplicate'),
183
- action: handleClone,
184
- },
185
- ], onRowClick: handleRowClick, onDelete: service.pagesDelete, showNotificationSuccess: function () { return snackbar('success'); }, confirmDelete: confirm, customActions: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: {
186
- marginLeft: function (theme) { return theme.spacing(1); },
187
- }, color: "inherit", variant: "outlined", onClick: function () {
188
- navigate(Constant_1.pageConstants.IMPORT_PAGE);
189
- }, children: t('Common.Import') }) })) }));
191
+ ], columns: columnDefinitions, rows: pageList.items, onChangeQueryInput: getPagePaging, getRowId: function (obj) { return obj.pageId; }, loading: loading, totalOfRows: pageList.totalItemCount, onCreateButtonClick: function () {
192
+ navigate(Constant_1.pageConstants.CREATE_PAGE);
193
+ }, onCreateFolderButtonClick: function () {
194
+ var _a;
195
+ navigate([
196
+ Constant_1.pageConstants.PAGE_CREATE_DIRECTORY,
197
+ (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
198
+ ].join('/'));
199
+ }, rowActions: [
200
+ {
201
+ icon: function (props) { return (0, jsx_runtime_1.jsx)(DomainPreview_1.default, { handlePreviewPage: function (e) { return handlePreviewPage(e, props.id); }, isSelectDomain: Boolean(service.domainsGetAll) }); },
202
+ tooltipTitle: t('Common.Preview'),
203
+ action: handlePreviewClick,
204
+ sx: {
205
+ display: pageCode === enums_1.PageCode.Wlc
206
+ ? 'none'
207
+ : 'unset',
208
+ },
209
+ },
210
+ {
211
+ icon: (0, jsx_runtime_1.jsx)(icons_material_1.GetApp, {}),
212
+ tooltipTitle: t('Common.Export'),
213
+ action: handleExport,
214
+ },
215
+ {
216
+ icon: (0, jsx_runtime_1.jsx)(icons_material_1.FileCopyOutlined, {}),
217
+ tooltipTitle: t('Common.Duplicate'),
218
+ action: handleClone,
219
+ },
220
+ ], onRowClick: handleRowClick, onDelete: service.pagesDelete, showNotificationSuccess: function () { return snackbar('success'); }, confirmDelete: confirm, customActions: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: {
221
+ marginLeft: function (theme) { return theme.spacing(1); },
222
+ }, color: "inherit", variant: "outlined", onClick: function () {
223
+ navigate(Constant_1.pageConstants.IMPORT_PAGE);
224
+ }, children: t('Common.Import') }) })), open &&
225
+ (0, jsx_runtime_1.jsx)(PreviewButton_1.default, { anchorEl: anchorEl, open: open, domainIds: [], handlePreviewClose: handlePreviewClose, handlePreviewDomain: function (event, domainId) {
226
+ handlePreview(previewId, domainId);
227
+ }, service: service })] }));
190
228
  };
191
229
  exports.default = PageContainer;
@@ -12,11 +12,15 @@ var Helpers_1 = require("../../../Utils/Helpers");
12
12
  var Context_1 = __importDefault(require("../Context"));
13
13
  var enums_1 = require("../enums");
14
14
  var react_i18next_1 = require("react-i18next");
15
+ var DomainPreview_1 = __importDefault(require("../../../ACM-AXN/DomainPreview"));
16
+ var PreviewButton_1 = __importDefault(require("../../../ACM-AXN/DomainPreview/PreviewButton"));
15
17
  var DrawerAction = function (_a) {
16
18
  var type = _a.type;
17
19
  var pageId = (0, react_router_dom_1.useParams)().pageId;
18
20
  var _b = (0, Context_1.default)(), pageCode = _b.pageCode, CONFIGS = _b.configs, domainId = _b.domainId, service = _b.service;
19
21
  var _c = react_1.default.useState(false), loadingExport = _c[0], setLoadingExport = _c[1];
22
+ var _d = react_1.default.useState(), anchorEl = _d[0], setAnchorEl = _d[1];
23
+ var open = Boolean(anchorEl);
20
24
  var t = (0, react_i18next_1.useTranslation)().t;
21
25
  var handleExport = function () {
22
26
  setLoadingExport(true);
@@ -27,10 +31,23 @@ var DrawerAction = function (_a) {
27
31
  })
28
32
  .finally(function () { return setLoadingExport(false); });
29
33
  };
30
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [pageCode === enums_1.PageCode.Lgn && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Campaign.Preview'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "secondary", onClick: function (e) {
31
- e.stopPropagation();
32
- var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(pageId, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
33
- window.open(url, '_blank');
34
- }, children: (0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOutlined, {}) }) })), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Export'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: loadingExport, variant: "outlined", color: "secondary", style: { margin: '0px 16px' }, onClick: handleExport, children: (0, jsx_runtime_1.jsx)(icons_material_1.GetAppOutlined, {}) }) })] }) }));
34
+ var handlePreviewClose = function (event) {
35
+ event.stopPropagation();
36
+ setAnchorEl(null);
37
+ };
38
+ var handlePreview = function (domainId) {
39
+ var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(pageId, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
40
+ window.open(url, '_blank');
41
+ };
42
+ var handlePreviewPage = function (e) {
43
+ e.stopPropagation();
44
+ setAnchorEl(e.currentTarget);
45
+ };
46
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { children: [pageCode === enums_1.PageCode.Lgn && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Campaign.Preview'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "secondary", onClick: function (e) {
47
+ handlePreview(domainId || CONFIGS.DEFAULT_PREVIEW_DOMAIN_ID);
48
+ }, children: (0, jsx_runtime_1.jsx)(DomainPreview_1.default, { handlePreviewPage: handlePreviewPage, isSelectDomain: Boolean(service.domainsGetAll) }) }) })), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Export'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: loadingExport, variant: "outlined", color: "secondary", style: { margin: '0px 16px' }, onClick: handleExport, children: (0, jsx_runtime_1.jsx)(icons_material_1.GetAppOutlined, {}) }) })] }), open &&
49
+ (0, jsx_runtime_1.jsx)(PreviewButton_1.default, { anchorEl: anchorEl, open: open, domainIds: [], handlePreviewClose: handlePreviewClose, handlePreviewDomain: function (event, domainId) {
50
+ handlePreview(domainId);
51
+ }, service: service })] }));
35
52
  };
36
53
  exports.default = DrawerAction;
@@ -1,6 +1,7 @@
1
1
  import { Directory } from '../../Campaign/Types';
2
2
  import { FormValid, PageModel } from '../Types';
3
3
  export declare const pageDirectoriesState: import("recoil").RecoilState<Directory[]>;
4
+ export declare const wiewMounted: import("recoil").RecoilState<boolean>;
4
5
  export declare const pageRootDeirectory: import("recoil").RecoilState<string>;
5
6
  export declare const pageChangedFormState: import("recoil").RecoilState<Record<keyof PageModel, boolean>>;
6
7
  export declare const pageRootState: import("recoil").RecoilState<PageModel>;
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.pageState = exports.validForm = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.pageDirectoriesState = void 0;
14
+ exports.pageState = exports.validForm = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.wiewMounted = exports.pageDirectoriesState = void 0;
15
15
  var lodash_1 = require("lodash");
16
16
  var recoil_1 = require("recoil");
17
17
  var Constant_1 = require("../Constant");
@@ -21,6 +21,10 @@ exports.pageDirectoriesState = (0, recoil_1.atom)({
21
21
  key: 'pageDirectoriesState',
22
22
  default: [],
23
23
  });
24
+ exports.wiewMounted = (0, recoil_1.atom)({
25
+ key: 'wiewMounted',
26
+ default: false,
27
+ });
24
28
  exports.pageRootDeirectory = (0, recoil_1.atom)({
25
29
  key: 'pageRootDeirectory',
26
30
  default: (0, recoil_1.selector)({
@@ -75,7 +75,7 @@ var ViewContent = function (_a) {
75
75
  onChange(['viewDatas'], []);
76
76
  }
77
77
  // eslint-disable-next-line react-hooks/exhaustive-deps
78
- }, [service, viewInfoData.templateId, viewInfoData.viewDatas.length]);
78
+ }, [viewInfoData.templateId, viewInfoData.viewDatas.length]);
79
79
  var handleResData = function (res) {
80
80
  onChange(['viewDatas'], (0, Utils_1.getTemplateDatas)(res.templateParameters, viewInfoData, pageId, viewNumber));
81
81
  onChange(['templateValidation'], res.template.validation);
@@ -47,6 +47,8 @@ var enums_1 = require("../../enums");
47
47
  var Utils_1 = require("../Utils");
48
48
  var Constant_1 = require("../../../../ACM-AXN/Page/Constant");
49
49
  var react_router_dom_1 = require("react-router-dom");
50
+ var recoil_1 = require("recoil");
51
+ var Recoil_1 = require("../Recoil");
50
52
  var ViewInfo = function (_a) {
51
53
  var directories = _a.directories, templateTypes = _a.templateTypes, onChange = _a.onChange, viewInfoData = _a.viewInfoData;
52
54
  var pageId = (0, react_router_dom_1.useParams)().pageId;
@@ -54,20 +56,24 @@ var ViewInfo = function (_a) {
54
56
  var cacheDirectoryId = react_1.default.useRef('');
55
57
  var _b = react_1.default.useState([]), templates = _b[0], setTemplates = _b[1];
56
58
  var _c = react_1.default.useState(false), loadingTemplate = _c[0], setLoadingTemplate = _c[1];
57
- var _d = (0, Context_1.default)(), service = _d.service, pageCode = _d.pageCode;
59
+ var _d = (0, recoil_1.useRecoilState)(Recoil_1.wiewMounted), isMounted = _d[0], setIsMounted = _d[1];
60
+ var _e = (0, Context_1.default)(), service = _e.service, pageCode = _e.pageCode, domainId = _e.domainId;
58
61
  var t = (0, react_i18next_1.useTranslation)().t;
59
62
  (0, react_1.useEffect)(function () {
60
- var savedDirectoryId = localStorage.getItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED);
61
- if (savedDirectoryId && !pageId) {
63
+ var savedDirectoryId = JSON.parse(localStorage.getItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED) || '{}')[Array.isArray(domainId) ? 'awingPge' : domainId];
64
+ if (savedDirectoryId && !pageId && !isMounted) {
65
+ setIsMounted(true);
62
66
  handleChangeForm({ directoryId: savedDirectoryId }, true, 'directoryId');
63
67
  }
68
+ // eslint-disable-next-line react-hooks/exhaustive-deps
64
69
  }, []);
65
70
  var handleChangeForm = react_1.default.useCallback(function (obj, _valid, keyUpdate) {
71
+ var _a;
66
72
  if ((0, lodash_1.isEmpty)(obj))
67
73
  return;
68
74
  if (['templateTypeId', 'directoryId'].includes(keyUpdate)) {
69
75
  if (keyUpdate === 'directoryId') {
70
- localStorage.setItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED, obj[keyUpdate]);
76
+ localStorage.setItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED, JSON.stringify((_a = {}, _a[Array.isArray(domainId) ? 'awingPge' : domainId] = obj[keyUpdate], _a)));
71
77
  }
72
78
  onChange(['templateId'], null);
73
79
  }
@@ -173,6 +179,7 @@ var ViewInfo = function (_a) {
173
179
  options: templateOptions.map(function (template) { return ({
174
180
  value: template.id,
175
181
  text: template.description,
182
+ disabled: template === null || template === void 0 ? void 0 : template.isDeprecated,
176
183
  }); }),
177
184
  },
178
185
  ], oldValue: __assign(__assign({}, viewInfoData), { templateTypeId: 0 }), onUpdate: handleChangeForm }) }));
@@ -59,7 +59,7 @@ var setObject = function (obj, arrKey, value) {
59
59
  exports.setObject = setObject;
60
60
  var convertTreeArrayToFlatArray = function (treeArray) {
61
61
  var result = [];
62
- treeArray.forEach(function (data) {
62
+ treeArray === null || treeArray === void 0 ? void 0 : treeArray.forEach(function (data) {
63
63
  getChilds(data, function (item) { return result.push(item); });
64
64
  });
65
65
  return result;
@@ -85,6 +85,7 @@ export interface Template {
85
85
  templateTypeId: number;
86
86
  validation: string;
87
87
  autoField: string;
88
+ isDeprecated?: boolean;
88
89
  }
89
90
  export interface TemplateParameter {
90
91
  id: string;
@@ -110,6 +111,12 @@ export interface SystemPhysicalObject {
110
111
  name: string;
111
112
  path: string;
112
113
  }
114
+ export interface IDomain {
115
+ domainId: string;
116
+ name: string | undefined;
117
+ rateSharing: number;
118
+ description: string | undefined;
119
+ }
113
120
  export interface PageService {
114
121
  directoriesGetByObjectTypeCode: (type: DirectoryRoot) => Promise<Directory[]>;
115
122
  pagesPaging: (searchString?: string, pageSize?: number, pageIndex?: number, directoryId?: string) => Promise<PagesPaging>;
@@ -138,6 +145,8 @@ export interface PageService {
138
145
  pagesPut: (id: string, body: PageModel) => Promise<void>;
139
146
  pagesGet: (id: string) => Promise<PageModel>;
140
147
  pagesClone: (id: string) => Promise<PageModel>;
148
+ domainsGetAll?: () => Promise<IDomain[]>;
149
+ domainsGetByIds?: (body: string[]) => Promise<IDomain[]>;
141
150
  }
142
151
  export interface PageProps {
143
152
  service: PageService;
@@ -29,6 +29,7 @@ var Context_1 = require("./Context");
29
29
  var enums_1 = require("./enums");
30
30
  var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
31
31
  var index_1 = __importDefault(require("./Import/index"));
32
+ var Enum_1 = require("../../ACM-AXN/Campaign/Enum");
32
33
  var Page = function (props) {
33
34
  var paths = [
34
35
  { path: Constant_1.pageConstants.IMPORT_PAGE, element: (0, jsx_runtime_1.jsx)(index_1.default, {}) },
@@ -46,7 +47,7 @@ var Page = function (props) {
46
47
  },
47
48
  {
48
49
  path: Constant_1.pageConstants.PAGE_CREATE_DIRECTORY + '/:directoryId',
49
- element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ parentDirectory: props.pageCode === enums_1.PageCode.Lgn
50
+ element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ directoryRoot: Enum_1.DirectoryRoot[props.pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome'], parentDirectory: props.pageCode === enums_1.PageCode.Lgn
50
51
  ? 'pageLogin'
51
52
  : 'pageWelcome' }, props))),
52
53
  },
@@ -66,7 +66,7 @@ jest.mock("Commons/Client", function () { return ({
66
66
  },
67
67
  }); });
68
68
  // Mock DataGrid
69
- jest.mock("awing-library/lib/AWING", function () { return ({
69
+ jest.mock("AWING", function () { return ({
70
70
  DataGrid: function (props) { return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "DataGrid", children: [props.columns
71
71
  .filter(function (item) { return item.valueGetter; })
72
72
  .map(function (getter, idx) { return ((0, jsx_runtime_1.jsxs)("span", { children: [getter.valueGetter(mockPermissions[0], idx), getter.valueGetter(mockPermissions[1], idx)] }, idx)); }), (0, jsx_runtime_1.jsx)("div", { children: props.getRowId(mockPermissions.at(-1)) }), (0, jsx_runtime_1.jsx)("div", { children: props.rowActions.map(function (rowAction, idx) { return ((0, jsx_runtime_1.jsxs)("button", { onClick: function () { return rowAction.action(mockPermissions[0].authenId); }, "data-testid": rowAction.tooltipTitle, children: [rowAction.icon, (0, jsx_runtime_1.jsx)("span", { children: rowAction.isShouldHideActions(mockPermissions[0]) })] }, idx)); }) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "row-click", onClick: function () {
@@ -4,5 +4,5 @@
4
4
  *
5
5
  **/
6
6
  /// <reference types="react" />
7
- import { PlaceGroupPropsContext } from "./Types";
7
+ import { PlaceGroupPropsContext } from './Types';
8
8
  export declare const placeGroupPropsContext: import("react").Context<PlaceGroupPropsContext>;