@rh-support/troubleshoot 2.5.5 → 2.5.7

package/lib/esm/components/AccountInfo/OwnerSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,UAAU,MAAM;CAAG;AAMnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAoRnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,UAAU,MAAM;CAAG;AAMnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAkRnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/lib/esm/components/AccountInfo/OwnerSelector.js

@@ -104,6 +104,8 @@ function OwnerSelector(props) {
             yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
             setCaseDetails(caseDispatch, {
                 contactSSOName: newOwner.ssoUsername,
+                phoneCountryCode: '',
+                phoneAreaCodePrefixLineNumber: '',
             });
             const abortSignal = new AbortController().signal;
             yield setCaseOwner(caseDispatch, {
@@ -131,6 +133,7 @@ function OwnerSelector(props) {
             setCaseOwner(caseDispatch, null, '');
         }
         if (!isEmpty(caseNumber)) {
+            // editing a case
             if (isEmpty(selected[0]) || selected[0].ssoUsername === selectedOwner.data.ssoUsername) {
                 return;
             }
@@ -139,6 +142,7 @@ function OwnerSelector(props) {
             yield onCaseOwnerUpdate(selected[0]);
         }
         else {
+            // openning a case
             const customerContacts = !isEmpty(selected === null || selected === void 0 ? void 0 : selected[0])
                 ? selected
                 : [
@@ -191,8 +195,6 @@ function OwnerSelector(props) {
             React.createElement(Trans, null, "Owner"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, comparator: ownerComparator, isLocalChange: localOwnerChange, value: selectedOwner.data, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.owner, (v) => v.fullNameCustom) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
-        showUsersWithSelectedGroupAccess ? (React.createElement(React.Fragment, null,
-            React.createElement(OwnerTypeaheadDropdown, { id: "get-support-owner", hasClearButton: true, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], isDisabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating || isCasePhoneUpdating, onSelect: onCustomerContactSelect, onClearQuery: onClearQuery, onQueryUpdated: onQueryUpdated, options: ownerDropdownOptions, status: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data) ? 'danger' : undefined }))) : (React.createElement(React.Fragment, null,
-            React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data), isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating })))));
+        showUsersWithSelectedGroupAccess ? (React.createElement(OwnerTypeaheadDropdown, { id: "get-support-owner", hasClearButton: true, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], isDisabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating || isCasePhoneUpdating, onSelect: onCustomerContactSelect, onClearQuery: onClearQuery, onQueryUpdated: onQueryUpdated, options: ownerDropdownOptions, status: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data) ? 'danger' : undefined })) : (React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data), isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating }))));
 }
 export { OwnerSelector };

package/lib/esm/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.js

@@ -22,7 +22,7 @@ const defaultProps = {
     caseNumber: undefined,
 };
 function CaseActionPlan(props) {
-    const { t, i18n } = useTranslation();
+    const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
     const ability = useContext(AbilityContext);
     const canUpdateActionPlan = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_ACTION_PLAN_EDIT);
