@rh-support/troubleshoot 2.1.19 → 2.1.20-beta.0

package/lib/esm/components/CaseEditView/CaseOverview/CaseOwnerInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseOwnerInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseOwnerInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAG5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;CACzD;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,MAAM,eA+DlD"}
+{"version":3,"file":"CaseOwnerInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseOwnerInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAI5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;CACzD;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,MAAM,eA+DlD"}

package/lib/esm/components/CaseEditView/CaseOverview/CaseOwnerInfo.js

@@ -1,4 +1,5 @@
 import { Tooltip, TooltipPosition } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { LoadingIndicator } from '@rh-support/components';
 import React from 'react';
 import { Trans } from 'react-i18next';
@@ -43,5 +44,5 @@ export default function CaseOwnerInfo(props) {
                             React.createElement(Trans, null, "Office location")),
                         ": ",
                         props.caseDetailsHydra.data.caseOwner.officeLocation)) },
-                React.createElement("i", { "aria-label": "Support Level info", className: "fa fa-question-circle" })))))));
+                React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Support Level Info" })))))));
 }

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA8D,MAAM,OAAO,CAAC;AA6BnF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eA0ejD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAA8D,MAAM,OAAO,CAAC;AA8BnF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eA8ejD"}

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label } from '@patternfly/react-core';
+import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label, ModalVariant, } from '@patternfly/react-core';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
 import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -27,6 +27,7 @@ import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
 import { PDFContext } from '../PDFContainer';
 import { CaseInformation } from '../Tabs/CaseDetails/CaseInformation';
 import { CaseContactPhoneNumberAlert } from '../Tabs/CaseDetails/CasePhoneNumberConfirmAlert';
+import { CasePhoneNumberSev1ConfirmAlert } from '../Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert';
 import Summary from '../Tabs/CaseDetails/Summary';
 import CaseOwnerInfo from './CaseOwnerInfo';
 import CaseStatus from './CaseStatus';
@@ -172,8 +173,11 @@ export default function CaseOverview(props) {
         else {
             yield confirm({
                 catchOnCancel: true,
-                title: t(`Status has been changed`),
-                description: t('Are you sure you want to change this case status to {{newStatus}}?', { newStatus }),
+                title: t(`Update the status of the case?`),
+                description: t('Are you sure you want to change the case status to {{newStatus}}?', { newStatus }),
+                confirmText: t('Yes, confirm'),
+                cancelText: t('No, cancel'),
+                modalVariant: ModalVariant.small,
             });
             updateStatusState(newStatus);
         }
@@ -229,6 +233,7 @@ export default function CaseOverview(props) {
                             React.createElement("p", { className: "pf-u-mb-sm" },
                                 React.createElement(Trans, null, "The customer has received two warnings regarding inactivity. This case will be closed soon if we don't receive any input."))) })))),
                 React.createElement(CaseContactPhoneNumberAlert, { isReview: true, tabRef: props.tabsRef }),
