@rh-support/troubleshoot 2.7.1 → 2.7.11

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.js

@@ -1,31 +1,31 @@
-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 { publicApi } from '@cee-eng/hydrajs';
-import { encodeAngularBrackets, EventTypes, htmlEntitiesEncode, linkifyBZIDs, linkifyWithCaseIDs, parseCommentMarkdown, processRME, } from '@cee-eng/ui-toolkit';
-import { Icon, Tooltip, TooltipPosition } from '@patternfly/react-core';
-import FrownIcon from '@patternfly/react-icons/dist/js/icons/frown-icon';
-import MehIcon from '@patternfly/react-icons/dist/js/icons/meh-icon';
-import OutlinedFrownIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-icon';
-import OutlinedMehIcon from '@patternfly/react-icons/dist/js/icons/outlined-meh-icon';
-import OutlinedSmileIcon from '@patternfly/react-icons/dist/js/icons/outlined-smile-icon';
-import SmileIcon from '@patternfly/react-icons/dist/js/icons/smile-icon';
+// TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+// import { ICommentFeedback } from '@cee-eng/hydrajs/@types/api/public/commentFeedback';
+import { EventTypes, linkifyBZIDs, linkifyWithCaseIDs, processRME } from '@cee-eng/ui-toolkit';
+import { Icon } from '@patternfly/react-core';
+// TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+// import { Tooltip, TooltipPosition } from '@patternfly/react-core';
+// import FrownIcon from '@patternfly/react-icons/dist/js/icons/frown-icon';
+// import MehIcon from '@patternfly/react-icons/dist/js/icons/meh-icon';
+// import OutlinedFrownIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-icon';
+// import OutlinedMehIcon from '@patternfly/react-icons/dist/js/icons/outlined-meh-icon';
+// import OutlinedSmileIcon from '@patternfly/react-icons/dist/js/icons/outlined-smile-icon';
+// import SmileIcon from '@patternfly/react-icons/dist/js/icons/smile-icon';
 import UserCircleIcon from '@patternfly/react-icons/dist/js/icons/user-circle-icon';
-import { EditorMode, LoadingIndicator, ToastNotification } from '@rh-support/components';
-import { AbilityContext, CaseDetailsFields, CaseDiscussionFields, resourceActions, resources, } from '@rh-support/user-permissions';
+// TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+// import { LoadingIndicator, ToastNotification } from '@rh-support/components';
+import { AbilityContext, 
+// CaseDetailsFields, // TODO: Re-enable after GraphQL migration of feedback
+CaseDiscussionFields, resourceActions, resources, } from '@rh-support/user-permissions';
 import { formatDateTime, linkifyLinks } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import React, { useContext, useEffect, useRef } from 'react';
+import { Trans } from 'react-i18next';
+// TODO: Re-enable after GraphQL migration of feedback
+// import { useTranslation } from 'react-i18next';
 import { DiscussionType } from '../../../../reducers/CaseDiscussionTabReducer';
+import { linkifyHtmlTextNodes } from '../../../../utils/linkifyHtmlTextNodes';
 import { PDFContext } from '../../PDFContainer';
 import { DiscussionItemLink } from './DiscussionItemLink';
 import { JumpAndCopyLink } from './JumpAndCopyLink';
