@rh-support/troubleshoot 2.1.11 → 2.1.13-beta-0

package/lib/esm/reducers/CaseReducer.js

@@ -148,11 +148,17 @@ export const setNotifiedUser = (dispatch, selectedNotificationContacts) => {
         payload: { selectedNotificationContacts },
     });
 };
-export const submitCase = (dispatch, caseDetails, sessionItem, isCaseCreate, errorMessage500) => __awaiter(void 0, void 0, void 0, function* () {
+export const submitCase = (dispatch, caseDetails, sessionItem, isCaseCreate, errorMessage500, loggedInUseeSsoUsername) => __awaiter(void 0, void 0, void 0, function* () {
     dispatch({ type: CaseReducerConstants.isCreatingCase });
     try {
         const casePayload = createCasePayload(caseDetails, sessionItem, isCaseCreate);
         const caseNumber = yield publicApi.kase.createCase(casePayload, caseDetails.selectedAccountDetails.data.secureSupport);
+        if (casePayload.contactSSOName === loggedInUseeSsoUsername) {
+            contacts.updateContactBySSO(casePayload.contactSSOName, {
+                supportPhoneCountryCode: casePayload.phoneCountryCode,
+                supportPhoneAreaCodePrefixLineNumber: casePayload.phoneAreaCodePrefixLineNumber,
+            });
+        }
         postCaseCreationProcessing(dispatch, caseNumber, caseDetails);
         dispatch({ type: CaseReducerConstants.caseCreated, payload: { caseDetails: { caseNumber } } });
     }
@@ -538,6 +544,8 @@ export const fetchCaseDetails = (dispatch, caseNumber, loggedInUserRights, refre
             noClusterIdReason: data.noClusterIdReason || '',
             noClusterIdReasonExplanation: data.noClusterIdReasonExplanation || '',
             phone: data.phone || '',
+            phoneAreaCodePrefixLineNumber: data.phoneAreaCodePrefixLineNumber || '',
+            phoneCountryCode: data.phoneCountryCode || '',
             suppliedPhoneNumberVerified: data.suppliedPhoneNumberVerified || undefined,
         };
         caseDetails.chats = data === null || data === void 0 ? void 0 : data.chats;

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 */
@@ -1077,3 +857,29 @@ li.pf-c-wizard__nav-item button.pf-m-disabled::before {
     border: 2px dashed var(--pf-global--palette--black-600);
     background-color: var(--pf-global--palette--black-300);
 }
+.pf-c-wizard__footer {
+    display: flex !important;
+    align-items: center !important;
+    padding: 10px !important;
+}
+
+.main-nav-button {
+    display: flex !important;
+}
+
+.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;
+}
+
+@font-face {
+    font-family: 'DejaVu Sans';
+    src: url('https://access.redhat.com/chrome_themes/nimbus/fonts/unifont-15.0.06.ttf') format('truetype');
+}

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

@@ -147,7 +147,7 @@
                 padding: 0 10px;
 
                 &:hover svg {
-                    color: #004080 !important;
+                    color: var(--pf-global--palette--blue-500) !important;
                 }
             }
         }
@@ -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;
+            }
         }
     }
 }
@@ -276,6 +278,29 @@
 
 .popular-solutions {
     background-color: #286869 !important;
+    .card-title {
+        color: #fff !important;
+    }
+    div > button > span > svg {
+        color: white !important;
+    }
+    .file-recs-actions-toggle {
+        color: white !important;
+    }
+}
+.file-diag {
+    border: 1px solid #ededed;
+}
+
+.file-diag > .card-heading {
+    display: flex;
+    -ms-flex-align: center;
+    margin-bottom: 0;
+    padding: 0.5rem 0.8rem;
+    font-size: 15px;
+    background-color: var(--pf-global--palette--black-500);
+    border: 1px solid var(--pf-global--palette--black-500);
+    color: var(--pf-global--palette--white);
 }
 
 .file-diag .file-buttons .pf-c-switch .pf-c-switch__label {
@@ -409,3 +434,55 @@ div#case-reopen-modal.pf-c-modal-box__body {
 pfe-accordion {
     box-shadow: inset 1px 1px 0px #d2d2d2, inset -1px -1px 0px #d2d2d2;
 }
+
+.pf-c-wizard__main,
+.pf-c-wizard__footer,
+.pf-c-wizard__nav {
+    z-index: 1 !important;
+}
+
+.pf-c-options-menu__menu {
+    z-index: 9 !important;
+}
+
+#tc-product-dropdown-selector {
+    .pf-c-select__menu {
+        z-index: 90 !important;
+    }
+}
+
+div.case-details-summary {
+    margin-bottom: 1.5rem;
+}
+
+div.suggestions-result-section {
+    margin-top: 2rem;
+}
+
+.all-product-selector-dropdown .pf-c-select__menu-group-title:empty {
+    display: none;
+}
+
+.green-card-heading {
+    font-size: 16px !important;
+}
+
+.update-info-button {
+    --pf-c-button--BackgroundColor: #fff;
+    --pf-c-button--hover--BackgroundColor: #ededed;
+    --pf-c-button--active--BackgroundColor: #ededed;
+    --pf-c-button--focus--BackgroundColor: #ededed;
+}
+
+.submit-case-check-icon {
+    margin-right: 1rem;
+}
+
+.file-upload-group {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+}
+
+.pf-c-alert p {
+    margin-bottom: 0;
+}

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.11",
+    "version": "2.1.13-beta-0",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.15.81",
+        "@cee-eng/hydrajs": "4.16.4",
         "@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.81",
