awing-library 2.1.16-beta → 2.1.16

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 (225) 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.js +1 -1
  5. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabInfomation.js +2 -1
  6. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdDetail.test.js +1 -1
  7. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdList.js +50 -6
  8. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdRow.d.ts +5 -0
  9. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdRow.js +6 -18
  10. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/Advanced.js +16 -1
  11. package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/SubCampaignList.test.js +1 -1
  12. package/lib/ACM-AXN/Campaign/Utils.js +1 -1
  13. package/lib/ACM-AXN/Campaign/index.js +3 -2
  14. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.d.ts +2 -2
  15. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.js +44 -42
  16. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/GroupPanel.d.ts +1 -1
  17. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/GroupPanel.js +38 -30
  18. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.d.ts +2 -2
  19. package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.js +2 -2
  20. package/lib/ACM-AXN/CampaignSchedule/Components/EnhancedPagination/index.d.ts +1 -1
  21. package/lib/ACM-AXN/CampaignSchedule/Components/EnhancedPagination/index.js +4 -2
  22. package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/component.js +64 -4
  23. package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.d.ts +1 -1
  24. package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.js +82 -34
  25. package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.d.ts +1 -1
  26. package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.js +38 -29
  27. package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.d.ts +4 -0
  28. package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.js +58 -0
  29. package/lib/ACM-AXN/CampaignSchedule/Enum.d.ts +14 -2
  30. package/lib/ACM-AXN/CampaignSchedule/Enum.js +12 -0
  31. package/lib/ACM-AXN/CampaignSchedule/component.d.ts +2 -2
  32. package/lib/ACM-AXN/CampaignSchedule/component.js +17 -14
  33. package/lib/ACM-AXN/CampaignSchedule/container.d.ts +1 -1
  34. package/lib/ACM-AXN/CampaignSchedule/container.js +100 -99
  35. package/lib/ACM-AXN/CampaignSchedule/interface.d.ts +16 -3
  36. package/lib/ACM-AXN/Directory/DomainDirectory/DomainDirectory.test.js +1 -0
  37. package/lib/ACM-AXN/Directory/DomainDirectory/FolderDetail.test.js +1 -0
  38. package/lib/ACM-AXN/Directory/MenuDirectory/MenuDirectory.test.js +1 -0
  39. package/lib/ACM-AXN/Directory/MenuDirectory/index.js +7 -21
  40. package/lib/ACM-AXN/Directory/SystemDirectory/SystemDirectory.test.js +1 -0
  41. package/lib/ACM-AXN/Directory/SystemDirectory/index.js +6 -5
  42. package/lib/ACM-AXN/Directory/components/CreateOrEditFolder.test.js +1 -0
  43. package/lib/ACM-AXN/Directory/components/Permission/AddAuthen.test.js +2 -0
  44. package/lib/ACM-AXN/Directory/components/Permission/CreateOrEditPermission.test.js +2 -0
  45. package/lib/ACM-AXN/Directory/components/Permission/Management.js +7 -5
  46. package/lib/ACM-AXN/Directory/components/Permission/ManagementPermission.test.js +3 -0
  47. package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.js +9 -7
  48. package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.test.js +2 -0
  49. package/lib/ACM-AXN/Directory/function.d.ts +1 -0
  50. package/lib/ACM-AXN/Directory/function.js +15 -1
  51. package/lib/ACM-AXN/DomainPreview/PreviewButton.d.ts +15 -0
  52. package/lib/ACM-AXN/DomainPreview/PreviewButton.js +188 -0
  53. package/lib/ACM-AXN/DomainPreview/index.d.ts +7 -2
  54. package/lib/ACM-AXN/DomainPreview/index.js +6 -3
  55. package/lib/ACM-AXN/GroupUser/Constants.d.ts +7 -0
  56. package/lib/ACM-AXN/GroupUser/Constants.js +10 -0
  57. package/lib/ACM-AXN/GroupUser/Container.d.ts +2 -0
  58. package/lib/ACM-AXN/GroupUser/Container.js +55 -0
  59. package/lib/ACM-AXN/GroupUser/Container.test.d.ts +1 -0
  60. package/lib/ACM-AXN/GroupUser/Container.test.js +210 -0
  61. package/lib/ACM-AXN/GroupUser/CreateOrEdit.d.ts +3 -0
  62. package/lib/ACM-AXN/GroupUser/CreateOrEdit.js +99 -0
  63. package/lib/ACM-AXN/GroupUser/CreateOrEdit.test.d.ts +1 -0
  64. package/lib/ACM-AXN/GroupUser/CreateOrEdit.test.js +235 -0
  65. package/lib/ACM-AXN/GroupUser/Hooks.d.ts +5 -0
  66. package/lib/ACM-AXN/GroupUser/Hooks.js +13 -0
  67. package/lib/ACM-AXN/GroupUser/Types.d.ts +31 -0
  68. package/lib/ACM-AXN/GroupUser/Types.js +2 -0
  69. package/lib/ACM-AXN/GroupUser/User/SearchUser.d.ts +9 -0
  70. package/lib/ACM-AXN/GroupUser/User/SearchUser.js +63 -0
  71. package/lib/ACM-AXN/GroupUser/User/SearchUser.test.d.ts +1 -0
  72. package/lib/ACM-AXN/GroupUser/User/SearchUser.test.js +140 -0
  73. package/lib/ACM-AXN/GroupUser/User/UserComponent.d.ts +9 -0
  74. package/lib/ACM-AXN/GroupUser/User/UserComponent.js +83 -0
  75. package/lib/ACM-AXN/GroupUser/User/UserComponent.test.d.ts +1 -0
  76. package/lib/ACM-AXN/GroupUser/User/UserComponent.test.js +128 -0
  77. package/lib/ACM-AXN/GroupUser/index.d.ts +4 -0
  78. package/lib/ACM-AXN/GroupUser/index.js +27 -0
  79. package/lib/ACM-AXN/Notifications/Constant.d.ts +146 -0
  80. package/lib/ACM-AXN/Notifications/Constant.js +136 -0
  81. package/lib/ACM-AXN/Notifications/Context.d.ts +8 -0
  82. package/lib/ACM-AXN/Notifications/Context.js +10 -0
  83. package/lib/ACM-AXN/Notifications/Hooks.d.ts +7 -0
  84. package/lib/ACM-AXN/Notifications/Hooks.js +17 -0
  85. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/ButtonTabs.d.ts +3 -3
  86. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/ButtonTabs.js +31 -30
  87. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/MenuNotification.d.ts +1 -1
  88. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/MenuNotification.js +30 -39
  89. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/index.d.ts +3 -5
  90. package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/index.js +18 -17
  91. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.d.ts +1 -1
  92. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.js +15 -15
  93. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.test.d.ts +0 -6
  94. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.test.js +29 -28
  95. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/Message.d.ts +11 -0
  96. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/Message.js +291 -0
  97. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.d.ts +1 -1
  98. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.js +3 -3
  99. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.test.d.ts +0 -6
  100. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.test.js +38 -48
  101. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.d.ts +2 -2
  102. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.js +38 -35
  103. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.test.d.ts +0 -6
  104. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.test.js +65 -73
  105. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.d.ts +4 -11
  106. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.js +48 -36
  107. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.test.d.ts +0 -6
  108. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.test.js +56 -50
  109. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationLoading.js +30 -30
  110. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.d.ts +3 -15
  111. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.js +35 -4
  112. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.test.d.ts +0 -6
  113. package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.test.js +88 -83
  114. package/lib/ACM-AXN/Notifications/NotificationDetail/index.d.ts +5 -2
  115. package/lib/ACM-AXN/Notifications/NotificationDetail/index.js +115 -101
  116. package/lib/ACM-AXN/Notifications/{NotificationPopover.d.ts → NotificationPopover/Container.d.ts} +2 -2
  117. package/lib/ACM-AXN/Notifications/NotificationPopover/Container.js +149 -0
  118. package/lib/ACM-AXN/Notifications/{NotificationPopover.test.d.ts → NotificationPopover/Container.test.d.ts} +1 -1
  119. package/lib/ACM-AXN/Notifications/{NotificationPopover.test.js → NotificationPopover/Container.test.js} +5 -5
  120. package/lib/ACM-AXN/Notifications/NotificationPopover/index.d.ts +8 -0
  121. package/lib/ACM-AXN/Notifications/NotificationPopover/index.js +13 -0
  122. package/lib/ACM-AXN/Notifications/NotificationScreen.d.ts +1 -1
  123. package/lib/ACM-AXN/Notifications/NotificationScreen.js +4 -4
  124. package/lib/ACM-AXN/Notifications/Types.d.ts +84 -0
  125. package/lib/ACM-AXN/Notifications/Types.js +13 -0
  126. package/lib/ACM-AXN/Notifications/index.d.ts +2 -2
  127. package/lib/ACM-AXN/Notifications/index.js +5 -5
  128. package/lib/ACM-AXN/Page/Container.js +69 -74
  129. package/lib/ACM-AXN/Page/CreateOrEdit/DrawerAction.js +27 -5
  130. package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewContent.js +1 -0
  131. package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewInfo.js +2 -1
  132. package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/index.js +2 -1
  133. package/lib/ACM-AXN/Page/CreateOrEdit/Utils.d.ts +0 -1
  134. package/lib/ACM-AXN/Page/CreateOrEdit/Utils.js +15 -6
  135. package/lib/ACM-AXN/Page/Types.d.ts +9 -0
  136. package/lib/ACM-AXN/Page/index.js +2 -1
  137. package/lib/ACM-AXN/Permission/Components/Management.test.js +1 -1
  138. package/lib/ACM-AXN/PlaceGroup/ContentCreateOrEdit.d.ts +0 -7
  139. package/lib/ACM-AXN/PlaceGroup/ContentCreateOrEdit.js +0 -135
  140. package/lib/ACM-AXN/PlaceGroup/ContentCreateOrEdit.test.js +2 -2
  141. package/lib/ACM-AXN/PlaceGroup/Context.d.ts +1 -1
  142. package/lib/ACM-AXN/PlaceGroup/CreateOrEdit.js +103 -3
  143. package/lib/ACM-AXN/Statistics/ControlPanel.js +41 -39
  144. package/lib/ACM-AXN/Statistics/Enums.d.ts +1 -0
  145. package/lib/ACM-AXN/Statistics/Enums.js +1 -0
  146. package/lib/ACM-AXN/Statistics/container.js +1 -1
  147. package/lib/ACM-AXN/Statistics/interface.d.ts +2 -2
  148. package/lib/ACM-AXN/StatisticsAudienceDemographic/container.d.ts +1 -1
  149. package/lib/ACM-AXN/StatisticsAudienceDemographic/container.js +2 -3
  150. package/lib/ACM-AXN/StatisticsAudienceDemographic/interfaces.d.ts +1 -0
  151. package/lib/ACM-AXN/StatisticsByProvince/container.d.ts +1 -1
  152. package/lib/ACM-AXN/StatisticsByProvince/container.js +2 -2
  153. package/lib/ACM-AXN/TaskScheduler/Components/TriggerInput.js +4 -2
  154. package/lib/ACM-AXN/TaskScheduler/Constant.d.ts +0 -107
  155. package/lib/ACM-AXN/TaskScheduler/Constant.js +1 -105
  156. package/lib/ACM-AXN/TaskScheduler/Container.js +1 -1
  157. package/lib/ACM-AXN/TaskScheduler/CreateOrEdit.js +6 -8
  158. package/lib/ACM-AXN/TaskScheduler/Utils.js +6 -1
  159. package/lib/ACM-AXN/TransactionLog/Container.js +6 -4
  160. package/lib/ACM-AXN/TransactionLog/Detail.js +3 -1
  161. package/lib/ACM-AXN/TransactionLog/Types.d.ts +1 -107
  162. package/lib/ACM-AXN/TransactionLog/Types.js +1 -109
  163. package/lib/ACM-AXN/TransactionLog/Utils.d.ts +0 -103
  164. package/lib/ACM-AXN/TransactionLog/Utils.js +1 -104
  165. package/lib/ACM-AXN/User/Add.d.ts +2 -0
  166. package/lib/ACM-AXN/User/Add.js +64 -0
  167. package/lib/ACM-AXN/User/Add.test.d.ts +1 -0
  168. package/lib/ACM-AXN/User/Add.test.js +115 -0
  169. package/lib/ACM-AXN/User/Constants.d.ts +2 -0
  170. package/lib/ACM-AXN/User/Constants.js +5 -0
  171. package/lib/ACM-AXN/User/Container.d.ts +2 -0
  172. package/lib/ACM-AXN/User/Container.js +60 -0
  173. package/lib/ACM-AXN/User/Container.test.d.ts +1 -0
  174. package/lib/ACM-AXN/User/Container.test.js +202 -0
  175. package/lib/ACM-AXN/User/Hook.d.ts +5 -0
  176. package/lib/ACM-AXN/User/Hook.js +13 -0
  177. package/lib/ACM-AXN/User/Types.d.ts +45 -0
  178. package/lib/ACM-AXN/User/Types.js +2 -0
  179. package/lib/ACM-AXN/User/index.d.ts +4 -0
  180. package/lib/ACM-AXN/User/index.js +18 -0
  181. package/lib/ACM-AXN/ViewTemplate/TemplateField/Fields/BasicField/index.js +1 -1
  182. package/lib/ACM-AXN/ViewTemplate/TemplateField/Fields/ObjectField.d.ts +2 -0
  183. package/lib/ACM-AXN/ViewTemplate/TemplateField/Fields/ObjectField.js +19 -3
  184. package/lib/ACM-AXN/ViewTemplate/container.js +2 -1
  185. package/lib/AWING/AdvancedSearch/component.js +1 -1
  186. package/lib/AWING/AdvancedSearch/interface.d.ts +1 -0
  187. package/lib/AWING/BasicDataForm/index.js +3 -1
  188. package/lib/AWING/BasicDataForm/interface.d.ts +2 -2
  189. package/lib/AWING/ButtonDateRangePicker/ButtonDateRangePicker.js +2 -2
  190. package/lib/AWING/ButtonDateRangePicker/interface.d.ts +1 -0
  191. package/lib/AWING/Chart/BarLineComponent.d.ts +8 -5
  192. package/lib/AWING/Chart/BarLineComponent.js +34 -28
  193. package/lib/AWING/Chart/PieComponent.d.ts +8 -7
  194. package/lib/AWING/Chart/PieComponent.js +1 -2
  195. package/lib/AWING/Chart/Styles.d.ts +6 -2
  196. package/lib/AWING/Chart/Styles.js +6 -2
  197. package/lib/AWING/Chart/index.d.ts +3 -0
  198. package/lib/AWING/Chart/index.js +10 -0
  199. package/lib/AWING/DataForm/DataInput.js +19 -10
  200. package/lib/AWING/DataForm/interface.d.ts +8 -4
  201. package/lib/AWING/DataGrid/index.js +20 -5
  202. package/lib/AWING/DataGrid/interface.d.ts +7 -2
  203. package/lib/AWING/Directory/CreateDirectory.d.ts +3 -0
  204. package/lib/AWING/Directory/CreateDirectory.js +27 -10
  205. package/lib/AWING/PageManagement/PageManagement.js +3 -3
  206. package/lib/AWING/PageManagement/interface.d.ts +2 -1
  207. package/lib/AWING/index.d.ts +1 -0
  208. package/lib/AWING/index.js +1 -0
  209. package/lib/AWING/ultis/validation.d.ts +1 -1
  210. package/lib/AWING/ultis/validation.js +4 -2
  211. package/lib/Commons/Components/ClassicBaseDrawer.d.ts +1 -0
  212. package/lib/Commons/Components/ClassicBaseDrawer.js +7 -3
  213. package/lib/Commons/Components/ClassicDrawer.js +1 -1
  214. package/lib/Context/index.js +1 -0
  215. package/lib/Context/interface.d.ts +1 -0
  216. package/lib/Utils/Helpers.d.ts +1 -0
  217. package/lib/Utils/Helpers.js +17 -9
  218. package/lib/translate/en/translation.json +81 -2
  219. package/lib/translate/vi/translation.json +81 -2
  220. package/package.json +4 -2
  221. package/lib/ACM-AXN/Notifications/NotificationDetail/Common.d.ts +0 -39
  222. package/lib/ACM-AXN/Notifications/NotificationDetail/Common.js +0 -304
  223. package/lib/ACM-AXN/Notifications/NotificationPopover.js +0 -69
  224. package/lib/ACM-AXN/Page/ViewDomain/index.d.ts +0 -9
  225. package/lib/ACM-AXN/Page/ViewDomain/index.js +0 -148