+                React.createElement(CasePhoneNumberSev1ConfirmAlert, { isReview: true, tabRef: props.tabsRef }),
                 React.createElement("header", null,
                     React.createElement("h2", { className: "case-ID" },
                         React.createElement(Trans, null, "Case"),

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;IACpC,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EA8FjC,CAAC"}
+{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;IACpC,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EA8FjC,CAAC"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.js

@@ -1,9 +1,9 @@
 import { Button, Popover, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
+import { TncConstants } from '@rh-support/utils';
 import React, { forwardRef, useContext, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { TnC } from '../../../constants/tncConstants';
 import { RemoteSessionAgreementModal } from './RemoteSessionAgreementModal';
 export const RemoteSessionAgreement = forwardRef((props, ref) => {
     const tooltipRef = useRef();
@@ -22,7 +22,7 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
     const RemoteSessionAgreementSectionBody = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
         React.createElement("h3", { className: "card-heading pf-u-display-flex pf-u-justify-content-space-between" },
             t('Remote session agreement'),
-            React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
+            React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access.'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
                 React.createElement(InfoCircleIcon, null))),
         React.createElement("div", { className: "card-body" },
             React.createElement("p", null,
@@ -35,5 +35,5 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
             React.createElement(Button, { "aria-label": acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement'), variant: acceptedRemoteSessionTerms ? 'primary' : 'secondary', onClick: toggleRemoteSessionAgreementModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: acceptedRemoteSessionTerms, ref: tooltipRef }, acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement')))));
     return (React.createElement(React.Fragment, null,
         RemoteSessionAgreementSectionBody,
-        React.createElement(RemoteSessionAgreementModal, { caseNumber: caseNumber, caseStatus: caseStatus, show: openRequestRemoteSessionModal, onClose: toggleRemoteSessionAgreementModal, siteCode: TnC.REMOTE_RIDER_SITE_CODE, eventCode: TnC.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly })));
+        React.createElement(RemoteSessionAgreementModal, { caseNumber: caseNumber, caseStatus: caseStatus, show: openRequestRemoteSessionModal, onClose: toggleRemoteSessionAgreementModal, siteCode: TncConstants.REMOTE_RIDER_SITE_CODE, eventCode: TncConstants.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly })));
 });

package/lib/esm/components/CaseEditView/ShareCase/PartnerCaseHelper.js

@@ -7,10 +7,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { getUrlParsedParams } from '@rh-support/utils';
+import { getTnCHost, getUrlParsedParams } from '@rh-support/utils';
 import React, { useEffect, useState } from 'react';
 import { useLocation } from 'react-router';
-import { getTnCHost, handleTnCQueryParams } from './TnC';
+import { handleTnCQueryParams } from './TnC';
 export function PartnerCaseHelper(props) {
     var _a, _b;
     const [isUpdating, setIsUpdating] = useState(false);

package/lib/esm/components/CaseEditView/ShareCase/TnC.d.ts

@@ -1,6 +1,4 @@
 import { RouteComponentProps } from 'react-router';
-export declare function getTnCHost(): string;
-export declare function baseTnCUrl(): string;
 export declare function getTnCUrl(accountNumber: any): string;
 export declare const handleTnCQueryParams: (caseNumber: string, routeProps: RouteComponentProps) => Promise<void>;
 //# sourceMappingURL=TnC.d.ts.map

package/lib/esm/components/CaseEditView/ShareCase/TnC.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TnC.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ShareCase/TnC.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,wBAAgB,UAAU,WAYzB;AAED,wBAAgB,UAAU,WAGzB;AAED,wBAAgB,SAAS,CAAC,aAAa,KAAA,UAQtC;AAMD,eAAO,MAAM,oBAAoB,eAAsB,MAAM,cAAc,mBAAmB,kBAc7F,CAAC"}
+{"version":3,"file":"TnC.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ShareCase/TnC.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,wBAAgB,SAAS,CAAC,aAAa,KAAA,UAQtC;AAMD,eAAO,MAAM,oBAAoB,eAAsB,MAAM,cAAc,mBAAmB,kBAc7F,CAAC"}

package/lib/esm/components/CaseEditView/ShareCase/TnC.js

@@ -10,30 +10,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 // code replicated from legacy PCM<TnC.js>
 import hydrajs from '@cee-eng/hydrajs';
 import { ToastNotification } from '@rh-support/components';
-import { getText } from '@rh-support/utils';
+import { baseTnCUrl, getText, TncConstants } from '@rh-support/utils';
 import get from 'lodash/get';
-import { TnC } from '../../../constants/tncConstants';
-export function getTnCHost() {
-    const env = hydrajs.Env.getEnvName();
-    switch (env) {
-        case 'QA':
-            return TnC.HOSTS.QA;
-        case 'DEV':
-            return TnC.HOSTS.DEV;
-        case 'Stage':
-            return TnC.HOSTS.Stage;
-        default:
-            return TnC.HOSTS.PROD;
-    }
-}
-export function baseTnCUrl() {
-    const wejava_host = getTnCHost();
-    return `https://${wejava_host}/wapps/tnc/ackrequired`;
-}
 export function getTnCUrl(accountNumber) {
     const redirectUrl = encodeURIComponent(window.location.href + (accountNumber ? `?partnerAccountNumber=${accountNumber}` : ''));
     const cancelRedirectUrl = encodeURIComponent(window.location.href + `?rejectedTnC=true`);
-    return `${baseTnCUrl()}?site=${TnC.PARTNER_SHARE_SITE_CODE}&event=${TnC.PARTNER_SHARE_EVENT_CODE}&redirect=${redirectUrl}&cancelRedirect=${cancelRedirectUrl}`;
+    return `${baseTnCUrl()}?site=${TncConstants.PARTNER_SHARE_SITE_CODE}&event=${TncConstants.PARTNER_SHARE_EVENT_CODE}&redirect=${redirectUrl}&cancelRedirect=${cancelRedirectUrl}`;
 }
 const removeQueryParams = (routeProps) => {
     routeProps.history.replace({ search: '' });

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAiBnD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA+D1D"}
+{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAkBnD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAgE1D"}

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

@@ -14,6 +14,7 @@ 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';
 export default function CaseDetailsManagement(props) {
@@ -38,6 +39,7 @@ 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),

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":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAY5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eAqKlC;kBArKQ,YAAY;;;AAwKrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"CaseHostname.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseHostname.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAa5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eAqKlC;kBArKQ,YAAY;;;AAwKrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { accounts } from '@cee-eng/hydrajs';
 import { Popover, PopoverPosition, Spinner, Switch } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { InlineEdit, LoadingIndicator, ToastNotification, useFetch, ValueChangedIcon } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -108,7 +109,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: React.createElement(Popover, { "aria-label": "Hostname Info", position: PopoverPosition.auto, bodyContent: hostNameVisibilityContent, closeBtnAriaLabel: "Close", headerContent: 'Share hostname?', onShow: () => userOriginalHostnameValue() },
-                React.createElement("i", { "aria-label": "Hostname Info", className: "m-l-1 fa fa-question-circle" })), 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 },
+                React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Hostname Info" })), 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 },
             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/CasePhoneNumberSev1ConfirmAlert.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IProps {
+    isReview?: boolean;
+    isConfirm?: boolean;
+    tabRef?: React.MutableRefObject<HTMLDivElement>;
+}
+export declare function CasePhoneNumberSev1ConfirmAlert(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=CasePhoneNumberSev1ConfirmAlert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CasePhoneNumberSev1ConfirmAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CasePhoneNumberSev1ConfirmAlert.tsx"],"names":[],"mappings":"AAMA,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;AAMD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,MAAM,eAmG5D"}

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

@@ -0,0 +1,69 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Alert, AlertVariant, Button, ButtonVariant } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { scrollIntoView } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
+import React, { useContext, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
+import { updateCaseDetails } from '../../../../reducers/CaseReducer';
+/*
+On case detail page when case owner changes the sevirity to sev1, this alert will be displayed
+// what happens when partner changes ???
+*/
+export function CasePhoneNumberSev1ConfirmAlert(props) {
+    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const [isCaseUpdating, setCasUpdating] = useState(false);
+    const { caseNumber, suppliedPhoneNumberVerified, contactSSOName, severity } = useCaseSelector((state) => ({
+        caseNumber: state.caseDetails.caseNumber,
+        suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
+        contactSSOName: state.caseDetails.contactSSOName,
+        severity: state.caseDetails.severity,
+    }), isEqual);
+    const { t } = useTranslation();
+    const caseDispatch = useCaseDispatch();
+    const caseUpdateError = useCaseUpdateErrorMessage();
+    const onCaseDetailsChange = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
+        setCasUpdating(true);
+        try {
+            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
+            setCasUpdating(false);
+            ToastNotification.addSuccessMessage(t(`Phone number has been successfully confirmed`));
+        }
+        catch (e) {
+            setCasUpdating(false);
+            caseUpdateError.showError(e, t(`Phone number failed to be confirmed`));
+        }
+    });
+    const goToPhoneField = () => {
+        scrollIntoView(props.tabRef);
+    };
+    const isPhoneNeedsConfirm = contactSSOName === loggedInUser.data.ssoUsername &&
+        severity === "1 (Urgent)" /* SEV_1 */ &&
+        suppliedPhoneNumberVerified === 'False';
+    if (!isPhoneNeedsConfirm)
+        return React.createElement(React.Fragment, null);
+    return (React.createElement(React.Fragment, null, props.isReview ? (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: {
+                    pathname: `/case/${caseNumber}/management`,
+                    search: 'hello',
+                }, onClick: () => goToPhoneField(), "data-tracking-id": "case-contact-phone-number-review" },
+                React.createElement(Trans, null, "Review phone number")),
+        ] },
+        React.createElement(Trans, null, "This case severity is urgent. Please confirm the phone number we have on file is correct."))) : props.isConfirm ? (React.createElement(Alert, { isInline: true, className: "pf-u-mb-md", variant: AlertVariant.warning, title: t('Review phone number'), 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, "This case severity is urgent. Please confirm the phone number we have on file is correct."))) : (React.createElement(React.Fragment, null))));
+}

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

