?HAMA

Edit File Size: 2.94 KB

/home/nshryvcy/radiantskinclinics.org/wp-content/plugins/extendify_old/src/Agent/components/ChatSuggestions.jsx

Text Base64

import { sparkle } from '@agent/icons';
import { useSuggestionsStore } from '@agent/state/suggestions';
import { useState } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import {
	chevronRight,
	drafts,
	help,
	pencil,
	published,
	siteLogo,
	styles,
	swatch,
	typography,
	video,
} from '@wordpress/icons';

const icons = {
	styles,
	edit: pencil,
	help,
	video,
	sparkle,
	drafts,
	published,
	typography,
	pencil,
	siteLogo,
	swatch,
};

export const ChatSuggestions = ({ suggestions }) => {
	const { markAsClicked, isAvailable, getSuggestions } = useSuggestionsStore();
	const [allSuggestions, setAllSuggestions] = useState(suggestions);

const handleShowMore = () => {
		const next = getSuggestions({ slice: 6, exclude: allSuggestions });
		setAllSuggestions((prev) => [...prev, ...next]);
	};

if (!suggestions) return null;

return (
		<>
			{allSuggestions.map((suggestion) => {
				// Hide them if it's not available to the user
				if (!isAvailable(suggestion)) return null;
				return (
					<SuggestionButton
						key={suggestion.message}
						suggestion={suggestion}
						handleSubmit={handleSubmit}
					/>
				);
			})}
			<ShowMoreButton handleShowMore={handleShowMore} />
		</>
	);
};

const ShowMoreButton = ({ handleShowMore }) => {
	const [hide, setHide] = useState(false);
	const handleClick = () => {
		handleShowMore();
		setHide(true);
	};

if (hide) return null;
	return (
		<button
			type="button"
			className="group flex w-full items-center gap-3 rounded-sm bg-transparent px-1 py-1 text-xs not-italic text-gray-800 transition-colors duration-100 hover:text-gray-900 focus:outline-hidden group"
			onClick={handleClick}
		>
			<span className="h-px flex-1 bg-gray-200" />
			<span className="group-hover:underline group-focus:ring-2 group-focus:ring-design-main">
				{__('Show more', 'extendify-local')}
			</span>
			<span className="h-px flex-1 bg-gray-200" />
		</button>
	);
};

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
buttons DIR	-	drwxr-xr-x	2026-04-28 02:40:01	Edit Download recursive recursive
layouts DIR	-	drwxr-xr-x	2026-04-28 02:40:01	Edit Download recursive recursive
messages DIR	-	drwxr-xr-x	2026-04-28 02:40:01	Edit Download recursive recursive
redirects DIR	-	drwxr-xr-x	2026-04-28 02:40:01	Edit Download recursive recursive
__tests__ DIR	-	drwxr-xr-x	2026-04-28 02:40:01	Edit Download recursive recursive
ChatInput.jsx	6.98 KB	lrw-r--r--	2026-03-19 23:35:18	Edit Download recursive recursive
ChatMessages.jsx	6.07 KB	lrw-r--r--	2026-03-05 22:57:38	Edit Download recursive recursive
ChatSuggestions.jsx	2.94 KB	lrw-r--r--	2026-03-19 23:35:18	Edit Download recursive recursive
ChatTools.jsx	1.28 KB	lrw-r--r--	2026-03-05 22:57:38	Edit Download recursive recursive
DOMHighlighter.jsx	8.77 KB	lrw-r--r--	2026-03-19 23:35:18	Edit Download recursive recursive
ErrorMessage.jsx	872 B	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
GuidedTour.jsx	14.88 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
ImageUploader.jsx	6.03 KB	lrw-r--r--	2026-04-09 23:45:00	Edit Download recursive recursive
OptionsPopover.jsx	5.36 KB	lrw-r--r--	2026-03-19 23:35:18	Edit Download recursive recursive
PageDocument.jsx	1.04 KB	lrw-r--r--	2026-03-05 22:57:38	Edit Download recursive recursive
Rating.jsx	1.85 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
ScrollDownButton.jsx	1.10 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
ScrollIntoViewOnce.jsx	876 B	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive

Directory Contents