@boomerang-io/carbon-addons-boomerang-react
Version:
Carbon Addons for Boomerang apps
115 lines (108 loc) • 9.02 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var React = require('react');
var reactQuery = require('react-query');
var icons = require('@carbon/react/icons');
var Header = require('../Header/Header.js');
var HeaderMenuItem = require('../Header/HeaderMenuItem.js');
var PrivacyRedirect = require('../PrivacyRedirect/PrivacyRedirect.js');
var AboutPlatform = require('../AboutPlatform/AboutPlatform.js');
var Feedback = require('../Feedback/Feedback.js');
var SupportCenter = require('../SupportCenter/SupportCenter.js');
var PrivacyStatement = require('../PrivacyStatement/PrivacyStatement.js');
var ProfileSettings = require('../ProfileSettings/ProfileSettings.js');
var servicesConfig = require('../../config/servicesConfig.js');
var SignOut = require('../SignOut/SignOut.js');
var UserType = require('../../constants/UserType.js');
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
var React__default = /*#__PURE__*/_interopDefault(React);
/*
IBM Confidential
694970X, 69497O0
© Copyright IBM Corp. 2022, 2024
*/
function UIShell({ carbonTheme = "g10", config, leftPanel, platformName, productName, profileMenuItems = [], supportMenuItems = [], renderPrivacyRedirect = true, renderPrivacyStatement = true, rightPanel, skipToContentProps, templateMeteringEvent, triggerEvent, user, userTeams, }) {
// Support base header .e.g for an error state
if (!config) {
return (React__default.default.createElement(Header.default, { baseEnvUrl: "", baseServicesUrl: "", carbonTheme: carbonTheme, enableAppSwitcher: false, enableNotifications: false, enableNotificationsCount: false, productName: productName || platformName || "" }));
}
const { features, navigation, platform, platformMessage } = config;
const names = getProductAndPlatformNames({ productName, platformName, platform });
const sendIdeasUrl = platform?.feedbackUrl || "https://ideas.ibm.com";
const supportLink = platform?.supportUrl;
const partnerEmailId = "ica-support@ibm.com";
/**
* Check feature enablement via explicit feature flags
*/
const isAppSwitcherEnabled = Boolean(features?.["appSwitcher.enabled"]);
const isFeedbackEnabled = Boolean(features?.["feedback.enabled"]);
const isNotificationsEnabled = Boolean(features?.["notifications.enabled"]);
const isNotificationsCountEnabled = Boolean(features?.["notificationsCount.enabled"]);
const isSupportEnabled = Boolean(features?.["support.enabled"]);
/**
* Check feature enablement via value truthiness
*/
const isAboutPlatformEnabled = Boolean(platform.name && platform.version);
const isCommunityEnabled = Boolean(platform?.communityUrl);
const isSendMailEnabled = Boolean(platform.sendMail);
const isSignOutEnabled = Boolean(platform?.signOutUrl);
const isUserEnabled = Boolean(user?.id);
const isPartnerUser = Boolean(user?.type === UserType.USER_PLATFORM_ROLE.Partner);
const supportFlagCheck = user?.showSupport;
const askICAEnabled = Boolean(platform?.askICAEnabled);
/**
* Checking for conditions when we explicitly set "renderPrivacyRedirect" to false (it defaults to true) OR
* it's disabled overall for the platform. This lets us toggle the UIShell consent redirect per app as needed
* e.g. disabled in Launchpad, but have it enabled for rest of the platform AND also support
* having it disabled in a "standalone" mode via the consent.enable feature flag, i.e. data driven via the service
*/
const isPrivacyRedirectDisabled = renderPrivacyRedirect === false || features?.["consent.enabled"] === false;
const isPrivacyModalRendered = isPrivacyRedirectDisabled === false && user?.hasConsented === false;
/**
* Also enable/disable privacy statement via the consent.enabled feature flag
*/
const isPrivacyStatementDisabled = renderPrivacyStatement === false || features?.["consent.enabled"] === false;
return (React__default.default.createElement(reactQuery.QueryClientProvider, { client: servicesConfig.queryClient },
React__default.default.createElement(Header.default, { baseEnvUrl: platform.baseEnvUrl, baseServicesUrl: platform.baseServicesUrl, carbonTheme: carbonTheme, enableAppSwitcher: isAppSwitcherEnabled, enableNotifications: isNotificationsEnabled, enableNotificationsCount: isNotificationsCountEnabled, leftPanel: leftPanel, navLinks: navigation, platformMessage: platformMessage, prefixName: names.platformName, productName: names.productName, rightPanel: rightPanel, requestSummary: user?.requestSummary, skipToContentProps: skipToContentProps, templateMeteringEvent: templateMeteringEvent, triggerEvent: triggerEvent, profileMenuItems: [
isUserEnabled && (React__default.default.createElement(ProfileSettings.ProfileSettingsMenuItem, { key: "profile-settings", baseServicesUrl: platform.baseServicesUrl, src: `${platform.baseServicesUrl}/users/image/${user?.email}`, userName: user?.displayName ?? user?.name })),
isSendMailEnabled && (React__default.default.createElement(HeaderMenuItem.default, { key: "email-preferences", href: `${platform.baseEnvUrl}/launchpad/email-preferences`, icon: React__default.default.createElement(icons.Email, null), kind: "internal", text: "Email Preferences", type: "link" })),
!isPrivacyStatementDisabled && (React__default.default.createElement(PrivacyStatement.PrivacyStatementMenuItem, { key: "privacy-statement", baseServicesUrl: platform.baseServicesUrl, platformEmail: platform?.platformEmail })),
...profileMenuItems,
isSignOutEnabled && React__default.default.createElement(SignOut.SignOutMenuItem, { key: "Sign Out", signOutLink: platform.signOutUrl }),
].filter(Boolean), supportMenuItems: [
isSupportEnabled && ((supportFlagCheck || isPartnerUser) ?
React__default.default.createElement(SupportCenter.SupportCenterMenuItem, { key: "support-center", platformName: platform?.platformName, platformOrganization: platform?.platformOrganization, supportLink: supportLink, partnerEmailId: partnerEmailId, enablePartner: isPartnerUser, baseServicesUrl: platform.baseServicesUrl })
:
React__default.default.createElement(HeaderMenuItem.default, { key: "support-center", href: platform?.supportUrl, icon: React__default.default.createElement(icons.HelpDesk, null), kind: "external", text: "Support Center", type: "link" })),
isCommunityEnabled && (React__default.default.createElement(HeaderMenuItem.default, { key: "community", href: platform?.communityUrl, icon: React__default.default.createElement(icons.Forum, null), kind: "external", text: "Community", type: "link" })),
isFeedbackEnabled && (React__default.default.createElement(Feedback.FeedbackMenuItem, { key: "feedback", platformName: platform?.platformName, platformOrganization: platform?.platformOrganization, sendIdeasUrl: sendIdeasUrl })),
((!isPartnerUser && askICAEnabled) ? (React__default.default.createElement(HeaderMenuItem.default, { key: "chat-launch", href: platform?.askICAUrl, icon: React__default.default.createElement(icons.ChatLaunch, null), "data-testid": "askICA-chatlaunch", kind: "external", text: "AskICA", type: "link" })) : null),
isAboutPlatformEnabled && (React__default.default.createElement(AboutPlatform.AboutPlatformMenuItem, { key: "about-platform", name: platform.name, version: platform.version, assistantVersion: platform.assistantVersion, agentsVersion: platform.agentsVersion, scribeFlowVersion: platform.scribeFlowVersion })),
...supportMenuItems,
].filter(Boolean), userTeams: userTeams }),
isPrivacyModalRendered ? (React__default.default.createElement(PrivacyRedirect.default, { isOpen: true, baseEnvUrl: platform.baseEnvUrl, platformName: platform?.name, user: user })) : null));
}
/**
* Determine how to render the name and prefix in the Header based
* on what is passed in. If we only have the plaform or product name, then
* we want it to be bolded. If we have both, then make the platform the prefix
*/
function getProductAndPlatformNames(args) {
const { productName, platformName, platform } = args;
const resolvedPlatformName = platform.platformName ?? platformName;
let finalProductName = "";
let finalPlatformName = "";
if (productName && resolvedPlatformName) {
finalProductName = productName;
finalPlatformName = resolvedPlatformName;
}
else if (productName && !resolvedPlatformName) {
finalProductName = productName;
}
else if (!productName && resolvedPlatformName) {
finalProductName = resolvedPlatformName;
}
else ;
return { productName: finalProductName, platformName: finalPlatformName };
}
exports.default = UIShell;