@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.12 → 4.6.11-beta.14
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.
|
@@ -23,9 +23,9 @@ IBM Confidential
|
|
|
23
23
|
function AdvantageSideNav(props) {
|
|
24
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
25
|
const [activeMenu, setActiveMenu] = React__default.default.useState(false);
|
|
26
|
-
|
|
27
|
-
const [regionalModalIsOpen, setRegionalModalIsOpen] =
|
|
28
|
-
|
|
26
|
+
React__default.default.useState(null);
|
|
27
|
+
// const [regionalModalIsOpen, setRegionalModalIsOpen] = React.useState(false);
|
|
28
|
+
React__default.default.useState(null);
|
|
29
29
|
const isMenuOpen = isOpen || activeMenu;
|
|
30
30
|
const windowLocation = window.location;
|
|
31
31
|
const isPartnerUser = user?.type === UserType.USER_PLATFORM_ROLE.Partner;
|
|
@@ -70,10 +70,6 @@ function AdvantageSideNav(props) {
|
|
|
70
70
|
destinationPath: homeLink,
|
|
71
71
|
});
|
|
72
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
73
|
const handleToolsClick = () => {
|
|
78
74
|
triggerEvent &&
|
|
79
75
|
triggerEvent({
|
|
@@ -115,19 +111,14 @@ function AdvantageSideNav(props) {
|
|
|
115
111
|
});
|
|
116
112
|
};
|
|
117
113
|
const handleAssistantClick = () => {
|
|
118
|
-
|
|
119
|
-
setRegionalModalIsOpen(true);
|
|
120
|
-
setTeamList(regionalTeam?.map((team) => ({
|
|
121
|
-
id: team.id,
|
|
122
|
-
name: team.name,
|
|
123
|
-
})));
|
|
124
|
-
}
|
|
114
|
+
let redirectLink = `${appLink.newChatRedirect()}?teamName=${teamSwitcherTeam.name}&teamId=${teamSwitcherTeam.id}`;
|
|
125
115
|
triggerEvent &&
|
|
126
116
|
triggerEvent({
|
|
127
117
|
action: "Clicked on SideNav Assistant link",
|
|
128
118
|
category: "Sidenav",
|
|
129
|
-
destinationPath: assistantLink,
|
|
119
|
+
destinationPath: assistantLink ? assistantLink : redirectLink,
|
|
130
120
|
});
|
|
121
|
+
window.open(assistantLink ? assistantLink : redirectLink, "_self", "noopener,noreferrer");
|
|
131
122
|
};
|
|
132
123
|
const handleCreateJoinClick = () => {
|
|
133
124
|
triggerEvent &&
|
|
@@ -201,9 +192,8 @@ function AdvantageSideNav(props) {
|
|
|
201
192
|
handleCreateJoinClick();
|
|
202
193
|
} }, joinButtontitle)) : null,
|
|
203
194
|
React__default.default.createElement(react.SideNavDivider, null),
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
showChatButton &&
|
|
195
|
+
// assistantLink &&
|
|
196
|
+
showChatButton &&
|
|
207
197
|
(showChatTooltip ? (React__default.default.createElement(TooltipHover.default, { className: `${settings.prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
|
|
208
198
|
React__default.default.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
|
|
209
199
|
toolsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-tools-link", renderIcon: icons.Api, href: toolsLink, onClick: (e) => {
|
|
@@ -228,20 +218,7 @@ function AdvantageSideNav(props) {
|
|
|
228
218
|
settingsLink ? (React__default.default.createElement(react.SideNavLink, { "data-testid": "sidenav-settings-link", renderIcon: icons.Settings, href: settingsLink, onClick: (e) => {
|
|
229
219
|
handleSettingsClick();
|
|
230
220
|
} }, "Settings")) : null,
|
|
231
|
-
adminNavlink ? (React__default.default.createElement(react.SideNavLink, { href: adminNavlink, renderIcon: icons.LicenseThirdParty }, "Admin")) : null,
|
|
232
|
-
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" },
|
|
233
|
-
React__default.default.createElement(react.ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
|
|
234
|
-
React__default.default.createElement(react.ModalBody, { className: `${settings.prefix}--teamSelectModalBody` },
|
|
235
|
-
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) })),
|
|
236
|
-
React__default.default.createElement(react.ModalFooter, null,
|
|
237
|
-
React__default.default.createElement(react.Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
|
|
238
|
-
React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
|
|
239
|
-
if (selectedTeam) {
|
|
240
|
-
handleRegionalNewStartNewChat(selectedTeam);
|
|
241
|
-
setRegionalModalIsOpen(false);
|
|
242
|
-
// closeModal();
|
|
243
|
-
}
|
|
244
|
-
} }, "Continue"))))),
|
|
221
|
+
adminNavlink ? (React__default.default.createElement(react.SideNavLink, { href: adminNavlink, renderIcon: icons.LicenseThirdParty }, "Admin")) : null),
|
|
245
222
|
children ? (React__default.default.createElement(React__default.default.Fragment, null,
|
|
246
223
|
React__default.default.createElement(react.SideNavDivider, null),
|
|
247
224
|
children)) : null)));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cx from 'classnames';
|
|
3
|
-
import { SideNavLink, SideNav, SideNavItems, SideNavDivider
|
|
3
|
+
import { SideNavLink, SideNav, SideNavItems, SideNavDivider } from '@carbon/react';
|
|
4
4
|
import TooltipHover from '../TooltipHover/TooltipHover.js';
|
|
5
5
|
import { ChatBot, Home, UserMultiple, AddAlt, Api, IntentRequestCreate, Folders, DocumentMultiple_02, Catalog, Settings, LicenseThirdParty } from '@carbon/react/icons';
|
|
6
6
|
import { USER_PLATFORM_ROLE } from '../../constants/UserType.js';
|
|
@@ -14,9 +14,9 @@ IBM Confidential
|
|
|
14
14
|
function AdvantageSideNav(props) {
|
|
15
15
|
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;
|
|
16
16
|
const [activeMenu, setActiveMenu] = React.useState(false);
|
|
17
|
-
|
|
18
|
-
const [regionalModalIsOpen, setRegionalModalIsOpen] = React.useState(false);
|
|
19
|
-
|
|
17
|
+
React.useState(null);
|
|
18
|
+
// const [regionalModalIsOpen, setRegionalModalIsOpen] = React.useState(false);
|
|
19
|
+
React.useState(null);
|
|
20
20
|
const isMenuOpen = isOpen || activeMenu;
|
|
21
21
|
const windowLocation = window.location;
|
|
22
22
|
const isPartnerUser = user?.type === USER_PLATFORM_ROLE.Partner;
|
|
@@ -61,10 +61,6 @@ function AdvantageSideNav(props) {
|
|
|
61
61
|
destinationPath: homeLink,
|
|
62
62
|
});
|
|
63
63
|
};
|
|
64
|
-
const handleRegionalNewStartNewChat = (team) => {
|
|
65
|
-
const assistantLink = `${appLink?.newChatRedirect()}?teamName=${team.name}&teamId=${team.id}`;
|
|
66
|
-
window.open(assistantLink, "_self", "noopener,noreferrer");
|
|
67
|
-
};
|
|
68
64
|
const handleToolsClick = () => {
|
|
69
65
|
triggerEvent &&
|
|
70
66
|
triggerEvent({
|
|
@@ -106,19 +102,14 @@ function AdvantageSideNav(props) {
|
|
|
106
102
|
});
|
|
107
103
|
};
|
|
108
104
|
const handleAssistantClick = () => {
|
|
109
|
-
|
|
110
|
-
setRegionalModalIsOpen(true);
|
|
111
|
-
setTeamList(regionalTeam?.map((team) => ({
|
|
112
|
-
id: team.id,
|
|
113
|
-
name: team.name,
|
|
114
|
-
})));
|
|
115
|
-
}
|
|
105
|
+
let redirectLink = `${appLink.newChatRedirect()}?teamName=${teamSwitcherTeam.name}&teamId=${teamSwitcherTeam.id}`;
|
|
116
106
|
triggerEvent &&
|
|
117
107
|
triggerEvent({
|
|
118
108
|
action: "Clicked on SideNav Assistant link",
|
|
119
109
|
category: "Sidenav",
|
|
120
|
-
destinationPath: assistantLink,
|
|
110
|
+
destinationPath: assistantLink ? assistantLink : redirectLink,
|
|
121
111
|
});
|
|
112
|
+
window.open(assistantLink ? assistantLink : redirectLink, "_self", "noopener,noreferrer");
|
|
122
113
|
};
|
|
123
114
|
const handleCreateJoinClick = () => {
|
|
124
115
|
triggerEvent &&
|
|
@@ -192,9 +183,8 @@ function AdvantageSideNav(props) {
|
|
|
192
183
|
handleCreateJoinClick();
|
|
193
184
|
} }, joinButtontitle)) : null,
|
|
194
185
|
React.createElement(SideNavDivider, null),
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
showChatButton &&
|
|
186
|
+
// assistantLink &&
|
|
187
|
+
showChatButton &&
|
|
198
188
|
(showChatTooltip ? (React.createElement(TooltipHover, { className: `${prefix}--bmrg-side-nav__tooltip`, content: tooltipMessage, direction: "right" },
|
|
199
189
|
React.createElement("span", null, assistantSideNavLink))) : (assistantSideNavLink)),
|
|
200
190
|
toolsLink ? (React.createElement(SideNavLink, { "data-testid": "sidenav-tools-link", renderIcon: Api, href: toolsLink, onClick: (e) => {
|
|
@@ -219,20 +209,7 @@ function AdvantageSideNav(props) {
|
|
|
219
209
|
settingsLink ? (React.createElement(SideNavLink, { "data-testid": "sidenav-settings-link", renderIcon: Settings, href: settingsLink, onClick: (e) => {
|
|
220
210
|
handleSettingsClick();
|
|
221
211
|
} }, "Settings")) : null,
|
|
222
|
-
adminNavlink ? (React.createElement(SideNavLink, { href: adminNavlink, renderIcon: LicenseThirdParty }, "Admin")) : null,
|
|
223
|
-
regionalModalIsOpen && (React.createElement(ComposedModal, { className: `${prefix}--teamSelectionModalContainer`, open: regionalModalIsOpen, onClose: () => setRegionalModalIsOpen(false), onKeyDown: (e) => e.stopPropagation(), "data-testid": "select-team-chat-modal" },
|
|
224
|
-
React.createElement(ModalHeader, { title: "Select Team to Start a New Chat", closeModal: () => setRegionalModalIsOpen(false) }),
|
|
225
|
-
React.createElement(ModalBody, { className: `${prefix}--teamSelectModalBody` },
|
|
226
|
-
React.createElement(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) })),
|
|
227
|
-
React.createElement(ModalFooter, null,
|
|
228
|
-
React.createElement(Button, { kind: "secondary", "data-testid": "select-team-chat-modal-cancel-button", onClick: () => setRegionalModalIsOpen(false) }, "Cancel"),
|
|
229
|
-
React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", disabled: !selectedTeam, "data-testid": "select-team-chat-modal-continue-button", onClick: () => {
|
|
230
|
-
if (selectedTeam) {
|
|
231
|
-
handleRegionalNewStartNewChat(selectedTeam);
|
|
232
|
-
setRegionalModalIsOpen(false);
|
|
233
|
-
// closeModal();
|
|
234
|
-
}
|
|
235
|
-
} }, "Continue"))))),
|
|
212
|
+
adminNavlink ? (React.createElement(SideNavLink, { href: adminNavlink, renderIcon: LicenseThirdParty }, "Admin")) : null),
|
|
236
213
|
children ? (React.createElement(React.Fragment, null,
|
|
237
214
|
React.createElement(SideNavDivider, null),
|
|
238
215
|
children)) : null)));
|
package/package.json
CHANGED