@rh-support/troubleshoot 2.7.0 → 2.7.10

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.js

@@ -7,9 +7,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useApolloClient } from '@apollo/client/react';
 import { useDebounce } from '@rh-support/components';
 import { GlobalMetadataStateContext, useUserPreferences } from '@rh-support/react-context';
-import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { GET_CONTACT_DETAILS_BY_CONTACT_ID, resolveProductServiceLevelsForAccount, } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
@@ -20,11 +21,13 @@ import { RouteDispatchContext } from '../../context/RouteContext';
 import { RulesDispatchContext } from '../../context/RulesContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { TCDispatchContext, TCStateContext } from '../../context/TopContentContext';
+import { useCaseGroupUiState } from '../../hooks/useCaseGroupUiState';
 import { useResetCaseCreate } from '../../hooks/useResetCaseCreate';
 import { CASE_DEATILS_SOURCE_REFERRER_LIMIT } from '../../reducers/CaseConstNTypes';
 import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
-import { setCaseAccountNumber, setCaseDetails, setCaseOwner } from '../../reducers/CaseReducer';
-import { setRouteFlags } from '../../reducers/RouteReducer';
+import { fetchCaseGroupsForContactGraphQL, setCaseAccountNumber, setCaseDetails, setCaseState, } from '../../reducers/CaseReducer';
+import { AppRouteSections } from '../../reducers/RouteConstNTypes';
+import { setActiveSectionChanged, setRouteFlags, updateisNextBtnClickedToShowValidationError, } from '../../reducers/RouteReducer';
 import { fetchEdmundAbbottRules } from '../../reducers/RulesReducer';
 import { fetchTopContent } from '../../reducers/TopContentReducer';
 import RouteUtils from '../../utils/routeUtils';
