@pega/cosmos-react-work 9.0.0-build.29.20 → 9.0.0-build.29.22

package/lib/components/GenAICoach/GenAICoach.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"AAuGA,OAAO,EAAyC,KAAK,eAAe,EAAE,MAAM,GAAG,CAAC;AAmBhF,eAAO,MAAM,SAAS,+CA2GrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAQ5B,CAAC;iCA+kDyB,eAAe;;;AAQ1C,wBAA6D"}
+{"version":3,"file":"GenAICoach.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"AAuGA,OAAO,EAAyC,KAAK,eAAe,EAAE,MAAM,GAAG,CAAC;AAmBhF,eAAO,MAAM,SAAS,+CA2GrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAQ5B,CAAC;iCAipDyB,eAAe;;;AAQ1C,wBAA6D"}

package/lib/components/GenAICoach/GenAICoach.js

@@ -113,7 +113,9 @@ const GenAICoachContent = ({ testId, coachOptions: coachOptionsProps, onCoachCha
     const observersRef = useRef({
         inputContainer: null,
         messageContainer: null,
-        streamingMessage: null
+        streamingMessage: null,
+        tileSync: null,
+        tileMutation: null
     });
     const isSmallOrAbove = useBreakpoint('sm', {
         breakpointRef: genAICoachRef
@@ -311,6 +313,53 @@ const GenAICoachContent = ({ testId, coachOptions: coachOptionsProps, onCoachCha
             lastMessage.focus();
         }
     }, [scrollToLatest]);
+    const suggestionCardsViewElRef = useRef(null);
+    const setSuggestionCardsViewRef = useCallback((el) => {
+        if (suggestionCardsViewElRef.current === el)
+            return;
+        observersRef.current.tileSync?.disconnect();
+        observersRef.current.tileSync = null;
+        observersRef.current.tileMutation?.disconnect();
+        observersRef.current.tileMutation = null;
+        suggestionCardsViewElRef.current = el;
+        if (!el)
+            return;
+        const tileSelector = '[data-tile-content]';
+        let scheduled = false;
+        const measure = () => {
+            const tileContents = Array.from(el.querySelectorAll(tileSelector));
+            if (tileContents.length === 0) {
+                el.style.removeProperty('--tile-col-track');
+                return;
+            }
+            tileContents.forEach(tileEl => {
+                tileEl.style.width = 'auto';
+            });
+            const maxWidth = Math.max(...tileContents.map(tileEl => Math.round(tileEl.getBoundingClientRect().width)));
+            tileContents.forEach(tileEl => {
+                tileEl.style.width = '';
+            });
+            const newTrack = `${maxWidth}px`;
+            if (el.style.getPropertyValue('--tile-col-track') !== newTrack) {
+                el.style.setProperty('--tile-col-track', newTrack);
+            }
+        };
+        const schedule = () => {
+            if (scheduled)
+                return;
+            scheduled = true;
+            requestAnimationFrame(() => {
+                scheduled = false;
+                measure();
+            });
+        };
+        const ro = new ResizeObserver(() => schedule());
+        ro.observe(el);
+        observersRef.current.tileSync = ro;
+        const mo = new MutationObserver(() => schedule());
+        mo.observe(el, { childList: true, subtree: true });
+        observersRef.current.tileMutation = mo;
+    }, []);
     const setInputContainerRef = useCallback((el) => {
         if (inputContainerRef.current === el)
             return;
@@ -878,7 +927,7 @@ const GenAICoachContent = ({ testId, coachOptions: coachOptionsProps, onCoachCha
                                     }, ...(prevFullScreen !== fullScreen ? { animationInitialCursorPos } : {}) }));
                             }) })) })) }), showScrollToBottom && (_jsx(StyledScrollButton, { ref: scrollButtonRef, icon: true, onClick: handleScrollToBottomClick, ariaLabel: t('scroll_to_latest_message'), onKeyDown: focusLastMessageLi, children: _jsx(Icon, { name: 'caret-down' }) })), !loading && messages.length === 0 && suggestionCardsView ? (_jsxs(_Fragment, { children: [((isInUtilities(variant) && variant.state !== 'minimized') ||
                             !isInUtilities(variant)) &&
-                            !guidedMode && (_jsx(StyledStickyComposer, { children: _jsx(Flex, { container: { direction: 'column' }, as: StyledInputContainer, ref: setInputContainerRef, children: _jsx(StyledComposerSection, { children: genAIFooter }) }) })), _jsx(Flex, { container: { direction: 'column' }, as: StyledSuggestionCardsBottomHalf, children: _jsx(StyledSuggestionCardsView, { children: suggestionCardsView }) })] })) : (((isInUtilities(variant) && variant.state !== 'minimized') ||
+                            !guidedMode && (_jsx(StyledStickyComposer, { children: _jsx(Flex, { container: { direction: 'column' }, as: StyledInputContainer, ref: setInputContainerRef, children: _jsx(StyledComposerSection, { children: genAIFooter }) }) })), _jsx(Flex, { container: { direction: 'column' }, as: StyledSuggestionCardsBottomHalf, children: _jsx(StyledSuggestionCardsView, { ref: setSuggestionCardsViewRef, children: suggestionCardsView }) })] })) : (((isInUtilities(variant) && variant.state !== 'minimized') ||
                     !isInUtilities(variant)) &&
                     !loading && (_jsx(Flex, { container: { direction: 'column' }, as: StyledInputContainer, ref: setInputContainerRef, children: _jsxs(StyledComposerSection, { children: [guidedMode &&
                                 questionnaireData &&