@rh-support/troubleshoot 2.4.10-beta.8 → 2.5.0

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.js

@@ -14,9 +14,9 @@ import { ShareWithPartner } from '../../ShareCase/PartnerShare';
 import { CaseContactPhoneNumber } from './CaseContactPhoneNumber';
 import CaseInternalStatus from './CaseInternalStatus';
 import { CaseContactPhoneNumberAlert } from './CasePhoneNumberConfirmAlert';
-import { CasePhoneNumberSev1ConfirmAlert } from './CasePhoneNumberSev1ConfirmAlert';
 import CaseReferenceNumber from './CaseReferenceNumber';
 import CaseSbrGroups from './CaseSbrGroups';
+import SFDCUrl from './SFDCUrl';
 export default function CaseDetailsManagement(props) {
     const [isUpdatingPartner, setIsUpdatingPartner] = useState(false);
     const caseState = useCaseSelector((state) => ({
@@ -39,7 +39,6 @@ export default function CaseDetailsManagement(props) {
                     React.createElement(FlexItem, { flex: { default: 'flex_1' } },
                         React.createElement(CaseContactPhoneNumber, null))),
                 React.createElement(CaseContactPhoneNumberAlert, { isConfirm: true }),
-                React.createElement(CasePhoneNumberSev1ConfirmAlert, { isConfirm: true }),
                 canSeeInternalStatus && React.createElement(CaseInternalStatus, null),
                 canSeeSBRGroups && React.createElement(CaseSbrGroups, null),
                 React.createElement(CaseGroup, null),
@@ -48,5 +47,6 @@ export default function CaseDetailsManagement(props) {
                 React.createElement(RHAssociatesSelector, null),
                 React.createElement(Fts, { inlineEditable: true }),
                 React.createElement(Cep, null),
+                React.createElement(SFDCUrl, null),
                 React.createElement(ShareWithPartner, { routeProps: props.routeProps, isUpdatingPartner: isUpdatingPartner, accountNumber: accountNumber })))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseHostname.d.ts

@@ -1,8 +1,9 @@
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
     inlineEditable: boolean;
 }
-declare function CaseHostname(props: IProps): JSX.Element;
+declare function CaseHostname(props: IProps): React.JSX.Element;
 declare namespace CaseHostname {
     var defaultProps: {};
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseHostname.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHostname.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseHostname.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAc5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eA0KlC;kBA1KQ,YAAY;;;AA6KrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"CaseHostname.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseHostname.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,qBA0KlC;kBA1KQ,YAAY;;;AA6KrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseHostname.js

@@ -102,7 +102,7 @@ function CaseHostname(props) {
     const hostNameVisibilityContent = (React.createElement("div", null,
         React.createElement("p", null, "You can share this information at any time to improve your support experience."),
         React.createElement(Switch, { label: shareHostnameLabel, isChecked: isShareHostNamesChecked, onChange: onShareHostnameCheck }),
-        isHostnamesLoading && (React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))));
+        isHostnamesLoading && (React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))));
     if (!canUseHostName) {
         return React.createElement(React.Fragment, null);
     }
@@ -111,7 +111,7 @@ function CaseHostname(props) {
         React.createElement(InlineEdit, { labelProps: { htmlFor: 'case-details-hostname' }, formClassName: props.className || '', labelContent: React.createElement(React.Fragment, null,
                 React.createElement(Trans, null, "Hostname"),
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localHostnameChange, value: hostname, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.hostname) })), helperContent: !isExportingPDF ? (React.createElement(Popover, { "aria-label": "Hostname Info", position: PopoverPosition.auto, bodyContent: hostNameVisibilityContent, closeBtnAriaLabel: "Close", headerContent: 'Share hostname?', onShow: () => userOriginalHostnameValue() },
-                React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Hostname Info" }))) : undefined, allowInlineEdit: props.inlineEditable, content: hostname, saveDisabled: hostnameState === hostname || isHostnameUpdating || lengthError, onSave: onSave, onCancel: onCancel, initialIsEditing: false, loadingIndicator: isHostnameUpdating ? React.createElement(LoadingIndicator, { show: isHostnameUpdating, isInline: true }) : undefined, isExportingPDF: isExportingPDF },
+                React.createElement(QuestionCircleIcon, { className: "pf-v5-u-ml-xs icon-size", "aria-label": "Hostname Info" }))) : undefined, allowInlineEdit: props.inlineEditable, content: hostname, saveDisabled: hostnameState === hostname || isHostnameUpdating || lengthError, onSave: onSave, onCancel: onCancel, initialIsEditing: false, loadingIndicator: isHostnameUpdating ? React.createElement(LoadingIndicator, { show: isHostnameUpdating, isInline: true }) : undefined, isExportingPDF: isExportingPDF },
             React.createElement("input", { type: "text", id: "case-details-hostname", className: `form-control${lengthError ? ' form-invalid' : ''}`, name: "case-details-hostname", value: hostnameState, onChange: onHostnameChange, disabled: isHostnameUpdating, "data-tracking-id": "case-details-hostname", "aria-invalid": lengthError })),
         lengthError && (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseInformation.d.ts

@@ -1,6 +1,7 @@
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
 }