@@ -33,30 +36,40 @@ import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentR
 export function GlobalTroubleshootEffects(props) {
     const [initDefaultSection, setInitDefaultSection] = useState(false);
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
-    const { globalMetadataState: { allProducts, loggedInUser, managedAccounts, loggedInUserRights, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { allProducts, loggedInUser, managedAccounts, loggedInUserRights, loggedInUsersAccount, loggedInUserJwtToken, }, } = useContext(GlobalMetadataStateContext);
     const { sessionRestore: { activeSessionId }, } = useContext(SessionRestoreStateContext);
-    const { accountNumber, product, version, contactSsoUsername, summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency, caseType, language, selectedAccountDetails, } = useCaseSelector((state) => ({
-        accountNumber: state.caseDetails.accountNumberRef,
-        product: state.caseDetails.product,
-        version: state.caseDetails.version,
-        contactSsoUsername: state.caseDetails.contactSSOName,
-        summary: state.caseDetails.summary,
-        issue: state.caseDetails.issue,
-        environment: state.caseDetails.environment,
-        periodicityOfIssue: state.caseDetails.periodicityOfIssue,
-        timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
-        caseType: state.caseDetails.caseType,
-        language: state.caseDetails.caseLanguage,
-        selectedAccountDetails: state.selectedAccountDetails,
-    }), isEqual);
+    const { accountNumber, contactSsoUsername, product, version, summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency, caseType, language, selectedAccountDetails, selectedOwnerContactId, selectedOwnerDefaultCaseGroup, selectedOwnerIsOrgAdmin, groupNumber, caseNumber, } = useCaseSelector((state) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return ({
+            accountNumber: state.caseDetails.accountNumberRef,
+            contactSsoUsername: state.caseDetails.contactSSOName,
+            product: state.caseDetails.product,
+            version: state.caseDetails.version,
+            summary: state.caseDetails.summary,
+            issue: state.caseDetails.issue,
+            environment: state.caseDetails.environment,
+            periodicityOfIssue: state.caseDetails.periodicityOfIssue,
+            timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
+            caseType: state.caseDetails.caseType,
+            language: state.caseDetails.caseLanguage,
+            selectedAccountDetails: state.selectedAccountDetails,
+            selectedOwnerContactId: (_b = (_a = state.selectedOwner) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.id,
+            selectedOwnerDefaultCaseGroup: (_d = (_c = state.selectedOwner) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.defaultCaseGroup,
+            selectedOwnerIsOrgAdmin: (_g = (_f = (_e = state.selectedOwner) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.isOrgAdmin) !== null && _g !== void 0 ? _g : false,
+            groupNumber: state.caseDetails.groupNumber,
+            caseNumber: state.caseDetails.caseNumber,
+        });
+    }, isEqual);
     const caseDispatch = useCaseDispatch();
+    const apolloClient = useApolloClient();
+    const { shouldHideSelector } = useCaseGroupUiState();
+    const previousOwnerContactIdRef = useRef();
     const isCaseCreate = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
     const urlQueryParams = RouteUtils.getQueryParams(props.routeProps);
     const isFirstMount = useRef(true);
     const isFirstMountProduct = useRef(true);
     const { getPreferredLanguage } = useUserPreferences();
     const rulesDispatch = useContext(RulesDispatchContext);
-    const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     // top content state
     const { topContentState: { topContentPayload }, } = useContext(TCStateContext);
     const tcDispatch = useContext(TCDispatchContext);
@@ -94,16 +107,16 @@ export function GlobalTroubleshootEffects(props) {
                 RouteUtils.updateQueryParams(props.routeProps, newParams);
                 return;
             }
-            // product in url is valid check to see if version is valid
+            // product in url is valid — versions are loaded separately via GetProducts
             const productVersions = allProducts.data.productsResult[index].versions;
             let versionToSet;
-            if (productVersions) {
-                const isVersionFromURLValid = !isEmpty(versionFromUrl) && includes(productVersions, versionFromUrl);
-                versionToSet = isVersionFromURLValid ? versionFromUrl : undefined;
-            }
-            else {
-                // when productVersions is not available, it means se product api is down.
-                versionToSet = undefined;
+            if (!isEmpty(versionFromUrl)) {
+                if (!isEmpty(productVersions)) {
+                    versionToSet = includes(productVersions, versionFromUrl) ? versionFromUrl : undefined;
+                }
+                else {
+                    versionToSet = versionFromUrl;
+                }
             }
             if (product !== productFromUrl || version !== versionToSet) {
                 setCaseDetails(caseDispatch, {
@@ -117,6 +130,8 @@ export function GlobalTroubleshootEffects(props) {
     }, [allProducts.data.productsResult, caseDispatch, props.routeProps]);
     // if you want to hide any section on page load then the logic will go here..
     useEffect(() => {
+        // Reset validation error state when the troubleshoot app loads freshly
+        updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, false);
         if (!isFirstMount.current && loggedInUser.data && managedAccounts.data)
             return;
         if (isFirstMount.current) {
@@ -143,22 +158,112 @@ export function GlobalTroubleshootEffects(props) {
      */
     useEffect(() => {
         if (props.routeProps.location.pathname === RouteUtils.seBasePath) {
+            // Set the active section to the default section when navigating to base path
+            const defaultSection = isCaseCreate ? AppRouteSections.GET_SUPPORT : AppRouteSections.TROUBLESHOOT;
+            setActiveSectionChanged(dispatchToRouteReducer, defaultSection, '');
             RouteUtils.navigateToDefaltSection(props.routeProps, isCaseCreate, isSearchIntent, false);
             !isSearchIntent && resetCaseCreateState();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatchToRouteReducer, props.routeProps, isCaseCreate, isSearchIntent]);
+    }, [dispatchToRouteReducer, props.routeProps.location.pathname, isCaseCreate, isSearchIntent]);
+    /**
+     * Auto-populate account and owner for external users.
+     * For org admin: dropdowns are visible but disabled — sets initial values.
+     * For non-org admin: dropdowns are hidden — fires the same queries in background.
+     */
+    useEffect(() => {
+        var _a, _b;
+        if (isEmpty(loggedInUserRights.data))
+            return;
+        const resolvedAccountNumber = ((_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.accountNumber) ||
+            loggedInUserRights.data.getAccountNumber() ||
+            (loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.account_number) ||
+            '';
+        if (isEmpty(accountNumber) && !isEmpty(resolvedAccountNumber)) {
+            const hasFullAccountData = !isEmpty((_b = loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.accountNumber);
+            setCaseAccountNumber(caseDispatch, resolvedAccountNumber, hasFullAccountData, hasFullAccountData ? loggedInUsersAccount.data : {}, apolloClient);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        caseDispatch,
+        loggedInUserRights.data,
+        loggedInUsersAccount.data,
+        apolloClient,
+        accountNumber,
+        contactSsoUsername,
+    ]);
+    useEffect(() => {
+        if (isEmpty(loggedInUserRights.data))
+            return;
+        if (selectedOwnerContactId)
+            return;
+        const fetchAndSetDefaultOwner = () => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+            try {
+                // Same as logged-in user resolve: JWT/SSO → RedHatSupportContact by SSOUserName__c
+                const ssoUsername = loggedInUserRights.data.getSSOUsername() ||
+                    ((_a = loggedInUser.data) === null || _a === void 0 ? void 0 : _a.ssoUsername) ||
+                    (loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.preferred_username) ||
+                    (loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.username) ||
+                    (loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.RHAT_LOGIN) ||
+                    (loggedInUserJwtToken === null || loggedInUserJwtToken === void 0 ? void 0 : loggedInUserJwtToken.REDHAT_LOGIN) ||
+                    '';
+                if (!ssoUsername)
+                    return;
+                const { data: contactData } = yield apolloClient.query({
+                    query: GET_CONTACT_DETAILS_BY_CONTACT_ID,
+                    variables: {
+                        where: {
+                            SSOUserName__c: { eq: ssoUsername },
+                        },
+                    },
+                    fetchPolicy: 'network-only',
+                });
+                const contactDetails = (_f = (_e = (_d = (_c = (_b = contactData === null || contactData === void 0 ? void 0 : contactData.redhat_support_uiapi) === null || _b === void 0 ? void 0 : _b.query) === null || _c === void 0 ? void 0 : _c.RedHatSupportContact) === null || _d === void 0 ? void 0 : _d.edges) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.node;
+                if (!(contactDetails === null || contactDetails === void 0 ? void 0 : contactDetails.Id))
+                    return;
+                const ownerData = {
+                    id: contactDetails.Id,
+                    ssoUsername: ((_g = contactDetails.SSOUserName__c) === null || _g === void 0 ? void 0 : _g.value) || ssoUsername,
+                    firstName: (_j = (_h = contactDetails.FirstName) === null || _h === void 0 ? void 0 : _h.value) !== null && _j !== void 0 ? _j : '',
+                    lastName: (_l = (_k = contactDetails.LastName) === null || _k === void 0 ? void 0 : _k.value) !== null && _l !== void 0 ? _l : '',
+                    fullNameCustom: (_o = (_m = contactDetails.Name) === null || _m === void 0 ? void 0 : _m.value) !== null && _o !== void 0 ? _o : '',
+                    manageSupportCases: (_q = (_p = contactDetails.ManageSupportCases__c) === null || _p === void 0 ? void 0 : _p.value) !== null && _q !== void 0 ? _q : true,
+                    isInternal: (_s = (_r = contactDetails.IsInternal__c) === null || _r === void 0 ? void 0 : _r.value) !== null && _s !== void 0 ? _s : false,
+                    isOrgAdmin: (_u = (_t = contactDetails.IsOrgAdmin__c) === null || _t === void 0 ? void 0 : _t.value) !== null && _u !== void 0 ? _u : false,
+                    phone: (_w = (_v = contactDetails.Phone) === null || _v === void 0 ? void 0 : _v.value) !== null && _w !== void 0 ? _w : '',
+                    defaultCaseGroup: (_y = (_x = contactDetails.DefaultCaseGroup__c) === null || _x === void 0 ? void 0 : _x.value) !== null && _y !== void 0 ? _y : null,
+                };
+                setCaseState(caseDispatch, {
+                    selectedOwner: { data: ownerData, isFetching: false, isError: false, errorMessage: '' },
+                });
+                setCaseDetails(caseDispatch, { contactSSOName: ownerData.ssoUsername });
+            }
+            catch (_z) {
+                // Contact fetch failed; owner stays empty
+            }
+        });
+        fetchAndSetDefaultOwner();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [loggedInUserRights.data, loggedInUser.data, loggedInUserJwtToken, selectedOwnerContactId]);
     /**
-     * Setting Default AccountNumber and ContactSsoUsername from loggedInUsersAccount
-     * Disabling exhaustive-deps rule as we don't want to reset default values if user manually clears these from UI.
-     * This is a one time thing when loggedInUserJwtToken is set.
+     * Fetch case groups for the selected owner's contactId.
+     * Filters groups where the contact is a member via GET_CASE_GROUP.
      */
     useEffect(() => {
-        isEmpty(accountNumber) && setCaseAccountNumber(caseDispatch, loggedInUserRights.data.getAccountNumber());
-        isEmpty(contactSsoUsername) &&
-            setCaseOwner(caseDispatch, loggedInUserRights.data.getHydraContactFromLoggedInUser(), product, undefined, undefined, true);
+        if (isEmpty(accountNumber) || isEmpty(selectedOwnerContactId))
+            return;
+        const ownerContactChanged = previousOwnerContactIdRef.current !== undefined &&
+            previousOwnerContactIdRef.current !== selectedOwnerContactId;
+        previousOwnerContactIdRef.current = selectedOwnerContactId;
+        fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, selectedOwnerContactId, accountNumber, selectedOwnerDefaultCaseGroup, selectedOwnerIsOrgAdmin, ownerContactChanged ? null : groupNumber);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [caseDispatch, loggedInUserRights.data]);
+    }, [selectedOwnerContactId, accountNumber, selectedOwnerDefaultCaseGroup, selectedOwnerIsOrgAdmin]);
+    useEffect(() => {
+        if (!shouldHideSelector || !isEmpty(caseNumber))
+            return;
+        setCaseDetails(caseDispatch, { groupNumber: '', groupName: '' });
+    }, [shouldHideSelector, caseNumber, caseDispatch]);
     /**
      * handling top content call
      */
@@ -170,6 +275,46 @@ export function GlobalTroubleshootEffects(props) {
             return;
         fetchTopContent(tcDispatch, { product, version });
     }, [product, tcDispatch, topContentPayload, version]);
+    useEffect(() => {
+        if (isEmpty(product)) {
+            setCaseState(caseDispatch, {
+                isProductNotEntitled: false,
+                productServiceLevel: undefined,
+                otherServiceLevels: [],
+                selectedEntitlementId: undefined,
+            });
+            setCaseDetails(caseDispatch, { entitlementSla: undefined });
+            return;
+        }
+        if (selectedAccountDetails.isFetching || isEmpty(selectedAccountDetails.data))
+            return;
+        const serviceLevels = resolveProductServiceLevelsForAccount(selectedAccountDetails.data, allProducts.data.productsResult, product);
+        if (!serviceLevels || !serviceLevels.productServiceLevel) {
+            setCaseState(caseDispatch, {
+                isProductNotEntitled: true,
+                productServiceLevel: undefined,
+                otherServiceLevels: [],
+                selectedEntitlementId: undefined,
+            });
+            setCaseDetails(caseDispatch, { entitlementSla: undefined });
+            return;
+        }
+        setCaseState(caseDispatch, {
+            isProductNotEntitled: false,
+            productServiceLevel: serviceLevels.productServiceLevel,
+            otherServiceLevels: serviceLevels.otherServiceLevels,
+            selectedEntitlementId: serviceLevels.defaultEntitlementId,
+        });
+        setCaseDetails(caseDispatch, { entitlementSla: serviceLevels.entitlementSla });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [product, selectedAccountDetails.data, allProducts.data.productsResult]);
+    useEffect(() => {
+        var _a, _b;
+        const sfdcProducts = (_b = (_a = selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.sfdcProducts) !== null && _b !== void 0 ? _b : [];
+        const hasPremium = sfdcProducts.some((p) => { var _a; return ((_a = p.serviceLevelLabel) === null || _a === void 0 ? void 0 : _a.trim().toUpperCase()) === 'PREMIUM'; });
+        setCaseState(caseDispatch, { accountHasPremiumSla: hasPremium });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedAccountDetails.data]);
     // set case language to preferred language
     useEffect(() => {
         const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
@@ -182,6 +327,9 @@ export function GlobalTroubleshootEffects(props) {
                     };
                     setCaseDetails(caseDispatch, { caseLanguage: preferredLanguage.value });
                 }
+                else {
+                    setCaseDetails(caseDispatch, { caseLanguage: 'en' });
+                }
             }
             catch (error) {
                 console.log(error);
@@ -210,7 +358,7 @@ export function GlobalTroubleshootEffects(props) {
                     session_id: activeSessionId,
                 }, accountType: {
                     isSecure: selectedAccountDetails.data.securedEnvironment || false,
-                }, userType: { canAddAttachments }, fields: ['title', 'cta', 'description', 'rule_type', 'rule_sub_type', 'rule_id'] }, ((selectedLocalFiles === null || selectedLocalFiles === void 0 ? void 0 : selectedLocalFiles.length) && {
+                }, fields: ['title', 'cta', 'description', 'rule_type', 'rule_sub_type', 'rule_id'] }, ((selectedLocalFiles === null || selectedLocalFiles === void 0 ? void 0 : selectedLocalFiles.length) && {
                 attachment: selectedLocalFiles.map((file) => ({
                     uuid: file.attachmentId,
                     fileName: file.name,
@@ -246,11 +394,13 @@ export function GlobalTroubleshootEffects(props) {
      * each case create. Currently we refetch the account details when user clicks on troubleshoot a new session
      */
     useEffect(() => {
+        if (loggedInUserRights.data.isInternal())
+            return;
         if (!isEmpty(loggedInUsersAccount.data) &&
             !isEmpty(selectedAccountDetails.data) &&
             loggedInUserRights.data.isAccountSameAsLoggedInAccount(selectedAccountDetails.data.accountNumber) &&
             !isEqual(loggedInUsersAccount.data, selectedAccountDetails.data)) {
-            setCaseAccountNumber(caseDispatch, loggedInUsersAccount.data.accountNumber, true, loggedInUsersAccount.data);
+            setCaseAccountNumber(caseDispatch, loggedInUsersAccount.data.accountNumber, true, loggedInUsersAccount.data, apolloClient);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [loggedInUsersAccount.data]);

package/lib/esm/components/wizardLayout/MainSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainSection.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/MainSection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,UAAU,MAAM;IACZ,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAKD,QAAA,MAAM,WAAW;;;CAiFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MainSection.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/MainSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,UAAU,MAAM;IACZ,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAKD,QAAA,MAAM,WAAW;;;CAkFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esm/components/wizardLayout/MainSection.js

@@ -1,6 +1,7 @@
 import { Alert } from '@patternfly/react-core';
 import { ErrorBoundary, LoadingIndicator } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { getCssPortalUrl } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
@@ -20,18 +21,18 @@ const MainSection = (props) => {
     return (React.createElement(ErrorBoundary, { isPageLevelError: true },
         React.createElement("section", { id: `${props.section}-section`, tabIndex: -1, "aria-labelledby": `${props.section}-heading`, "aria-describedby": `${props.section}-description`, className: `main-step-content ${props.className ? props.className : ''}` },
             isConfirmedStateSideSupport && props.section !== AppRouteSections.SUBMIT_CASE && (React.createElement(Alert, { isInline: true, variant: "warning", title: ((_c = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _c === void 0 ? void 0 : _c.hasConfirmedStatesideSupport)
-                    ? 'You have a confirmed stateside support account'
-                    : 'This is a confirmed stateside support account', className: "pf-v5-u-mb-lg" },
+                    ? 'You have a confirmed sovereign support account'
+                    : 'This is a confirmed sovereign support account', className: "pf-v6-u-mb-lg" },
                 React.createElement("p", null,
                     "To adhere to data regulations, open this case through",
                     ' ',
                     React.createElement("b", null,
-                        React.createElement("a", { href: "https://css-redhat.zendesk.com", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "stateside-support-link" }, "Confirmed Stateside Support")),
+                        React.createElement("a", { href: getCssPortalUrl(), target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "stateside-support-link" }, "Confirmed Sovereign Support")),
                     ' ',
                     "instead of traditional support."))),
             React.createElement(LoadingIndicator, { show: props.isLoading, size: "lg" }),
             !props.isLoading && (React.createElement(React.Fragment, null,
-                React.createElement("header", { className: "pf-v5-u-display-none-on-sm" },
+                React.createElement("header", { className: "pf-v6-u-display-none-on-sm" },
                     props.title && (React.createElement("h2", { "aria-label": props.stepNumber &&
                             `Step ${props.stepNumber} of ${props.totalSteps}: ${props.section}`, id: `${props.section}-heading` }, props.title)),
                     props.description && (React.createElement("p", { id: `${props.section}-description`, className: `${props.descriptionClassName ? props.descriptionClassName : ''}` }, props.description))),

package/lib/esm/components/wizardLayout/NewFeatureModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewFeatureModal.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/NewFeatureModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,QAAA,MAAM,eAAe,yBA8EpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"NewFeatureModal.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/NewFeatureModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,QAAA,MAAM,eAAe,yBA6EpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/esm/components/wizardLayout/NewFeatureModal.js

@@ -1,4 +1,4 @@
-import { Button, Checkbox, Modal, Title } from '@patternfly/react-core';
+import { Button, Checkbox, Modal, ModalFooter, Title } from '@patternfly/react-core';
 import { useLocalStorage, useSessionStorage } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { getConfigField, PCM_CONFIG_FIELD_TYPE } from '@rh-support/utils';
@@ -27,12 +27,12 @@ const NewFeatureModal = () => {
     const onBannerCheckboxChange = () => {
         setCheckedToNotShowModal(!checkedToNotShowModal);
     };
-    return (React.createElement(React.Fragment, null, !shouldNotShowModal && isNewFeatureBannerVisible && showModal && (React.createElement(Modal, { className: "newFeatureModal", width: "45%", "aria-label": t('New feature modal'), isOpen: showModal, onClose: handleModalToggle, actions: [
-            React.createElement(Button, { key: "close", variant: "primary", "data-tracking-id": "new-feature-modal-close", onClick: handleModalToggle }, t('Close')),
-        ], showClose: false },
+    return (React.createElement(React.Fragment, null, !shouldNotShowModal && isNewFeatureBannerVisible && showModal && (React.createElement(Modal, { className: "newFeatureModal", width: "45%", "aria-label": t('New feature modal'), isOpen: showModal, onClose: handleModalToggle },
         React.createElement(RedHatCustomerPortalIcon, null),
-        React.createElement(Title, { headingLevel: "h2", className: "pf-v5-u-font-weight-bold" }, t('Change: Application Announcement For KT Question Update')),
+        React.createElement(Title, { headingLevel: "h2", className: "pf-v6-u-font-weight-bold" }, t('Change: Application Announcement For KT Question Update')),
         React.createElement(Trans, null, "Welcome back! To improve your troubleshooting experience, we've updated how you create cases, changed the questions we ask, and given you more chances to edit your problem. We want to help you solve your technical challenges quickly."),
-        React.createElement(Checkbox, { className: "pf-v5-u-mt-md", id: "new-feature-modal-checkbox", label: t(`I don't want to see this modal again`), isChecked: checkedToNotShowModal, onChange: onBannerCheckboxChange, "data-tracking-id": "new-feature-modal-checkbox" })))));
+        React.createElement(Checkbox, { className: "pf-v6-u-mt-md", id: "new-feature-modal-checkbox", label: t(`I don't want to see this modal again`), isChecked: checkedToNotShowModal, onChange: onBannerCheckboxChange, "data-tracking-id": "new-feature-modal-checkbox" }),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "close", variant: "primary", "data-tracking-id": "new-feature-modal-close", onClick: handleModalToggle }, t('Close')))))));
 };
 export default NewFeatureModal;

package/lib/esm/components/wizardLayout/WizardAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AAQzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAuDjC;kBAvDQ,WAAW;;;AAyDpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAGH,eAAe,EAIlB,MAAM,iCAAiC,CAAC;AAWzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBA0EjC;kBA1EQ,WAAW;;;AA4EpB,eAAe,WAAW,CAAC"}

package/lib/esm/components/wizardLayout/WizardAside.js

@@ -1,11 +1,16 @@
-import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { ability, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
 import React, { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { AppRouteSections, hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarEARuleWidgetSectionsExperienceA, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
+import { TCStateContext } from '../../context/TopContentContext';
+import { useAB } from '../../hooks/useAB';
+import { AppRouteSections, hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSectionsExperienceA, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
+import { AISureMessageCard } from '../CaseInformation/AISureMessageCard';
 import { FileDiag } from '../CaseInformation/FileDiag';
 import { CveSidebar } from '../Cve/CveSidebar';
 import { AsideResults } from '../Recommendations/AsideResults';
@@ -13,40 +18,55 @@ import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 import InsightsResults from '../Recommendations/InsightsResults';
 import { SessionRestore } from '../SessionRestore';
+import EmptyTopContentSidebar from '../Suggestions/EmptyTopContentSidebar';
+import Suggestions from '../Suggestions/Suggestions';
 const defaultProps = {};
 function WizardAside(props) {
+    var _a;
+    const { isVariationA } = useAB();
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
-    const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
-    const { isCreatingCase, caseType, isCveModalOpened, ABTestVariation } = useCaseSelector((state) => ({
+    const { topContentState: { topContent }, } = useContext(TCStateContext);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const { isCreatingCase, caseType, isCveModalOpened, version, product } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
         caseType: state.caseDetails.caseType,
         isCveModalOpened: state.isCveModalOpened,
-        ABTestVariation: state.ABTestVariation,
+        version: state.caseDetails.version,
+        product: state.caseDetails.product,
     }), isEqual);
-    const isATestvariation = ABTestVariation === 'A';
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const canUseSessionManagement = ability.can(resourceActions.CREATE, resources.SESSION_TRACKING);
-    const canShowFileUploadWidget = () => canAddAttachments &&
-        !props.isAttachmentUploadModalOpen &&
+    const isSecureSupportOrCSS = loggedInUsersAccount.data.hasConfirmedStatesideSupport || loggedInUsersAccount.data.secureSupport;
+    const isOpenShiftProduct = (_a = product === null || product === void 0 ? void 0 : product.toLowerCase().includes('openshift')) !== null && _a !== void 0 ? _a : false;
+    const canShowFileUploadWidget = () => !props.isAttachmentUploadModalOpen &&
         !isUndefined(activeSection) &&
         !hideFileUploadSidebarWidgetSections.includes(activeSection);
-    const canShowEARuleWidget = isATestvariation
+    const canShowEARuleWidget = activeSection
         ? showSideBarEARuleWidgetSectionsExperienceA.includes(activeSection)
-        : showSideBarEARuleWidgetSections.includes(activeSection);
-    const canShowClusterIdReportWidget = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
-    const canShowFileRecommendationSectionsWidget = showSideBarFileRecommendationSections.includes(activeSection);
+        : false;
+    const canShowClusterIdReportWidget = activeSection
+        ? showSideBarClusterIdRuleWidgetSections.includes(activeSection)
+        : false;
+    const canShowFileRecommendationSectionsWidget = activeSection
+        ? showSideBarFileRecommendationSections.includes(activeSection)
+        : false;
+    const showSuggestionsSidebar = isVariationA && activeSection === AppRouteSections.RESOURCES && topContent.data.length > 0 && !isEmpty(version);
+    const showTopContentSidebar = isVariationA && activeSection === AppRouteSections.RESOURCES && topContent.data.length === 0;
     return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
             canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
             canShowFileUploadWidget() && React.createElement(InsightsResults, null),
-            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v5-u-mb-md" }),
+            canShowFileUploadWidget() && React.createElement(FileDiag, null),
+            !isSecureSupportOrCSS && isOpenShiftProduct && React.createElement(AISureMessageCard, null),
             activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) &&
                 !isCveModalOpened && React.createElement(CveSidebar, null),
             activeSection === AppRouteSections.RESOURCES && React.createElement(CveSidebar, null),
             canShowEARuleWidget && React.createElement(EARuleWidget, null),
-            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v5-u-mb-md pf-v5-u-mt-0" })),
+            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-md" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v5-u-mb-md pf-v5-u-mt-0" }))));
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-md" }),
+            showSuggestionsSidebar && React.createElement(Suggestions, null),
+            showTopContentSidebar && React.createElement(EmptyTopContentSidebar, null))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

package/lib/esm/components/wizardLayout/WizardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAoNzC"}
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AASA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAavG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAwLzC"}