@@ -1,3 +1,3 @@
1
- import { IControlPanelProps } from "../../interface";
2
- declare const ControlPanel: ({ campaigns, handleFilters, unGroupField, onDragStart, onDragOver, onDrop, handleView, handleExportExcel, loadingFlags, panels, placeMultiSelectComponent, }: IControlPanelProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IControlPanelProps } from '../../interface';
2
+ declare const ControlPanel: ({ campaigns, handleFilters, unGroupField, onDragStart, onDragOver, onDrop, handleView, handleExportExcel, loadingFlags, panels, placeMultiSelectComponent, disabledCampaignFilter, }: IControlPanelProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default ControlPanel;
@@ -10,8 +10,8 @@ var react_i18next_1 = require("react-i18next");
10
10
  var Filter_1 = __importDefault(require("./Filter"));
11
11
  var GroupPanel_1 = __importDefault(require("./GroupPanel"));
12
12
  var ControlPanel = function (_a) {
13
- var campaigns = _a.campaigns, handleFilters = _a.handleFilters, unGroupField = _a.unGroupField, onDragStart = _a.onDragStart, onDragOver = _a.onDragOver, onDrop = _a.onDrop, handleView = _a.handleView, handleExportExcel = _a.handleExportExcel, loadingFlags = _a.loadingFlags, panels = _a.panels, placeMultiSelectComponent = _a.placeMultiSelectComponent;
13
+ var campaigns = _a.campaigns, handleFilters = _a.handleFilters, unGroupField = _a.unGroupField, onDragStart = _a.onDragStart, onDragOver = _a.onDragOver, onDrop = _a.onDrop, handleView = _a.handleView, handleExportExcel = _a.handleExportExcel, loadingFlags = _a.loadingFlags, panels = _a.panels, placeMultiSelectComponent = _a.placeMultiSelectComponent, disabledCampaignFilter = _a.disabledCampaignFilter;
14
14
  var t = (0, react_i18next_1.useTranslation)().t;
15
- return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: "1rem" }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "flex-start", spacing: 2, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { loadingFlags: loadingFlags, campaigns: campaigns, handleFilters: handleFilters, handleExportExcel: handleExportExcel, placeMultiSelectComponent: placeMultiSelectComponent }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", item: true, xs: 12, spacing: 2, sx: { marginTop: "0.125rem" }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { id: "wrap-group-panel", item: true, style: { flexGrow: 1, position: "relative" }, children: (0, jsx_runtime_1.jsx)(GroupPanel_1.default, { panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, sx: { display: "flex" }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { height: "40px" }, variant: "contained", color: "primary", onClick: handleView, children: t("Common.View") }) })] })] }) }));
15
+ return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "flex-start", spacing: 2, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { loadingFlags: loadingFlags, campaigns: campaigns, handleFilters: handleFilters, handleExportExcel: handleExportExcel, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", item: true, xs: 12, spacing: 2, sx: { marginTop: '0.125rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { id: "wrap-group-panel", item: true, style: { flexGrow: 1, position: 'relative' }, children: (0, jsx_runtime_1.jsx)(GroupPanel_1.default, { panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, sx: { display: 'flex' }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { height: '40px' }, variant: "contained", color: "primary", onClick: handleView, children: t('Common.View') }) })] })] }) }));
16
16
  };
17
17
  exports.default = ControlPanel;
@@ -1,3 +1,3 @@
1
- import { IEnhancedPaginationProps } from "../../interface";
1
+ import { IEnhancedPaginationProps } from '../../interface';
2
2
  declare const EnhancedPagination: ({ total, children, pageSize, pageIndex, classes, className, colSpan, handleChangePage, handleChangeRowsPerPage, }: IEnhancedPaginationProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default EnhancedPagination;
@@ -10,11 +10,13 @@ var Pagination_1 = __importDefault(require("./Pagination"));
10
10
  var EnhancedPagination = function (_a) {
11
11
  var total = _a.total, children = _a.children, pageSize = _a.pageSize, pageIndex = _a.pageIndex, classes = _a.classes, className = _a.className, colSpan = _a.colSpan, handleChangePage = _a.handleChangePage, handleChangeRowsPerPage = _a.handleChangeRowsPerPage;
12
12
  var t = (0, react_i18next_1.useTranslation)().t;
13
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", padding: "none", colSpan: colSpan, children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { className: "".concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(className), rowsPerPageOptions: [10, 20, 30], component: "div", count: total, rowsPerPage: pageSize, page: pageIndex, ActionsComponent: Pagination_1.default, labelRowsPerPage: t("Paging.RowPerPage"), onPageChange: function (e) { return handleChangePage(e); }, onRowsPerPageChange: function (e) {
13
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", padding: "none", colSpan: colSpan, children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { className: "".concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(className), rowsPerPageOptions: [10, 20, 30], component: "div", count: total, rowsPerPage: pageSize, page: pageIndex, ActionsComponent: Pagination_1.default, labelRowsPerPage: t('Paging.RowPerPage'), onPageChange: function (e, newPage) {
14
+ handleChangePage(newPage);
15
+ }, onRowsPerPageChange: function (e) {
14
16
  return handleChangeRowsPerPage(e);
15
17
  }, SelectProps: {
16
18
  inputProps: {
17
- "aria-label": t("Paging.RowPerPage"),
19
+ 'aria-label': t('Paging.RowPerPage'),
18
20
  },
19
21
  native: true,
20
22
  } }) }) })] }));