@@ -32,7 +32,7 @@ export function ContactPhoneNumber() {
         limit: PHONE_LIMIT,
     });
     return (React.createElement("div", { className: "form-group", style: { minWidth: '200px' } },
-        React.createElement("h3", { className: "subheading subheading-sm" },
+        React.createElement("label", { className: "subheading subheading-sm" },
             React.createElement(Trans, null, "Case owner's phone number"),
             ContactPhoneNumberPopOver()),
         React.createElement(TextInput, { id: "case-phone-number", placeholder: "+1 555-555-5555", value: caseDetails.phone, onChange: handlePhoneChange, validated: ((_a = caseDetails.phone) === null || _a === void 0 ? void 0 : _a.length) > PHONE_LIMIT

package/lib/esm/components/CaseInformation/ContactPhoneNumberPopOver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAIA,wBAAgB,yBAAyB,gBA2BxC"}
+{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAKA,wBAAgB,yBAAyB,gBA2BxC"}

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

@@ -1,4 +1,5 @@
 import { Popover, PopoverPosition } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import React from 'react';
 import { Trans } from 'react-i18next';
 export function ContactPhoneNumberPopOver() {
@@ -8,5 +9,5 @@ export function ContactPhoneNumberPopOver() {
                 ' ',
                 React.createElement("a", { href: "https://www.redhat.com/wapps/ugc/protected/personalInfo.html", "data-tracking-id": "case-contact-phone-number-account-details", target: "_blank", rel: "noopener noreferrer" }, "your account details"),
                 ".")), closeBtnAriaLabel: "Close" },
-        React.createElement("i", { "aria-label": "Support Severity Level info", className: "fa fa-question-circle" })));
+        React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Contact Phone Number Info" })));
 }

package/lib/esm/components/CaseInformation/Severity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAKvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAwBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAqR9B;kBArRQ,QAAQ;;;AAuRjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAwBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAqR9B;kBArRQ,QAAQ;;;AAuRjB,eAAe,QAAQ,CAAC"}

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

@@ -1,4 +1,5 @@
 import { Popover, PopoverPosition, Tooltip, TooltipPosition } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
 import { Dropdown, ValueChangedIcon } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -159,7 +160,7 @@ function Severity(props) {
                 ' ',
                 React.createElement("a", { href: "/support/policy/severity", target: "_blank" },
                     React.createElement(Trans, null, "Red Hat Support Severity Level Definitions"))), closeBtnAriaLabel: "Close" },
-            React.createElement("i", { "aria-label": "Support Severity Level info", className: "fa fa-question-circle" }))),
+            React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Support Severity Level Info" }))),
         "\u00A0",
         filteredSeverities.filter((s) => s.disabled).length !== 0 && (React.createElement(Tooltip, { position: TooltipPosition.top, content: React.createElement(Trans, null, "Only the enabled severity levels are supported for selected product and version.") },
             React.createElement(WarningTriangleIcon, { color: "#ec7a08", size: "sm", title: "Support Severity Level warning" }))),

