@rh-support/components 2.5.223 → 2.5.226

package/lib/esm/RichTextEditor/richTextEditor.css

@@ -0,0 +1,153 @@
+.richtext-editor-container {
+    background: var(--pf-t--global--background--color--primary--default, #fff);
+    border: 1px solid var(--pf-t--global--border--color--default, #d2d2d2);
+    border-radius: var(--pf-t--global--border--radius--small, 3px);
+    display: block;
+    min-height: 100px;
+}
+
+.richtext-editor-container--disabled {
+    background: var(--pf-t--global--background--color--disabled--default, #f0f0f0);
+    pointer-events: none;
+}
+
+.richtext-editor-content {
+    resize: vertical;
+    overflow: auto;
+    font-size: 15px;
+    min-width: 100%;
+    outline: none;
+    border: none;
+    min-height: 100px;
+}
+
+.richtext-editor-content.ql-container,
+.richtext-editor-container .ql-container.ql-container {
+    border: none !important;
+    outline: none !important;
+    font-size: 15px;
+}
+
+.richtext-editor-content .ql-editor {
+    padding: 0.8rem;
+    outline: none;
+    border: none;
+    min-height: 100px;
+}
+
+.richtext-editor-content .ql-editor:focus {
+    outline: none;
+    border: none;
+    box-shadow: none;
+}
+
+.richtext-editor-content:empty::before {
+    content: attr(data-placeholder);
+    color: var(--pf-t--global--text--color--placeholder, #6a6e73);
+    pointer-events: none;
+}
+
+.richtext-editor-content ul,
+.richtext-editor-content ol {
+    padding-left: 24px;
+}
+
+.richtext-editor-content li[data-list='bullet'] {
+    list-style-type: disc;
+}
+
+.richtext-editor-content li[data-list='ordered'] {
+    list-style-type: decimal;
+}
+
+.richtext-editor-content .ql-align-center {
+    text-align: center;
+}
+
+.richtext-editor-content .ql-align-right {
+    text-align: right;
+}
+
+.richtext-editor-content .ql-align-justify {
+    text-align: justify;
+}
+
+.richtext-editor-content .ql-indent-1 {
+    padding-left: 3em;
+}
+
+.richtext-editor-content .ql-indent-2 {
+    padding-left: 6em;
+}
+
+.richtext-editor-content .ql-indent-3 {
+    padding-left: 9em;
+}
+
+.richtext-editor-content .ql-indent-4 {
+    padding-left: 12em;
+}
+
+.richtext-editor-content .ql-indent-5 {
+    padding-left: 15em;
+}
+
+.richtext-editor-content a {
+    color: var(--pf-t--global--text--color--link--default, #0066cc);
+    text-decoration: underline;
+}
+
+.richtext-editor-content img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 8px 0;
+}
+
+.richtext-editor-container.is-private .richtext-editor-content {
+    background-color: #f5eeee;
+}
+
+.richtext-toolbar {
+    border-bottom: 1px solid var(--pf-t--global--border--color--default, #d2d2d2);
+    padding: 4px 8px;
+}
+
+.richtext-toolbar-left-section {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 2px;
+}
+
+.btn-group-separator {
+    display: inline-block;
+    width: 1px;
+    height: 24px;
+    margin: 0 8px;
+    background-color: var(--pf-t--global--border--color--default, #ccc);
+}
+
+.toggle-content {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 14px;
+}
+
+.dropdown-caret {
+    font-size: 12px;
+}
+
+.richtext-char-counter {
+    padding: 4px 8px;
+    font-size: 12px;
+    text-align: right;
+    color: var(--pf-t--global--text--color--subtle, #6a6e73);
+    border-top: 1px solid var(--pf-t--global--border--color--default, #d2d2d2);
+}
+
+.richtext-char-counter--exceeded {
+    color: var(--pf-t--global--color--status--danger--default, #c9190b);
+    font-weight: bold;
+}

package/lib/esm/RichTextEditor/useQuillEditor.d.ts

@@ -0,0 +1,20 @@
+import Quill from 'quill';
+export interface UseQuillEditorOptions {
+    placeholder?: string;
+    readOnly?: boolean;
+    onChange?: (html: string) => void;
+    onChangePlainText?: (text: string) => void;
+    onSelectionChange?: (format: Record<string, unknown>) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare function useQuillEditor(options: UseQuillEditorOptions): {
+    editorRef: import("react").MutableRefObject<HTMLDivElement>;
+    quillRef: import("react").MutableRefObject<Quill>;
+    activeFormat: Record<string, unknown>;
+    setActiveFormat: import("react").Dispatch<import("react").SetStateAction<Record<string, unknown>>>;
+    setContents: (html: string) => void;
+    setReadOnly: (readOnly: boolean) => void;
+    getPlainText: () => string;
+};
+//# sourceMappingURL=useQuillEditor.d.ts.map

package/lib/esm/RichTextEditor/useQuillEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuillEditor.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/useQuillEditor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,qBAAqB;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB;;;;;wBAwDlB,MAAM;4BAgBF,OAAO;;EASrD"}

package/lib/esm/RichTextEditor/useQuillEditor.js

@@ -0,0 +1,81 @@
+import DOMPurify from 'dompurify';
+import Quill from 'quill';
+import { useCallback, useEffect, useRef, useState } from 'react';
+const ALLOWED_FORMATS = ['header', 'bold', 'italic', 'underline', 'strike', 'list', 'indent', 'align', 'link', 'image'];
+export function useQuillEditor(options) {
+    const editorRef = useRef(null);
+    const quillRef = useRef(null);
+    const [activeFormat, setActiveFormat] = useState({});
+    const optionsRef = useRef(options);
+    optionsRef.current = options;
+    // Track whether the last change was internal (from Quill) to avoid echo loops
+    const isInternalChange = useRef(false);
+    useEffect(() => {
+        if (!editorRef.current || quillRef.current)
+            return;
+        const quill = new Quill(editorRef.current, {
+            theme: false,
+            modules: {
+                toolbar: false,
+                clipboard: { matchVisual: false },
+            },
+            formats: ALLOWED_FORMATS,
+            placeholder: optionsRef.current.placeholder,
+            readOnly: optionsRef.current.readOnly,
+        });
+        quill.on('text-change', () => {
+            var _a, _b, _c, _d;
+            isInternalChange.current = true;
+            const html = DOMPurify.sanitize(quill.getSemanticHTML());
+            (_b = (_a = optionsRef.current).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, html);
+            (_d = (_c = optionsRef.current).onChangePlainText) === null || _d === void 0 ? void 0 : _d.call(_c, quill.getText().trim());
+            const sel = quill.getSelection();
+            if (sel) {
+                setActiveFormat(quill.getFormat(sel));
+            }
+            isInternalChange.current = false;
+        });
+        quill.on('selection-change', (range) => {
+            var _a, _b, _c, _d, _e, _f;
+            if (range) {
+                setActiveFormat(quill.getFormat(range));
+                (_b = (_a = optionsRef.current).onSelectionChange) === null || _b === void 0 ? void 0 : _b.call(_a, quill.getFormat(range));
+                if (range.length === 0) {
+                    (_d = (_c = optionsRef.current).onFocus) === null || _d === void 0 ? void 0 : _d.call(_c);
+                }
+            }
+            else {
+                (_f = (_e = optionsRef.current).onBlur) === null || _f === void 0 ? void 0 : _f.call(_e);
+            }
+        });
+        quillRef.current = quill;
+        return () => {
+            quillRef.current = null;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const setContents = useCallback((html) => {
+        const quill = quillRef.current;
+        if (!quill || isInternalChange.current)
+            return;
+        const currentHtml = DOMPurify.sanitize(quill.getSemanticHTML());
+        if (currentHtml === html)
+            return;
+        const selection = quill.getSelection();
+        quill.clipboard.dangerouslyPasteHTML(html);
+        if (selection) {
+            const length = quill.getLength();
+            const safeIndex = Math.min(selection.index, length - 1);
+            quill.setSelection(safeIndex, 0, 'silent');
+        }
+    }, []);
+    const setReadOnly = useCallback((readOnly) => {
+        var _a;
+        (_a = quillRef.current) === null || _a === void 0 ? void 0 : _a.enable(!readOnly);
+    }, []);
+    const getPlainText = useCallback(() => {
+        var _a, _b;
+        return (_b = (_a = quillRef.current) === null || _a === void 0 ? void 0 : _a.getText().trim()) !== null && _b !== void 0 ? _b : '';
+    }, []);
+    return { editorRef, quillRef, activeFormat, setActiveFormat, setContents, setReadOnly, getPlainText };
+}

package/lib/esm/SingleSelectDropdown/SingleSelectDropdown.d.ts

@@ -27,6 +27,8 @@ export interface SingleSelectDropdownProps extends Omit<SelectProps, 'toggle'> {
     isScrollable?: boolean;
     zIndex?: number;
     isModalOpen?: boolean;
+    /** When set, toggle opens this handler instead of the select menu (e.g. case-details severity modal). */
+    onMenuToggle?: () => void;
     hideToggleIcons?: boolean;
     onClear?: () => void;
     onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;

package/lib/esm/SingleSelectDropdown/SingleSelectDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/SingleSelectDropdown/SingleSelectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQH,WAAW,EAEd,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAInE,MAAM,WAAW,2BAA2B;IACxC,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IAC1E,QAAQ,EAAE,2BAA2B,CAAC;IACtC,OAAO,EAAE,2BAA2B,EAAE,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAsIpE"}
+{"version":3,"file":"SingleSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/SingleSelectDropdown/SingleSelectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQH,WAAW,EAEd,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAInE,MAAM,WAAW,2BAA2B;IACxC,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IAC1E,QAAQ,EAAE,2BAA2B,CAAC;IACtC,OAAO,EAAE,2BAA2B,EAAE,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yGAAyG;IACzG,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBA0IpE"}

package/lib/esm/SingleSelectDropdown/SingleSelectDropdown.js

@@ -15,9 +15,13 @@ import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { useSelectKeyboardNavigator } from '../hooks/useSelectKeyboardNavigator';
 export function SingleSelectDropdown(props) {
-    const { badge, selected, options, isDisabled, isLoading, id, placeholder, isInvalid, className, toggleClassName, dataTrackingId, toggleDataTrackingId, isScrollable, ariaLabel, zIndex, ariaLabelledBy, isModalOpen, hideToggleIcons, onClear, onBlur, onSelect } = props, restProps = __rest(props, ["badge", "selected", "options", "isDisabled", "isLoading", "id", "placeholder", "isInvalid", "className", "toggleClassName", "dataTrackingId", "toggleDataTrackingId", "isScrollable", "ariaLabel", "zIndex", "ariaLabelledBy", "isModalOpen", "hideToggleIcons", "onClear", "onBlur", "onSelect"]);
+    const { badge, selected, options, isDisabled, isLoading, id, placeholder, isInvalid, className, toggleClassName, dataTrackingId, toggleDataTrackingId, isScrollable, ariaLabel, zIndex, ariaLabelledBy, isModalOpen, onMenuToggle, hideToggleIcons, onClear, onBlur, onSelect } = props, restProps = __rest(props, ["badge", "selected", "options", "isDisabled", "isLoading", "id", "placeholder", "isInvalid", "className", "toggleClassName", "dataTrackingId", "toggleDataTrackingId", "isScrollable", "ariaLabel", "zIndex", "ariaLabelledBy", "isModalOpen", "onMenuToggle", "hideToggleIcons", "onClear", "onBlur", "onSelect"]);
     const [isOpen, setIsOpen] = useState(false);
     const onToggleClick = () => {
+        if (onMenuToggle) {
+            onMenuToggle();
+            return;
+        }
         setIsOpen(!isOpen);
     };
     const handleSelect = (selectedOption) => {
@@ -36,8 +40,7 @@ export function SingleSelectDropdown(props) {
         if (isModalOpen) {
             setIsOpen(false);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isOpen]);
+    }, [isModalOpen]);
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { className: toggleClassName || 'single-select-toggle-text', ref: toggleRef, onClick: onToggleClick, onKeyDown: onInputKeyDown, isExpanded: isOpen, isDisabled: isDisabled, isFullWidth: true, status: isInvalid ? 'danger' : undefined, "data-tracking-id": toggleDataTrackingId || '', badge: badge },
         hideToggleIcons && ((selected === null || selected === void 0 ? void 0 : selected.label) || placeholder),
         !hideToggleIcons && (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAwS1C;kBAxSQ,oBAAoB;;;AA2S7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA0R1C;kBA1RQ,oBAAoB;;;AA6R7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.js

@@ -42,7 +42,7 @@ function SupportFeedbackModal(props) {
     const { request: requestAISummary, isFetching: isFetchingAISummary } = useFetch(pcm.AISummaryFeedback, {
         propgateErrors: true,
     });
-    const { request: requestPcmFeedback, isFetching: isFetchingFeedback } = useFetch(pcm.submitPcmFeedback, {
+    const { request: requestFeedbackForm, isFetching: isFetchingFeedback } = useFetch(pcm.sendFeedbackForm, {
         propgateErrors: true,
     });
     const isFetching = isFetchingAISummary || isFetchingFeedback;
@@ -99,22 +99,8 @@ function SupportFeedbackModal(props) {
                     delete updatedValues.caseSummaryId;
                     const emojiRegex = /(\p{Emoji_Presentation}|\p{Emoji}\uFE0F|\p{Extended_Pictographic})+/gu;
                     updatedValues.moreInfo = (_a = updatedValues.moreInfo) === null || _a === void 0 ? void 0 : _a.replace(emojiRegex, (match) => encodeURIComponent(match));
-                    const session = globalThis.sessionjs;
-                    const userInfo = session.getUserInfo();
-                    const payload = {
-                        userName: `${userInfo.firstName} ${userInfo.lastName}`,
-                        ssoUserName: userInfo.username,
-                        accountNumber: userInfo.account_number || '',
-                        userType: session.isInternal() ? 'internal' : 'external',
-                        foundSolution: '',
-                        satisfactionLevel: updatedValues.levelOfSatisfied || '',
-                        savedTime: '',
-                        feedback: updatedValues.moreInfo || '',
-                        currentUrl: globalThis.location.href,
-                        email: userInfo.email || '',
-                        sessionId: seSessionId || '',
-                    };
-                    yield requestPcmFeedback(payload);
+                    // Call the request with the updated values
+                    yield requestFeedbackForm(updatedValues, window.sessionjs, window.location.href, seSessionId);
                 }
                 setValues(formInitState); // Reset form state after successful submission
                 ToastNotification.addSuccessMessage(t(`Thank you. We've received your feedback.`), t('Have a great day!'));

package/lib/esm/Table/TablePagination.d.ts

@@ -13,6 +13,7 @@ interface IProps {
     perPage?: number;
     currentPage?: number;
     variant: PaginationVariant;
+    isCompact?: boolean;
 }
 export declare function TablePagination(props: IProps): React.JSX.Element;
 export {};

package/lib/esm/Table/TablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAgC5C"}
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiC5C"}

package/lib/esm/Table/TablePagination.js

@@ -17,7 +17,7 @@ export function TablePagination(props) {
         props.currentPage && props.currentPage !== currentPage && setSelectedPage(props.currentPage);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.perPage, props.currentPage]);
-    return (React.createElement(Pagination, { itemCount: props.itemCount || (data || []).length, widgetId: "pagination-options-menu-top", perPage: perPage, page: currentPage, variant: props.variant, titles: {
+    return (React.createElement(Pagination, { itemCount: props.itemCount || (data || []).length, widgetId: "pagination-options-menu-top", perPage: perPage, page: currentPage, variant: props.variant, isCompact: props.isCompact, titles: {
             paginationAriaLabel: props.variant === PaginationVariant.top ? 'Upper pagination' : 'Lower pagination',
         }, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect }));
 }

package/lib/esm/helperFunctions/errorMessage.d.ts

@@ -6,7 +6,8 @@ export interface IAppErrorObj {
 export interface IAppError {
     [key: string]: Partial<IAppErrorObj>;
 }
+declare function getDirectErrorMessage(error: any): string;
 declare function formattedApiErrorMessage(error: any, customMessage?: IAppError, canManageCase?: boolean): string | JSX.Element;
 declare function errorMessageTitle(error: any, customError?: IAppError, canManageCase?: boolean): string;
-export { formattedApiErrorMessage, errorMessageTitle };
+export { formattedApiErrorMessage, errorMessageTitle, getDirectErrorMessage };
 //# sourceMappingURL=errorMessage.d.ts.map

package/lib/esm/helperFunctions/errorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AA8DD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CA2CjH;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAa1F;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AAmED,iBAAS,qBAAqB,CAAC,KAAK,KAAA,GAAG,MAAM,CAI5C;AAGD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAmDjH;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAa1F;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC"}

package/lib/esm/helperFunctions/errorMessage.js

@@ -1,7 +1,6 @@
 import './errorMessage.scss';
 import { Button } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import isEmpty from 'lodash/isEmpty';
 import React from 'react';
 import { SupportFeedbackForm } from '../SupportFeedbackForm';
 const defaultTitle = "Sorry, we're experiencing an error";
@@ -43,6 +42,15 @@ const defaultErrorObj = {
             " for assistance.")),
     },
 };
+function getApiErrorMessage(error) {
+    return [error === null || error === void 0 ? void 0 : error.message, error === null || error === void 0 ? void 0 : error.detailMessage].filter(Boolean).join(' ').trim();
+}
+// TODO: helper to pass API or status message directly in error popup
+function getDirectErrorMessage(error) {
+    const apiMessage = getApiErrorMessage(error);
+    const message = (error === null || error === void 0 ? void 0 : error.statusText) || (error === null || error === void 0 ? void 0 : error.responseText) || '';
+    return apiMessage || message;
+}
 // the error argument need a better typing here. We want to make sure that user is passing an error object and not an error string
 function formattedApiErrorMessage(error, customMessage, canManageCase) {
     var _a, _b, _c;
@@ -84,9 +92,15 @@ function formattedApiErrorMessage(error, customMessage, canManageCase) {
         }
         // api call error
         const message = (error === null || error === void 0 ? void 0 : error.statusText) || (error === null || error === void 0 ? void 0 : error.responseText) || '';
-        // error.message -> javascript error
-        const isNotProperUXError = isEmpty(message) || (message === null || message === void 0 ? void 0 : message.length) > 200 || (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : error.detailMessage);
-        return isNotProperUXError ? defaultErrorMessage : message;
+        // TODO: original logic — showed default when error.message existed
+        // // error.message -> javascript error
+        // const isNotProperUXError = isEmpty(message) || message?.length > 200 || error?.message || error?.detailMessage;
+        // return isNotProperUXError ? defaultErrorMessage : message;
+        const apiMessage = getApiErrorMessage(error);
+        if (apiMessage || message) {
+            return apiMessage || message;
+        }
+        return defaultErrorMessage;
     }
 }
 function errorMessageTitle(error, customError, canManageCase) {
@@ -102,4 +116,4 @@ function errorMessageTitle(error, customError, canManageCase) {
     }
     return defaultTitle;
 }
-export { formattedApiErrorMessage, errorMessageTitle };
+export { formattedApiErrorMessage, errorMessageTitle, getDirectErrorMessage };

package/lib/esm/hooks/useCopyToClipboard.d.ts

@@ -1,4 +1,4 @@
-export declare function useCopyToClipboard(ref: React.RefObject<HTMLInputElement>): {
+export declare function useCopyToClipboard(ref: React.RefObject<HTMLElement>): {
     clipboardText: string;
     copyToClipboard: () => Promise<void>;
 };

package/lib/esm/hooks/useCopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;;;EA2BxE"}
+{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;EA6BnE"}

package/lib/esm/hooks/useCopyToClipboard.js

@@ -14,9 +14,11 @@ export function useCopyToClipboard(ref) {
     // @ts-ignore
     const { t } = useTranslation();
     const copyToClipboard = () => __awaiter(this, void 0, void 0, function* () {
+        var _a;
         if (!ref.current)
             return;
-        const textToCopy = ref.current.value;
+        const el = ref.current;
+        const textToCopy = el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement ? el.value : (_a = el.textContent) !== null && _a !== void 0 ? _a : '';
         try {
             yield navigator.clipboard.writeText(textToCopy);
             setClipboardText(t('Copied!'));

package/lib/esm/index.d.ts

@@ -5,7 +5,7 @@ export * from './ErrorBoundary';
 export * from './ErrorPages';
 export * from './LoginModal';
 export * from './Table';
-export * from './MarkdownEditor';
+export * from './RichTextEditor';
 export * from './InlineEdit';
 export * from './CoverSpinner';
 export * from './hooks';
@@ -29,8 +29,10 @@ export * from './SubscriptionAbuse';
 export * from './TermsAndConditions';
 export * from './TextAreaResizable';
 export * from './CustomTextInput';
+export * from './CustomDatePicker';
 export * from './PhoneInput';
 export * from './TagsSelector';
 export * from './SingleSelectDropdown';
 export * from './OwnerTypeaheadDropdown';
+export * from './CaseLabelLoadErrorModal';
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC"}

package/lib/esm/index.js

@@ -6,7 +6,7 @@ export * from './ErrorBoundary';
 export * from './ErrorPages';
 export * from './LoginModal';
 export * from './Table';
-export * from './MarkdownEditor';
+export * from './RichTextEditor';
 export * from './InlineEdit';
 export * from './CoverSpinner';
 export * from './hooks';
@@ -30,7 +30,10 @@ export * from './SubscriptionAbuse';
 export * from './TermsAndConditions';
 export * from './TextAreaResizable';
 export * from './CustomTextInput';
+export * from './CustomDatePicker';
 export * from './PhoneInput';
 export * from './TagsSelector';
 export * from './SingleSelectDropdown';
 export * from './OwnerTypeaheadDropdown';
+export * from './CaseLabelLoadErrorModal';
+// dummy change for publish

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.223",
+    "version": "2.5.226",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -40,6 +40,7 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
+        "@apollo/client": "^4.1.6",
         "@cee-eng/ui-toolkit": "1.1.9",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
@@ -54,21 +55,21 @@
         "use-deep-compare-effect": "^1.6.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "^4.18.115",
+        "@cee-eng/hydrajs": "^4.18.114",
         "@cee-eng/ui-toolkit": "1.1.9",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-icons": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@patternfly/react-tokens": "6.2.1",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.170",
-        "@rh-support/utils": "2.5.149",
+        "@rh-support/user-permissions": "2.5.174",
+        "@rh-support/utils": "2.5.153",
         "dompurify": "^2.2.6",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
         "lodash": "^4.17.21",
         "mark.js": "^8.11.1",
+        "quill": "~2.0.3",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-i18next": "15.6.0",
@@ -82,6 +83,8 @@
         "@types/react-dom": "^18.2.18"
     },
     "devDependencies": {
+        "@patternfly/react-styles": "^6.2.1",
+        "@patternfly/react-tokens": "^6.2.1",
         "@testing-library/jest-dom": "^6.2.0",
         "@testing-library/react": "^14.1.2",
         "@testing-library/user-event": "^14.5.1",
@@ -100,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "91484dc6ea9833f72f85919ee4da022cba93d3c8"
+    "gitHead": "7e9d99cabdfd48a98e1fda53bd6747c1797c548c"
 }

package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts

@@ -1,49 +0,0 @@
-import './markdownEditor.css';
-import { IAttachment } from '@cee-eng/hydrajs/@types/models/attachment';
-import { IMarkdownOptions } from '@cee-eng/ui-toolkit';
-import React, { HTMLProps } from 'react';
-export declare enum EditorMode {
-    PLAIN = "plaintext",
-    MARKDOWN = "markdown"
-}
-interface IFileSelectorProps {
-    showFileSelectorInToolbar: boolean;
-    filesList: Partial<IAttachment>[];
-    onFileSelect: (file: Partial<IAttachment>) => void;
-    onFileDelete: (file: Partial<IAttachment>) => void;
-    onClipboardPaste: (file: any) => void;
-    isSupportedFile: (extension: string) => boolean;
-    attachFileBtn: React.ReactNode;
-    isUploadingFile: boolean;
-}
-export interface IMDEditorProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'onChange' | 'value' | 'ref'> {
-    value: string;
-    onChange: (value: string, mode?: EditorMode) => void;
-    className?: string;
-    id?: string;
-    hidePreviewText?: string;
-    showPreviewText?: string;
-    bindTextArea?: (ref: HTMLTextAreaElement) => void;
-    textAreaClassName?: string;
-    mdPlaceholder?: string;
-    plainTextPlaceholder?: string;
-    allowEmoji?: boolean;
-    hideHeadingOptions?: boolean;
-    markedownOptions?: IMarkdownOptions;
-    showMarkdownPlainTextToggle?: boolean;
-    editorMode?: EditorMode;
-    charLimit?: number;
-    minCharsForCounter?: number;
-    onCommentExceedCharsLimit: (val: boolean) => void;
-    fileSelectorProps?: Partial<IFileSelectorProps>;
-}
-export declare const validateFile: (file: Partial<IAttachment>) => {
-    isValid: boolean;
-    errorMsg: string;
-};
-declare function MarkdownEditor(props: IMDEditorProps): React.JSX.Element;
-declare namespace MarkdownEditor {
-    var defaultProps: Partial<IMDEditorProps>;
-}
-export { MarkdownEditor };
-//# sourceMappingURL=MarkdownEditor.d.ts.map

package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAwB,MAAM,qBAAqB,CAAC;AAiC7E,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAMtE,oBAAY,UAAU;IAClB,KAAK,cAAc;IACnB,QAAQ,aAAa;CACxB;AAED,UAAU,kBAAkB;IACxB,yBAAyB,EAAE,OAAO,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAChD,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yBAAyB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnD;AA2BD,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,CAAC,WAAW,CAAC,KAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAiB7F,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,cAAc,qBAk8B5C;kBAl8BQ,cAAc;;;AAs8BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}