@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.26 → 4.6.11-beta.28

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 (255) hide show
  1. package/README.md +162 -162
  2. package/dist/cjs/components/AboutPlatform/AboutPlatform.js +50 -50
  3. package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js +222 -229
  4. package/dist/cjs/components/AutoSuggest/AutoSuggest.js +101 -101
  5. package/dist/cjs/components/Avatar/Avatar.js +18 -18
  6. package/dist/cjs/components/CheckboxList/CheckboxList.js +34 -34
  7. package/dist/cjs/components/ComboBox/ComboBox.js +103 -103
  8. package/dist/cjs/components/ComboBoxMultiSelect/ComboBoxMultiSelect.js +32 -32
  9. package/dist/cjs/components/ComboBoxMultiSelect/MultiSelect.js +208 -208
  10. package/dist/cjs/components/ComposedModal/ComposedModal.js +80 -80
  11. package/dist/cjs/components/ConfirmModal/ConfirmModal.js +43 -43
  12. package/dist/cjs/components/Creatable/Creatable.js +137 -137
  13. package/dist/cjs/components/DataDrivenInput/DataDrivenInput.js +226 -226
  14. package/dist/cjs/components/DateInput/DateInput.js +35 -35
  15. package/dist/cjs/components/DecisionButtons/DecisionButtons.js +61 -61
  16. package/dist/cjs/components/DelayedRender/DelayedRender.js +17 -17
  17. package/dist/cjs/components/DynamicFormik/DynamicFormik.js +578 -578
  18. package/dist/cjs/components/Error403/Error403.js +13 -13
  19. package/dist/cjs/components/Error403/ForbiddenErrorBackground.js +113 -113
  20. package/dist/cjs/components/Error403/GraphicWrangler/GraphicWrangler.js +62 -62
  21. package/dist/cjs/components/Error404/Error404.js +13 -13
  22. package/dist/cjs/components/Error404/GraphicLoch/GraphicLoch.js +17 -17
  23. package/dist/cjs/components/Error404/NotFoundErrorBackground.js +129 -129
  24. package/dist/cjs/components/ErrorBoundary/ErrorBoundary.js +32 -32
  25. package/dist/cjs/components/ErrorDragon/ErrorDragon.js +13 -13
  26. package/dist/cjs/components/ErrorDragon/assets/ErrorGraphic.js +35 -35
  27. package/dist/cjs/components/ErrorFullPage/ErrorFullPage.js +10 -10
  28. package/dist/cjs/components/ErrorMessage/ErrorMessage.js +22 -22
  29. package/dist/cjs/components/ErrorPage/ErrorPage.js +11 -11
  30. package/dist/cjs/components/ErrorPageCore/ErrorPageCore.js +15 -15
  31. package/dist/cjs/components/ErrorPageCore/GenericErrorBackground.js +124 -124
  32. package/dist/cjs/components/FeatureHeader/FeatureHeader.js +29 -29
  33. package/dist/cjs/components/FeatureNavTab/FeatureNavTab.js +12 -12
  34. package/dist/cjs/components/FeatureNavTabs/FeatureNavTabs.js +12 -12
  35. package/dist/cjs/components/FeatureSideNav/FeatureSideNav.js +12 -12
  36. package/dist/cjs/components/FeatureSideNav/FeatureSideNavFooter.js +8 -8
  37. package/dist/cjs/components/FeatureSideNav/FeatureSideNavHeader.js +8 -8
  38. package/dist/cjs/components/FeatureSideNav/FeatureSideNavLinks.js +14 -14
  39. package/dist/cjs/components/FeatureSideNavLink/FeatureSideNavLink.js +12 -12
  40. package/dist/cjs/components/Feedback/Feedback.js +40 -40
  41. package/dist/cjs/components/FlowModal/FlowModal.js +141 -141
  42. package/dist/cjs/components/FlowModal/FlowModalForm.js +12 -12
  43. package/dist/cjs/components/Header/Header.js +179 -179
  44. package/dist/cjs/components/Header/HeaderAppSwitcher.js +94 -94
  45. package/dist/cjs/components/Header/HeaderMenu.js +7 -7
  46. package/dist/cjs/components/Header/HeaderMenuItem.js +52 -52
  47. package/dist/cjs/components/Header/HeaderTeamSwitcher.js +303 -305
  48. package/dist/cjs/components/Header/UserRequests.js +29 -29
  49. package/dist/cjs/components/ImageModal/ImageModal.js +17 -17
  50. package/dist/cjs/components/Loading/Loading.js +8 -8
  51. package/dist/cjs/components/MemberBar/MemberBar.js +20 -20
  52. package/dist/cjs/components/Modal/Modal.js +20 -20
  53. package/dist/cjs/components/ModalConfirmEdit/ModalConfirmArray.js +14 -14
  54. package/dist/cjs/components/ModalConfirmEdit/ModalConfirmDetails.js +11 -11
  55. package/dist/cjs/components/ModalConfirmEdit/ModalConfirmEdit.js +17 -17
  56. package/dist/cjs/components/ModalForm/ModalForm.js +9 -9
  57. package/dist/cjs/components/Notifications/NotificationsContainer.js +22 -22
  58. package/dist/cjs/components/Notifications/ToastNotification.js +21 -21
  59. package/dist/cjs/components/Notifications/notify.js +17 -17
  60. package/dist/cjs/components/PlatformBanner/PlatformBanner.js +8 -8
  61. package/dist/cjs/components/PlatformNotifications/PlatformNotification.js +17 -17
  62. package/dist/cjs/components/PlatformNotifications/PlatformNotificationsContainer.js +136 -136
  63. package/dist/cjs/components/Portal/Portal.js +14 -14
  64. package/dist/cjs/components/PrivacyRedirect/PrivacyRedirect.js +30 -30
  65. package/dist/cjs/components/PrivacyStatement/PrivacyStatement.js +90 -90
  66. package/dist/cjs/components/ProfileSettings/ProfileSettings.js +124 -124
  67. package/dist/cjs/components/ProtectedRoute/ProtectedRoute.js +13 -13
  68. package/dist/cjs/components/RadioGroup/RadioGroup.js +33 -33
  69. package/dist/cjs/components/RichTextArea/RichTextArea.js +142 -142
  70. package/dist/cjs/components/SignOut/SignOut.js +27 -27
  71. package/dist/cjs/components/SupportCenter/SupportCenter.js +65 -65
  72. package/dist/cjs/components/TextArea/TextArea.js +16 -16
  73. package/dist/cjs/components/TextInput/TextInput.js +13 -13
  74. package/dist/cjs/components/Toggle/Toggle.js +22 -22
  75. package/dist/cjs/components/TooltipHover/TooltipHover.js +39 -39
  76. package/dist/cjs/components/UIShell/UIShell.js +94 -94
  77. package/dist/cjs/config/servicesConfig.js +21 -21
  78. package/dist/cjs/constants/DataDrivenInputTypes.js +74 -74
  79. package/dist/cjs/constants/UserType.js +13 -13
  80. package/dist/cjs/hooks/useHeaderMenu.js +49 -49
  81. package/dist/cjs/hooks/usePortal.js +74 -74
  82. package/dist/cjs/hooks/useWindowSize.js +33 -33
  83. package/dist/cjs/internal/ListBox/ListBox.js +41 -41
  84. package/dist/cjs/internal/ListBox/ListBoxField.js +19 -19
  85. package/dist/cjs/internal/ListBox/ListBoxMenu.js +19 -19
  86. package/dist/cjs/internal/ListBox/ListBoxMenuIcon.js +31 -31
  87. package/dist/cjs/internal/ListBox/ListBoxMenuItem.js +38 -38
  88. package/dist/cjs/internal/ListBox/ListBoxSelection.js +64 -64
  89. package/dist/cjs/internal/ListBox/index.js +10 -10
  90. package/dist/cjs/internal/keyboard/keys.js +16 -16
  91. package/dist/cjs/internal/keyboard/match.js +67 -67
  92. package/dist/cjs/internal/settings.js +5 -5
  93. package/dist/cjs/tools/accessibility.js +13 -13
  94. package/dist/cjs/tools/createPropAdapter.js +44 -44
  95. package/dist/cjs/tools/isUrl.js +39 -39
  96. package/dist/cjs/tools/setupGetInstanceId.js +20 -20
  97. package/dist/cjs/tools/useSetState.js +12 -12
  98. package/dist/cjs/tools/yupAst/astGenerator.js +212 -212
  99. package/dist/cjs/tools/yupAst/customValidators.js +17 -17
  100. package/dist/esm/components/AboutPlatform/AboutPlatform.js +50 -50
  101. package/dist/esm/components/AdvantageSideNav/AdvantageSideNav.js +223 -230
  102. package/dist/esm/components/AutoSuggest/AutoSuggest.js +101 -101
  103. package/dist/esm/components/Avatar/Avatar.js +18 -18
  104. package/dist/esm/components/CheckboxList/CheckboxList.js +34 -34
  105. package/dist/esm/components/ComboBox/ComboBox.js +103 -103
  106. package/dist/esm/components/ComboBoxMultiSelect/ComboBoxMultiSelect.js +32 -32
  107. package/dist/esm/components/ComboBoxMultiSelect/MultiSelect.js +208 -208
  108. package/dist/esm/components/ComposedModal/ComposedModal.js +80 -80
  109. package/dist/esm/components/ConfirmModal/ConfirmModal.js +43 -43
  110. package/dist/esm/components/Creatable/Creatable.js +137 -137
  111. package/dist/esm/components/DataDrivenInput/DataDrivenInput.js +226 -226
  112. package/dist/esm/components/DateInput/DateInput.js +35 -35
  113. package/dist/esm/components/DecisionButtons/DecisionButtons.js +61 -61
  114. package/dist/esm/components/DelayedRender/DelayedRender.js +17 -17
  115. package/dist/esm/components/DynamicFormik/DynamicFormik.js +578 -578
  116. package/dist/esm/components/Error403/Error403.js +13 -13
  117. package/dist/esm/components/Error403/ForbiddenErrorBackground.js +113 -113
  118. package/dist/esm/components/Error403/GraphicWrangler/GraphicWrangler.js +62 -62
  119. package/dist/esm/components/Error404/Error404.js +13 -13
  120. package/dist/esm/components/Error404/GraphicLoch/GraphicLoch.js +17 -17
  121. package/dist/esm/components/Error404/NotFoundErrorBackground.js +129 -129
  122. package/dist/esm/components/ErrorBoundary/ErrorBoundary.js +32 -32
  123. package/dist/esm/components/ErrorDragon/ErrorDragon.js +13 -13
  124. package/dist/esm/components/ErrorDragon/assets/ErrorGraphic.js +35 -35
  125. package/dist/esm/components/ErrorFullPage/ErrorFullPage.js +10 -10
  126. package/dist/esm/components/ErrorMessage/ErrorMessage.js +22 -22
  127. package/dist/esm/components/ErrorPage/ErrorPage.js +11 -11
  128. package/dist/esm/components/ErrorPageCore/ErrorPageCore.js +15 -15
  129. package/dist/esm/components/ErrorPageCore/GenericErrorBackground.js +124 -124
  130. package/dist/esm/components/FeatureHeader/FeatureHeader.js +29 -29
  131. package/dist/esm/components/FeatureNavTab/FeatureNavTab.js +12 -12
  132. package/dist/esm/components/FeatureNavTabs/FeatureNavTabs.js +12 -12
  133. package/dist/esm/components/FeatureSideNav/FeatureSideNav.js +12 -12
  134. package/dist/esm/components/FeatureSideNav/FeatureSideNavFooter.js +8 -8
  135. package/dist/esm/components/FeatureSideNav/FeatureSideNavHeader.js +8 -8
  136. package/dist/esm/components/FeatureSideNav/FeatureSideNavLinks.js +14 -14
  137. package/dist/esm/components/FeatureSideNavLink/FeatureSideNavLink.js +12 -12
  138. package/dist/esm/components/Feedback/Feedback.js +40 -40
  139. package/dist/esm/components/FlowModal/FlowModal.js +141 -141
  140. package/dist/esm/components/FlowModal/FlowModalForm.js +12 -12
  141. package/dist/esm/components/Header/Header.js +179 -179
  142. package/dist/esm/components/Header/HeaderAppSwitcher.js +94 -94
  143. package/dist/esm/components/Header/HeaderMenu.js +7 -7
  144. package/dist/esm/components/Header/HeaderMenuItem.js +52 -52
  145. package/dist/esm/components/Header/HeaderTeamSwitcher.js +303 -305
  146. package/dist/esm/components/Header/UserRequests.js +29 -29
  147. package/dist/esm/components/ImageModal/ImageModal.js +17 -17
  148. package/dist/esm/components/Loading/Loading.js +8 -8
  149. package/dist/esm/components/MemberBar/MemberBar.js +20 -20
  150. package/dist/esm/components/Modal/Modal.js +20 -20
  151. package/dist/esm/components/ModalConfirmEdit/ModalConfirmArray.js +14 -14
  152. package/dist/esm/components/ModalConfirmEdit/ModalConfirmDetails.js +11 -11
  153. package/dist/esm/components/ModalConfirmEdit/ModalConfirmEdit.js +17 -17
  154. package/dist/esm/components/ModalForm/ModalForm.js +9 -9
  155. package/dist/esm/components/Notifications/NotificationsContainer.js +22 -22
  156. package/dist/esm/components/Notifications/ToastNotification.js +21 -21
  157. package/dist/esm/components/Notifications/notify.js +17 -17
  158. package/dist/esm/components/PlatformBanner/PlatformBanner.js +8 -8
  159. package/dist/esm/components/PlatformNotifications/PlatformNotification.js +17 -17
  160. package/dist/esm/components/PlatformNotifications/PlatformNotificationsContainer.js +136 -136
  161. package/dist/esm/components/Portal/Portal.js +14 -14
  162. package/dist/esm/components/PrivacyRedirect/PrivacyRedirect.js +30 -30
  163. package/dist/esm/components/PrivacyStatement/PrivacyStatement.js +90 -90
  164. package/dist/esm/components/ProfileSettings/ProfileSettings.js +124 -124
  165. package/dist/esm/components/ProtectedRoute/ProtectedRoute.js +13 -13
  166. package/dist/esm/components/RadioGroup/RadioGroup.js +33 -33
  167. package/dist/esm/components/RichTextArea/RichTextArea.js +142 -142
  168. package/dist/esm/components/SignOut/SignOut.js +27 -27
  169. package/dist/esm/components/SupportCenter/SupportCenter.js +65 -65
  170. package/dist/esm/components/TextArea/TextArea.js +16 -16
  171. package/dist/esm/components/TextInput/TextInput.js +13 -13
  172. package/dist/esm/components/Toggle/Toggle.js +22 -22
  173. package/dist/esm/components/TooltipHover/TooltipHover.js +39 -39
  174. package/dist/esm/components/UIShell/UIShell.js +94 -94
  175. package/dist/esm/config/servicesConfig.js +21 -21
  176. package/dist/esm/constants/DataDrivenInputTypes.js +74 -74
  177. package/dist/esm/constants/UserType.js +13 -13
  178. package/dist/esm/hooks/useHeaderMenu.js +49 -49
  179. package/dist/esm/hooks/usePortal.js +74 -74
  180. package/dist/esm/hooks/useWindowSize.js +33 -33
  181. package/dist/esm/internal/ListBox/ListBox.js +41 -41
  182. package/dist/esm/internal/ListBox/ListBoxField.js +19 -19
  183. package/dist/esm/internal/ListBox/ListBoxMenu.js +19 -19
  184. package/dist/esm/internal/ListBox/ListBoxMenuIcon.js +31 -31
  185. package/dist/esm/internal/ListBox/ListBoxMenuItem.js +38 -38
  186. package/dist/esm/internal/ListBox/ListBoxSelection.js +64 -64
  187. package/dist/esm/internal/ListBox/index.js +10 -10
  188. package/dist/esm/internal/keyboard/keys.js +16 -16
  189. package/dist/esm/internal/keyboard/match.js +67 -67
  190. package/dist/esm/internal/settings.js +5 -5
  191. package/dist/esm/tools/accessibility.js +13 -13
  192. package/dist/esm/tools/createPropAdapter.js +44 -44
  193. package/dist/esm/tools/isUrl.js +39 -39
  194. package/dist/esm/tools/setupGetInstanceId.js +20 -20
  195. package/dist/esm/tools/useSetState.js +12 -12
  196. package/dist/esm/tools/yupAst/astGenerator.js +212 -212
  197. package/dist/esm/tools/yupAst/customValidators.js +17 -17
  198. package/dist/types/index.d.ts +1335 -1420
  199. package/package.json +167 -167
  200. package/scss/components/AboutPlatform/_aboutPlatform.scss +139 -139
  201. package/scss/components/AdvantageSideNav/_advantageSideNav.scss +261 -261
  202. package/scss/components/AutoSuggest/_autoSuggest.scss +62 -62
  203. package/scss/components/Avatar/_avatar.scss +32 -32
  204. package/scss/components/CheckboxList/_checkboxList.scss +26 -26
  205. package/scss/components/ComboBox/_combobox.scss +23 -23
  206. package/scss/components/ComboBoxMultiSelect/_comboBoxMultiSelect.scss +53 -53
  207. package/scss/components/ConfirmModal/_confirmModal.scss +12 -12
  208. package/scss/components/Creatable/_creatable.scss +48 -48
  209. package/scss/components/DateInput/_dateInput.scss +36 -36
  210. package/scss/components/DecisionButtons/_decisionButtons.scss +132 -132
  211. package/scss/components/DynamicFormik/_dynamicFormik.scss +17 -17
  212. package/scss/components/ErrorBoundary/_errorBoundary.scss +12 -12
  213. package/scss/components/ErrorDragon/_errorDragon.scss +55 -55
  214. package/scss/components/ErrorMessage/_errorMessage.scss +43 -43
  215. package/scss/components/ErrorPage/_errorPage.scss +66 -66
  216. package/scss/components/ErrorPageCore/_errorPageCore.scss +73 -73
  217. package/scss/components/FeatureHeader/_featureHeader.scss +67 -67
  218. package/scss/components/FeatureNavTab/_featureNavTab.scss +27 -27
  219. package/scss/components/FeatureSideNav/_featureSideNav.scss +76 -76
  220. package/scss/components/FeatureSideNavLink/_featureSideNavLink.scss +49 -49
  221. package/scss/components/Feedback/_feedback.scss +46 -46
  222. package/scss/components/Header/_header.scss +179 -179
  223. package/scss/components/Header/_headerAppSwitcher.scss +117 -117
  224. package/scss/components/Header/_headerMenu.scss +30 -30
  225. package/scss/components/Header/_headerMenuItem.scss +65 -65
  226. package/scss/components/Header/_headerTeamSwitcher.scss +195 -195
  227. package/scss/components/Header/_userRequests.scss +36 -36
  228. package/scss/components/ImageModal/_imageModal.scss +51 -51
  229. package/scss/components/MemberBar/_memberBar.scss +99 -99
  230. package/scss/components/Modal/_modal.scss +163 -163
  231. package/scss/components/ModalConfirmEdit/_modalConfirmEdit.scss +113 -113
  232. package/scss/components/Notifications/_notifications.scss +57 -57
  233. package/scss/components/PlatformBanner/_platformBanner.scss +30 -30
  234. package/scss/components/PlatformNotifications/_platformNotifications.scss +230 -230
  235. package/scss/components/PrivacyRedirect/_privacyRedirect.scss +43 -43
  236. package/scss/components/PrivacyStatement/_privacyStatement.scss +137 -137
  237. package/scss/components/ProfileSettings/_profileSettings.scss +117 -117
  238. package/scss/components/ProtectedRoute/_protectedRoute.scss +32 -32
  239. package/scss/components/RadioGroup/_radioGroup.scss +46 -46
  240. package/scss/components/RichTextArea/_richTextArea.scss +82 -82
  241. package/scss/components/SignOut/_signOut.scss +51 -51
  242. package/scss/components/SupportCenter/_supportCenter.scss +16 -16
  243. package/scss/components/TextArea/_textArea.scss +19 -19
  244. package/scss/components/TextInput/_textInput.scss +26 -26
  245. package/scss/components/Toggle/_toggle.scss +80 -80
  246. package/scss/components/TooltipHover/_tooltip.scss +48 -48
  247. package/scss/global/_config.scss +14 -14
  248. package/scss/global/_tippy.scss +49 -49
  249. package/scss/global/index.scss +401 -401
  250. package/scss/global/themes/_boomerang.scss +184 -184
  251. package/scss/global/themes/_default.scss +79 -79
  252. package/scss/global/themes/_shell-tokens.scss +42 -42
  253. package/scss/global/utils/_animations.scss +15 -15
  254. package/scss/global/utils/_mixins.scss +67 -67
  255. package/scss/global/utils/index.scss +10 -10
