@rh-support/troubleshoot 2.7.1 → 2.7.10

package/lib/esm/components/TroubleshootSection/UserFeedbackComplete.js

@@ -0,0 +1,50 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Card, CardBody, CardHeader, CardTitle } from '@patternfly/react-core';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import CloseButton from './CloseButton';
+const UserFeedbackComplete = (_a) => {
+    var { title: propsTitle, body: propsBody, onClose, isCompact } = _a, props = __rest(_a, ["title", "body", "onClose", "isCompact"]);
+    const { t } = useTranslation();
+    const title = propsTitle !== null && propsTitle !== void 0 ? propsTitle : t('Feedback submitted');
+    const body = propsBody !== null && propsBody !== void 0 ? propsBody : t("We've received your response. Thank you for sharing your feedback!");
+    return (React.createElement(Card, Object.assign({ isCompact: isCompact, className: "pf-chatbot__feedback-card pf-chatbot__feedback-card-complete" }, props),
+        React.createElement(CardHeader, { className: onClose
+                ? 'pf-chatbot__feedback-card-complete-header'
+                : 'pf-chatbot__feedback-card-complete-empty-header', actions: onClose
+                ? {
+                    actions: React.createElement(CloseButton, { onClose: onClose }),
+                }
+                : undefined }),
+        React.createElement("div", { className: "pf-chatbot__feedback-complete-body" },
+            React.createElement("div", { className: "pf-chatbot__feedback-complete-image" },
+                React.createElement("svg", { width: "60", height: "64", viewBox: "0 0 60 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M53.0555 21.5975H6.94323C3.57013 21.5975 0.835693 24.3319 0.835693 27.705V57.8925C0.835693 61.2656 3.57013 64 6.94323 64H53.0555C56.4286 64 59.1631 61.2656 59.1631 57.8925V27.705C59.1631 24.3319 56.4286 21.5975 53.0555 21.5975Z", fill: "#F8AE54" }),
+                    React.createElement("path", { d: "M55.8973 19.8247C52.5894 15.7926 29.9992 0 29.9992 0C29.9992 0 7.40996 15.7926 4.10102 19.8247C0.79312 23.8568 0.835476 25.7184 0.835476 27.8899H59.1629C59.1629 25.7184 59.2052 23.8578 55.8973 19.8257V19.8247Z", fill: "#FFCC17" }),
+                    React.createElement("g", null,
+                        React.createElement("path", { d: "M53.0567 8.48981H6.94336V61.8388H53.0567V8.48981Z", fill: "#F2F2F2" })),
+                    React.createElement("path", { d: "M51.6589 7.49908H8.34204V60.8481H51.6589V7.49908Z", fill: "white" }),
+                    React.createElement("path", { d: "M0.835693 29.1296V57.8925C0.835693 59.2375 1.27165 60.4803 2.00823 61.4896L23.0303 43.5462L0.835693 29.1296Z", fill: "#FFCC17" }),
+                    React.createElement("path", { d: "M36.9695 43.5472L57.9905 61.4907C58.7271 60.4813 59.1631 59.2386 59.1631 57.8935V29.1306L36.9685 43.5472H36.9695Z", fill: "#FFF4CC" }),
+                    React.createElement("path", { d: "M0.835693 57.8925V57.8067L22.4146 42.7992L29.9994 37.5244L37.5842 42.7992L59.1641 57.8067V57.8925C59.1641 61.2665 56.4296 64 53.0566 64H6.94323C3.57024 64 0.835693 61.2665 0.835693 57.8925Z", fill: "#FFE072" }),
+                    React.createElement("g", null,
+                        React.createElement("path", { d: "M22.1563 42.978L0.835693 57.8067V56.6993L22.1563 42.978Z", fill: "#FEF07C" })),
+                    React.createElement("g", null,
+                        React.createElement("path", { d: "M37.8425 42.978L59.1631 57.8067V56.6993L37.8425 42.978Z", fill: "#FEF07C" })),
+                    React.createElement("path", { d: "M37.8037 32.2373C42.1136 27.9273 42.1136 20.9395 37.8037 16.6295C33.4937 12.3196 26.5059 12.3196 22.196 16.6295C17.886 20.9395 17.886 27.9273 22.196 32.2373C26.5059 36.5472 33.4937 36.5472 37.8037 32.2373Z", fill: "#0066CC" }),
+                    React.createElement("path", { d: "M27.7803 30.1276C27.6098 30.1276 27.4497 30.0614 27.3298 29.9406L22.9465 25.5562C22.8267 25.4364 22.7595 25.2762 22.7595 25.1068C22.7595 24.9374 22.8256 24.7762 22.9465 24.6554L24.2379 23.364C24.3577 23.2442 24.5178 23.177 24.6883 23.177C24.8587 23.177 25.0168 23.2431 25.1377 23.363L27.7803 26.0056L34.861 18.9259C34.9808 18.8061 35.1409 18.7389 35.3103 18.7389C35.4798 18.7389 35.6389 18.8051 35.7597 18.9239L37.0531 20.2173C37.173 20.3361 37.2401 20.4962 37.2401 20.6677C37.2401 20.8392 37.174 20.9983 37.0531 21.1181L28.2317 29.9406C28.1119 30.0604 27.9518 30.1265 27.7823 30.1265L27.7803 30.1276Z", fill: "white" }))),
+            React.createElement("div", { className: "pf-chatbot__feedback-complete-text" },
+                React.createElement(CardTitle, { className: "pf-chatbot__feedback-complete-title" }, typeof title === 'string' ? React.createElement("span", { dangerouslySetInnerHTML: { __html: title } }) : title),
+                React.createElement(CardBody, { className: `pf-chatbot__feedback-complete-card-body` }, typeof body === 'string' ? React.createElement("span", { dangerouslySetInnerHTML: { __html: body } }) : body)))));
+};
+export default UserFeedbackComplete;