package/lib/esm/components/CaseInformation/SupportLevel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/SupportLevel.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAU5D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAO5C,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eA4HlC;kBA5HQ,YAAY;;;AA8HrB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SupportLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/SupportLevel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAU5D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAO5C,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eA4HlC;kBA5HQ,YAAY;;;AA8HrB,eAAe,YAAY,CAAC"}

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

@@ -1,4 +1,5 @@
 import { Popover, PopoverPosition, Select, SelectOption, SelectVariant, ValidatedOptions, } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { showFtsOnCaseViewEditPage, showFtsOnCreateCasePage } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
@@ -81,7 +82,7 @@ function SupportLevel(props) {
                     "Learn more about our",
                     ' ',
                     React.createElement("a", { href: "/support/offerings/production/sla", target: "_blank" }, "production support service level agreement"))), closeBtnAriaLabel: "Close" },
-            React.createElement("i", { "aria-label": "Support Level info", className: "fa fa-question-circle" })),
+            React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Support Level Info" })),
         React.createElement(Select, { variant: SelectVariant.single, "aria-label": t('Select Support Level'), onToggle: onToggle, onSelect: onEntitlementChange, selections: selectedSla, isOpen: isOpen, "aria-labelledby": 'get-support-supportLevel', isDisabled: ownersEntitlements.isError || isEmpty(ownersEntitlements.data), validated: isSupportLevelInValid ? ValidatedOptions.error : ValidatedOptions.default, "data-tracking-id": "get-support-supportLevel" }, getSlaList().map((sla, index) => (React.createElement(SelectOption, { key: index, value: sla })))),
         isEmpty(ownersEntitlements.data) && (React.createElement("p", { className: "form-instructions" }, ownersEntitlements.isError ? t('Error loading support levels') : t('No active subscriptions')))));
 }