@@ -91,10 +91,13 @@ var RowAdvanceComponent = function (_a) {
91
91
  ? (0, helper_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.toDate)
92
92
  : (0, helper_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.date);
93
93
  var fromDateToDate = startDate === endDate ? startDate : startDate + ' - ' + endDate;
94
- var totalRate = !(row === null || row === void 0 ? void 0 : row.rate) ? '' : (0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.rate);
94
+ var totalRate = !(row === null || row === void 0 ? void 0 : row.rate)
95
+ ? ''
96
+ : Number((0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.rate)).toFixed(2);
95
97
  var totalView = (row === null || row === void 0 ? void 0 : row.quantity) !== undefined
96
98
  ? (0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.quantity)
97
99
  : (0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.totalQuantity);
100
+ var ctr = (((row === null || row === void 0 ? void 0 : row.click) / (row === null || row === void 0 ? void 0 : row.view)) * 100).toFixed(2);
98
101
  function styledRow(priority) {
99
102
  if ((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 1 && priorityGroupLevel === 1) {
100
103
  return classes.styledSecondaryRow;
@@ -115,7 +118,7 @@ var RowAdvanceComponent = function (_a) {
115
118
  return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { className: "".concat((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
116
119
  ? classes.styledNormalRow
117
120
  : styledRow(priorityGroupLevel), " ").concat(classes.styledCommonRow), onClick: handleOnClick, children: headCells === null || headCells === void 0 ? void 0 : headCells.map(function (item, index) {
118
- var _a, _b, _c, _d;
121
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
119
122
  switch (item.name) {
120
123
  case Enum_1.HEAD_CELL_NAMES.CONTROL:
121
124
  return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", colSpan: colSpanFirstCell, className: item.id === Enum_1.HEAD_CELL_IDS.CONTROL
@@ -131,7 +134,10 @@ var RowAdvanceComponent = function (_a) {
131
134
  groupNames
132
135
  .slice(0, priorityGroupLevel - 1)
133
136
  .indexOf(Enum_1.HEAD_CELL_NAMES.PLACE) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: ((_b = options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.placeId]) === null || _b === void 0 ? void 0 : _b.name) ||
134
- (row === null || row === void 0 ? void 0 : row.totalPlace) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
137
+ ((row === null || row === void 0 ? void 0 : row.totalPlace) !==
138
+ 0
139
+ ? row === null || row === void 0 ? void 0 : row.totalPlace
140
+ : '') })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
135
141
  case Enum_1.HEAD_CELL_NAMES.CAMPAIGN:
136
142
  return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
137
143
  Enum_1.HEAD_CELL_NAMES.CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: (0, jsx_runtime_1.jsx)(CampaignLabel, { campaignId: row === null || row === void 0 ? void 0 : row.groupKeyId, campaigns: options === null || options === void 0 ? void 0 : options.campaigns, classes: classes }) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
@@ -140,7 +146,7 @@ var RowAdvanceComponent = function (_a) {
140
146
  (0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: generateCampaignTotalCount(options === null || options === void 0 ? void 0 : options.campaigns, row, t('Schedule.CampaignDefault')) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
141
147
  case Enum_1.HEAD_CELL_NAMES.DOMAIN:
142
148
  return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
143
- Enum_1.HEAD_CELL_NAMES.DOMAIN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_c = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.domainId]) === null || _c === void 0 ? void 0 : _c.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
149
+ Enum_1.HEAD_CELL_NAMES.DOMAIN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_c = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _c === void 0 ? void 0 : _c.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
144
150
  .slice(0, priorityGroupLevel - 1)
145
151
  .indexOf(Enum_1.HEAD_CELL_NAMES.DOMAIN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: ((_d = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.domainId]) === null || _d === void 0 ? void 0 : _d.name) || (row === null || row === void 0 ? void 0 : row.totalDomain) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
146
152
  case Enum_1.HEAD_CELL_NAMES.DATE:
@@ -154,6 +160,60 @@ var RowAdvanceComponent = function (_a) {
154
160
  : totalRate }, item.id));
155
161
  case Enum_1.HEAD_CELL_NAMES.TOTAL:
156
162
  return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: totalView }, item.id));
163
+ case Enum_1.HEAD_CELL_NAMES.IMPRESSION:
164
+ return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", children: row === null || row === void 0 ? void 0 : row.view }, item.id));
165
+ case Enum_1.HEAD_CELL_NAMES.FINAL_CLICK:
166
+ return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row === null || row === void 0 ? void 0 : row.click }, item.id));
167
+ case Enum_1.HEAD_CELL_NAMES.CTR:
168
+ return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: ctr }, item.id));
169
+ case Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN:
170
+ return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
171
+ Enum_1.HEAD_CELL_NAMES.CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: ((_e = row === null || row === void 0 ? void 0 : row.campaign) === null || _e === void 0 ? void 0 : _e.name) !== ''
172
+ ? (_f = row === null || row === void 0 ? void 0 : row.campaign) === null || _f === void 0 ? void 0 : _f.name
173
+ : ((_g = row === null || row === void 0 ? void 0 : row.campaign) === null || _g === void 0 ? void 0 : _g.campaignId) !==
174
+ '0'
175
+ ? (_h = row === null || row === void 0 ? void 0 : row.campaign) === null || _h === void 0 ? void 0 : _h.campaignId
176
+ : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
177
+ .slice(0, priorityGroupLevel - 1)
178
+ .indexOf(Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN) === -1 ? ( // Nếu fieldGroup có index < thằng groupKeyName hiện tại thì hiển thị total hoac name ngược lại phải thụt đầu dòng
179
+ (0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: ((_j = row === null || row === void 0 ? void 0 : row.campaign) === null || _j === void 0 ? void 0 : _j.name) !== ''
180
+ ? (_k = row === null || row === void 0 ? void 0 : row.campaign) === null || _k === void 0 ? void 0 : _k.name
181
+ : ((_l = row === null || row === void 0 ? void 0 : row.campaign) === null || _l === void 0 ? void 0 : _l.campaignId) !==
182
+ '0'
183
+ ? (_m = row === null || row === void 0 ? void 0 : row.campaign) === null || _m === void 0 ? void 0 : _m.campaignId
184
+ : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
185
+ case Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN:
186
+ return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
187
+ Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: ((_o = row === null || row === void 0 ? void 0 : row.domain) === null || _o === void 0 ? void 0 : _o.name) !== ''
188
+ ? (_p = row === null || row === void 0 ? void 0 : row.domain) === null || _p === void 0 ? void 0 : _p.name
189
+ : ((_q = row === null || row === void 0 ? void 0 : row.domain) === null || _q === void 0 ? void 0 : _q.domainId) !== '0'
190
+ ? (_r = row === null || row === void 0 ? void 0 : row.domain) === null || _r === void 0 ? void 0 : _r.domainId
191
+ : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
192
+ .slice(0, priorityGroupLevel - 1)
193
+ .indexOf(Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: ((_s = row === null || row === void 0 ? void 0 : row.domain) === null || _s === void 0 ? void 0 : _s.name) !== ''
194
+ ? (_t = row === null || row === void 0 ? void 0 : row.domain) === null || _t === void 0 ? void 0 : _t.name
195
+ : ((_u = row === null || row === void 0 ? void 0 : row.domain) === null || _u === void 0 ? void 0 : _u.domainId) !== '0'
196
+ ? (_v = row === null || row === void 0 ? void 0 : row.domain) === null || _v === void 0 ? void 0 : _v.domainId
197
+ : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
198
+ case Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN:
199
+ return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
200
+ Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: ((_w = row === null || row === void 0 ? void 0 : row.place) === null || _w === void 0 ? void 0 : _w.name) !== ''
201
+ ? (_x = row === null || row === void 0 ? void 0 : row.place) === null || _x === void 0 ? void 0 : _x.name
202
+ : ((_y = row === null || row === void 0 ? void 0 : row.place) === null || _y === void 0 ? void 0 : _y.placeId) !== '0'
203
+ ? (_z = row === null || row === void 0 ? void 0 : row.place) === null || _z === void 0 ? void 0 : _z.placeId
204
+ : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children:
205
+ // Nếu field hiện tại ko phải groupName đang showOn thì 3Th
206
+ // TH1: field nằm trong groupNames nhưng đúng trước fieldNameShowOn hiển thị name
207
+ // TH2: field nằm sau fieldNameShowOn trong groupNames hiển thi total
208
+ // Th3: field ko trong groupNames hiển thị total hoặ thông tin schedule nếu nó là cấp cuối cùng
209
+ groupNames
210
+ .slice(0, priorityGroupLevel - 1)
211
+ .indexOf(Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: ((_0 = row === null || row === void 0 ? void 0 : row.place) === null || _0 === void 0 ? void 0 : _0.name) !== ''
212
+ ? (_1 = row === null || row === void 0 ? void 0 : row.place) === null || _1 === void 0 ? void 0 : _1.name
213
+ : ((_2 = row === null || row === void 0 ? void 0 : row.place) === null || _2 === void 0 ? void 0 : _2.placeId) !==
214
+ '0'
215
+ ? (_3 = row === null || row === void 0 ? void 0 : row.place) === null || _3 === void 0 ? void 0 : _3.placeId
216
+ : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
157
217
  default:
158
218
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
159
219
  }
@@ -1,3 +1,3 @@
1
- import { IRowAdvanceContainerProps } from "../../interface";
1
+ import { IRowAdvanceContainerProps } from '../../interface';
2
2
  declare const RowAdvanceContainer: ({ headCells, row, priorityGroupLevel, stt, groupNames, options, filters, serviceCampaignSchedule, }: IRowAdvanceContainerProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default RowAdvanceContainer;
@@ -53,11 +53,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
53
53
  var jsx_runtime_1 = require("react/jsx-runtime");
54
54
  var material_1 = require("@mui/material");
55
55
  var styles_1 = require("@mui/styles");
56
- var Enum_1 = require("../../Enum");
57
- var AWING_1 = require("../../../../AWING");
58
56
  var moment_1 = __importDefault(require("moment"));
59
57
  var react_1 = require("react");
60
58
  var react_i18next_1 = require("react-i18next");
59
+ var AWING_1 = require("../../../../AWING");
60
+ var Enum_1 = require("../../Enum");
61
61
  var EnhancedPagination_1 = __importDefault(require("../EnhancedPagination"));
62
62
  var NoDataTable_1 = __importDefault(require("../NoDataTable"));
63
63
  var component_1 = __importDefault(require("./component"));
@@ -66,10 +66,10 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
66
66
  backgroundColor: Enum_1.BACKGROUND_COLOR.SECONDARY,
67
67
  },
68
68
  pagination: {
69
- "&.MuiTablePagination-root": {
69
+ '&.MuiTablePagination-root': {
70
70
  // borderBottom: '1px solid #a3a3a345',
71
- borderTop: "1px solid #a3a3a345",
72
- width: "100%",
71
+ borderTop: '1px solid #a3a3a345',
72
+ width: '100%',
73
73
  },
74
74
  },
75
75
  primaryPaginations: {
@@ -89,7 +89,9 @@ var RowAdvanceContainer = function (_a) {
89
89
  var classes = useStyles();
90
90
  var _e = (0, react_1.useState)(false), open = _e[0], setOpen = _e[1];
91
91
  var _f = (0, react_1.useState)(), details = _f[0], setDetails = _f[1];
92
- var _g = (0, react_1.useState)(false), loadingPage = _g[0], setLoadingPage = _g[1];
92
+ var _g = (0, react_1.useState)({
93
+ pages: false,
94
+ }), loadingPage = _g[0], setLoadingPage = _g[1];
93
95
  var _h = (0, react_1.useState)({
94
96
  pageSize: 10,
95
97
  pageIndex: 0,
@@ -113,34 +115,44 @@ var RowAdvanceContainer = function (_a) {
113
115
  }
114
116
  }
115
117
  };
118
+ var handleLoading = function (typeLoading, value) {
119
+ setLoadingPage(function (prevLoading) {
120
+ var _a;
121
+ return (__assign(__assign({}, prevLoading), (_a = {}, _a[typeLoading] = value, _a)));
122
+ });
123
+ };
116
124
  function getDetails(filterBy, groupBy, pageSize, pageIndex) {
117
125
  return __awaiter(this, void 0, void 0, function () {
118
- var fromDate, toDate, campaignId, placeIds;
126
+ var params, error_1, error_2;
119
127
  return __generator(this, function (_a) {
120
- fromDate = filterBy.fromDate, toDate = filterBy.toDate, campaignId = filterBy.campaignId, placeIds = filterBy.placeIds;
121
- if (groupBy) {
122
- setLoadingPage(true);
123
- pagingGroupBy((0, moment_1.default)(fromDate).startOf("day").format("YYYY-MM-DD"), (0, moment_1.default)(toDate).endOf("day").format("YYYY-MM-DD"), campaignId, groupBy, pageIndex, pageSize, placeIds !== null && placeIds !== void 0 ? placeIds : [])
124
- .then(setDetails)
125
- .catch(function (err) {
126
- console.log(err);
127
- })
128
- .finally(function () {
129
- setLoadingPage(false);
130
- });
131
- }
132
- else {
133
- setLoadingPage(true);
134
- paging((0, moment_1.default)(fromDate).startOf("day").format("YYYY-MM-DD"), (0, moment_1.default)(toDate).endOf("day").format("YYYY-MM-DD"), campaignId, pageIndex, pageSize, placeIds !== null && placeIds !== void 0 ? placeIds : [])
135
- .then(setDetails)
136
- .catch(function (err) {
137
- console.log(err);
138
- })
139
- .finally(function () {
140
- setLoadingPage(false);
141
- });
128
+ switch (_a.label) {
129
+ case 0:
130
+ params = __assign(__assign({}, filterBy), { groupBy: groupBy, pageIndex: pageIndex, pageSize: pageSize });
131
+ if (!groupBy) return [3 /*break*/, 5];
132
+ _a.label = 1;
133
+ case 1:
134
+ _a.trys.push([1, 3, , 4]);
135
+ return [4 /*yield*/, pagingGroupBy(params, setDetails, handleLoading)];
136
+ case 2:
137
+ _a.sent();
138
+ return [3 /*break*/, 4];
139
+ case 3:
140
+ error_1 = _a.sent();
141
+ console.log(error_1);
142
+ return [3 /*break*/, 4];
143
+ case 4: return [3 /*break*/, 8];
144
+ case 5:
145
+ _a.trys.push([5, 7, , 8]);
146
+ return [4 /*yield*/, paging(params, setDetails, handleLoading)];
147
+ case 6:
148
+ _a.sent();
149
+ return [3 /*break*/, 8];
150
+ case 7:
151
+ error_2 = _a.sent();
152
+ console.log(error_2);
153
+ return [3 /*break*/, 8];
154
+ case 8: return [2 /*return*/];
142
155
  }
143
- return [2 /*return*/];
144
156
  });
145
157
  });
146
158
  }
@@ -152,18 +164,47 @@ var RowAdvanceContainer = function (_a) {
152
164
  setPages(__assign(__assign({}, pages), { pageSize: parseInt(event.target.value), pageIndex: 0 }));
153
165
  getDetails(filterByOfRowAdvance, groupNames[priorityGroupLevel], parseInt(event.target.value), 0);
154
166
  };
155
- var handleOnClick = function () {
167
+ var handleOnClick = function (value) {
156
168
  if (!expandDisabled) {
157
169
  setOpen(!open);
158
170
  getDetails(filterByOfRowAdvance, groupNames[priorityGroupLevel], pages === null || pages === void 0 ? void 0 : pages.pageSize, pages === null || pages === void 0 ? void 0 : pages.pageIndex);
159
171
  }
160
172
  };
173
+ var handleOnClickCampaignStatistic = function (value) {
174
+ var _a, _b, _c;
175
+ if (groupNames[priorityGroupLevel - 1] ===
176
+ Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN) {
177
+ filters.placeIds = [(_a = value === null || value === void 0 ? void 0 : value.place) === null || _a === void 0 ? void 0 : _a.placeId];
178
+ }
179
+ if (groupNames[priorityGroupLevel - 1] ===
180
+ Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN) {
181
+ filters.domainId = (_b = value === null || value === void 0 ? void 0 : value.domain) === null || _b === void 0 ? void 0 : _b.domainId;
182
+ }
183
+ if (groupNames[priorityGroupLevel - 1] ===
184
+ Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN) {
185
+ filters.campaignId = (_c = value === null || value === void 0 ? void 0 : value.campaign) === null || _c === void 0 ? void 0 : _c.campaignId;
186
+ }
187
+ if (filters.placeIds.includes(undefined)) {
188
+ filters.placeIds = [];
189
+ }
190
+ if (!expandDisabled) {
191
+ setOpen(!open);
192
+ getDetails(filters, groupNames[priorityGroupLevel], pages === null || pages === void 0 ? void 0 : pages.pageSize, pages === null || pages === void 0 ? void 0 : pages.pageIndex);
193
+ }
194
+ };
161
195
  var expandDisabled = (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
162
196
  ? true
163
197
  : priorityGroupLevel === (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) + 1;
164
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(component_1.default, { stt: stt, row: row, options: options, headCells: headCells, priorityGroupLevel: priorityGroupLevel, groupNames: groupNames, handleOnClick: handleOnClick, open: open, expandDisabled: expandDisabled }), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loadingPage ? ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { pageSize: pages === null || pages === void 0 ? void 0 : pages.pageSize, pageIndex: pages === null || pages === void 0 ? void 0 : pages.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
198
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(component_1.default, { stt: stt, row: row, options: options, headCells: headCells, priorityGroupLevel: priorityGroupLevel, groupNames: groupNames, handleOnClick: function () {
199
+ headCells.length > 6 &&
200
+ headCells[3].id === Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN
201
+ ? handleOnClickCampaignStatistic(row)
202
+ : handleOnClick(row);
203
+ }, open: open, expandDisabled: expandDisabled }), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (loadingPage === null || loadingPage === void 0 ? void 0 : loadingPage.pages) ? ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { pageSize: pages === null || pages === void 0 ? void 0 : pages.pageSize, pageIndex: pages === null || pages === void 0 ? void 0 : pages.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
165
204
  ? classes.nomarlPaginations
166
- : styledPagination(priorityGroupLevel + 1)), colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, total: (_b = details === null || details === void 0 ? void 0 : details.totalItemCount) !== null && _b !== void 0 ? _b : 0, children: ((_c = details === null || details === void 0 ? void 0 : details.items) === null || _c === void 0 ? void 0 : _c.length) === 0 ? ((0, jsx_runtime_1.jsx)(NoDataTable_1.default, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, title: t("Common.NoData") })) : ((_d = details === null || details === void 0 ? void 0 : details.items) === null || _d === void 0 ? void 0 : _d.map(function (item, i) {
205
+ : styledPagination(priorityGroupLevel + 1)), colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, total: (_b = ((details === null || details === void 0 ? void 0 : details.totalItemCount)
206
+ ? details === null || details === void 0 ? void 0 : details.totalItemCount
207
+ : details === null || details === void 0 ? void 0 : details.total)) !== null && _b !== void 0 ? _b : 0, children: ((_c = details === null || details === void 0 ? void 0 : details.items) === null || _c === void 0 ? void 0 : _c.length) === 0 ? ((0, jsx_runtime_1.jsx)(NoDataTable_1.default, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, title: t('Common.NoData') })) : ((_d = details === null || details === void 0 ? void 0 : details.items) === null || _d === void 0 ? void 0 : _d.map(function (item, i) {
167
208
  var filterBy = filterById(row === null || row === void 0 ? void 0 : row.groupKeyId, groupNames[priorityGroupLevel], filterByOfRowAdvance);
168
209
  var stt = (pages === null || pages === void 0 ? void 0 : pages.pageSize) * (pages === null || pages === void 0 ? void 0 : pages.pageIndex) +
169
210
  i +
@@ -176,12 +217,19 @@ var RowAdvanceContainer = function (_a) {
176
217
  };
177
218
  var filterById = function (id, groupName, filters) {
178
219
  switch (groupName) {
220
+ case Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN:
221
+ case Enum_1.HEAD_CELL_NAMES.DOMAIN:
222
+ return __assign(__assign({}, filters), { domainId: id });
179
223
  case Enum_1.HEAD_CELL_NAMES.CAMPAIGN:
180
224
  return __assign(__assign({}, filters), { campaignId: id });
225
+ case Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN:
226
+ return __assign(__assign({}, filters), { campaignId: id });
181
227
  case Enum_1.HEAD_CELL_NAMES.PLACE:
182
228
  return __assign(__assign({}, filters), { placeIds: [id] });
229
+ case Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN:
230
+ return __assign(__assign({}, filters), { placeIds: [id] });
183
231
  case Enum_1.HEAD_CELL_NAMES.DATE:
184
- return __assign(__assign({}, filters), { fromDate: (0, moment_1.default)(id).format("YYYY-MM-DD"), toDate: (0, moment_1.default)(id).format("YYYY-MM-DD") });
232
+ return __assign(__assign({}, filters), { fromDate: (0, moment_1.default)(id).format('YYYY-MM-DD'), toDate: (0, moment_1.default)(id).format('YYYY-MM-DD') });
185
233
  default:
186
234
  return filters;
187
235
  }
@@ -1,3 +1,3 @@
1
- import { ITableHeaderDragableProps } from "../interface";
1
+ import { ITableHeaderDragableProps } from '../interface';
2
2
  declare const TableHeaderDragable: ({ headCells, onDragOver, onDragStart, onDrop, }: ITableHeaderDragableProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default TableHeaderDragable;
@@ -11,44 +11,35 @@ var react_i18next_1 = require("react-i18next");
11
11
  var Enum_1 = require("../Enum");
12
12
  var useStyles = (0, styles_1.makeStyles)(function () { return ({
13
13
  root: {
14
- paddingLeft: "1rem",
15
- paddingRight: "1rem",
16
- borderBottom: "1px solid #a3a3a345",
14
+ paddingLeft: '1rem',
15
+ paddingRight: '1rem',
16
+ borderBottom: '1px solid #a3a3a345',
17
17
  },
18
18
  highlight: {},
19
- // theme.palette.type === 'light'
20
- // ? {
21
- // color: theme.palette.secondary.main,
22
- // backgroundColor: lighten(theme.palette.secondary.light, 0.85),
23
- // }
24
- // : {
25
- // color: theme.palette.text.primary,
26
- // backgroundColor: theme.palette.secondary.dark,
27
- // },
28
19
  title: {
29
- flex: "1 1 100%",
20
+ flex: '1 1 100%',
30
21
  },
31
22
  bold: {
32
- fontWeight: "bold",
23
+ fontWeight: 'bold',
33
24
  },
34
25
  paddingTableHeader: {},
35
26
  styledSttField: {
36
27
  paddingLeft: 0,
37
28
  paddingRight: 0,
38
- maxWidth: "50px",
39
- minWidth: "40px",
29
+ maxWidth: '50px',
30
+ minWidth: '40px',
40
31
  },
41
32
  styledCampaignField: {
42
- minWidth: "100px",
33
+ minWidth: '100px',
43
34
  },
44
35
  styledDomainField: {
45
- minWidth: "50px",
36
+ minWidth: '50px',
46
37
  },
47
38
  styledPlaceField: {
48
- minWidth: "100px",
39
+ minWidth: '100px',
49
40
  },
50
41
  styledDateField: {
51
- minWidth: "100px",
42
+ minWidth: '100px',
52
43
  },
53
44
  }); });
54
45
  var TableHeaderDragable = function (_a) {
@@ -65,10 +56,16 @@ var TableHeaderDragable = function (_a) {
65
56
  return classes.styledDomainField;
66
57
  case Enum_1.HEAD_CELL_IDS.PLACE:
67
58
  return classes.styledPlaceField;
59
+ case Enum_1.HEAD_CELL_IDS.CAMPAIGN_CAMPAIGN:
60
+ return classes.styledCampaignField;
61
+ case Enum_1.HEAD_CELL_IDS.DOMAIN_CAMPAIGN:
62
+ return classes.styledDomainField;
63
+ case Enum_1.HEAD_CELL_IDS.PLACE_CAMPAIGN:
64
+ return classes.styledPlaceField;
68
65
  case Enum_1.HEAD_CELL_IDS.DATE:
69
66
  return classes.styledDateField;
70
67
  default:
71
- return "";
68
+ return '';
72
69
  }
73
70
  };
74
71
  var generateLabelField = function (fieldId) {
@@ -76,22 +73,34 @@ var TableHeaderDragable = function (_a) {
76
73
  case Enum_1.HEAD_CELL_IDS.CONTROL:
77
74
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(UnfoldMore_1.default, {}), "#"] }));
78
75
  case Enum_1.HEAD_CELL_IDS.CAMPAIGN:
79
- return t("Schedule.Campaign");
76
+ return t('Schedule.Campaign');
77
+ case Enum_1.HEAD_CELL_IDS.CAMPAIGN_CAMPAIGN:
78
+ return t('Schedule.Campaign');
80
79
  case Enum_1.HEAD_CELL_IDS.DOMAIN:
81
- return t("Schedule.Domain");
80
+ return t('Schedule.Domain');
81
+ case Enum_1.HEAD_CELL_IDS.DOMAIN_CAMPAIGN:
82
+ return t('Schedule.Domain');
82
83
  case Enum_1.HEAD_CELL_IDS.PLACE:
83
- return t("Schedule.Place");
84
+ return t('Schedule.Place');
85
+ case Enum_1.HEAD_CELL_IDS.PLACE_CAMPAIGN:
86
+ return t('Schedule.Place');
84
87
  case Enum_1.HEAD_CELL_IDS.DATE:
85
- return t("Schedule.Date");
88
+ return t('Schedule.Date');
89
+ case Enum_1.HEAD_CELL_IDS.IMPRESSION:
90
+ return t('Common.Impression');
91
+ case Enum_1.HEAD_CELL_IDS.FINAL_CLICK:
92
+ return t('Common.FinalClick');
93
+ case Enum_1.HEAD_CELL_IDS.CTR:
94
+ return t('CTR (%)');
86
95
  case Enum_1.HEAD_CELL_IDS.RATE:
87
- return "".concat(t("Schedule.Rate"), " (%)");
96
+ return "".concat(t('Schedule.Rate'), " (%)");
88
97
  case Enum_1.HEAD_CELL_IDS.TOTAL:
89
- return "".concat(t("Schedule.Total"), " (").concat(t("Common.Impression"), ")");
98
+ return "".concat(t('Schedule.Total'), " (").concat(t('Common.Impression'), ")");
90
99
  default:
91
- return "";
100
+ return '';
92
101
  }
93
102
  };
94
- return ((0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { className: classes.title, id: "head-cell", children: headCells === null || headCells === void 0 ? void 0 : headCells.map(function (headCell, index) { return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { id: headCell.id, align: headCell.numeric ? "right" : "left", padding: headCell.disablePadding ? "none" : "normal", className: "".concat(classes.bold, " ").concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(classes.paddingTableHeader, " ").concat(styledField(headCell.id)), draggable: true, onDragOver: function (e) {
103
+ return ((0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { className: classes.title, id: "head-cell", children: headCells === null || headCells === void 0 ? void 0 : headCells.map(function (headCell, index) { return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { id: headCell.id, align: headCell.numeric ? 'right' : 'left', padding: headCell.disablePadding ? 'none' : 'normal', className: "".concat(classes.bold, " ").concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(classes.paddingTableHeader, " ").concat(styledField(headCell.id)), draggable: true, onDragOver: function (e) {
95
104
  onDragOver(e);
96
105
  }, onDragStart: function (e) {
97
106
  onDragStart(e);
@@ -0,0 +1,4 @@
1
+ export declare const DataSetConfigsAXN: (t: any, exportData: any, domains: any, campaigns: any, places: any) => {
2
+ columns: any[];
3
+ data: any[];
4
+ }[];
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
3
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
4
+ if (ar || !(i in from)) {
5
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
6
+ ar[i] = from[i];
7
+ }
8
+ }
9
+ return to.concat(ar || Array.prototype.slice.call(from));
10
+ };
11
+ Object.defineProperty(exports, "__esModule", { value: true });
12
+ exports.DataSetConfigsAXN = void 0;
13
+ var Helpers_1 = require("../../Utils/Helpers");
14
+ var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
15
+ return [
16
+ {
17
+ columns: [t('Schedule.ReportCampaignSchedule')],
18
+ data: [],
19
+ },
20
+ {
21
+ columns: [
22
+ '#',
23
+ t('Schedule.Campaign'),
24
+ t('Schedule.Place'),
25
+ t('Schedule.Date'),
26
+ "".concat(t('Schedule.Rate'), " (%)"),
27
+ t('Schedule.Total'),
28
+ ],
29
+ data: __spreadArray([], exportData.map(function (data, index) {
30
+ var campaignName = campaigns[data.campaignId]
31
+ ? campaigns[data.campaignId].name
32
+ : "ID: ".concat(data.campaignId);
33
+ var placeName = places[data.placeId]
34
+ ? places[data.placeId].name
35
+ : "ID: ".concat(data.placeId);
36
+ var domainName = domains[data.domainId]
37
+ ? domains[data.domainId].name
38
+ : "ID: ".concat(data.domainId);
39
+ return [
40
+ { value: index + 1, style: { font: { sz: '13' } } },
41
+ { value: campaignName, style: { font: { sz: '13' } } },
42
+ { value: placeName, style: { font: { sz: '13' } } },
43
+ { value: domainName, style: { font: { sz: '13' } } },
44
+ {
45
+ value: (0, Helpers_1.timestampToStringDDMMYYYY)(data.date),
46
+ style: { font: { sz: '13' } },
47
+ },
48
+ { value: data.rate, style: { font: { sz: '13' } } },
49
+ {
50
+ value: data.totalQuantity,
51
+ style: { font: { sz: '12' } },
52
+ },
53
+ ];
54
+ }), true),
55
+ },
56
+ ];
57
+ };
58
+ exports.DataSetConfigsAXN = DataSetConfigsAXN;
@@ -9,7 +9,13 @@ export declare enum HEAD_CELL_IDS {
9
9
  TOTAL = "total",
10
10
  GROUP = "group",
11
11
  ESTIMATE = "estimate",
12
- REALITY = "reality"
12
+ REALITY = "reality",
13
+ IMPRESSION = "impression",
14
+ FINAL_CLICK = "finalClick",
15
+ CTR = "ctr",
16
+ PLACE_CAMPAIGN = "placeCampaign",
17
+ DOMAIN_CAMPAIGN = "domainCampaign",
18
+ CAMPAIGN_CAMPAIGN = "campaignCampaign"
13
19
  }
14
20
  export declare enum HEAD_CELL_NAMES {
15
21
  CONTROL = "collapse-stt",
@@ -23,7 +29,13 @@ export declare enum HEAD_CELL_NAMES {
23
29
  ESTIMATE = "estimate",
24
30
  REALITY = "reality",
25
31
  CAMPAIGN_NAME = "campaignName",
26
- PLACE_NAME = "placeName"
32
+ PLACE_NAME = "placeName",
33
+ IMPRESSION = "impression",
34
+ FINAL_CLICK = "finalClick",
35
+ CTR = "ctr",
36
+ PLACE_CAMPAIGN = "placeCampaign",
37
+ DOMAIN_CAMPAIGN = "domainCampaign",
38
+ CAMPAIGN_CAMPAIGN = "campaignCampaign"
27
39
  }
28
40
  export declare enum BACKGROUND_COLOR {
29
41
  PRIMARY = "#F4F4F4",
@@ -17,6 +17,12 @@ var HEAD_CELL_IDS;
17
17
  HEAD_CELL_IDS["GROUP"] = "group";
18
18
  HEAD_CELL_IDS["ESTIMATE"] = "estimate";
19
19
  HEAD_CELL_IDS["REALITY"] = "reality";
20
+ HEAD_CELL_IDS["IMPRESSION"] = "impression";
21
+ HEAD_CELL_IDS["FINAL_CLICK"] = "finalClick";
22
+ HEAD_CELL_IDS["CTR"] = "ctr";
23
+ HEAD_CELL_IDS["PLACE_CAMPAIGN"] = "placeCampaign";
24
+ HEAD_CELL_IDS["DOMAIN_CAMPAIGN"] = "domainCampaign";
25
+ HEAD_CELL_IDS["CAMPAIGN_CAMPAIGN"] = "campaignCampaign";
20
26
  })(HEAD_CELL_IDS || (exports.HEAD_CELL_IDS = HEAD_CELL_IDS = {}));
21
27
  var HEAD_CELL_NAMES;
22
28
  (function (HEAD_CELL_NAMES) {
@@ -32,6 +38,12 @@ var HEAD_CELL_NAMES;
32
38
  HEAD_CELL_NAMES["REALITY"] = "reality";
33
39
  HEAD_CELL_NAMES["CAMPAIGN_NAME"] = "campaignName";
34
40
  HEAD_CELL_NAMES["PLACE_NAME"] = "placeName";
41
+ HEAD_CELL_NAMES["IMPRESSION"] = "impression";
42
+ HEAD_CELL_NAMES["FINAL_CLICK"] = "finalClick";
43
+ HEAD_CELL_NAMES["CTR"] = "ctr";
44
+ HEAD_CELL_NAMES["PLACE_CAMPAIGN"] = "placeCampaign";
45
+ HEAD_CELL_NAMES["DOMAIN_CAMPAIGN"] = "domainCampaign";
46
+ HEAD_CELL_NAMES["CAMPAIGN_CAMPAIGN"] = "campaignCampaign";
35
47
  })(HEAD_CELL_NAMES || (exports.HEAD_CELL_NAMES = HEAD_CELL_NAMES = {}));
36
48
  var BACKGROUND_COLOR;
37
49
  (function (BACKGROUND_COLOR) {
@@ -1,3 +1,3 @@
1
- import { ICampaignSchedulesComponentProps } from "./interface";
2
- declare const CampaignSchedulesComponent: ({ headCells, onDragOver, onDragStart, onDrop, scheduleGroups, page, handleChangePage, handleChangeRowsPerPage, filters, options, serviceCampaignSchedule }: ICampaignSchedulesComponentProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { ICampaignSchedulesComponentProps } from './interface';
2
+ declare const CampaignSchedulesComponent: ({ headCells, onDragOver, onDragStart, onDrop, scheduleGroups, page, handleChangePage, handleChangeRowsPerPage, filters, options, serviceCampaignSchedule, }: ICampaignSchedulesComponentProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default CampaignSchedulesComponent;