@@ -76,7 +76,7 @@ function CaseActionPlan(props) {
             React.createElement(Trans, null, "Action plan")),
         !canUpdateActionPlan ? (React.createElement(CodeBlock, null,
             React.createElement(CodeBlockCode, { style: {
-                    fontFamily: ['zh', 'ja', 'ko'].includes(i18n.language) ? 'inherit' : undefined,
+                    fontFamily: isExportingPDF ? 'DejaVu Sans' : undefined,
                 } }, isEmpty(actionPlan) ? t('No action plan to display.') : actionPlan))) : (React.createElement("form", null,
             React.createElement(TextAreaResizable, { id: "rha-action-plan", disabled: isUpdating || isInternalWithoutSFDCUser, maxLength: 32768, name: "actionPlan", value: actionPlanState, onChange: onChange, rowsMin: 3 }),
             !isInternalWithoutSFDCUser && (React.createElement("div", { className: `${isExportingPDF ? 'hide-in-pdf' : ''} push-top-narrow` },

package/lib/esm/components/CaseInformation/Description.js

@@ -67,18 +67,18 @@ export default function Description(props) {
                 "\"Bad yes/no argument for ShowPatchLevel parameter\"")),
         React.createElement(Trans, null, "To expedite your case, include these details:"),
         React.createElement("p", { className: "pf-v5-u-color-200" },
-            React.createElement(Trans, null,
-                "Problem",
-                React.createElement("br", null),
-                "Steps you've taken",
-                React.createElement("br", null),
-                "Error Messages"))));
+            React.createElement(Trans, null, "Problem"),
+            React.createElement("br", null),
+            React.createElement(Trans, null, "Steps you've taken"),
+            React.createElement("br", null),
+            " ",
+            React.createElement(Trans, null, "Error Messages"))));
     return (React.createElement(InlineEdit, { labelContent: React.createElement(React.Fragment, null, props.customTitle ? (props.customTitle) : (React.createElement(React.Fragment, null,
-            React.createElement(Trans, null, "Describe your problem. Include specific actions and error messages."),
+            React.createElement(Trans, { i18nKey: "i18nKeyDescribeProblem" }, "Describe your problem. Include specific actions and error messages."),
             isKT1Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
             React.createElement(Popover, { isVisible: isOpen, shouldClose: handleClose, headerContent: headerPopoverContent, bodyContent: PopoverContent },
                 React.createElement(OutlinedQuestionCircleIcon, { className: "pf-v5-u-ml-xs icon-size", onClick: handleToggle }))))), labelProps: { htmlFor: 'get-support-ktQ1-issue' }, content: issue, allowInlineEdit: !!props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: isEmpty(issue), usePreformattedTag: true, saveOnBlur: true },
-        React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: `description-textarea ${isEmpty(version) || isEmpty(summary) || isEmpty(product) ? 'kt1-disabled' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, disabled: isEmpty(version) || isEmpty(summary) || isEmpty(product), onChange: (e, value) => onKTQ1IssueChange(value, e), "data-tracking-id": "get-support-ktQ1-issue", placeholder: t(`The more detail that you include, the easier it is for us to help you. \nExample: \nI'm unable to start the SSHD service and am receiving the error message "Bad yes/no \nargument for ShowPatchLevel parameter"`), resizeOrientation: "vertical", validated: props.isSummarizeInvalid ? 'error' : 'default', rows: isLgScreenHeight ? 10 : 4, ref: textAreaRef, onClick: handleTextAreaClick }),
+        React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: `description-textarea ${isEmpty(version) || isEmpty(summary) || isEmpty(product) ? 'kt1-disabled' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, disabled: isEmpty(version) || isEmpty(summary) || isEmpty(product), onChange: (e, value) => onKTQ1IssueChange(value, e), "data-tracking-id": "get-support-ktQ1-issue", placeholder: t('i18nKeyPlaceHolderDetail', `The more detail that you include, the easier it is for us to help you. \nExample: \nI'm unable to start the SSHD service and am receiving the error message "Bad yes/no \nargument for ShowPatchLevel parameter"`), resizeOrientation: "vertical", validated: props.isSummarizeInvalid ? 'error' : 'default', rows: isLgScreenHeight ? 10 : 4, ref: textAreaRef, onClick: handleTextAreaClick }),
         React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT
             ? `This description exceeds ${CASE_DETAILS_ISSUE_LIMIT} characters. Try shortening it.`
             : ''}`)));

package/lib/esm/components/CaseManagement/SendNotifications/CaseContactSelector.js

@@ -283,7 +283,7 @@ function CaseContactSelector(props) {
                     React.createElement(Tooltip, { trigger: 'mouseenter focus', triggerRef: toolTipRef, position: TooltipPosition.top, content: React.createElement(Trans, null, "You are case contact and therefore you cannot be removed as watcher") }),
                     React.createElement(Button, { variant: "tertiary", onClick: removeCurrentUser, type: "button", isDisabled: true, "data-tracking-id": "case-remove-me-watcher" },
                         React.createElement(Trans, null, "Remove me as a watcher")))) : (React.createElement(Button, { variant: "secondary", onClick: removeCurrentUser, type: "button", "data-tracking-id": "case-remove-me-watcher" },
-                    React.createElement(Trans, null, "Remove me as a watcher"))))))) : (React.createElement(NonOrgCaseNotifyeesSelector, { id: "open-case-notifications", placeholder: "Enter an email address or username for the person you want to notify", isDisabled: isAssociatesUpdating || customEmailsList.isFetching || isUpdatingCustomEmails, selectedItems: [
+                    React.createElement(Trans, null, "Remove me as a watcher"))))))) : (React.createElement(NonOrgCaseNotifyeesSelector, { id: "open-case-notifications", placeholder: t('Enter an email address or username for the person you want to notify'), isDisabled: isAssociatesUpdating || customEmailsList.isFetching || isUpdatingCustomEmails, selectedItems: [
                     ...customEmailsList.data,
                     ...filter(selectedNotificationContacts, (c) => !c.isInternal),
                 ], dataTrackingId: "non-org-admin-contact-selector", onChange: onNotifiedUserChange, isChipDisabled: !isCurrentUserCaseCreator && !!caseNumber, accountNumber: accountNumber, groupNumber: groupNumber, typeaheadRef: nonOrgTypeaheadRef, contactSsoUsername: contactSsoUsername })))));

package/lib/esm/components/Recommendations/Recommendations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAevD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA4YpD"}
+{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAevD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA8YpD"}

package/lib/esm/components/Recommendations/Recommendations.js

@@ -10,7 +10,7 @@ import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
 import React, { useContext, useEffect, useRef, useState } from 'react';
-import { Trans } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RecommendationDispatchContext, RecommendationStateContext } from '../../context/RecommendationContext';
 import { RouteContext } from '../../context/RouteContext';
@@ -37,6 +37,7 @@ export default function Recommendations(props) {
         cveWorkflowRecommendation: state.cveWorkflowRecommendation,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
+    const { t } = useTranslation();
     const { routeState: { activeSection }, } = useContext(RouteContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
@@ -180,10 +181,11 @@ export default function Recommendations(props) {
         const isCveExist = !isEmpty(find(cveWorkflowRecommendation, (cveW) => (cveW === null || cveW === void 0 ? void 0 : cveW.title) === title));
         const percentage = getRankPercentage(rerank_score);
         return (React.createElement(React.Fragment, null,
-            (percentage >= 80 || isCveExist) && (React.createElement(Label, { color: "green", className: "match-label", icon: React.createElement(StarIcon, null) }, isCveExist ? 'Exact match' : 'Best match')),
+            (percentage >= 80 || isCveExist) && (React.createElement(Label, { color: "green", className: "match-label", icon: React.createElement(StarIcon, null) }, isCveExist ? t('Exact match') : t('Best match'))),
             !isCveExist && (React.createElement(Label, { className: "match-label", color: "purple" },
                 percentage,
-                "% Match"))));
+                "% ",
+                t('Match')))));
     };
     return (React.createElement(React.Fragment, null,
         isBTestvariation && (React.createElement(LoadingDots, { className: "recommendation-loading-dots", show: recommendationState.isLoadingRecommendations && !isEmpty(summary) })),

package/lib/esm/components/shared/useIsSectionValid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAuB1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAKnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EA+Q9D"}
+{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAuB1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAKnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAgR9D"}

package/lib/esm/components/shared/useIsSectionValid.js

@@ -116,7 +116,7 @@ export function useIsSectionValid(sectionName) {
             hasAlternateCaseIdValidLength);
     };
     const isTroubleshootSectionValid = () => {
-        var _a;
+        var _a, _b;
         if (isBTestvariation) {
             //if we are in the new experience and user is troubleshoot we give them those validity fields
             if (!isCaseCreate) {
@@ -129,7 +129,8 @@ export function useIsSectionValid(sectionName) {
                     !isEmpty(product) &&
                     !isEmpty(version) &&
                     !isEmpty(summary) &&
-                    !isEmpty(issue);
+                    !isEmpty(issue) &&
+                    isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
                 return isValid;
             }
         }
@@ -137,7 +138,7 @@ export function useIsSectionValid(sectionName) {
         const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
         return (!recommendationState.isLoadingRecommendations &&
             isEntitledProductLocal &&
-            isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult));
+            isClusterIDValid(caseState, (_b = allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult));
     };
     const isReviewSectionValid = () => {
         var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA6StC;kBA7SQ,gBAAgB;;;AA+SzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAsUtC;kBAtUQ,gBAAgB;;;AAwUzB,eAAe,gBAAgB,CAAC"}

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

@@ -15,7 +15,7 @@ import { dtmTrackEventCaseCreationStepEncountered, getResTypeFromUrl, scrollInto
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RecommendationStateContext } from '../../context/RecommendationContext';
@@ -50,6 +50,7 @@ function WizardNavigation(props) {
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
     const { activeSectionError, isSectionValidFn } = useIsSectionValid(activeSection);
     const [isRecsModalVisible, setIsRecsModalVisible] = useState(false);
+    const previousRecommendationTop = useRef(0);
     const { request: resolveSessionRequest } = useFetch(pcm.preCase.session.resolveSession);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const { SessionResourceSource } = pcm.preCase.session;
@@ -89,24 +90,44 @@ function WizardNavigation(props) {
             // console.log('Intersection ratio:', entry.intersectionRatio);
             // console.log({ hasUserScrolled });
             const boundingRect = entry.boundingClientRect;
-            const isScrollingUp = boundingRect.top > 0;
-            const isAboveThreshold = entry.intersectionRatio >= 0.6;
+            if (props.userClickedNextonRecommendationsValue) {
+                if (previousRecommendationTop.current > boundingRect.top ||
+                    previousRecommendationTop.current === 0) {
+                    previousRecommendationTop.current = boundingRect.top + 50;
+                }
+                else {
+                    props.userClickedNextonRecommendationsFn && props.userClickedNextonRecommendationsFn(false);
+                    previousRecommendationTop.current = 0;
+                }
+            }
+            const offsetValue = props.userClickedNextonRecommendationsValue
+                ? previousRecommendationTop.current
+                : 100;
+            const isScrollingUp = boundingRect.top > offsetValue;
+            const isAboveThreshold = boundingRect.top < 100;
             isAboveThreshold && props.setUserCanNavigateToTroubleshoot(true);
             isAboveThreshold && props.setUserSeenRecommendations(true);
+            /**
+             * This variable indicates whether the recommendations section is fully visible within
+             * the viewport.
+             */
+            const areRecommendationsFullyVisible = entry.isIntersecting && entry.intersectionRatio === 1;
             // If scrolling up, always use the threshold check
-            if (isScrollingUp) {
-                setHasUserScrolled(isAboveThreshold);
-                props.setUserScrolledLabel(isAboveThreshold);
+            if (isScrollingUp || areRecommendationsFullyVisible) {
+                setHasUserScrolled(isAboveThreshold || areRecommendationsFullyVisible);
+                props.setUserScrolledLabel(isAboveThreshold || areRecommendationsFullyVisible);
+                props.userClickedNextonRecommendationsFn && props.userClickedNextonRecommendationsFn(false);
                 return;
             }
             // If scrolling down and we hit the threshold, set to true
             if (isAboveThreshold) {
+                setHasUserScrolled(true);
                 props.setUserScrolledLabel(true);
                 props.userClickedNextonRecommendationsFn && props.userClickedNextonRecommendationsFn(true);
             }
         }, {
             root: null,
-            threshold: [0, 0.6], // Changing threshold value to have its effect on pagination when page size is more than 10.
+            threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1], // Changing threshold value to have its effect on pagination when page size is more than 10.
             rootMargin: '0px',
         });
         const resultsRowElement = props.resultsRowRef.current;
@@ -131,6 +152,8 @@ function WizardNavigation(props) {
                     onlyIfNotInViewport: true,
                     offset: 120,
                 });
+                setHasUserScrolled(true);
+                props.setUserScrolledLabel(true);
                 props.userClickedNextonRecommendationsFn && props.userClickedNextonRecommendationsFn(true);
                 return;
             }

package/lib/esm/hooks/useWizard.js

@@ -71,7 +71,7 @@ export function useWizard(routeProps, props) {
                     alertMessage(),
                     React.createElement(TroubleshootSection, null)))), canJumpTo: isSectionValidFn(AppRouteSections.TROUBLESHOOT || activeSection === AppRouteSections.TROUBLESHOOT) &&
                 (props === null || props === void 0 ? void 0 : props.userSeenRecommendationsValue) &&
-                (props === null || props === void 0 ? void 0 : props.userCanNavigateToTroubleshoot), nextButtonLabel: isCaseCreate ? t('Continue') : t('Convert to Case') }),
+                (props === null || props === void 0 ? void 0 : props.userCanNavigateToTroubleshoot), nextButtonLabel: isCaseCreate ? t('Continue') : t('Convert to case') }),
         [AppRouteSections.DESCRIBE_MORE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_MORE, name: t('Additional information'), component: (React.createElement(MainSection, { stepNumber: 4, totalSteps: 6, section: AppRouteSections.DESCRIBE_MORE, title: React.createElement(React.Fragment, null,
                     t('Case information'),
                     isEmpty(RouteUtils.seBasePath) && isSelectedAccounntSecureSupport && (React.createElement("span", { className: "secured-support" },

package/lib/esm/i18n/template-zh.d.ts

@@ -794,6 +794,40 @@ declare const _default: {
     'or as in your Service Level Agreement (SLA)': string;
     'View case': string;
     'Update info': string;
+    'See more options': string;
+    'Describe the impact to you or the business': string;
+    'In what environment are you experiencing this behavior?': string;
+    'How frequently does this behavior occur? Does it occur repeatedly or at certain times?': string;
+    'Review phone number': string;
+    'Please confirm the phone number we have on file is correct.': string;
+    'Confirm phone number': string;
+    "I don't know": string;
+    'Customer support': string;
+    i18nKeyDescribeProblem: string;
+    Resources: string;
+    'Upload a file for Red Hat to analyze': string;
+    'To help us provide the right guidance, upload a sosreport.': string;
+    'How to create sosreport?': string;
+    'Articles recommended by OpenShift AI': string;
+    'Updating recommendations using OpenShift AI': string;
+    'Recommending articles using OpenShift AI': string;
+    'Exact match': string;
+    'Best match': string;
+    Match: string;
+    'Additional information': string;
+    'Support articles are matched to the product and version details you selected, not the problem details you entered.': string;
+    'Convert to case': string;
+    'Please provide details about the location, device, software version, etc. where you encounter this issue': string;
+    'Describe the user or financial impact. Tell us about any legal, national, or medical urgency.': string;
+    'Describe when and how often the problem occurs, e.g., daily, after specific actions, at particular times of day, etc.': string;
+    i18nKeyPlaceHolderDetail: string;
+    'Example:': string;
+    'To expedite your case, include these details:': string;
+    Problem: string;
+    'Error Messages': string;
+    "Steps you've taken": string;
+    'Tips for describing your problem': string;
+    'Live search results powered by OpenShift AI': string;
 };
 export default _default;
 //# sourceMappingURL=template-zh.d.ts.map

package/lib/esm/i18n/template-zh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-zh.d.ts","sourceRoot":"","sources":["../../../src/i18n/template-zh.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA+2BE"}
+{"version":3,"file":"template-zh.d.ts","sourceRoot":"","sources":["../../../src/i18n/template-zh.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAg6BE"}

package/lib/esm/i18n/template-zh.js

@@ -426,7 +426,7 @@ export default {
     'The customer thinks the case is not moving appropriately': '客户认为当前处理的问题没有正当进展',
     'The customer wants a new resource': '客户需要新的资源',
     'The issue is more severe than originally thought': '问题实际比最初想象的更严重',
-    Title: '职位',
+    Title: '问题摘要',
     Email: '电子邮件',
     Phone: '电话',
     IRC: 'IRC',
@@ -542,7 +542,7 @@ export default {
     'Edit your product or version under the details tab below.': '在下面的详细信息标签下编辑您的产品或版本。',
     'All comments': '全部评论',
     'Select a filter': '选择过滤器',
-    'Search by keyword or case ID': '按关键字或案例 ID 搜索',
+    'Search by keyword or case ID': '按关键字或问题单ID搜索',
     'Are you sure you want to change this severity to <>': '您确定要将该严重性更改为 <> 吗',
     'Handpicked by you': '由您挑选',
     'Pinned by customer': '由客户固定',
@@ -766,7 +766,7 @@ export default {
     Idea: '想法',
     'Request a feature or product enhancement': '请求一个功能或产品增强',
     'Root cause analysis': '根本原因分析',
-    'Only for identifying the source of an issue': '仅用于标识问题的源',
+    'Only for identifying the source of an issue': '仅用于识别问题根源',
     'Describe more': '提供更多信息',
     'Please enter an elaborate description': '请输入详细描述',
     'Define the value or impact to you or the business': '定义对您的业务的损失或影响',
@@ -789,7 +789,7 @@ export default {
     'Case number:': '问题单号：',
     'Is this contact information correct?': '此联系信息是否正确？',
     'Troubleshoot this case': '对此问题进行故障排除',
-    Summarize: '总结',
+    Summarize: '概述',
     'These changes to your phone number affect only this case.': '这些对您电话号码的更改仅影响此案例.',
     'Please select a support type': '请选择一个支持类型',
     'Product Recommendations': '产品建议',
@@ -798,4 +798,45 @@ export default {
     'or as in your Service Level Agreement (SLA)': '或按照您的服务水平协议（SLA）',
     'View case': '查看问题单',
     'Update info': '更新信息',
+    //Dec 16th PCM-13632 quick fixes - MUST UPDATE LATER WITH APPROPRIATE TRANSLATIONS
+    'See more options': '查看更多选项',
+    'Describe the impact to you or the business': '描述此问题对您或业务的影响',
+    'In what environment are you experiencing this behavior?': '您在什么环境下遇到此问题？',
+    'How frequently does this behavior occur? Does it occur repeatedly or at certain times?': '这个问题发生的频率是多少？它是重复发生还是在特定时间发生？',
+    'Review phone number': '检查电话号码',
+    'Please confirm the phone number we have on file is correct.': '请确认您的电话号码是正确的。',
+    'Confirm phone number': '确认电话号码 ',
+    "I don't know": '我不知道',
+    'Customer support': '客户支持',
+    i18nKeyDescribeProblem: '描述您的问题。包括具体操作和错误消息。',
+    Resources: '资源',
+    'Upload a file for Red Hat to analyze': '向红帽上传文件以进行分析',
+    'To help us provide the right guidance, upload a sosreport.': '为帮助我们尽快解决问题，请上传 sosreport。',
+    // 'Describe your problem. Include specific actions and error messages.': '描述您的问题。包括特定的操作和错误消息。',
+    'How to create sosreport?': '如何创建 sosreport？',
+    'Articles recommended by OpenShift AI': 'OpenShift AI 推荐的文章',
+    'Updating recommendations using OpenShift AI': '使用 OpenShift AI 更新建议',
+    'Recommending articles using OpenShift AI': '使用 OpenShift AI 推荐文章',
+    'Exact match': '完全匹配',
+    'Best match': '最佳匹配',
+    Match: '匹配',
+    'Additional information': '附加信息',
+    'Support articles are matched to the product and version details you selected, not the problem details you entered.': '支持文章与您选择的产品和版本详情匹配，而不是与您输入的问题详情匹配。',
+    'Convert to case': '转换为问题单',
+    'Please provide details about the location, device, software version, etc. where you encounter this issue': '请提供您遇到此问题的位置、设备、软件版本等信息',
+    'Describe the user or financial impact. Tell us about any legal, national, or medical urgency.': '描述问题对用户或财务的影响。请告诉我们问题是否涉及到任何法律、国家或紧急医疗事件。',
+    'Describe when and how often the problem occurs, e.g., daily, after specific actions, at particular times of day, etc.': '描述问题的发生频率（如每日）、是否在特定操作后发生、是否在每日的特定时间发生，等等。',
+    // 'Describe the impact to you or the business': '描述问题对您业务的影响',
+    // 'In what environment are you experiencing this behavior?': '您在哪些环境中遇到此行为？',
+    // 'How frequently does this behavior occur? Does it occur repeatedly or at certain times?':
+    //     '此行为发生的频率？是否会反复发生？是否在特定时间发生？',
+    i18nKeyPlaceHolderDetail: '您提供的信息越详细，越容易帮助我们为您解决问题。',
+    'Example:': '例如：',
+    'To expedite your case, include these details:': '为了加快您的问题单处理速度，请包括以下详情：',
+    Problem: '问题',
+    'Error Messages': '错误信息',
+    "Steps you've taken": '您已进行的操作',
+    'Tips for describing your problem': '描述您的问题的建议',
+    //B-Variation
+    'Live search results powered by OpenShift AI': 'Openshift AI 提供的实时搜索结果',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.5.5",
+    "version": "2.5.7",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -40,7 +40,6 @@
         "marked": "^1.2.4",
         "qs": "^6.7.0",
         "react": "18.2.0",
-        "react-bootstrap-typeahead": "^5.1.4",
         "react-dom": "18.2.0",
         "react-dropzone": "^10.2.1",
         "react-i18next": "^15.0.1",
@@ -59,11 +58,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.4",
-        "@rh-support/react-context": "2.5.4",
+        "@rh-support/components": "2.5.6",
+        "@rh-support/react-context": "2.5.6",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.1",
-        "@rh-support/utils": "2.5.1",
+        "@rh-support/user-permissions": "2.5.3",
+        "@rh-support/utils": "2.5.3",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -80,7 +79,6 @@
         "marked": "^1.2.4",
         "qs": "^6.7.0",
         "react": "18.2.0",
-        "react-bootstrap-typeahead": "^5.1.4",
         "react-dom": "18.2.0",
         "react-dropzone": "^10.2.1",
         "react-i18next": "^15.0.1",
@@ -109,7 +107,8 @@
         "@types/redux": "^3.6.0",
         "faker": "^5.5.3",
         "jest": "^29.7.0",
-        "jest-environment-jsdom": "^29.7.0"
+        "jest-environment-jsdom": "^29.7.0",
+        "react-bootstrap-typeahead": "^5.1.4"
     },
     "overrides": {
         "@types/react": "^18.2.20",
@@ -135,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "b95b2654a27a2208fcdf880f96643b158723d16a"
+    "gitHead": "b6a8eed6fd124d98a0da537fc889513e3e533f06"
 }