-export declare function CaseInformation(props: IProps): JSX.Element;
+export declare function CaseInformation(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=CaseInformation.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseInformation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInformation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAgB5D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eAqE5C"}
+{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInformation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAwD5C"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseInformation.js

@@ -1,7 +1,6 @@
 import { encodeAngularBrackets, linkifyBZIDs, linkifyWithCaseIDs } from '@cee-eng/ui-toolkit';
 import { MoreOrLess } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
-import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEqual from 'lodash/isEqual';
@@ -9,19 +8,15 @@ import React from 'react';
 import { Trans } from 'react-i18next';
 import { useCaseSelector } from '../../../../context/CaseContext';
 import { KtQuestionConstant } from '../../../../reducers/CaseConstNTypes';
-import { isClusterIdEnabledForProduct } from '../../../../utils/caseOpenshiftClusterIdUtils';
-import EditDescription from '../../../EditDescription/EditDescription';
 import { CaseHostname } from './CaseHostname';
 import { CaseOpenshiftClusterId } from './CaseOpenshiftClusterId/CaseOpenshiftClusterId';
 import ProductVersion from './ProductVersion';
 export function CaseInformation(props) {
-    var _a;
-    const { product, description, caseType } = useCaseSelector((state) => ({
-        product: state.caseDetails.product,
+    const { description, caseType } = useCaseSelector((state) => ({
         description: state.caseDetails.description,
         caseType: state.caseDetails.caseType,
     }), isEqual);
-    const { globalMetadataState: { navBarRef, allProducts }, } = useGlobalStateContext();
+    const { globalMetadataState: { navBarRef }, } = useGlobalStateContext();
     // To replace description KTQ for Idea
     const replaceDescriptionHeading = (description) => {
         let ideaHeading = KtQuestionConstant.ideaIssue;
@@ -36,18 +31,20 @@ export function CaseInformation(props) {
         text = linkifyBZIDs(text);
         return { __html: DOMPurify.sanitize(text) };
     };
-    const canEditDescription = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_DESCRIPTION);
-    const hasCluster = isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+    /**
+     * JIRA: https://issues.redhat.com/browse/PCM-13457
+     * As per our current requirements, the description field should not be editable by users.
+     * Therefore, we are removing the edit functionality for this field.
+     */
     return (React.createElement("section", { className: "card card-sm card-white" },
         React.createElement("form", null,
             React.createElement(ProductVersion, null),
-            hasCluster && React.createElement(CaseOpenshiftClusterId, null),
+            React.createElement(CaseOpenshiftClusterId, null),
             React.createElement(CaseHostname, { inlineEditable: true }),
-            React.createElement("div", { className: "form-group" }, !canEditDescription ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "form-group" },
                 React.createElement("label", { htmlFor: "case-description" },
                     React.createElement(Trans, null, "Description")),
                 React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
                     React.createElement("pre", { id: "case-description" },
-                        React.createElement("div", { dangerouslySetInnerHTML: linkifiedDescription(replaceDescriptionHeading(description)) }))))) : (React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
-                React.createElement(EditDescription, { inlineEditable: true })))))));
+                        React.createElement("div", { dangerouslySetInnerHTML: linkifiedDescription(replaceDescriptionHeading(description)) })))))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.d.ts

@@ -1,2 +1,3 @@
-export default function CaseInternalStatus(): JSX.Element;
+import React from 'react';
+export default function CaseInternalStatus(): React.JSX.Element;
 //# sourceMappingURL=CaseInternalStatus.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseInternalStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.tsx"],"names":[],"mappings":"AAiBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,gBAwDzC"}