package/lib/esm/components/TroubleshootSection/icons/CollapseIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IconProps {
+    width?: number;
+    height?: number;
+    fillColor?: string;
+}
+export declare const CollapseIcon: (props: IconProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=CollapseIcon.d.ts.map

package/lib/esm/components/TroubleshootSection/icons/CollapseIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/TroubleshootSection/icons/CollapseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,SAAS,sBAiB5C,CAAC"}

package/lib/esm/components/TroubleshootSection/icons/CollapseIcon.js

@@ -0,0 +1,9 @@
+import React from 'react';
+export const CollapseIcon = (props) => {
+    const { width = 18.118, height = 12 } = props;
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 19 11", fill: "none", style: {
+            flexShrink: 0,
+        } },
+        React.createElement("path", { d: "M9.05895 0L16.9042 7.07143H1.21367L9.05895 0Z", fill: "#9F549C" }),
+        React.createElement("path", { d: "M9.05895 1.57129L16.9042 8.64272H1.21367L9.05895 1.57129Z", fill: "white" })));
+};

package/lib/esm/components/TroubleshootSection/icons/StarIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IconProps {
+    width?: number;
+    height?: number;
+    fillColor?: string;
+}
+export declare const StarIcon: (props: IconProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=StarIcon.d.ts.map

package/lib/esm/components/TroubleshootSection/icons/StarIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/TroubleshootSection/icons/StarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,SAAS,sBAgDxC,CAAC"}

package/lib/esm/components/TroubleshootSection/icons/StarIcon.js

@@ -0,0 +1,17 @@
+import React from 'react';
+export const StarIcon = (props) => {
+    const { width = 16, height = 15.273 } = props;
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 16 15.273", fill: "none", style: {
+            flexShrink: 0,
+            aspectRatio: '16.00/15.27',
+        } },
+        React.createElement("path", { d: "M16.197 9.21581L11.3573 8.18825L10.3297 3.34854C10.2937 3.16868 10.1345 3.04541 9.95463 3.04541C9.77478 3.04541 9.61558 3.17385 9.57958 3.34854L8.55202 8.18825L3.71231 9.21581C3.53245 9.25181 3.40918 9.41101 3.40918 9.59087C3.40918 9.77072 3.53762 9.92992 3.71231 9.96592L8.55202 10.9935L9.57958 15.8332C9.61558 16.013 9.77478 16.1363 9.95463 16.1363C10.1345 16.1363 10.2937 16.0079 10.3297 15.8332L11.3573 10.9935L16.197 9.96592C16.3768 9.92992 16.5001 9.77072 16.5001 9.59087C16.5001 9.41101 16.3717 9.25181 16.197 9.21581Z", fill: "url(#paint0_linear_5146_16767)" }),
+        React.createElement("path", { d: "M3.40909 6.68195C3.58647 6.68195 3.74356 6.55526 3.77905 6.38297L4.16931 4.53308L6.0192 4.14282C6.19658 4.10733 6.31818 3.95024 6.31818 3.77286C6.31818 3.59548 6.19149 3.43839 6.0192 3.4029L4.16931 3.01264L3.77905 1.16275C3.74356 0.98537 3.58647 0.86377 3.40909 0.86377C3.23171 0.86377 3.07462 0.990461 3.03913 1.16275L2.64887 3.01264L0.798982 3.4029C0.6216 3.43839 0.5 3.59548 0.5 3.77286C0.5 3.95024 0.626691 4.10733 0.798982 4.14282L2.64887 4.53308L3.03913 6.38297C3.07462 6.56035 3.23171 6.68195 3.40909 6.68195Z", fill: "url(#paint1_linear_5146_16767)" }),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "paint0_linear_5146_16767", x1: "9.95463", y1: "3.04541", x2: "9.95463", y2: "16.1363", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#F56E6E" }),
+                React.createElement("stop", { offset: "1", stopColor: "#5E40BE" })),
+            React.createElement("linearGradient", { id: "paint1_linear_5146_16767", x1: "3.40909", y1: "0.86377", x2: "3.40909", y2: "6.68195", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#F56E6E" }),
+                React.createElement("stop", { offset: "1", stopColor: "#5E40BE" })))));
+};

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