@@ -33,55 +33,71 @@ const CaseComments = React.forwardRef((props, ref) => {
     var _a;
     const { caseNumber } = props;
     const markdownRef = useRef(null);
-    const { t } = useTranslation();
+    // TODO: Re-enable `t` after GraphQL migration of feedback (Allowed Regression #5)
+    // const { t } = useTranslation();
     const ability = useContext(AbilityContext);
     const canSeePrivateComments = ability.can(resourceActions.PATCH, resources.CASE_COMMENTS, CaseDiscussionFields.VIEW_PRIVATE_COMMENT);
-    const canSeeFeedbackButtons = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_FEEDBACK_BUTTONS) &&
-        props.comment.isPublic &&
-        props.comment.createdBy !== 'Automated Support Assistant';
-    const [isFeedbackUpdating, setIsFeedbackUpdating] = useState(false);
+    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+    // const canSeeFeedbackButtons =
+    //     ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_FEEDBACK_BUTTONS) &&
+    //     props.comment.isPublic &&
+    //     props.comment.createdBy !== 'Automated Support Assistant';
+    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+    // const [isFeedbackUpdating, setIsFeedbackUpdating] = useState(false);
     const { isExportingPDF } = useContext(PDFContext);
-    const commentReply = (comment) => () => {
-        props.onReply(comment.commentBody, comment.createdBy, comment.isPublic);
-    };
     const onJumpToComment = (commentId) => () => props.showJumpToComment && props.onJumpToComment && props.onJumpToComment(commentId);
-    const applyCommentFeedback = (comment, feedback) => (e) => __awaiter(void 0, void 0, void 0, function* () {
-        e.preventDefault();
-        if (props.feedback === feedback) {
-            return;
-        }
-        const commJson = {
-            feedback,
-            accountNumber: props.accountNumber,
-            commentId: comment.id,
-            commentCreatedBy: comment.createdBy,
-        };
-        try {
-            setIsFeedbackUpdating(true);
-            if (props.feedback !== undefined) {
-                yield publicApi.commentFeedback.updateCommentFeedback(caseNumber, commJson);
-            }
-            else {
-                yield publicApi.commentFeedback.createCommentFeedback(caseNumber, commJson);
-            }
-            setIsFeedbackUpdating(false);
-            // update state
-            props.onFeedBackUpdate(comment.id, feedback);
-            ToastNotification.addSuccessMessage(t(`Comment feedback has been successfully updated`));
-        }
-        catch (e) {
-            setIsFeedbackUpdating(false);
-            ToastNotification.addDangerMessage(t(`Comment feedback failed to update`));
-        }
-    });
-    const commentFeedbackButtons = (comment, feedback) => (React.createElement("span", { className: "comment-feedback-buttons" },
-        React.createElement(LoadingIndicator, { isInline: true, show: isFeedbackUpdating }),
-        React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Positive feedback') },
-            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 1), "data-tracking-id": "case-comment-feedback-up", type: "button" }, feedback === 1 ? (React.createElement(SmileIcon, { title: t('Remove positive feedback') })) : (React.createElement(OutlinedSmileIcon, { title: t('Leave positive feedback') })))),
-        React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Neutral feedback') },
-            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 0), "data-tracking-id": "case-comment-feedback-neutral", type: "button" }, feedback === 0 ? (React.createElement(MehIcon, { title: t('Remove neutral feedback') })) : (React.createElement(OutlinedMehIcon, { title: t('Leave neutral feedback') })))),
-        React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Negative feedback') },
-            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, -1), "data-tracking-id": "case-comment-feedback-down", type: "button" }, feedback === -1 ? (React.createElement(FrownIcon, { title: t('Remove negative feedback'), "aria-label": t('Remove negative feedback') })) : (React.createElement(OutlinedFrownIcon, { title: t('Leave negative feedback'), "aria-label": t('Leave negative feedback') }))))));
+    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+    // const applyCommentFeedback = (comment: ICaseComment, feedback) => async (e) => {
+    //     e.preventDefault();
+    //     if (props.feedback === feedback) return;
+    //     const commJson: ICommentFeedback = {
+    //         feedback,
+    //         accountNumber: props.accountNumber,
+    //         commentId: comment.id,
+    //         commentCreatedBy: comment.createdBy,
+    //     };
+    //     try {
+    //         setIsFeedbackUpdating(true);
+    //         if (props.feedback !== undefined) {
+    //             await publicApi.commentFeedback.updateCommentFeedback(caseNumber, commJson);
+    //         } else {
+    //             await publicApi.commentFeedback.createCommentFeedback(caseNumber, commJson);
+    //         }
+    //         setIsFeedbackUpdating(false);
+    //         props.onFeedBackUpdate(comment.id, feedback);
+    //         ToastNotification.addSuccessMessage(t(`Comment feedback has been successfully updated`));
+    //     } catch (e) {
+    //         setIsFeedbackUpdating(false);
+    //         ToastNotification.addDangerMessage(t(`Comment feedback failed to update`));
+    //     }
+    // };
+    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+    // const commentFeedbackButtons = (comment: ICaseComment, feedback: number) => (
+    //     <span className="comment-feedback-buttons">
+    //         <LoadingIndicator isInline={true} show={isFeedbackUpdating} />
+    //         <Tooltip position={TooltipPosition.top} content={t('Positive feedback')}>
+    //             <button className="btn btn-app btn-link" onClick={applyCommentFeedback(comment, 1)}
+    //                 data-tracking-id="case-comment-feedback-up" type="button">
+    //                 {feedback === 1 ? <SmileIcon title={t('Remove positive feedback')} />
+    //                     : <OutlinedSmileIcon title={t('Leave positive feedback')} />}
+    //             </button>
+    //         </Tooltip>
+    //         <Tooltip position={TooltipPosition.top} content={t('Neutral feedback')}>
+    //             <button className="btn btn-app btn-link" onClick={applyCommentFeedback(comment, 0)}
+    //                 data-tracking-id="case-comment-feedback-neutral" type="button">
+    //                 {feedback === 0 ? <MehIcon title={t('Remove neutral feedback')} />
+    //                     : <OutlinedMehIcon title={t('Leave neutral feedback')} />}
+    //             </button>
+    //         </Tooltip>
+    //         <Tooltip position={TooltipPosition.top} content={t('Negative feedback')}>
+    //             <button className="btn btn-app btn-link" onClick={applyCommentFeedback(comment, -1)}
+    //                 data-tracking-id="case-comment-feedback-down" type="button">
+    //                 {feedback === -1 ? <FrownIcon title={t('Remove negative feedback')} aria-label={t('Remove negative feedback')} />
+    //                     : <OutlinedFrownIcon title={t('Leave negative feedback')} aria-label={t('Leave negative feedback')} />}
+    //             </button>
+    //         </Tooltip>
+    //     </span>
+    // );
     const computeDiscussionCardCalss = (comment) => {
         if (comment.createdByType === 'Associate' && comment.createdBy === 'Automated Support Assistant') {
             return 'comment-automated';
@@ -134,15 +150,62 @@ const CaseComments = React.forwardRef((props, ref) => {
             return React.createElement(Trans, null, "Automated comment");
         }
     };
-    const commentText = (text) => {
-        return { __html: DOMPurify.sanitize(text) };
+    // Tags the Quill RTE legitimately produces — everything else was typed
+    // literally by the user or injected from an external source (SFDC) and
+    // should render as visible text, not interpreted as HTML formatting.
+    const QUILL_TAGS = new Set([
+        'p',
+        'br',
+        'strong',
+        'em',
+        'u',
+        's',
+        'ul',
+        'ol',
+        'li',
+        'a',
+        'img',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'span',
+        'pre',
+        'blockquote',
+        'sub',
+        'sup',
+    ]);
+    const escapeNonQuillTags = (html) => html.replace(/<(\/?)([\w-]+)([^>]*)>/g, (match, slash, tag, attrs) => QUILL_TAGS.has(tag.toLowerCase()) ? match : `&lt;${slash}${tag}${attrs}&gt;`);
+    const sanitizeHtml = (html) => {
+        DOMPurify.addHook('afterSanitizeAttributes', (node) => {
+            if (node.tagName === 'A') {
+                node.setAttribute('target', '_blank');
+                node.setAttribute('rel', 'noopener noreferrer');
+            }
+        });
+        const clean = DOMPurify.sanitize(escapeNonQuillTags(html), { ADD_ATTR: ['target', 'rel'] });
+        DOMPurify.removeHook('afterSanitizeAttributes');
+        return clean;
     };
-    const commentMarkdown = (markdown) => {
-        const htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, 
-        // @ts-ignore
-        { openLinksInNewTab: true, gfm: true, breaks: true });
-        return { __html: DOMPurify.sanitize(htmlString) };
+    const commentText = (text) => {
+        return { __html: sanitizeHtml(text) };
     };
+    // Transforms <strong> and <em> tags in HTML string to styled <span> tags to fix incorrect bold/italic rendering in exported PDF
+    function formatMarkdownHtmlForPDF(htmlString) {
+        return (htmlString
+            // Handle nested <strong><em>...</em></strong> or <em><strong>...</strong></em> and apply both bold and italic (skew) styles
+            .replace(/<(strong|em)>\s*<(em|strong)>(.*?)<\/\2>\s*<\/\1>/gi, '<span style="font-weight: bold; font-size: 0.95em; font-style: italic;">$3</span>')
+            // Handle standalone <strong>
+            .replace(/<strong>(.*?)<\/strong>/gi, '<span style="font-weight: bold; font-size: 0.95em; margin-right: -10px;">$1</span>')
+            // Handle standalone <em>
+            .replace(/<em>(.*?)<\/em>/gi, '<span style="font-style: italic;font-size: 0.95em; opacity: 0.70;margin-right: 7px;">$1</span>')
+            // Replace list items with dash bullets
+            .replace(/<li>(.*?)<\/li>/gi, '<div style="margin-left: 1.2em;">- $1</div>')
+            // Remove <ul> and </ul> tags completely
+            .replace(/<\/?ul>/gi, ''));
+    }
     const onCommentAreaClick = (e) => {
         let { event } = e.target['dataset'];
         if (!event) {
@@ -158,11 +221,13 @@ const CaseComments = React.forwardRef((props, ref) => {
     };
     const parseCommentHtml = (commentText, contentType) => {
         let text = commentText;
-        if (contentType === EditorMode.PLAIN) {
-            text = HTMLEntityChecker(commentText);
-            // fix issue something like this <h1>ajhdjaj<d</h1>
-            text = htmlEntitiesEncode(text);
-            text = encodeAngularBrackets(text);
+        if (contentType === 'plaintext') {
+            // Legacy plain-text comments: normalize SFDC HTML line breaks
+            text = text
+                .replace(/<br\s*\/?>/gi, '\n')
+                .replace(/<\/p>/gi, '\n')
+                .replace(/<p>/gi, '');
+            text = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
             text = linkifyLinks(text);
             text = linkifyWithCaseIDs(text);
             text = linkifyBZIDs(text);
@@ -170,28 +235,21 @@ const CaseComments = React.forwardRef((props, ref) => {
         }
         return text;
     };
-    /* Purpose of this method is to break the default HTML Entity rendering on the UI when in plaintext mode.
-    This is achieved by directly swapping the '&' in any html entity to `&amp` in e.g. &euro swaps to &ampeuro
-    so it is rendered -> &euro on the UI instead of '€' */
-    //PCM-10968
-    const HTMLEntityChecker = (comment) => {
-        if (comment.includes('&')) {
-            return comment.replace(/&/g, '&amp;');
-        }
-        else
-            return comment;
-    };
     const computeCommentText = (comment) => {
-        const parseComment = parseCommentHtml(comment.commentBody, comment.contentType);
-        if (!isEmpty(comment.commentBody) && comment.contentType === EditorMode.MARKDOWN) {
-            return (React.createElement("div", { className: "push-top-narrow comment-markdown-text", dangerouslySetInnerHTML: commentMarkdown(comment.commentBody) }));
-        }
-        else if (!isEmpty(comment.commentBody) && comment.contentType === EditorMode.PLAIN) {
+        if (isEmpty(comment.commentBody))
+            return null;
+        // Legacy plain-text comments still need escaping and linkification
+        if (comment.contentType === 'plaintext') {
+            const parseComment = parseCommentHtml(comment.commentBody, comment.contentType);
             return (React.createElement("pre", { className: "push-top-narrow comment-plaintext reset-pre-text", dangerouslySetInnerHTML: commentText(parseComment), style: { fontFamily: isExportingPDF ? 'DejaVu Sans' : '' } }));
         }
-        else {
-            return (React.createElement("pre", { className: "push-top-narrow comment-plaintext reset-pre-text", dangerouslySetInnerHTML: commentText(parseComment), style: { fontFamily: isExportingPDF ? 'DejaVu Sans' : '' } }));
+        // HTML comments (new rich text or legacy markdown — both stored as HTML)
+        let htmlString = comment.commentBody;
+        htmlString = linkifyHtmlTextNodes(htmlString);
+        if (isExportingPDF) {
+            htmlString = formatMarkdownHtmlForPDF(htmlString);
         }
+        return (React.createElement("div", { className: "push-top-narrow comment-richtext", dangerouslySetInnerHTML: { __html: sanitizeHtml(htmlString) }, style: { fontFamily: isExportingPDF ? 'DejaVu Sans' : '' } }));
     };
     useEffect(() => {
         if ((markdownRef === null || markdownRef === void 0 ? void 0 : markdownRef.current) && isExportingPDF) {
@@ -205,7 +263,7 @@ const CaseComments = React.forwardRef((props, ref) => {
     }, [props.comment, isExportingPDF]);
     if (!((_a = props.comment) === null || _a === void 0 ? void 0 : _a.isPublic) && !canSeePrivateComments)
         return React.createElement(React.Fragment, null);
-    return (React.createElement("section", { ref: ref, id: props.comment.id, className: `prevent-split ${computePrivateComment(props.comment)} support-comment ${computeDiscussionCardCalss(props.comment)} ${ref ? 'selected-case-comment' : ''}` },
+    return (React.createElement("article", { ref: ref, id: props.comment.id, "aria-label": `Comment by ${props.comment.lastModifiedById}`, className: `prevent-split ${computePrivateComment(props.comment)} support-comment ${computeDiscussionCardCalss(props.comment)} ${ref ? 'selected-case-comment' : ''}` },
         React.createElement("header", null,
             React.createElement("h4", null,
                 computeCommentAuthorIcon(props.comment),
@@ -220,11 +278,10 @@ const CaseComments = React.forwardRef((props, ref) => {
         React.createElement("div", { className: "comment-body", onClick: onCommentAreaClick, ref: markdownRef }, computeCommentText(props.comment)),
         React.createElement("footer", null,
             React.createElement("span", { className: "comment-note" }, computeCommentFooter(props.comment)),
-            canSeeFeedbackButtons && commentFeedbackButtons(props.comment, props.feedback),
-            React.createElement("span", { className: "pull-right pf-v5-l-flex pf-m-align-items-center" },
+            React.createElement("span", { className: "pull-right pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.comment.id), discussionType: DiscussionType.COMMENT, itemId: props.comment.id, caseNumber: caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to comment"))),
-                React.createElement("button", { onClick: commentReply(props.comment), className: `btn btn-app btn-link case-reply-button ${isExportingPDF ? 'hide-in-pdf' : ''}`, "data-tracking-id": "case-comment-reply", type: "button" },
+                React.createElement("button", { onClick: () => props.onReply(props.comment.lastModifiedById, props.comment.id, props.comment.lastModifiedDate), className: `btn btn-app btn-link case-reply-button ${isExportingPDF ? 'hide-in-pdf' : ''}`, "data-tracking-id": "case-comment-reply", type: "button" },
                     React.createElement(Trans, null, "Reply")),
                 React.createElement(JumpAndCopyLink, { caseNumber: caseNumber, cardId: props.comment.id, discussionType: DiscussionType.COMMENT })))));
 });

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.d.ts

@@ -1,12 +1,20 @@
-import { ICaseChat, ICaseComment } from '@cee-eng/hydrajs/@types/api/public/case';
+import { ICaseComment } from '@cee-eng/hydrajs/@types/api/public/case';
 import React from 'react';
 interface IProps {
     caseNumber: string;
     caseComments: ICaseComment[];
-    caseChats: ICaseChat[];
+    commentsLoading?: boolean;
+    commentsError?: unknown;
     accountNumber: string;
     tabRef: React.MutableRefObject<HTMLDivElement>;
     isDiscussionTab: boolean;
+    refetchComments: () => Promise<unknown> | void;
+    fetchMore?: () => Promise<unknown> | void;
+    hasNextPage?: boolean;
+    isLoadingMore?: boolean;
+    loadMoreError?: boolean;
+    loadMoreRetryCount?: number;
+    retryLoadMore?: () => Promise<unknown> | void;
 }
 export default function CaseDiscussion(props: IProps): React.JSX.Element;
 export {};

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAkB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAyCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA2oBnD"}
+{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAqBvE,OAAO,KAA0F,MAAM,OAAO,CAAC;AAyC/G,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAy2BnD"}