package/lib/esm/components/CaseManagement/Cep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AAqCA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,eAkShC"}
+{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AAsCA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,eAkShC"}

package/lib/esm/components/CaseManagement/Cep.js

@@ -8,6 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Button, Form, FormGroup, Modal, ModalVariant, Popover, PopoverPosition, TextArea, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { LoadingIndicator, ToastNotification, useConfirmation } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -135,12 +136,11 @@ export function Cep(props) {
         return React.createElement(React.Fragment, null);
     }
     return (React.createElement("div", { className: "form-group push-top" },
-        React.createElement("input", { type: "checkbox", id: "get-support-cep", name: "get-support-cep", checked: cep, onChange: onCepChange, "data-tracking-id": "get-support-cep" }),
+        React.createElement("input", { type: "checkbox", id: "get-support-cep", name: "get-support-cep", checked: isEqual(cep, undefined) ? false : cep, onChange: onCepChange, "data-tracking-id": "get-support-cep" }),
         React.createElement("label", { htmlFor: "get-support-cep" },
             React.createElement(Trans, null, "Consultant has been engaged")),
         React.createElement(Popover, { "aria-label": "CEP info", position: PopoverPosition.top, bodyContent: React.createElement(Trans, null, "Used by consultants to indicate that a consulting engagement is in progress and the issue requires increased attention from support resources."), closeBtnAriaLabel: "Close" },
-            React.createElement("i", { "aria-label": "CEP info", className: "fa fa-question-circle" })),
-        ' ',
+            React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "CEP Info" })),
         React.createElement(LoadingIndicator, { show: isCaseUpdating && isPostingCep, isInline: true, size: "sm" }),
         React.createElement(Modal, { id: "cep-details-modal", title: t('Consultant engagement is in progress'), "aria-describedby": "cep-modal-description", isOpen: isCepModalOpen, showClose: true, variant: ModalVariant.large, onClose: onCancel, actions: [
                 React.createElement(Button, { key: "confirm", variant: "primary", className: "btn btn-app btn-primary", onClick: onSubmit, isDisabled: saveButtonIsClicked && isFormInvalid, "data-tracking-id": "cep-details-save" },

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEA2ClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEAuClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.js

@@ -12,17 +12,15 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "product-selector-wrapper" },
             React.createElement("label", { htmlFor: "product-selector-dropdown-downshift-search", ref: ref },
-                React.createElement("h3", { className: "subheading subheading-sm" },
-                    React.createElement(Trans, null, "Product"),
-                    ' ',
-                    React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+                React.createElement(Trans, null, "Product"),
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
             React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate })),
         React.createElement("div", { className: "version-selector-wrapper" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
-                React.createElement("h3", { className: "subheading subheading-sm" },
-                    React.createElement(Trans, null, "Version"),
-                    ' ',
-                    React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+                React.createElement(Trans, null, "Version"),
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
             React.createElement(NewProductVersionSelector, { selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, versionState: props.version, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError }))));
 });
 ProductVersionDropdownSelector.defaultProps = defaultProps;

package/lib/esm/components/RemoteRider/RemoteRiderAcceptanceModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAOA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,eA2B/D"}
+{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAMA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,eA2B/D"}

package/lib/esm/components/RemoteRider/RemoteRiderAcceptanceModal.js

@@ -10,8 +10,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { publicApi } from '@cee-eng/hydrajs';
 import { AcceptTermsModal, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { TncConstants } from '@rh-support/utils';
 import React, { useContext } from 'react';
-import { TnC } from '../../constants/tncConstants';
 export default function RemoteRiderAcceptanceModal(props) {
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const { request, isFetching } = useFetch(publicApi.kase.acknowledgeRemoteSessionTerms, { propgateErrors: true });
@@ -24,5 +24,5 @@ export default function RemoteRiderAcceptanceModal(props) {
             props.onFailure && props.onFailure();
         }
     });
-    return (React.createElement(AcceptTermsModal, { isSubmitting: isFetching, siteCode: TnC.REMOTE_RIDER_SITE_CODE, eventCode: TnC.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername, isModalOpen: props.isModalOpen, onModalClose: props.onModalClose, dataTrackingId: props.isCaseDetailsPage ? 'rar-case-details' : 'rar-case-submit', onConfirm: onConfirm }));
+    return (React.createElement(AcceptTermsModal, { isSubmitting: isFetching, siteCode: TncConstants.REMOTE_RIDER_SITE_CODE, eventCode: TncConstants.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername, isModalOpen: props.isModalOpen, onModalClose: props.onModalClose, dataTrackingId: props.isCaseDetailsPage ? 'rar-case-details' : 'rar-case-submit', onConfirm: onConfirm }));
 }

package/lib/esm/components/shared/fileUpload/FileLister.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAsR/C"}
+{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAsR/C"}

package/lib/esm/components/shared/fileUpload/FileLister.js

@@ -1,5 +1,6 @@
 import { pcm } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant, Label, Progress, ProgressMeasureLocation } from '@patternfly/react-core';
+import HistoryIcon from '@patternfly/react-icons/dist/js/icons/history-icon';
 import { CircularProgressbar } from '@rh-support/components';
 import { humanizeSize } from '@rh-support/utils';
 import capitalize from 'lodash/capitalize';