@@ -1 +1 @@
-{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAgBxF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAqlBxD"}
+{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAexF,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA+oBxD"}

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.js

@@ -7,11 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { publicApi } from '@cee-eng/hydrajs';
-import { Button, Dropdown, DropdownItem, DropdownList, Flex, FlexItem, MenuToggle, Modal, Spinner, TextArea, } from '@patternfly/react-core';
-import { ToastNotification, useFetch } from '@rh-support/components';
+import { useApolloClient } from '@apollo/client/react';
+import { Button, Dropdown, DropdownItem, DropdownList, Flex, FlexItem, MenuToggle, Modal, ModalBody, ModalFooter, ModalHeader, Spinner, TextArea, } from '@patternfly/react-core';
+import { ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { autoEnableFtsOnCaseViewEditPage, isFtsEditableOnEditPage, isSev1, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, } from '@rh-support/utils';
+import { getFtsForSeverityChange, isPremiumEntitlement, isSev1, PreviousCaseTypes, severitySort, } from '@rh-support/utils';
 import { isUndefined } from 'lodash';
 import find from 'lodash/find';
 import includes from 'lodash/includes';
@@ -21,13 +21,11 @@ import map from 'lodash/map';
 import React, { useContext, useEffect, useReducer, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
-import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
-import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
 import { getNewSeverityStringDef, getSeverityDescription } from '../../reducers/CaseHelpers';
 import { caseOverviewReducer, initialCaseViewState, setSeverityUpdating } from '../../reducers/CaseOverviewReducer';
-import { checkForCaseStatusToggleOnAttachOrComment, setCaseState, updateCaseDetails } from '../../reducers/CaseReducer';
+import { checkForCaseStatusToggleOnAttachOrComment, setCaseState, updateCaseSeverityAndFtsGraphQL, } from '../../reducers/CaseReducer';
+import { usePostComment } from '../shared/usePostComment';
 export default function UpdateSeverityModal(props) {
     const { show, onClose, isDisabled, isFetching } = props;
     const { t } = useTranslation();
@@ -40,12 +38,7 @@ export default function UpdateSeverityModal(props) {
     const [isUpdateClickedToShowError, setIsUpdateClickedToShowError] = useState(false);
     const [isSeverityInValid, setIsSeverityInValid] = useState(false);
     const [seviritiesOptions, setSeveritiesOptions] = useState([]);
-    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
-        propgateErrors: true,
-    });
-    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
-    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
-    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
+    const client = useApolloClient();
     const { globalMetadataState: { allCaseSeverities, allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const caseState = useCaseSelector((state) => ({
         caseDetails: {
@@ -61,19 +54,30 @@ export default function UpdateSeverityModal(props) {
             phoneCountryCode: state.caseDetails.phoneCountryCode,
             phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
         },
+        existingCaseDetails: state.caseDetails,
         isCaseUpdating: state.isCaseUpdating,
         versionsDetails: state.versionsDetails,
         ownersEntitlements: state.ownersEntitlements,
         ftsContactSameAsOwner: state.ftsContactSameAsOwner,
     }), isEqual);
-    const { caseDetails, isCaseUpdating, ownersEntitlements, versionsDetails, ftsContactSameAsOwner } = caseState;
+    const { postComment, isPostingComment } = usePostComment({
+        caseNumber: caseState.caseDetails.caseNumber,
+    });
+    const { caseDetails, existingCaseDetails, isCaseUpdating, ownersEntitlements, versionsDetails, ftsContactSameAsOwner, } = caseState;
     const { entitlementSla, fts, contactInfo24x7, caseType, phoneAreaCodePrefixLineNumber, phoneCountryCode } = caseDetails;
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const [currentSeverity, setCurrentSeverity] = useState(caseDetails.caseSeverity);
+    const updateSeverityViaGraphQL = (payload) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
+        yield updateCaseSeverityAndFtsGraphQL(caseDispatch, client, caseDetails.caseNumber, payload, (_b = (_a = payload.severity) !== null && _a !== void 0 ? _a : currentSeverity) !== null && _b !== void 0 ? _b : caseDetails.caseSeverity, { existingCaseDetails });
+    });
     const [localFtsContact, setLocalFtsContact] = useState(contactInfo24x7 || '');
     const [localFts, setLocalFts] = useState(isUndefined(fts) ? true : fts);
     const initialContactSameAsOwnerRef = useRef(ftsContactSameAsOwner !== null && ftsContactSameAsOwner !== void 0 ? ftsContactSameAsOwner : false);
-    const isFtsEditable = isFtsEditableOnEditPage(entitlementSla, currentSeverity);
+    const hasPremiumSla = isPremiumEntitlement(entitlementSla || '');
+    const severityForFts = String(currentSeverity !== null && currentSeverity !== void 0 ? currentSeverity : '').trim();
+    const shouldShowFts = isSev1(severityForFts) && hasPremiumSla;
+    const isPreviousSeveritySelected = isEqual(caseDetails.caseSeverity, currentSeverity);
     const [isOpen, setIsOpen] = useState(false);
     const onToggleClick = () => {
         setIsOpen(!isOpen);
@@ -114,12 +118,9 @@ export default function UpdateSeverityModal(props) {
     // To update the state when severity changes
     const updateState = (value) => {
         const casePayload = { severity: value };
-        // .. change fts on sev change only while creating case or wchen we change to sev1
-        isEmpty(caseDetails.caseNumber) &&
-            (casePayload.fts = showFtsOnCreateCasePage(caseDetails.entitlementSla, value));
-        !isEmpty(caseDetails.caseNumber) &&
-            autoEnableFtsOnCaseViewEditPage(caseDetails.entitlementSla, value) &&
-            (casePayload.fts = true);
+        casePayload.fts = getFtsForSeverityChange(caseDetails.entitlementSla, value, {
+            isCaseEdit: !isEmpty(caseDetails.caseNumber),
+        });
     };
     // Modal cancel function which resets the field
     const onCancel = () => __awaiter(this, void 0, void 0, function* () {
@@ -148,35 +149,47 @@ export default function UpdateSeverityModal(props) {
     const getFtsUpdateComment = () => {
         if (isIdea)
             return '';
-        if (isEqual(caseDetails.fts, localFts) && isEqual(caseDetails.contactInfo24x7, localFtsContact))
+        // 24x7 fields are only shown for severity 1; do not report contact changes the user could not make.
+        if (!shouldShowFts)
             return '';
-        if (caseDetails.fts && !localFts)
-            return '#### Contact Support Update \n User disabled 24x7 contact support';
-        if (!caseDetails.fts && localFts)
-            return '#### Contact Support Update \n User enabled 24x7 contact support';
-        return '#### Contact Support Update \n User updated 24x7 contact information';
+        const normalize24x7Contact = (value) => (value !== null && value !== void 0 ? value : '').trim();
+        const savedContact = normalize24x7Contact(caseDetails.contactInfo24x7);
+        const localContact = normalize24x7Contact(localFtsContact);
+        if (isEqual(caseDetails.fts, localFts) && isEqual(savedContact, localContact))
+            return '';
+        if (caseDetails.fts && !localFts) {
+            return '<h4>Contact Support Update</h4><p>User disabled 24x7 contact support</p>';
+        }
+        if (!caseDetails.fts && localFts) {
+            return '<h4>Contact Support Update</h4><p>User enabled 24x7 contact support</p>';
+        }
+        return '<h4>Contact Support Update</h4><p>User updated 24x7 contact information</p>';
     };
     const updateCaseFtsInfo = () => __awaiter(this, void 0, void 0, function* () {
+        const ftsUpdateComment = `${getFtsUpdateComment()}<h4>Description</h4><p>${descriptionValue.trim()}</p>`;
         try {
-            const ftsUpdateComment = `${getFtsUpdateComment()} \n\n #### Description \n ${descriptionValue.trim()}`;
-            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
+            yield updateSeverityViaGraphQL({
+                severity: currentSeverity || caseDetails.caseSeverity,
                 fts: localFts,
                 contactInfo24x7: localFtsContact,
             });
-            yield postCommentRequest({
-                caseNumber: caseDetails.caseNumber,
+            ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
+            void postComment({
                 commentBody: ftsUpdateComment === null || ftsUpdateComment === void 0 ? void 0 : ftsUpdateComment.trim(),
                 contentType: 'markdown',
+                updateDiscussionState: true,
+            }).catch((err) => {
+                caseUpdateError.showError(err, t(`Couldn't post severity update comment. Please try again`));
             });
-            ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
         }
         catch (err) {
-            caseUpdateError.showError(err, t(`Failed to update the case`));
+            caseUpdateError.showFieldError(err, t('24x7 Support'), updateCaseFtsInfo);
         }
         finally {
             onClose();
             setDescriptionValue('');
             setIsUpdateClickedToShowError(false);
+            setSeverityUpdating(caseOverviewDispatch, false);
         }
     });
     const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
@@ -190,64 +203,73 @@ export default function UpdateSeverityModal(props) {
         }
         const ftsUpdateComment = getFtsUpdateComment();
         // Severity update successful comment body
-        const severityUpdateComment = t(`#### Severity update \n Severity changed from {{oldSeverity}} to {{newSeverity}}\n\n ${isEmpty(ftsUpdateComment) ? '' : ftsUpdateComment + '\n\n\n'} #### Description \n{{description}}`, {
+        const severityUpdateComment = t(`<h4>Severity update</h4><p>Severity changed from {{oldSeverity}} to {{newSeverity}}</p>${isEmpty(ftsUpdateComment) ? '' : ftsUpdateComment}<h4>Description</h4><p>{{description}}</p>`, {
             oldSeverity: caseDetails.caseSeverity,
             newSeverity: updatedCaseDetails['severity'],
             description: descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim(),
         });
         // Severity update failed comment body
-        const severityUpdateFailedComment = t('#### Severity update \n Failed to change severity from {{oldSeverity}} to {{newSeverity}}. Please try again\n', {
+        const severityUpdateFailedComment = t('<h4>Severity update</h4><p>Failed to change severity from {{oldSeverity}} to {{newSeverity}}. Please try again</p>', {
             oldSeverity: caseDetails.caseSeverity,
-            newSeveritay: updatedCaseDetails['severity'],
+            newSeverity: updatedCaseDetails['severity'],
         });
         try {
             setSeverityUpdating(caseOverviewDispatch, true);
-            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, updatedCaseDetails);
-            try {
-                yield postCommentRequest({
-                    caseNumber: caseDetails.caseNumber,
-                    commentBody: severityUpdateComment === null || severityUpdateComment === void 0 ? void 0 : severityUpdateComment.trim(),
-                    contentType: 'markdown',
-                });
+            yield updateSeverityViaGraphQL(updatedCaseDetails);
+            setSeverityUpdating(caseOverviewDispatch, false);
+            const newSeverity = updatedCaseDetails['severity'];
+            setCurrentSeverity(newSeverity);
+            onSuccessfulSubmit();
+            ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
+            void (() => __awaiter(this, void 0, void 0, function* () {
                 try {
-                    checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), caseDetails.caseStatus);
-                    setCurrentSeverity(updatedCaseDetails['severity']);
-                    onSuccessfulSubmit();
-                    ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
+                    yield postComment({
+                        commentBody: severityUpdateComment === null || severityUpdateComment === void 0 ? void 0 : severityUpdateComment.trim(),
+                        contentType: 'markdown',
+                        updateDiscussionState: true,
+                    });
+                    try {
+                        yield checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), caseDetails.caseStatus, {
+                            apolloClient: client,
+                            caseNumber: caseDetails.caseNumber,
+                            existingCaseDetails,
+                        });
+                    }
+                    catch (e) {
+                        yield postComment({
+                            commentBody: severityUpdateFailedComment === null || severityUpdateFailedComment === void 0 ? void 0 : severityUpdateFailedComment.trim(),
+                            contentType: 'markdown',
+                            updateDiscussionState: true,
+                        });
+                        caseUpdateError.showFieldError(e, t('Status'));
+                        yield updateSeverityViaGraphQL({
+                            status: 'Waiting on Customer Action Required',
+                            severity: updatedCaseDetails['severity'],
+                        });
+                    }
                 }
                 catch (e) {
-                    yield postCommentRequest({
-                        caseNumber: caseDetails.caseNumber,
-                        commentBody: severityUpdateFailedComment === null || severityUpdateFailedComment === void 0 ? void 0 : severityUpdateFailedComment.trim(),
-                        contentType: 'markdown',
+                    caseUpdateError.showFieldError(e, t('Severity'), onSubmit);
+                    yield updateSeverityViaGraphQL({
+                        severity: caseDetails.caseSeverity,
                     });
-                    onClose();
-                    caseUpdateError.showError(e, t(`Failed to update case status. Please try again`));
-                    yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, Object.assign({ status: 'Waiting on Customer' }, updateCaseDetails));
+                    setCurrentSeverity(caseDetails.caseSeverity);
+                    reUpdateSeverity(caseDetails.caseSeverity);
+                    setSeverityUpdating(caseOverviewDispatch, false);
                 }
-            }
-            catch (e) {
-                onClose();
-                caseUpdateError.showError(e, t(`Couldn't post severity update comment. Please try again`));
-                yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
-                    severity: caseDetails.caseSeverity,
-                });
-                setDescriptionValue(descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim());
-                reUpdateSeverity(caseDetails.caseSeverity);
-                setSeverityUpdating(caseOverviewDispatch, false);
-            }
+            }))();
         }
         catch (e) {
+            setSeverityUpdating(caseOverviewDispatch, false);
             onClose();
-            caseUpdateError.showError(e, t('Severity failed to update'));
-            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
+            caseUpdateError.showFieldError(e, t('Severity'));
+            yield updateSeverityViaGraphQL({
                 severity: caseDetails.caseSeverity,
             });
             reUpdateSeverity(caseDetails.caseSeverity);
             setDescriptionValue(descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim());
         }
         finally {
-            yield updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseDetails.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
             setIsUpdateClickedToShowError(false);
             setDescriptionValue('');
         }
@@ -265,14 +287,12 @@ export default function UpdateSeverityModal(props) {
         if (isEmpty(updatedCaseDetails)) {
             return false;
         }
-        else if (isEqual(caseDetails.caseSeverity, currentSeverity) &&
+        if (isEqual(caseDetails.caseSeverity, currentSeverity) &&
             isEqual(caseDetails.fts, localFts) &&
             isEqual(caseDetails.contactInfo24x7, localFtsContact)) {
             return false;
         }
-        else {
-            return true;
-        }
+        return true;
     };
     const onFtsChange = (e) => {
         if (canEditCase.alert())
@@ -287,8 +307,9 @@ export default function UpdateSeverityModal(props) {
         if (!e.target.checked) {
             return;
         }
-        setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { contactInfo24x7: `${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}` })));
-        setLocalFtsContact(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
+        const ownerPhone = `${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`;
+        setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { contactInfo24x7: ownerPhone })));
+        setLocalFtsContact(ownerPhone);
     };
     const onFtsContactChange = (e) => {
         if (canEditCase.alert())
@@ -296,29 +317,50 @@ export default function UpdateSeverityModal(props) {
         setLocalFtsContact(e.target.value);
         setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { contactInfo24x7: e.target.value.trim() })));
     };
-    // To disable submit button wrt above conditions
-    const isSubmitButtonDisabled = checkIsUpdateValid() && isTextAreaValid() ? false : true;
-    // Update severity modal buttons
-    const modalActions = [
-        React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: !isUpdateClickedToShowError && checkIsUpdateValid()
-                ? false
-                : isSubmitButtonDisabled || isCaseUpdating || isPostingComment }, t('Update')),
-        React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')),
-    ];
+    const isUpdateValid = checkIsUpdateValid();
+    const isDescriptionDisabled = (caseOverviewState.caseSeverityUpdating && isCaseUpdating) || isPostingComment || !isUpdateValid;
+    const isSubmitButtonDisabled = !(isUpdateValid && isTextAreaValid());
     // To handle the severity change
-    const onSeverityChange = (event, option) => {
+    const onSeverityChange = (_event, value) => {
         if (canEditCase.alert())
             return;
-        if (!isEqual(caseDetails.caseSeverity, option.name) &&
-            isSev1(option.name) &&
-            isFtsEditableOnEditPage(entitlementSla, option.name)) {
+        const option = typeof value === 'object' && value !== null && 'name' in value
+            ? value
+            : filteredSeverities.find((s) => s.name === value) || {
+                name: String(value),
+                disabled: false,
+                label: String(value),
+                additionalInfo: '',
+            };
+        // Re-selecting the previously saved severity: reset and keep description/Update disabled
+        if (isEqual(caseDetails.caseSeverity, option.name)) {
+            setCurrentSeverity(option.name);
+            setUpdatedCaseDetails({});
+            setLocalFts(isUndefined(fts) ? true : !!fts);
+            setLocalFtsContact(contactInfo24x7 || '');
+            setCaseState(caseDispatch, { ftsContactSameAsOwner: initialContactSameAsOwnerRef.current });
+            setDescriptionValue('');
+            setIsUpdateClickedToShowError(false);
+            setIsSeverityInValidLocal(option);
+            setIsOpen(false);
+            return;
+        }
+        if (isSev1(option.name) && (hasPremiumSla || isEmpty(entitlementSla))) {
             setLocalFts(true);
             setLocalFtsContact('');
             setCaseState(caseDispatch, { ftsContactSameAsOwner: false });
-            setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { severity: option.name, fts: !isIdea, contactInfo24x7: '' })));
+            setUpdatedCaseDetails({
+                severity: option.name,
+                fts: !isIdea,
+                contactInfo24x7: '',
+            });
         }
         else {
-            setUpdatedCaseDetails({ severity: option.name, fts: false });
+            const ftsForSeverity = isIdea
+                ? false
+                : getFtsForSeverityChange(caseDetails.entitlementSla, option.name, { isCaseEdit: true });
+            setLocalFts(ftsForSeverity);
+            setUpdatedCaseDetails({ severity: option.name, fts: ftsForSeverity });
         }
         setCurrentSeverity(option.name);
         updateState(option.name);
@@ -367,8 +409,8 @@ export default function UpdateSeverityModal(props) {
     ]);
     useEffect(() => {
         const phone = `${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`;
-        setLocalFts(fts);
-        setLocalFtsContact(contactInfo24x7);
+        setLocalFts(isUndefined(fts) ? true : fts);
+        setLocalFtsContact(contactInfo24x7 || '');
         if (contactInfo24x7 === phone) {
             setCaseState(caseDispatch, { ftsContactSameAsOwner: true });
         }
@@ -378,7 +420,7 @@ export default function UpdateSeverityModal(props) {
     const modalBody = () => {
         return (React.createElement(React.Fragment, null,
             React.createElement("form", { "aria-label": t('form') },
-                React.createElement("div", { className: "form-group pf-v5-u-mt-xs" },
+                React.createElement("div", { className: "form-group pf-v6-u-mt-xs" },
                     React.createElement("div", { className: "get-support-severity-modal" },
                         React.createElement(Dropdown, { id: "get-support-severity-modal", "data-tracking-id": "get-support-severity-modal", isOpen: isOpen, onSelect: onSeverityChange, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { className: "get-support-severity-modal-text", ref: toggleRef, isFullWidth: true, onClick: onToggleClick, isExpanded: isOpen, status: allCaseSeverities.isError || isSeverityInValid ? 'danger' : undefined, isDisabled: allCaseSeverities.isError ||
                                     isDisabled ||
@@ -390,33 +432,43 @@ export default function UpdateSeverityModal(props) {
                                     React.createElement(FlexItem, null, selectedSeverity.label || t(`Select a severity`)),
                                     React.createElement(FlexItem, null, isFetching || versionsDetails.isFetching ? React.createElement(Spinner, { size: "md" }) : '')))), shouldFocusToggleOnSelect: true, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
                             React.createElement(DropdownList, null, allCaseSeverities.data
-                                ? filteredSeverities.map((option) => (React.createElement(DropdownItem, { value: option, key: option.name, description: option.additionalInfo }, option.label)))
+                                ? filteredSeverities.map((option) => (React.createElement(DropdownItem, { value: option.name, key: option.name, description: option.additionalInfo }, option.label)))
                                 : []))),
                     React.createElement("div", null,
-                        React.createElement("label", { htmlFor: "date-input", className: "pf-v5-u-mt-md" },
+                        React.createElement("label", { htmlFor: "date-input", className: "pf-v6-u-mt-md" },
                             React.createElement(Trans, null, "Describe update"),
                             React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
-                        React.createElement(TextArea, { placeholder: t('How has the business impact changed? If you have increased severity, please explain why.'), isDisabled: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) ||
-                                isPostingComment ||
-                                !checkIsUpdateValid(), value: descriptionValue, onChange: (_event, value) => handleTextAreaChange(value), resizeOrientation: "vertical", "aria-label": "severity-update-descritpion", validated: isEmpty(descriptionValue) && isUpdateClickedToShowError ? 'error' : 'default', isRequired: true }),
-                        React.createElement("div", { className: "pf-v5-u-mt-xs" },
+                        React.createElement(TextArea, { placeholder: t('How has the business impact changed? If you have increased severity, please explain why.'), isDisabled: isDescriptionDisabled, value: descriptionValue, onChange: (_event, value) => handleTextAreaChange(value), resizeOrientation: "vertical", "aria-label": "severity-update-descritpion", validated: isEmpty(descriptionValue) && isUpdateClickedToShowError ? 'error' : 'default', isRequired: true }),
+                        React.createElement("div", { className: "pf-v6-u-mt-xs" },
                             React.createElement(Trans, null, "To view your comment, go to the Discussion tab."))),
-                    !isIdea && isFtsEditable && (React.createElement("div", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" },
+                    shouldShowFts && (React.createElement("div", { className: "pf-v6-u-mt-md pf-v6-u-mb-sm" },
                         React.createElement("div", null,
                             React.createElement("input", { type: "checkbox", id: "update-severity-fts", "data-tracking-id": "update-severity-fts", name: "update-severity-fts", checked: localFts, onChange: onFtsChange }),
                             React.createElement("label", { htmlFor: "update-severity-fts" },
                                 React.createElement(Trans, null, "24x7 Support"))),
-                        localFts && (React.createElement("div", null,
-                            React.createElement("label", { htmlFor: "update-severity-24-7-contact", className: "pf-v5-u-mt-xs" },
+                        (localFts || isSev1(currentSeverity)) && (React.createElement("div", null,
+                            React.createElement("label", { htmlFor: "update-severity-24-7-contact", className: "pf-v6-u-mt-xs" },
                                 React.createElement(Trans, null, "Contact for 24x7 support")),
                             React.createElement("div", null,
                                 React.createElement("input", { type: "checkbox", id: "update-severity-same-as-case-owner-phone", name: "update-severity-same-as-case-owner-phone", "data-tracking-id": "update-severity-same-as-case-owner-phone", checked: ftsContactSameAsOwner, onChange: onSetContactSameAsOwner }),
-                                React.createElement("label", { htmlFor: "update-severity-same-as-case-owner-phone", className: "pf-v5-u-font-weight-normal pf-v5-u-font-size-md" },
+                                React.createElement("label", { htmlFor: "update-severity-same-as-case-owner-phone", className: "pf-v6-u-font-weight-normal pf-v6-u-font-size-md" },
                                     React.createElement(Trans, null, "Same as case owner's phone number"))),
                             React.createElement(TextArea, { isDisabled: !localFts || ftsContactSameAsOwner, value: localFtsContact, onChange: onFtsContactChange, resizeOrientation: "vertical", "aria-label": "update-severity-24-7-contact", id: "update-severity-24-7-contact", "data-tracking-id": "update-severity-24-7-contact", rows: 2, placeholder: t('Enter 24x7 contact details') }),
-                            React.createElement("p", { className: "pf-v5-u-mt-xs" },
+                            React.createElement("p", { className: "pf-v6-u-mt-xs" },
                                 React.createElement(Trans, null, "Please provide contact information where we can reach you at any time"))))))))));
     };
     // Main modal and its headings
-    return (React.createElement(Modal, { title: t('Update severity'), description: t('Describing your update helps us better assist you.'), isOpen: show, onClose: onCancel, actions: modalActions, style: { overflow: 'visible' }, tabIndex: 0 }, modalBody()));
+    return (React.createElement(Modal, { isOpen: show, onClose: onCancel, style: { overflow: 'visible' }, tabIndex: 0 },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null,
+                React.createElement(Trans, null, "Update severity"))),
+        React.createElement(ModalBody, { className: "pf-v6-u-mt-0" },
+            React.createElement("p", { className: "pf-v6-u-text-color-subtle pf-v6-u-font-size-sm pf-v6-u-mb-md" }, t('Describing your update helps us better assist you.')),
+            modalBody()),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: (isPreviousSeveritySelected && !onlyFtsInfoChanged) ||
+                    (!isUpdateClickedToShowError && isUpdateValid
+                        ? false
+                        : isSubmitButtonDisabled || isCaseUpdating || isPostingComment) }, t('Update')),
+            React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')))));
 }

package/lib/esm/components/shared/Constants.d.ts

@@ -11,6 +11,7 @@ declare const _default: {
         de: string;
         es: string;
         pt: string;
+        pt_BR: string;
         fr: string;
         ko: string;
         it: string;
@@ -47,10 +48,6 @@ export declare enum CaseValuesToWatch {
     hostname = "Hostname",
     openshiftClusterID = "OpenShift Cluster ID"
 }
-export declare const preferredSSModalOpenPendoEvent = "PCM-Next > Preferred-secured-support-modal-open";
-export declare const recsViewedFromNoAttachmentModalEvent = "PCM-Next > No-Attachment-modal-view-recommendations";
-export declare const markdownInlineFileSelectEvent = "PCM-Next > Markdown-toolbar-file-select";
-export declare const markdownFilePasteEvent = "PCM-Next > Markdown-toolbar-file-paste";
 export declare const riskLabels: {
     1: {
         icon: React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1B,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,iBAAiB;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,8BAA8B;IACnC,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
+{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1B,wBAgCE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,iBAAiB;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,8BAA8B;IACnC,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}

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

@@ -15,6 +15,7 @@ export default {
         de: 'Deutsch',
         es: 'Español',
         pt: 'Português',
+        pt_BR: 'Português',
         fr: 'Français',
         ko: '한국어',
         it: 'Italiano',
@@ -51,10 +52,6 @@ export var CaseValuesToWatch;
     CaseValuesToWatch["hostname"] = "Hostname";
     CaseValuesToWatch["openshiftClusterID"] = "OpenShift Cluster ID";
 })(CaseValuesToWatch || (CaseValuesToWatch = {}));
-export const preferredSSModalOpenPendoEvent = 'PCM-Next > Preferred-secured-support-modal-open';
-export const recsViewedFromNoAttachmentModalEvent = 'PCM-Next > No-Attachment-modal-view-recommendations';
-export const markdownInlineFileSelectEvent = 'PCM-Next > Markdown-toolbar-file-select';
-export const markdownFilePasteEvent = 'PCM-Next > Markdown-toolbar-file-paste';
 export const riskLabels = {
     1: { icon: React.createElement(AngleDoubleDownIcon, null), label: 'Low', className: 'pf-m-blue' },
     2: { icon: React.createElement(EqualsIcon, null), label: 'Moderate', className: 'pf-m-gold' },

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

@@ -1 +1 @@
-{"version":3,"file":"Rule.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Rule.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBA2CzC"}
+{"version":3,"file":"Rule.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Rule.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBA8CzC"}