@@ -15,235 +15,228 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
15
15
  var React__default = /*#__PURE__*/_interopDefault(React);
16
16
  var cx__default = /*#__PURE__*/_interopDefault(cx);
17
17
 
18
- /*
19
- IBM Confidential
20
- 694970X, 69497O0
21
- © Copyright IBM Corp. 2022, 2024
22
- */
23
- function AdvantageSideNav(props) {
24
- const { app, appLink, regionalTeam, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, homeLink, agentAssistantStudioLink, agentAssistantLibraryLink, assistantLink, defaultAssistantLink, documentCollectionsLink, settingsLink, toolsLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, navigation, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, history, children, ...rest } = props;
25
- const [activeMenu, setActiveMenu] = React__default.default.useState(false);
26
- const [teamList, setTeamList] = React__default.default.useState(null);
27
- const [regionalModalIsOpen, setRegionalModalIsOpen] = React__default.default.useState(false);
28
- const [selectedTeam, setSelectedTeam] = React__default.default.useState(null);
29
- const isMenuOpen = isOpen || activeMenu;
30
- const windowLocation = window.location;
31
- const isPartnerUser = user?.type === UserType.USER_PLATFORM_ROLE.Partner;
32
- const joinButtontitle = showSelectTeamPurpose ? "Create Team" : "Create or Join Team";
33
- const hamburguerMenu = document.getElementById("header-sidenav-menu-button");
34
- // get current selected team
35
- let teamSwitcherTeam = null;
36
- if (personalTeams.length > 0) {
37
- personalTeams.forEach((team) => {
38
- if (team.id === user?.teamInstanceSwitcherDefault) {
39
- teamSwitcherTeam = { ...team, isPersonal: true };
40
- }
41
- });
42
- }
43
- if (teams.length > 0) {
44
- teams.forEach((team) => {
45
- if (team.id === user?.teamInstanceSwitcherDefault) {
46
- teamSwitcherTeam = { ...team, isStandard: true };
47
- }
48
- });
49
- }
50
- if (accounts.length > 0) {
51
- accounts.forEach((account) => {
52
- if (account.id === user?.teamInstanceSwitcherDefault) {
53
- teamSwitcherTeam = { ...account, isAccount: true };
54
- }
55
- else if (account.projectTeams && account.projectTeams?.length > 0) {
56
- account.projectTeams.forEach((projectTeam) => {
57
- if (projectTeam.id === user?.teamInstanceSwitcherDefault) {
58
- teamSwitcherTeam = { ...projectTeam, isProject: true };
59
- }
60
- });
61
- }
62
- });
63
- }
64
- // Functions to track IBM Instrumentation on Segment
65
- const handleHomeClick = () => {
66
- triggerEvent &&
67
- triggerEvent({
68
- action: "Clicked on SideNav Home link",
69
- category: "Sidenav",
70
- destinationPath: homeLink,
71
- });
72
- };
73
- const handleRegionalNewStartNewChat = (team) => {
74
- const assistantLink = `${appLink?.newChatRedirect()}?teamName=${team.name}&teamId=${team.id}`;
75
- window.open(assistantLink, "_self", "noopener,noreferrer");
76
- };
77
- const handleToolsClick = () => {
78
- triggerEvent &&
79
- triggerEvent({
80
- action: "Clicked on SideNav Tools link",
81
- category: "Sidenav",
82
- destinationPath: toolsLink,
83
- });
84
- };
85
- const handleAgentAssistantStudioClick = () => {
86
- triggerEvent &&
87
- triggerEvent({
88
- action: "Clicked on SideNav Agent & Assistant Studio link",
89
- category: "Sidenav",
90
- destinationPath: agentAssistantStudioLink,
91
- });
92
- };
93
- const handleAgentAssistantLibraryClick = () => {
94
- triggerEvent &&
95
- triggerEvent({
96
- action: "Clicked on SideNav Agent & Assistant Library link",
97
- category: "Sidenav",
98
- destinationPath: agentAssistantLibraryLink,
99
- });
100
- };
101
- const handleDocumentCollectionsClick = () => {
102
- triggerEvent &&
103
- triggerEvent({
104
- action: "Clicked on SideNav Document Collections link",
105
- category: "Sidenav",
106
- destinationPath: documentCollectionsLink,
107
- });
108
- };
109
- const handleSettingsClick = () => {
110
- triggerEvent &&
111
- triggerEvent({
112
- action: "Clicked on SideNav Settings link",
113
- category: "Sidenav",
114
- destinationPath: settingsLink,
115
- });
116
- };
117
- const handleAssistantClick = () => {
118
- if (regionalTeam?.length > 1) {
119
- setRegionalModalIsOpen(true);
120
- setTeamList(regionalTeam?.map((team) => ({
121
- id: team.id,
122
- name: team.name,
123
- })));
124
- }
125
- triggerEvent &&
126
- triggerEvent({
127
- action: "Clicked on SideNav Assistant link",
128
- category: "Sidenav",
129
- destinationPath: assistantLink,
130
- });
131
- };
132
- const handleCreateJoinClick = () => {
133
- triggerEvent &&
134
- triggerEvent({
135
- action: "Clicked on SideNav Create/Join link",
136
- category: "Sidenav",
137
- CTA: "Create/Join team cliked",
138
- type: "Button",
139
- });
140
- };
141
- const handleTeamClick = ({ team, type }) => {
142
- triggerEvent &&
143
- triggerEvent({
144
- action: "Clicked on SideNav Team link",
145
- category: "Sidenav",
146
- destinationPath: `${baseEnvUrl}/${app}/teams/${team.id}`,
147
- teamId: team.id,
148
- teamType: type,
149
- });
150
- };
151
- const handleLaunchpadLink = (event) => {
152
- event.preventDefault();
153
- //@ts-ignore
154
- if (Boolean(hamburguerMenu) && hamburguerMenu.className.includes("active")) {
155
- //@ts-ignore
156
- Boolean(hamburguerMenu) && hamburguerMenu?.click();
157
- }
158
- setActiveMenu(false);
159
- };
160
- const assistantSideNavLink = (
161
- // assistantLink &&
162
- React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-assistant-link", className: !enableChatButton ? `${settings.prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton), isActive: assistantLink ? windowLocation.href.includes(assistantLink) : "", renderIcon: icons.ChatBot, href: enableChatButton && assistantLink, onClick: enableChatButton ? handleAssistantClick : (e) => e.preventDefault() }, "Chat"));
163
- const catalogNavlink = navigation?.platform?.catalog?.url;
164
- const adminNavlink = navigation?.platform?.admin?.url;
165
- const showSecondDivider = (!isPartnerUser && showChatButton) ||
166
- toolsLink ||
167
- agentAssistantStudioLink ||
168
- agentAssistantLibraryLink ||
169
- documentCollectionsLink;
170
- return (React__default.default.createElement(react.SideNav, { "aria-label": "sidenav-container", className: cx__default.default(`${settings.prefix}--bmrg-advantage-sidenav-container`, className, {
171
- "--closed": !isMenuOpen,
172
- }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
173
- setActiveMenu(false);
174
- }, ...rest }, React__default.default.createElement(react.SideNavItems, null,
175
- React__default.default.createElement("div", null,
176
- homeLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-home-link", isActive: `${baseEnvUrl}/${app}/`.includes(windowLocation.href), renderIcon: icons.Home, href: homeLink, onClick: (e) => {
177
- if (isLaunchpad) {
178
- handleLaunchpadLink(e);
179
- history.push(homeLink);
180
- }
181
- handleHomeClick();
182
- } }, "Home")) : null,
183
- teamSwitcherTeam ? (React__default.default.createElement(react.SideNavLink, { title: teamSwitcherTeam.isAccount ? "Account Page" : "Team Page", name: teamSwitcherTeam.name, "data-testid": "sidenav-team-link", id: teamSwitcherTeam.id, isActive: windowLocation.href.includes(teamSwitcherTeam.id), className: `${settings.prefix}--bmrg-advantage-sidenav-team`, renderIcon: icons.UserMultiple, href: `${baseEnvUrl}/${app}/teams/${teamSwitcherTeam.id}`, onClick: (e) => {
184
- if (isLaunchpad) {
185
- handleLaunchpadLink(e);
186
- history.push(`/teams/${teamSwitcherTeam.id}`);
187
- }
188
- handleTeamClick({
189
- team: teamSwitcherTeam,
190
- type: teamSwitcherTeam.isPersonal
191
- ? "personal"
192
- : teamSwitcherTeam.isAccount
193
- ? "account"
194
- : teamSwitcherTeam.isproject
195
- ? "project"
196
- : "standard",
197
- });
198
- } },
199
- React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-advantage-sidenav-teams__title` }, teamSwitcherTeam.isAccount ? "Account Page" : "Team Page"))) : !isPartnerUser && joinCreateTrigger ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-create-join-trigger", renderIcon: icons.AddAlt, onClick: (e) => {
200
- joinCreateTrigger(e);
201
- handleCreateJoinClick();
202
- } }, joinButtontitle)) : null,
203
- React__default.default.createElement(react.SideNavDivider, null),
204
- // assistantLink &&
205
- showChatButton &&
206
- (showChatTooltip ? (React__default.default.createElement(TooltipHover.default, { className: `${settings.prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
207
- React__default.default.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
208
- toolsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-tools-link", renderIcon: icons.Api, href: toolsLink, onClick: (e) => {
209
- handleToolsClick();
210
- } }, "Tools")) : null,
211
- agentAssistantStudioLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-agent-assistant-studio-link", isActive: windowLocation.href.includes(`/launchpad/agent-assistant-studio`) ||
212
- windowLocation.href.includes(`/launchpad/agenticapps`), renderIcon: icons.IntentRequestCreate, href: agentAssistantStudioLink, onClick: (e) => {
213
- if (isLaunchpad) {
214
- handleLaunchpadLink(e);
215
- history.push(agentAssistantStudioLink);
216
- }
217
- handleAgentAssistantStudioClick();
218
- } }, "Agent & Assistant Studio")) : null,
219
- agentAssistantLibraryLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-agent-assistant-library-link", renderIcon: icons.Folders, href: agentAssistantLibraryLink, onClick: (e) => {
220
- handleAgentAssistantLibraryClick();
221
- } }, "Agent & Assistant Library")) : null,
222
- documentCollectionsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-document-collections-link", renderIcon: icons.DocumentMultiple_02, href: documentCollectionsLink, onClick: (e) => {
223
- handleDocumentCollectionsClick();
224
- } }, "Document Collections")) : null,
225
- showSecondDivider ? React__default.default.createElement(react.SideNavDivider, null) : null,
226
- catalogNavlink ? (React__default.default.createElement(react.SideNavLink, { href: catalogNavlink, renderIcon: icons.Catalog }, "Catalog")) : null,
227
- settingsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-settings-link", renderIcon: icons.Settings, href: settingsLink, onClick: (e) => {
228
- handleSettingsClick();
229
- } }, "Settings")) : null,
230
- adminNavlink ? (React__default.default.createElement(react.SideNavLink, { href: adminNavlink, renderIcon: icons.LicenseThirdParty }, "Admin")) : null,
231
- regionalModalIsOpen && (React__default.default.createElement(react.ComposedModal, { className: `${settings.prefix}--teamSelectionModalContainer`, open: regionalModalIsOpen, onClose: () => setRegionalModalIsOpen(false), onKeyDown: (e) => e.stopPropagation(), "data-testid": "select-team-chat-modal" },
232
- React__default.default.createElement(react.ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
233
- React__default.default.createElement(react.ModalBody, { className: `${settings.prefix}--teamSelectModalBody` },
234
- React__default.default.createElement(react.Dropdown, { items: teamList, disabled: !teamList?.length, id: "select-team-chat-modal-dropdown", selectedItem: selectedTeam, size: "md", "data-testid": "select-team-chat-modal-dropdown", itemToString: (item) => item?.name, label: "Choose a team", onChange: ({ selectedItem }) => setSelectedTeam(selectedItem) })),
235
- React__default.default.createElement(react.ModalFooter, null,
236
- React__default.default.createElement(react.Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
237
- React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
238
- if (selectedTeam) {
239
- handleRegionalNewStartNewChat(selectedTeam);
240
- setRegionalModalIsOpen(false);
241
- // closeModal();
242
- }
243
- } }, "Continue"))))),
244
- children ? (React__default.default.createElement(React__default.default.Fragment, null,
245
- React__default.default.createElement(react.SideNavDivider, null),
246
- children)) : null)));
18
+ /*
19
+ IBM Confidential
20
+ 694970X, 69497O0
21
+ © Copyright IBM Corp. 2022, 2024
22
+ */
23
+ const SideNavUrlKeys = {
24
+ Home: "home",
25
+ TeamPage: "teamPage",
26
+ Chat: "chat",
27
+ Tools: "tools",
28
+ AgentStudio: "agentStudio",
29
+ AgentLibrary: "agentLibrary",
30
+ DocumentCollections: "documentCollections",
31
+ Catalog: "catalog",
32
+ Settings: "settings",
33
+ Admin: "admin",
34
+ };
35
+ function AdvantageSideNav(props) {
36
+ const { app, appLink, regionalTeam, enableChatButton = true, showChatButton = true, showSelectTeamPurpose = false, defaultAssistantLink, joinCreateTrigger, isLoading, isOpen, teams = [], triggerEvent, accounts = [], baseEnvUrl, className, navLinks, personalTeams = [], user, showChatTooltip, templateMeteringEvent, tooltipMessage, isLaunchpad = false, sideNavUrls, history, children, ...rest } = props;
37
+ const [activeMenu, setActiveMenu] = React__default.default.useState(false);
38
+ const isMenuOpen = isOpen || activeMenu;
39
+ const windowLocation = window.location;
40
+ const isPartnerUser = user?.type === UserType.USER_PLATFORM_ROLE.Partner;
41
+ const joinButtontitle = showSelectTeamPurpose ? "Create Team" : "Create or Join Team";
42
+ const hamburguerMenu = document.getElementById("header-sidenav-menu-button");
43
+ const homeLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Home)?.url;
44
+ const chatLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Chat)?.url;
45
+ const toolsLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Tools)?.url;
46
+ const agentAssistantStudioLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.AgentStudio)?.url;
47
+ const agentAssistantLibraryLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.AgentLibrary)?.url;
48
+ const documentCollectionsLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.DocumentCollections)?.url;
49
+ const catalogNavlink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Catalog)?.url;
50
+ const settingsLink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Settings)?.url;
51
+ const adminNavlink = sideNavUrls?.find((sideNavUrl) => sideNavUrl.key === SideNavUrlKeys.Admin)?.url;
52
+ // get current selected team
53
+ let teamSwitcherTeam = null;
54
+ if (personalTeams.length > 0) {
55
+ personalTeams.forEach((team) => {
56
+ if (team.id === user?.teamInstanceSwitcherDefault) {
57
+ teamSwitcherTeam = { ...team, isPersonal: true };
58
+ }
59
+ });
60
+ }
61
+ if (teams.length > 0) {
62
+ teams.forEach((team) => {
63
+ if (team.id === user?.teamInstanceSwitcherDefault) {
64
+ teamSwitcherTeam = { ...team, isStandard: true };
65
+ }
66
+ });
67
+ }
68
+ if (accounts.length > 0) {
69
+ accounts.forEach((account) => {
70
+ if (account.id === user?.teamInstanceSwitcherDefault) {
71
+ teamSwitcherTeam = { ...account, isAccount: true };
72
+ }
73
+ else if (account.projectTeams && account.projectTeams?.length > 0) {
74
+ account.projectTeams.forEach((projectTeam) => {
75
+ if (projectTeam.id === user?.teamInstanceSwitcherDefault) {
76
+ teamSwitcherTeam = { ...projectTeam, isProject: true };
77
+ }
78
+ });
79
+ }
80
+ });
81
+ }
82
+ // Functions to track IBM Instrumentation on Segment
83
+ const handleHomeClick = () => {
84
+ triggerEvent &&
85
+ triggerEvent({
86
+ action: "Clicked on SideNav Home link",
87
+ category: "Sidenav",
88
+ destinationPath: homeLink,
89
+ });
90
+ };
91
+ const handleToolsClick = () => {
92
+ triggerEvent &&
93
+ triggerEvent({
94
+ action: "Clicked on SideNav Tools link",
95
+ category: "Sidenav",
96
+ destinationPath: toolsLink,
97
+ });
98
+ };
99
+ const handleAgentAssistantStudioClick = () => {
100
+ triggerEvent &&
101
+ triggerEvent({
102
+ action: "Clicked on SideNav Agent & Assistant Studio link",
103
+ category: "Sidenav",
104
+ destinationPath: agentAssistantStudioLink,
105
+ });
106
+ };
107
+ const handleAgentAssistantLibraryClick = () => {
108
+ triggerEvent &&
109
+ triggerEvent({
110
+ action: "Clicked on SideNav Agent & Assistant Library link",
111
+ category: "Sidenav",
112
+ destinationPath: agentAssistantLibraryLink,
113
+ });
114
+ };
115
+ const handleDocumentCollectionsClick = () => {
116
+ triggerEvent &&
117
+ triggerEvent({
118
+ action: "Clicked on SideNav Document Collections link",
119
+ category: "Sidenav",
120
+ destinationPath: documentCollectionsLink,
121
+ });
122
+ };
123
+ const handleSettingsClick = () => {
124
+ triggerEvent &&
125
+ triggerEvent({
126
+ action: "Clicked on SideNav Settings link",
127
+ category: "Sidenav",
128
+ destinationPath: settingsLink,
129
+ });
130
+ };
131
+ const handleChatClick = () => {
132
+ let redirectLink = chatLink
133
+ ? chatLink
134
+ : `${appLink.newChatRedirect()}?teamName=${teamSwitcherTeam.name}&teamId=${teamSwitcherTeam.id}`;
135
+ triggerEvent &&
136
+ triggerEvent({
137
+ action: "Clicked on SideNav Chat link",
138
+ category: "Sidenav",
139
+ destinationPath: redirectLink,
140
+ });
141
+ window.open(redirectLink, "_self", "noopener,noreferrer");
142
+ };
143
+ const handleCreateJoinClick = () => {
144
+ triggerEvent &&
145
+ triggerEvent({
146
+ action: "Clicked on SideNav Create/Join link",
147
+ category: "Sidenav",
148
+ CTA: "Create/Join team cliked",
149
+ type: "Button",
150
+ });
151
+ };
152
+ const handleTeamClick = ({ team, type }) => {
153
+ triggerEvent &&
154
+ triggerEvent({
155
+ action: "Clicked on SideNav Team link",
156
+ category: "Sidenav",
157
+ destinationPath: `${baseEnvUrl}/${app}/teams/${team.id}`,
158
+ teamId: team.id,
159
+ teamType: type,
160
+ });
161
+ };
162
+ const handleLaunchpadLink = (event) => {
163
+ event.preventDefault();
164
+ //@ts-ignore
165
+ if (Boolean(hamburguerMenu) && hamburguerMenu.className.includes("active")) {
166
+ //@ts-ignore
167
+ Boolean(hamburguerMenu) && hamburguerMenu?.click();
168
+ }
169
+ setActiveMenu(false);
170
+ };
171
+ const chatSideNavLink = (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-chat-link", className: !enableChatButton ? `${settings.prefix}--bmrg-advantage-sidenav__inactive-link` : "", disabled: Boolean(!enableChatButton), renderIcon: icons.ChatBot, href: enableChatButton && chatLink, onClick: enableChatButton ? handleChatClick : (e) => e.preventDefault() }, "Chat"));
172
+ const showSecondDivider = (!isPartnerUser && showChatButton) ||
173
+ toolsLink ||
174
+ agentAssistantStudioLink ||
175
+ agentAssistantLibraryLink ||
176
+ documentCollectionsLink;
177
+ return (React__default.default.createElement(react.SideNav, { "aria-label": "sidenav-container", className: cx__default.default(`${settings.prefix}--bmrg-advantage-sidenav-container`, className, {
178
+ "--closed": !isMenuOpen,
179
+ }), "data-testid": "sidenav-container", isRail: true, expanded: isMenuOpen, onMouseEnter: () => setActiveMenu(true), onMouseLeave: () => {
180
+ setActiveMenu(false);
181
+ }, ...rest }, React__default.default.createElement(react.SideNavItems, null,
182
+ React__default.default.createElement("div", null,
183
+ homeLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-home-link", isActive: `${baseEnvUrl}/${app}/`.includes(windowLocation.href), renderIcon: icons.Home, href: homeLink, onClick: (e) => {
184
+ if (isLaunchpad) {
185
+ handleLaunchpadLink(e);
186
+ history.push(homeLink);
187
+ }
188
+ handleHomeClick();
189
+ } }, "Home")) : null,
190
+ teamSwitcherTeam ? (React__default.default.createElement(react.SideNavLink, { title: teamSwitcherTeam.isAccount ? "Account Page" : "Team Page", name: teamSwitcherTeam.name, "data-testid": "sidenav-team-link", id: teamSwitcherTeam.id, isActive: windowLocation.href.includes(teamSwitcherTeam.id), className: `${settings.prefix}--bmrg-advantage-sidenav-team`, renderIcon: icons.UserMultiple, href: `${baseEnvUrl}/${app}/teams/${teamSwitcherTeam.id}`, onClick: (e) => {
191
+ if (isLaunchpad) {
192
+ handleLaunchpadLink(e);
193
+ history.push(`/teams/${teamSwitcherTeam.id}`);
194
+ }
195
+ handleTeamClick({
196
+ team: teamSwitcherTeam,
197
+ type: teamSwitcherTeam.isPersonal
198
+ ? "personal"
199
+ : teamSwitcherTeam.isAccount
200
+ ? "account"
201
+ : teamSwitcherTeam.isproject
202
+ ? "project"
203
+ : "standard",
204
+ });
205
+ } },
206
+ React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-advantage-sidenav-teams__title` }, teamSwitcherTeam.isAccount ? "Account Page" : "Team Page"))) : !isPartnerUser && joinCreateTrigger ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-create-join-trigger", renderIcon: icons.AddAlt, onClick: (e) => {
207
+ joinCreateTrigger(e);
208
+ handleCreateJoinClick();
209
+ } }, joinButtontitle)) : null,
210
+ React__default.default.createElement(react.SideNavDivider, null),
211
+ showChatButton &&
212
+ (showChatTooltip ? (React__default.default.createElement(TooltipHover.default, { className: `${settings.prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
213
+ React__default.default.createElement("span", null, chatSideNavLink))) : (chatSideNavLink)),
214
+ toolsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-tools-link", renderIcon: icons.Api, href: toolsLink, onClick: (e) => {
215
+ handleToolsClick();
216
+ } }, "Tools")) : null,
217
+ agentAssistantStudioLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-agent-assistant-studio-link", isActive: windowLocation.href.includes(`/launchpad/agent-assistant-studio`) ||
218
+ windowLocation.href.includes(`/launchpad/agenticapps`), renderIcon: icons.IntentRequestCreate, href: agentAssistantStudioLink, onClick: (e) => {
219
+ if (isLaunchpad) {
220
+ handleLaunchpadLink(e);
221
+ history.push(agentAssistantStudioLink);
222
+ }
223
+ handleAgentAssistantStudioClick();
224
+ } }, "Agent & Assistant Studio")) : null,
225
+ agentAssistantLibraryLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-agent-assistant-library-link", renderIcon: icons.Folders, href: agentAssistantLibraryLink, onClick: (e) => {
226
+ handleAgentAssistantLibraryClick();
227
+ } }, "Agent & Assistant Library")) : null,
228
+ documentCollectionsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-document-collections-link", renderIcon: icons.DocumentMultiple_02, href: documentCollectionsLink, onClick: (e) => {
229
+ handleDocumentCollectionsClick();
230
+ } }, "Document Collections")) : null,
231
+ showSecondDivider ? React__default.default.createElement(react.SideNavDivider, null) : null,
232
+ catalogNavlink ? (React__default.default.createElement(react.SideNavLink, { href: catalogNavlink, renderIcon: icons.Catalog }, "Catalog")) : null,
233
+ settingsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-settings-link", renderIcon: icons.Settings, href: settingsLink, onClick: (e) => {
234
+ handleSettingsClick();
235
+ } }, "Settings")) : null,
236
+ adminNavlink ? (React__default.default.createElement(react.SideNavLink, { href: adminNavlink, renderIcon: icons.LicenseThirdParty }, "Admin")) : null),
237
+ children ? (React__default.default.createElement(React__default.default.Fragment, null,
238
+ React__default.default.createElement(react.SideNavDivider, null),
239
+ children)) : null)));
247
240
  }
248
241
 
249
242
  exports.AdvantageSideNav = AdvantageSideNav;