get store name from constant

Author: heikkivihersalo

src/features/ai-modal/features/modal/components/form/Form.tsx

@@ -7,6 +7,7 @@ import { useDispatch } from '@wordpress/data';
  * Internal dependencies
  */
 import { MODAL_STATUS } from '@constants/modal';
+import { DATA_STORE } from '@constants/stores';
 import CloseButton from '../CloseButton';
 
 import styles from '../../index.module.css';
@@ -28,7 +29,7 @@ const Form = ({
 	onSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
 	hasApiKey: boolean;
 }): JSX.Element => {
-	const { setStatus, setSelection } = useDispatch('theme/ai');
+	const { setStatus, setSelection } = useDispatch(DATA_STORE);
 
 	const handleClose = () => {
 		setStatus(MODAL_STATUS.INITIAL);

src/features/ai-modal/features/modal/components/modal-text/ModalControlsText.tsx

@@ -23,6 +23,7 @@ import {
 } from '../../../../utils';
 
 import { MODAL_STATUS } from '@constants/modal';
+import { DATA_STORE } from '@constants/stores';
 
 import type { ModalStatus, ModalSelection, ModalSettings } from 'types/modal';
 
@@ -35,13 +36,13 @@ import styles from '../../index.module.css';
 const ModalControlsText = (): JSX.Element | null => {
 	const { status, selection, settings } = useSelect((select: WPAny) => {
 		return {
-			status: select('theme/ai').getStatus() as ModalStatus,
-			selection: select('theme/ai').getSelection() as ModalSelection,
-			settings: select('theme/ai').getSettings() as ModalSettings,
+			status: select(DATA_STORE).getStatus() as ModalStatus,
+			selection: select(DATA_STORE).getSelection() as ModalSelection,
+			settings: select(DATA_STORE).getSettings() as ModalSettings,
 		};
 	}, []);
 
-	const { setStatus, setSelection } = useDispatch('theme/ai');
+	const { setStatus, setSelection } = useDispatch(DATA_STORE);
 	const { getText } = useChatGPT();
 
 	const handleCLose = () => {

src/features/ai-modal/features/modal/index.tsx

@@ -8,6 +8,7 @@ import { useSelect } from '@wordpress/data';
  * Internal dependencies
  */
 import { MODAL_STATUS } from '@constants/modal';
+import { DATA_STORE } from '@constants/stores';
 
 import ModalControlsText from './components/modal-text/ModalControlsText';
 import ModalControlsImage from './components/modal-image/ModalControlsImage';
@@ -30,7 +31,7 @@ const Modal = ({
 }): JSX.Element | null => {
 	const { status } = useSelect((select: WPAny) => {
 		return {
-			status: select('theme/ai').getStatus() as ModalStatus,
+			status: select(DATA_STORE).getStatus() as ModalStatus,
 		};
 	}, []);