+        "@cee-eng/hydrajs": "4.16.4",
         "@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.8",
-        "@rh-support/react-context": "2.0.8",
+        "@rh-support/components": "2.0.7-beta.1",
+        "@rh-support/react-context": "2.0.7-beta-1",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.0.8",
-        "@rh-support/utils": "2.0.8",
+        "@rh-support/user-permissions": "2.0.3-beta-1",
+        "@rh-support/utils": "2.0.1-beta-1",
         "@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": "6bc43bd45d0a24ad38a702c83104b701ed4d4a8c"
+    "gitHead": "c382d611cbe5e1520adb25c9a9d0737b80a09748"
 }

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface IProps {
-    caseNumber: string;
-    caseSeverity: string;
-    caseStatus: string;
-    readOnly: boolean;
-    screenSessionRequested: boolean;
-}
-export declare const ESSRemoteSession: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=ESSRemoteSession.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,+EA2F3B,CAAC"}

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

@@ -1,38 +0,0 @@
-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 React, { forwardRef, useContext, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ESSRemoteSessionModal } from './ESSRemoteSessionModal';
-export const ESSRemoteSession = forwardRef((props, ref) => {
-    const tooltipRef = useRef();
-    const { t } = useTranslation();
-    const canEditCase = useCanEditCase();
-    const { caseNumber, caseStatus, screenSessionRequested, readOnly } = props;
-    const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
-    const [openESSRemoteSessionModal, setOpenESSRemoteSessionModal] = useState(false);
-    // To toggle ESS RS Modal
-    const toggleESSRemoteSessionModal = () => {
-        if (canEditCase.alert())
-            return;
-        setOpenESSRemoteSessionModal((openESSRemoteSessionModal) => !openESSRemoteSessionModal);
-    };
-    // ESS RS Aside Section Body
-    const ESSRemoteSessionSectionBody = (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'),
-            React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('A remote session allows support engineers to view or access your computer to simplify collaboration and troubleshooting.'), 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,
-                React.createElement("strong", null, `${t('Red Hat may agree to remotely access your systems if:')}`)),
-            React.createElement("ul", null,
-                React.createElement("li", null, t(`Such access will help diagnose, debug or lead to the resolution of a software defect`)),
-                React.createElement("li", null, t('Agreed upon by both Red Hat and you, the end user'))),
-            React.createElement("p", { className: "rrs-light-grey-text" }, t('Red Hat will add a comment to your case to schedule your remote session.')),
-            screenSessionRequested && (React.createElement(Tooltip, { content: t('Remote session agreement has already been accepted.'), reference: tooltipRef, "aria-live": 'polite' })),
-            React.createElement(Button, { "aria-label": screenSessionRequested ? t('Remote session requested') : t('Request remote session'), variant: screenSessionRequested ? 'primary' : 'secondary', onClick: toggleESSRemoteSessionModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: screenSessionRequested, ref: tooltipRef }, screenSessionRequested ? t('Remote session requested') : t('Request remote session')))));
-    return (React.createElement(React.Fragment, null,
-        ESSRemoteSessionSectionBody,
-        React.createElement(ESSRemoteSessionModal, { caseNumber: caseNumber, caseStatus: caseStatus, screenSessionRequested: screenSessionRequested, show: openESSRemoteSessionModal, onClose: toggleESSRemoteSessionModal, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly })));
-});

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.d.ts

@@ -1,15 +0,0 @@
-import { IApiResponseDetails } from '@rh-support/types/shared';
-import { UserAuth } from '@rh-support/user-permissions';
-interface IProps {
-    caseNumber: string;
-    onClose?: () => void;
-    loggedInUser: string;
-    caseStatus: string;
-    show: boolean;
-    loggedInUserRights: IApiResponseDetails<UserAuth>;
-    readOnly: boolean;
-    screenSessionRequested: boolean;
-}
-export declare function ESSRemoteSessionModal(props: IProps): JSX.Element;
-export {};
-//# sourceMappingURL=ESSRemoteSessionModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ESSRemoteSessionModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAkBxD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAiKlD"}