@@ -113,7 +114,7 @@ export default function FileLister(props) {
                             ((_a = localFile === null || localFile === void 0 ? void 0 : localFile.description) === null || _a === void 0 ? void 0 : _a.length) > 1 && (React.createElement("span", { className: "character-counter text-muted" }, 255 - localFile.description.length)),
                         (isUploadFailed(localFile.uploadProgress.uploadStatus) ||
                             isUploadAborted(localFile.uploadProgress.uploadStatus)) && (React.createElement("button", { type: "button", "aria-label": "Failed to upload, Retry", title: "Failed to upload, Retry", className: "btn btn-link btn-xs", "data-tracking-id": "file-lister-retry", onClick: onRetry(index) },
-                            React.createElement("i", { className: "nimbus-icon-backup" }))),
+                            React.createElement(HistoryIcon, null))),
                         !isVerifyingUpload(localFile.uploadProgress.uploadStatus) &&
                             !isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(React.Fragment, null,
                             canShowAbortBtn(localFile.uploadProgress.uploadStatus) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Cancel Upload'), title: t('Cancel Upload'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-abort", onClick: onAbortClick(localFile, index), hidden: !localFile.uploadability.ableToUpload, isDisabled: !(localFile.uploadProgress.percentUploaded > 0) },

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

@@ -48,7 +48,7 @@ function WizardMain(props) {
     // in useWizard file then add it to step squences in RouteConstNTypes
     const steps = getStepsSequece(showRestFlag);
     return (React.createElement(React.Fragment, null,
-        steps.length !== 0 && (React.createElement(Route, { path: `${RouteUtils.seBasePath}/(${steps[0].id}|describe-issue)`, render: () => (React.createElement(Wizard, { navAriaLabel: ` navAriaLabel steps `, mainAriaLabel: ` mainAriaLabel content `, steps: steps, footer: CustomFooter, onNext: onNext, onBack: onBack, hideClose: true, backButtonText: t('Go back'), onCurrentStepChanged: onCurrentStepChanged })) })),
+        steps.length !== 0 && (React.createElement(Route, { path: `${RouteUtils.seBasePath}/(${steps[0].id}|describe-issue|open-case)`, render: () => (React.createElement(Wizard, { navAriaLabel: ` navAriaLabel steps `, mainAriaLabel: ` mainAriaLabel content `, steps: steps, footer: CustomFooter, onNext: onNext, onBack: onBack, hideClose: true, backButtonText: t('Go back'), onCurrentStepChanged: onCurrentStepChanged })) })),
         React.createElement(Route, { exact: true, path: `${RouteUtils.seBasePath}/${AppRouteSections.SUBMIT_CASE}`, render: () => renderSubmitCasePage() })));
 }
 export default WizardMain;

package/lib/esm/scss/_main.scss

@@ -11,129 +11,6 @@ div.support-grid-case-details.support-case {
     margin-bottom: -2.5rem;
     padding: 0;
 
-    /* Layout - progress section */
-    .grid-progress {
-        grid-area: progress;
-    }
-
-    .grid-progress .grid-progress-content {
-        padding: 1.5rem 1rem 1.5rem 2rem;
-
-        & > button {
-            margin-top: 0.5rem;
-            margin-bottom: 1rem;
-        }
-
-        & > .back-to-app {
-            margin-left: -0.8rem;
-            margin-bottom: 2rem;
-        }
-
-        .grid-progress-steps {
-            counter-reset: wizard-step-count;
-            display: -webkit-box;
-            display: -ms-flexbox;
-            display: flex;
-            -webkit-box-orient: horizontal;
-            -webkit-box-direction: normal;
-            -ms-flex-direction: row;
-            flex-direction: row;
-            -webkit-box-align: center;
-            -ms-flex-align: center;
-            align-items: center;
-            -webkit-box-pack: start;
-            -ms-flex-pack: start;
-            justify-content: flex-start;
-            margin: 0;
-            padding: 0 0.5rem;
-            list-style: none;
-
-            li {
-                padding: 0 1rem;
-
-                button {
-                    position: relative;
-                    text-align: left;
-                    font-weight: 400;
-
-                    &::before {
-                        position: absolute;
-                        display: inline-flex;
-                        align-items: center;
-                        justify-content: center;
-                        top: 0px;
-                        left: 0px;
-                        color: #fff;
-                        counter-increment: wizard-step-count;
-                        content: counter(wizard-step-count);
-                        font-size: 12px;
-                        font-weight: 600;
-                        line-height: 1;
-                        width: 1.5rem;
-                        height: 1.5rem;
-                        border-radius: 50%;
-                        transform: matrix(1, 0, 0, 1, -18, 4);
-                    }
-
-                    span {
-                        display: none;
-                    }
-                }
-
-                &.on button {
-                    background-color: #06c;
-                    font-weight: 600;
-
-                    &::before {
-                        background-color: #06c;
-                        border-color: #06c;
-                    }
-                }
-
-                &.next button,
-                &.future button {
-                    color: #151515;
-
-                    &::before {
-                        background-color: #ededed;
-                        color: #151515;
-                    }
-
-                    &[disabled] {
-                        background-color: transparent;
-                        border-color: #8b8d8f;
-                        color: #8b8d8f;
-
-                        &::before {
-                            color: #8d8e8f;
-                        }
-                    }
-
-                    &:hover {
-                        color: #06c;
-                    }
-                }
-
-                &.completed button {
-                    color: #151515;
-
-                    &::before {
-                        background-color: #ededed;
-                        color: #151515;
-                    }
-
-                    &:hover {
-                        color: #06c;
-                    }
-                }
-
-                &:last-child {
-                    margin-bottom: 0;
-                }
-            }
-        }
-    }
-
     .grid-main {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
@@ -156,32 +33,6 @@ div.support-grid-case-details.support-case {
         } /* ONLY until step refactoring */
     }
 
-    .grid-navigation {
-        -ms-grid-row: 2;
-        -ms-grid-column: 1;
-        grid-area: nav;
-        position: -webkit-sticky;
-        position: sticky;
-        bottom: 0;
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        padding: 1rem;
-        background-color: #fff;
-        border: 1px solid #d9d9d9;
-        border-bottom: initial;
-        border-left: initial;
-
-        /* Layout - navigation section */
-        button:first-child {
-            margin-right: 1em;
-        }
-
-        button:last-child:not(.btn-primary) {
-            margin-left: auto;
-        }
-    }
-
     .grid-aside {
         grid-area: aside;
         background-color: #e7e7e7;
@@ -243,51 +94,6 @@ div.support-grid-case-details.support-case {
             'progress main'
             'progress nav';
 
-        .grid-progress {
-            -ms-grid-row: 1;
-            -ms-grid-row-span: 2;
-            -ms-grid-column: 1;
-            display: inline-block;
-            border-right: 1px solid #d9d9d9;
-            padding: 1rem;
-
-            & > button {
-                margin-top: 0;
-                margin-bottom: 1.5rem;
-                margin-left: -0.9rem;
-            }
-
-            .grid-progress-content {
-                position: -webkit-sticky;
-                position: sticky;
-                top: 8rem;
-
-                .grid-progress-steps {
-                    -webkit-box-orient: vertical;
-                    -ms-flex-direction: column;
-                    flex-direction: column;
-                    -webkit-box-align: start;
-                    -ms-flex-align: start;
-                    align-items: flex-start;
-                    -webkit-box-pack: center;
-                    -ms-flex-pack: center;
-                    justify-content: center;
-                    padding: 0;
-
-                    li {
-                        margin-right: 0;
-                        margin-bottom: 1.5rem;
-                        padding: 0;
-
-                        button {
-                            white-space: nowrap;
-                            font-size: 15px;
-                        }
-                    }
-                }
-            }
-        }
-
         .grid-main {
             -ms-grid-row: 1;
             -ms-grid-column: 2;
@@ -299,12 +105,6 @@ div.support-grid-case-details.support-case {
             position: sticky;
             top: 8rem;
         }
-
-        .grid-navigation {
-            -ms-grid-row: 2;
-            -ms-grid-column: 2;
-            padding: 1rem 2rem;
-        }
     }
 
     /* Large devices - add aside */
@@ -317,8 +117,7 @@ div.support-grid-case-details.support-case {
             'progress main aside'
             'progress nav aside';
 
-        .grid-main,
-        .grid-navigation {
+        .grid-main {
             border-right: 1px solid #e7e7e7;
         }
 
@@ -337,21 +136,6 @@ div.support-grid-case-details.support-case {
                 padding: 2.5rem 1.5rem;
             }
         }
-
-        .grid-navigation {
-            -ms-grid-row: 2;
-            -ms-grid-column: 2;
-        }
-
-        .grid-progress {
-            -ms-grid-row: 1;
-            -ms-grid-row-span: 2;
-            -ms-grid-column: 1;
-
-            & > .grid-main-section {
-                padding: 2rem 1rem;
-            }
-        }
     }
 
     /* XL devices - Add step names to progress section */
@@ -364,10 +148,6 @@ div.support-grid-case-details.support-case {
     @media (min-width: 2000px) {
         -ms-grid-columns: 300px 1fr 33%;
         grid-template-columns: 300px auto 33%;
-
-        .grid-progress {
-            padding: 1rem;
-        }
     }
 
     /* Case details grid */
@@ -1090,3 +870,11 @@ li.pf-c-wizard__nav-item button.pf-m-disabled::before {
 .solved-issue-button {
     margin-left: auto !important;
 }
+
+svg.pf-c-spinner.pf-m-md.export-csv-loader {
+    --pf-c-spinner--Color: var(--pf-global--Color--200) !important;
+}
+
+svg.pf-u-ml-xs.icon-size {
+    width: 14px;
+}

package/lib/esm/scss/_pf4-overrides.scss

@@ -172,20 +172,22 @@
     }
 }
 
-.pf-c-expandable-section {
-    .pf-c-expandable-section__content {
-        margin-top: 0 !important;
-        padding: 10px 5px;
-        border: 1px solid #d2d2d2;
-        border-top: none;
-    }
+#rh-support-case {
+    .pf-c-expandable-section {
+        .pf-c-expandable-section__content {
+            margin-top: 0 !important;
+            padding: 10px 5px;
+            border: 1px solid #d2d2d2;
+            border-top: none;
+        }
 
-    .pf-c-expandable-section__toggle {
-        font-size: 16px;
+        .pf-c-expandable-section__toggle {
+            font-size: 16px;
 
-        .pf-c-expandable-section__toggle-text {
-            margin-left: 8px;
-            font-weight: 500;
+            .pf-c-expandable-section__toggle-text {
+                margin-left: 8px;
+                font-weight: 500;
+            }
         }
     }
 }

package/lib/esm/utils/remoteRiderUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remoteRiderUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/remoteRiderUtils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,mDAUhC,CAAC"}
+{"version":3,"file":"remoteRiderUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/remoteRiderUtils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,mDAUhC,CAAC"}

package/lib/esm/utils/remoteRiderUtils.js

@@ -1,9 +1,9 @@
 import hydrajs from '@cee-eng/hydrajs';
-import { TnC } from '../constants/tncConstants';
+import { TncConstants } from '@rh-support/utils';
 export const getTnCRemoteRiderUrl = (caseNumber, isSecureSupport) => {
     const path = `${isSecureSupport ? hydrajs.Env.securePathPrefix : hydrajs.Env.pathPrefix}/cases/${caseNumber}/remotesessionterms`;
     const redirectUrl = hydrajs.Env.hydraHostName.clone().setPath(path);
     const cancelRedirectUrl = encodeURIComponent(`${window.location.href}?remoteSessionTermsAcked=false`);
-    const tncUrl = `https://${TnC.HOSTS[hydrajs.Env.getEnvName()]}/wapps/tnc/ackrequired?site=${TnC.REMOTE_RIDER_SITE_CODE}&event=${TnC.REMOTER_RIDER_EVENT_CODE}&redirect=${redirectUrl}&cancelRedirect=${cancelRedirectUrl}`;
+    const tncUrl = `https://${TncConstants.HOSTS[hydrajs.Env.getEnvName()]}/wapps/tnc/ackrequired?site=${TncConstants.REMOTE_RIDER_SITE_CODE}&event=${TncConstants.REMOTER_RIDER_EVENT_CODE}&redirect=${redirectUrl}&cancelRedirect=${cancelRedirectUrl}`;
     return tncUrl;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.1.19",
+    "version": "2.1.20-beta.0",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.15.82",
+        "@cee-eng/hydrajs": "4.15.84",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -56,7 +56,7 @@
         "react-virtualized": "^9.21.2"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.15.82",
+        "@cee-eng/hydrajs": "4.15.84",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -66,11 +66,11 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.0.11",
-        "@rh-support/react-context": "2.0.11",
+        "@rh-support/components": "2.0.12-beta.0",
+        "@rh-support/react-context": "2.0.12-beta.0",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.0.11",
-        "@rh-support/utils": "2.0.11",
+        "@rh-support/user-permissions": "2.0.11-beta.0",
+        "@rh-support/utils": "2.0.11-beta.0",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.4.1",
@@ -133,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "847c33cd666971e8c8529b15192437cd74d995bb"
+    "gitHead": "d2f8df79dfae0ffc697fcf847d85ec6f2f892403"
 }

package/lib/esm/constants/tncConstants.d.ts

@@ -1,13 +0,0 @@
-export declare const TnC: {
-    HOSTS: {
-        DEV: string;
-        QA: string;
-        Stage: string;
-        PROD: string;
-    };
-    PARTNER_SHARE_SITE_CODE: string;
-    PARTNER_SHARE_EVENT_CODE: string;
-    REMOTER_RIDER_EVENT_CODE: string;
-    REMOTE_RIDER_SITE_CODE: string;
-};
-//# sourceMappingURL=tncConstants.d.ts.map

package/lib/esm/constants/tncConstants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tncConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/tncConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG;;;;;;;;;;;CAWf,CAAC"}

package/lib/esm/constants/tncConstants.js

@@ -1,12 +0,0 @@
-export const TnC = {
-    HOSTS: {
-        DEV: 'ams-dev1.devlab.redhat.com',
-        QA: 'www.qa.redhat.com',
-        Stage: 'www.stage.redhat.com',
-        PROD: 'www.redhat.com',
-    },
-    PARTNER_SHARE_SITE_CODE: 'customerPortal',
-    PARTNER_SHARE_EVENT_CODE: 'partnerAuthorization',
-    REMOTER_RIDER_EVENT_CODE: 'remoteAccessRider',
-    REMOTE_RIDER_SITE_CODE: 'remoteAccessRider',
-};