+{"version":3,"file":"CaseInternalStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAQpE,MAAM,CAAC,OAAO,UAAU,kBAAkB,sBAyFzC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.js

@@ -7,9 +7,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Dropdown, ToastNotification } from '@rh-support/components';
+import { Flex, FlexItem, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
 import { fetchInternalStatusMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
-import { haventLoadedMetadata, toOption, toOptions } from '@rh-support/utils';
+import { haventLoadedMetadata } from '@rh-support/utils';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { shallowEqual } from 'react-redux';
@@ -27,18 +28,26 @@ export default function CaseInternalStatus() {
     const { globalMetadataState: { caseInternalStatuses }, } = useContext(GlobalMetadataStateContext);
     const [isIStatusUpdating, setIsIStatusUpdating] = useState(false);
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
-    useEffect(() => {
-        if (haventLoadedMetadata(caseInternalStatuses)) {
-            fetchInternalStatusMetadata(globalMetadataDispatchContext);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [caseInternalStatuses]);
-    const onCaseInternalStatusChange = (selection) => __awaiter(this, void 0, void 0, function* () {
+    const [isOpen, setIsOpen] = useState(false);
+    const [selected, setSelected] = useState(internalStatus);
+    const onToggleClick = (e) => {
+        e.stopPropagation();
+        setIsOpen(!isOpen);
+    };
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isIStatusUpdating, isFullWidth: true, className: "case-internal-status-selector-text" },
+        React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
+            React.createElement(FlexItem, null,
+                " ",
+                selected || t(`Select a internal status`)),
+            React.createElement(FlexItem, null, isIStatusUpdating ? React.createElement(Spinner, { size: "md" }) : ''))));
+    const onCaseInternalStatusChange = (event, selection) => __awaiter(this, void 0, void 0, function* () {
         try {
+            setIsOpen(false);
             setIsIStatusUpdating(true);
-            const caseDetails = { internalStatus: selection.value };
+            const caseDetails = { internalStatus: selection };
             yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
             setIsIStatusUpdating(false);
+            setSelected(selection);
             ToastNotification.addSuccessMessage(t(`Case Internal Status has been successfully updated`));
         }
         catch (e) {
@@ -46,8 +55,18 @@ export default function CaseInternalStatus() {
             caseUpdateError.showError(e, t('Case Internal Status failed to update'));
         }
     });
-    return (React.createElement("div", { className: "form-group" },
+    useEffect(() => {
+        if (haventLoadedMetadata(caseInternalStatuses)) {
+            fetchInternalStatusMetadata(globalMetadataDispatchContext);
+        }
+        setSelected(internalStatus);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [caseInternalStatuses, internalStatus]);
+    return (React.createElement("div", { className: "form-group case-internal-status-selector-div" },
         React.createElement("label", { htmlFor: "case-internal-status-selector" },
             React.createElement(Trans, null, "Internal status")),
-        React.createElement(Dropdown, { name: "case-internal-status-selector", placeholder: t(`Select a internal status`), title: t(`Select a internal status`), list: caseInternalStatuses.data ? toOptions(caseInternalStatuses.data) : [], selectedItem: toOption(internalStatus), disabled: isIStatusUpdating, isLoadingList: isIStatusUpdating, required: true, onChange: onCaseInternalStatusChange, "data-tracking-id": "case-internal-status-selector" })));
+        React.createElement(Select, { "data-tracking-id": "case-internal-status-selector", isOpen: isOpen, selected: selected, onSelect: onCaseInternalStatusChange, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, isScrollable: true, shouldFocusToggleOnSelect: true, zIndex: 9 },
+            React.createElement(SelectList, null, caseInternalStatuses.data
+                ? caseInternalStatuses.data.map((item) => React.createElement(SelectOption, { value: item }, item))
+                : []))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftPopover.d.ts

@@ -1,2 +1,3 @@
-export default function CaseOpenShiftPopover(): JSX.Element;
+import React from 'react';
+export default function CaseOpenShiftPopover(): React.JSX.Element;
 //# sourceMappingURL=CaseOpenShiftPopover.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseOpenShiftPopover.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftPopover.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,oBAAoB,gBAgB3C"}
+{"version":3,"file":"CaseOpenShiftPopover.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,oBAAoB,sBAgB3C"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftPopover.js

@@ -4,5 +4,5 @@ import React from 'react';
 import { Trans } from 'react-i18next';
 export default function CaseOpenShiftPopover() {
     return (React.createElement(Popover, { "aria-label": "Cluster Id Info", position: PopoverPosition.auto, bodyContent: React.createElement(Trans, null, "Cluster IDs give us the ability to use connected customer tools and services to debug your cluster in conjunction with this support case."), closeBtnAriaLabel: "Close" },
-        React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs" })));
+        React.createElement(QuestionCircleIcon, { className: "pf-v5-u-ml-xs" })));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftV3Popover.d.ts

@@ -1,2 +1,3 @@
-export default function CaseOpenShiftV3Popover(): JSX.Element;
+import React from 'react';
+export default function CaseOpenShiftV3Popover(): React.JSX.Element;
 //# sourceMappingURL=CaseOpenShiftV3Popover.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftV3Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseOpenShiftV3Popover.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftV3Popover.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,sBAAsB,gBAgB7C"}
+{"version":3,"file":"CaseOpenShiftV3Popover.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftV3Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,sBAAsB,sBAgB7C"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftV3Popover.js

@@ -4,5 +4,5 @@ import React from 'react';
 import { Trans } from 'react-i18next';
 export default function CaseOpenShiftV3Popover() {
     return (React.createElement(Popover, { "aria-label": "Cluster Id Info", position: PopoverPosition.auto, bodyContent: React.createElement(Trans, null, "Providing a cluster name allows us to link issues more effectively within managed settings through connected customer tools"), closeBtnAriaLabel: "Close" },
-        React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs" })));
+        React.createElement(QuestionCircleIcon, { className: "pf-v5-u-ml-xs" })));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.d.ts

@@ -1,2 +1,3 @@
-export declare function CaseOpenshiftClusterId(): JSX.Element;
+import React from 'react';
+export declare function CaseOpenshiftClusterId(): React.JSX.Element;
 //# sourceMappingURL=CaseOpenshiftClusterId.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,sBAAsB,gBAmSrC"}
+{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,wBAAgB,sBAAsB,sBAsSrC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.js

@@ -25,7 +25,7 @@ import { OpenshiftDropdownV4 } from '../../../../CaseManagement/OpenshiftDropdow
 import { PDFContext } from '../../../PDFContainer';
 export function CaseOpenshiftClusterId() {
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { openshiftClusterID, product, version, caseNumber, openshiftClusterVersion, noClusterIdReason, noClusterIdReasonExplanation, selectedAccountDetails, description, } = useCaseSelector((state) => ({
+    const { openshiftClusterID, product, version, caseNumber, openshiftClusterVersion, noClusterIdReason, noClusterIdReasonExplanation, selectedAccountDetails, description, isFetchingCaseDetails, } = useCaseSelector((state) => ({
         openshiftClusterID: state.caseDetails.openshiftClusterID,
         product: state.caseDetails.product,
         version: state.caseDetails.version,
@@ -35,6 +35,7 @@ export function CaseOpenshiftClusterId() {
         noClusterIdReasonExplanation: state.caseDetails.noClusterIdReasonExplanation,
         selectedAccountDetails: state.selectedAccountDetails,
         description: state.caseDetails.description,
+        isFetchingCaseDetails: state.isFetchingCaseDetails,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
@@ -71,11 +72,14 @@ export function CaseOpenshiftClusterId() {
     useEffect(() => {
         var _a;
         const isClusterVisible = () => __awaiter(this, void 0, void 0, function* () {
-            var _b;
-            const hasCluster = yield isClusterIdEnabledForProduct(product, (_b = allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult);
+            var _a;
+            const hasCluster = yield isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
             setShowClusterId(hasCluster);
             // when product changes from a product with cluster to a product without cluster, reset the clusterId
-            const IsProductHasChanged = previousProduct && previousProduct !== product;
+            const hasPreviousProduct = previousProduct !== undefined;
+            const hasCurrentProduct = product !== undefined;
+            //need to check if they are undefined as the data loads in and can cause eval against product version === undefined causing edge case to reset our cluster with logic as if product changed.
+            const IsProductHasChanged = hasPreviousProduct && hasCurrentProduct && previousProduct !== product;
             const isResetClusterID = (!hasCluster || isOpenShiftV3) && IsProductHasChanged;
             if (isResetClusterID) {
                 const caseDetails = {
@@ -93,12 +97,7 @@ export function CaseOpenshiftClusterId() {
             isClusterVisible();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [product, version]);
-    // user may change product and version we need to reset internal state
-    // context api state will be reset on parent component each time user changes product and version
-    useEffect(() => {
-        clusterStateReset();
-    }, [product, version]);
+    }, [product, allProducts.data]);
     /**
      * Hook to make sure that if cluster id comes from session or someother source
      * we also fetch the details for the cluster id so that we can have fields like cluster version while creating the case
@@ -112,7 +111,7 @@ export function CaseOpenshiftClusterId() {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [noClusterIdReason, openshiftClusterID, openshiftClusterVersion]);
-    const clusterIdUpdate = (caseDetails, showToast = true) => __awaiter(this, void 0, void 0, function* () {
+    const clusterIdUpdate = (caseDetails_1, ...args_1) => __awaiter(this, [caseDetails_1, ...args_1], void 0, function* (caseDetails, showToast = true) {
         if (showToast)
             setIsClusterIdUpdating(true);
         try {
@@ -165,12 +164,14 @@ export function CaseOpenshiftClusterId() {
             setDontKnowSelected(false);
         }
         else {
+            if (selectedClusterId === openshiftClusterID || isFetchingCaseDetails)
+                return;
             const isClusterIdInvalid = getIsClusterIdInvalid(selectedClusterId);
             setIsClusterIdInValid(isClusterIdInvalid);
             setDontKnowSelected(false);
             setSelectedReason('');
             displayName.current = selectedCluster.display_name;
-            if (isClusterIdInvalid || selectedClusterId === openshiftClusterID)
+            if (isClusterIdInvalid)
                 return;
             const caseDetails = {
                 openshiftClusterID: selectedClusterId,
@@ -233,11 +234,11 @@ export function CaseOpenshiftClusterId() {
         setIsReasonUpdating(false);
     });
     const isInVaidNoClusterIdReason = isEmpty(noClusterIdReason) || (noClusterIdReason === 'Other' && isEmpty(noClusterIdReasonExplanation.trim()));
-    if (!showClusterId) {
+    if (!showClusterId || isFetchingCaseDetails) {
         return null;
     }
     else if (isOpenShiftV3) {
-        return React.createElement("div", { className: "pull-top pf-u-pb-xl" }, v3Message());
+        return React.createElement("div", { className: "pull-top pf-v5-u-pb-xl" }, v3Message());
     }
     else {
         return (React.createElement(React.Fragment, null,

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.d.ts

@@ -4,6 +4,6 @@ interface IProps {
     isConfirm?: boolean;
     tabRef?: React.MutableRefObject<HTMLDivElement>;
 }
-export declare function CaseContactPhoneNumberAlert(props: IProps): JSX.Element;
+export declare function CaseContactPhoneNumberAlert(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=CasePhoneNumberConfirmAlert.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CasePhoneNumberConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eAkGxD"}
+{"version":3,"file":"CasePhoneNumberConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAsIxD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberConfirmAlert.js

@@ -11,6 +11,7 @@ import { Alert, AlertVariant, Button, ButtonVariant } from '@patternfly/react-co
 import { ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { scrollIntoView } from '@rh-support/utils';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -22,11 +23,14 @@ import { PDFContext } from '../../PDFContainer';
 export function CaseContactPhoneNumberAlert(props) {
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const [isCaseUpdating, setCasUpdating] = useState(false);
-    const { caseNumber, suppliedPhoneNumberVerified, contactSSOName, severity } = useCaseSelector((state) => ({
+    const [closeConfirmAlert, setCloseConfirmAlert] = useState(false);
+    const { caseNumber, suppliedPhoneNumberVerified, contactSSOName, isCaseOwnerUpdating, phoneCountryCode, phoneAreaCodePrefixLineNumber, } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         contactSSOName: state.caseDetails.contactSSOName,
-        severity: state.caseDetails.severity,
+        isCaseOwnerUpdating: state.isCaseOwnerUpdating,
+        phoneCountryCode: state.caseDetails.phoneCountryCode,
+        phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
     }), isEqual);
     const { t } = useTranslation();
     const caseDispatch = useCaseDispatch();
@@ -47,21 +51,27 @@ export function CaseContactPhoneNumberAlert(props) {
     const goToPhoneField = () => {
         scrollIntoView(props.tabRef);
     };
-    const isPhoneNeedsReview = contactSSOName === loggedInUser.data.ssoUsername &&
-        suppliedPhoneNumberVerified === 'Deferred' &&
-        severity !== "1 (Urgent)" /* SEV_1 */; // we show another alert when sev is 1
-    const NEW_OWNER_MSG = 'You are the new owner for this case. Is the new phone number correct?';
+    const isPhoneNeedsReview = !isEmpty(contactSSOName) &&
+        contactSSOName === loggedInUser.data.ssoUsername &&
+        suppliedPhoneNumberVerified !== 'True' &&
+        !isCaseOwnerUpdating;
+    const phone = phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber;
+    const confirmationMessage = `${t('Is this phone number correct,')} ${phone} ?`;
     if (!isPhoneNeedsReview)
         return React.createElement(React.Fragment, null);
-    return (React.createElement(React.Fragment, null, props.isReview && !isExportingPDF ? (React.createElement(Alert, { className: "pf-u-mb-md", isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), actionLinks: [
-            React.createElement(Link, { replace: true, to: {
+    return (React.createElement(React.Fragment, null, props.isReview && !closeConfirmAlert && !isExportingPDF ? (React.createElement(Alert, { className: "pf-v5-u-mb-md phone-review-banner", isInline: true, variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
+            React.createElement(Button, { key: "case-contact-phone-number-review-confirm", variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'True' }), "data-tracking-id": "case-contact-phone-number-review-confirm", isLoading: isCaseUpdating, isDisabled: isCaseUpdating },
+                React.createElement(Trans, null, "Yes, confirm phone number")),
+            React.createElement(Link, { key: "case-contact-phone-number-review", replace: true, to: {
                     pathname: `/case/${caseNumber}/management`,
                 }, onClick: () => goToPhoneField(), "data-tracking-id": "case-contact-phone-number-review" },
-                React.createElement(Trans, null, "Review phone number")),
+                React.createElement(Trans, null, "No, update phone number")),
+            React.createElement(Button, { key: "case-contact-phone-number-alert-close", variant: ButtonVariant.link, onClick: () => setCloseConfirmAlert(!closeConfirmAlert), "data-tracking-id": "case-contact-phone-number-alert-close", isDisabled: isCaseUpdating },
+                React.createElement(Trans, null, "Close")),
         ] },
-        React.createElement(Trans, null, NEW_OWNER_MSG))) : props.isConfirm && !isExportingPDF ? (React.createElement(Alert, { isInline: true, className: "pf-u-mb-md", variant: AlertVariant.warning, title: t('Review phone number'), actionLinks: [
+        React.createElement(Trans, null, confirmationMessage))) : props.isConfirm && !isExportingPDF ? (React.createElement(Alert, { isInline: true, className: "pf-v5-u-mb-md phone-review-banner", variant: AlertVariant.warning, title: t('Review phone number'), component: "p", actionLinks: [
             React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'True' }), "data-tracking-id": "case-contact-phone-number-confirm", isLoading: isCaseUpdating, isDisabled: isCaseUpdating },
                 React.createElement(Trans, null, "Confirm phone number")),
         ] },
-        React.createElement(Trans, null, NEW_OWNER_MSG))) : (React.createElement(React.Fragment, null))));
+        React.createElement(Trans, null, confirmationMessage))) : (React.createElement(React.Fragment, null))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 interface IProps {
     inlineEditable?: boolean;
     hideSaveCancel?: boolean;
 }
-export default function CaseReferenceNumber(props: IProps): JSX.Element;
+export default function CaseReferenceNumber(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=CaseReferenceNumber.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA6LxD"}
+{"version":3,"file":"CaseReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA4LxD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { InputGroupText, InputGroupTextVariant, Spinner, TextInput, TextInputGroup, Tooltip, TooltipPosition, ValidatedOptions, } from '@patternfly/react-core';
+import { InputGroupText, Spinner, TextInput, TextInputGroup, Tooltip, TooltipPosition, ValidatedOptions, } from '@patternfly/react-core';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import InfoIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
@@ -106,17 +106,17 @@ export default function CaseReferenceNumber(props) {
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localRefNumberChange, value: referenceNumber, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.altID) }),
                 ' ',
                 !isExportingPDF ? (React.createElement(Tooltip, { trigger: 'mouseenter focus', position: TooltipPosition.top, content: React.createElement(Trans, null, "Add your internal tracking ID to better identify and organize support issues.") },
-                    React.createElement(InfoIcon, { className: "pf-u-ml-sm", "aria-label": "Case Alternate ID" }))) : ('')), allowInlineEdit: inlineEditable, content: referenceNumber || t('No personal reference number to display.'), hideSaveCancel: hideSaveCancel, saveDisabled: saveDisabled, charCount: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) || 0, charTotal: CASE_REFERENCE_NUMBER_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
+                    React.createElement(InfoIcon, { className: "pf-v5-u-ml-sm", "aria-label": "Case Alternate ID" }))) : ('')), allowInlineEdit: inlineEditable, content: referenceNumber || t('No personal reference number to display.'), hideSaveCancel: hideSaveCancel, saveDisabled: saveDisabled, charCount: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) || 0, charTotal: CASE_REFERENCE_NUMBER_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
             React.createElement(TextInputGroup, null,
-                React.createElement(TextInput, { value: referenceNumberState, type: "text", className: "form-control", id: "case-details-reference-number", placeholder: t(`Enter the reference number used personally or within your company`), onChange: onReferenceNumberChange, "data-tracking-id": "case-details-reference-number", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) > CASE_REFERENCE_NUMBER_LIMIT
+                React.createElement(TextInput, { value: referenceNumberState, type: "text", id: "case-details-reference-number", placeholder: t(`Enter the reference number used personally or within your company`), onChange: (_event, value) => onReferenceNumberChange(value), "data-tracking-id": "case-details-reference-number", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) > CASE_REFERENCE_NUMBER_LIMIT
                         ? ValidatedOptions.error
                         : ValidatedOptions.default }),
-                !isUpdating ? (React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },
-                    React.createElement("button", { className: "btn btn-app btn-link pf-u-ml-sm", type: "button", disabled: saveDisabled, onClick: onSave },
+                !isUpdating ? (React.createElement(InputGroupText, null,
+                    React.createElement("button", { className: "btn btn-app btn-link pf-v5-u-ml-sm", type: "button", disabled: saveDisabled, onClick: onSave },
                         React.createElement(CheckIcon, null)),
                     React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onCancel },
-                        React.createElement(TimesIcon, { color: "#6A6E73" })))) : (React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },
-                    React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-2xl pf-u-mr-xl" }))))),
+                        React.createElement(TimesIcon, { color: "#6A6E73" })))) : (React.createElement(InputGroupText, null,
+                    React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-2xl pf-v5-u-mr-xl" }))))),
         isReferenceNumberValid ? (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },
                 React.createElement(Trans, null, maxLengthErrorMessage)))) : (React.createElement("p", { className: "form-instructions" },

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseSbrGroups.d.ts

@@ -1,2 +1,3 @@
-export default function CaseSbrGroups(): JSX.Element;
+import React from 'react';
+export default function CaseSbrGroups(): React.JSX.Element;
 //# sourceMappingURL=CaseSbrGroups.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseSbrGroups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSbrGroups.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseSbrGroups.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,UAAU,aAAa,gBAoEpC"}
+{"version":3,"file":"CaseSbrGroups.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseSbrGroups.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,CAAC,OAAO,UAAU,aAAa,sBAoEpC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseSbrGroups.js

@@ -64,7 +64,7 @@ export default function CaseSbrGroups() {
         }
     });
     return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", { htmlFor: "case-sbr-groups-selector" },
-            React.createElement(Trans, null, "SBR Groups")),
-        React.createElement(Typeahead, { id: "case-sbr-groups-selector", multiple: true, options: caseSbrGroups.data ? toOptions(caseSbrGroups.data) : [], selected: sbrGroups ? toOptions(sbrGroups) : [], placeholder: t(`Select SBRs`), onChange: onCaseSbrGroupsChange, disabled: isSbrGroupsUpdating, isLoading: isSbrGroupsUpdating, "data-tracking-id": "case-sbr-groups-selector" })));
+        React.createElement("label", { className: "react-typeahead-label-wrapper", htmlFor: "case-sbr-groups-selector" },
+            React.createElement(Trans, null, "SBR Groups"),
+            React.createElement(Typeahead, { id: "case-sbr-groups-selector", multiple: true, options: caseSbrGroups.data ? toOptions(caseSbrGroups.data) : [], selected: sbrGroups ? toOptions(sbrGroups) : [], placeholder: t(`Select SBRs`), onChange: onCaseSbrGroupsChange, disabled: isSbrGroupsUpdating, isLoading: isSbrGroupsUpdating, "data-tracking-id": "case-sbr-groups-selector" }))));
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/ProductVersion.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 interface IProps {
     showProductNVersionChange?: boolean;
 }
-declare function ProductNVersion(props: IProps): JSX.Element;
+declare function ProductNVersion(props: IProps): React.JSX.Element;
 export default ProductNVersion;
 //# sourceMappingURL=ProductVersion.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/ProductVersion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AA6BA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA4PrC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA4PrC;AAED,eAAe,eAAe,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/ProductVersion.js

@@ -173,7 +173,7 @@ function ProductNVersion(props) {
     }, [versionsDetails.data]);
     return (React.createElement(React.Fragment, null,
         React.createElement(AlertMessage, { show: !allProducts.isFetching && allProducts.isError, title: t('There was an error loading products.'), variant: AlertType.DANGER }),
-        isEmpty(selectedVersionLocal) && (selectedVersionLocal === null || selectedVersionLocal === void 0 ? void 0 : selectedVersionLocal.length) < 2 && (React.createElement(Alert, { isInline: true, className: "pf-u-mb-md", variant: AlertVariant.danger, title: React.createElement(Trans, null, "Please clear the errors to change the product on your case") })),
+        isEmpty(selectedVersionLocal) && (selectedVersionLocal === null || selectedVersionLocal === void 0 ? void 0 : selectedVersionLocal.length) < 2 && (React.createElement(Alert, { isInline: true, className: "pf-v5-u-mb-md", variant: AlertVariant.danger, title: React.createElement(Trans, null, "Please clear the errors to change the product on your case") })),
         React.createElement(React.Fragment, null,
             React.createElement("div", { className: "form-group all-product-selector-dropdown" },
                 React.createElement("div", { className: "product-selector-wrapper" },

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/SFDCUrl.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function SFDCUrl(): React.JSX.Element;
+//# sourceMappingURL=SFDCUrl.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/SFDCUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SFDCUrl.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/SFDCUrl.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,MAAM,CAAC,OAAO,UAAU,OAAO,sBAmD9B"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/SFDCUrl.js

@@ -0,0 +1,37 @@
+import { Env } from '@cee-eng/hydrajs';
+import { Button, ClipboardCopy, Flex } from '@patternfly/react-core';
+import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import isEqual from 'lodash/isEqual';
+import React, { useContext } from 'react';
+import { Trans } from 'react-i18next';
+import { useCaseSelector } from '../../../../context/CaseContext';
+export default function SFDCUrl() {
+    const env = Env.getEnvName();
+    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const { caseNumber } = useCaseSelector((state) => ({
+        caseNumber: state.caseDetails.caseNumber,
+    }), isEqual);
+    if (!loggedInUser.data.isInternal || !loggedInUser.data.hasUser)
+        return React.createElement(React.Fragment, null);
+    const getSFDCCaseUrl = () => {
+        switch (env) {
+            case Env.EnvNames.QA:
+                return ` https://gss--qa--c.sandbox.vf.force.com/apex/Case_View?sbstr=${caseNumber}`;
+            case Env.EnvNames.STAGE:
+                return `https://gss--stage2--c.sandbox.vf.force.com/apex/Case_View?sbstr=${caseNumber}`;
+            default:
+                return `https://gss.my.salesforce.com/apex/Case_View?sbstr=${caseNumber}`;
+        }
+    };
+    const handleSFDCUrlClick = () => {
+        window.open(getSFDCCaseUrl(), '_blank');
+    };
+    return (React.createElement("div", { className: "pf-v5-u-mb-md" },
+        React.createElement("label", { htmlFor: "sfdc-case-url", className: "pf-v5-u-mb-sm" },
+            React.createElement(Trans, null, "SFDC Case URL")),
+        React.createElement(Flex, { className: "sfdc-case-url-clipboard" },
+            React.createElement(Button, { variant: "control", "aria-label": "Copy SFDC Url", onClick: handleSFDCUrlClick },
+                React.createElement(ExternalLinkAltIcon, null)),
+            React.createElement(ClipboardCopy, { isReadOnly: true, hoverTip: "Copy URL", clickTip: "URL copied", id: "sfdc-case-url", "data-tracking-id": "sfdc-case-url" }, getSFDCCaseUrl()))));
+}