diff --git a/packages/react/src/components/uiKit/blocks/UiKitModal.js b/packages/react/src/components/uiKit/blocks/UiKitModal.js
index 7a3929bf7..843a7772a 100644
--- a/packages/react/src/components/uiKit/blocks/UiKitModal.js
+++ b/packages/react/src/components/uiKit/blocks/UiKitModal.js
@@ -1,164 +1,150 @@
-/* eslint-disable react/jsx-no-undef */
-/* eslint-disable import/extensions */
-/* eslint-disable import/no-unresolved */
-/* eslint-disable no-shadow */
-/* eslint-disable react/jsx-no-constructed-context-values */
-import React from 'react';
-import {
-  useDebouncedCallback,
-  useMutableCallback,
-} from '@rocket.chat/fuselage-hooks';
-import { kitContext } from '../contexts/kitContext';
+// import React from 'react';
+// import {
+//   useDebouncedCallback,
+//   useMutableCallback,
+// } from '@rocket.chat/fuselage-hooks';
+// import { kitContext } from '../contexts/kitContext';
 
-import * as ActionManager from '../../../../app/ui-message/client/ActionManager';
-import { detectEmoji } from '../../../lib/utils/detectEmoji';
-import ModalBlock from './ModalBlock';
-import { useActionManagerState } from './hooks/useActionManagerState';
-import { useValues } from './hooks/useValues';
+// TODO: theses files have to created and written first before importing
 
-const UiKitModal = (props) => {
-  const state = useActionManagerState(props);
-
-  const { appId, viewId, mid: _mid, errors, view } = state;
-
-  const [values, updateValues] = useValues(view.blocks);
-
-  const groupStateByBlockId = (values) =>
-    Object.entries(values).reduce((obj, [key, { blockId, value }]) => {
-      obj[blockId] = obj[blockId] || {};
-      obj[blockId][key] = value;
-
-      return obj;
-    }, {});
-
-  const prevent = (e) => {
-    if (e) {
-      (e.nativeEvent || e).stopImmediatePropagation();
-      e.stopPropagation();
-      e.preventDefault();
-    }
-  };
-
-  const debouncedBlockAction = useDebouncedCallback(
-    (actionId, appId, value, blockId, mid) => {
-      ActionManager.triggerBlockAction({
-        container: {
-          type: 'view',
-          id: viewId,
-        },
-        actionId,
-        appId,
-        value,
-        blockId,
-        mid,
-      });
-    },
-    700
-  );
+// import * as ActionManager from '../../../../app/ui-message/client/ActionManager';
+// import { detectEmoji } from '../../../lib/utils/detectEmoji';
+// import ModalBlock from './ModalBlock';
+// import { useActionManagerState } from './hooks/useActionManagerState';
+// import { useValues } from './hooks/useValues';
 
-  // TODO: this structure is atrociously wrong; we should revisit this
-  const context = {
-    // @ts-expect-error Property 'mid' does not exist on type 'ActionParams'.
-    action: ({
-      actionId,
-      appId,
-      value,
-      blockId,
-      mid = _mid,
-      dispatchActionConfig,
-    }) => {
-      if (
-        Array.isArray(dispatchActionConfig) &&
-        dispatchActionConfig.includes('on_character_entered')
-      ) {
-        debouncedBlockAction(actionId, appId, value, blockId, mid);
-      } else {
-        ActionManager.triggerBlockAction({
-          container: {
-            type: 'view',
-            id: viewId,
-          },
-          actionId,
-          appId,
-          value,
-          blockId,
-          mid,
-        });
-      }
-    },
-
-    state: ({ actionId, value, /* ,appId, */ blockId = 'default' }) => {
-      updateValues({
-        actionId,
-        payload: {
-          blockId,
-          value,
-        },
-      });
-    },
-    ...state,
-    values,
-  };
-
-  const handleSubmit = useMutableCallback((e) => {
-    prevent(e);
-    ActionManager.triggerSubmitView({
-      viewId,
-      appId,
-      payload: {
-        view: {
-          ...view,
-          id: viewId,
-          state: groupStateByBlockId(values),
-        },
-      },
-    });
-  });
-
-  const handleCancel = useMutableCallback((e) => {
-    prevent(e);
-    ActionManager.triggerCancel({
-      viewId,
-      appId,
-      view: {
-        ...view,
-        id: viewId,
-        state: groupStateByBlockId(values),
-      },
-    });
-  });
-
-  const handleClose = useMutableCallback(() => {
-    ActionManager.triggerCancel({
-      viewId,
-      appId,
-      view: {
-        ...view,
-        id: viewId,
-        state: groupStateByBlockId(values),
-      },
-      isCleared: true,
-    });
-  });
-
-  return (
-    <kitContext.Provider value={context}>
-      <MarkupInteractionContext.Provider
-        value={{
-          detectEmoji,
-        }}
-      >
-        <ModalBlock
-          view={view}
-          errors={errors}
-          appId={appId}
-          onSubmit={handleSubmit}
-          onCancel={handleCancel}
-          onClose={handleClose}
-        />
-      </MarkupInteractionContext.Provider>
-    </kitContext.Provider>
-  );
+const UiKitModal = (props) => {
+  // TODO: Can be uncommented after imported files are implemented
+  // const state = useActionManagerState(props);
+  // const { appId, viewId, mid: _mid, errors, view } = state;
+  // const [values, updateValues] = useValues(view.blocks);
+  // const groupStateByBlockId = (values) =>
+  //   Object.entries(values).reduce((obj, [key, { blockId, value }]) => {
+  //     obj[blockId] = obj[blockId] || {};
+  //     obj[blockId][key] = value;
+  //     return obj;
+  //   }, {});
+  // const prevent = (e) => {
+  //   if (e) {
+  //     (e.nativeEvent || e).stopImmediatePropagation();
+  //     e.stopPropagation();
+  //     e.preventDefault();
+  //   }
+  // };
+  // const debouncedBlockAction = useDebouncedCallback(
+  //   (actionId, appId, value, blockId, mid) => {
+  //     ActionManager.triggerBlockAction({
+  //       container: {
+  //         type: 'view',
+  //         id: viewId,
+  //       },
+  //       actionId,
+  //       appId,
+  //       value,
+  //       blockId,
+  //       mid,
+  //     });
+  //   },
+  //   700
+  // );
+  // // TODO: this structure is atrociously wrong; we should revisit this
+  // const context = {
+  //   // @ts-expect-error Property 'mid' does not exist on type 'ActionParams'.
+  //   action: ({
+  //     actionId,
+  //     appId,
+  //     value,
+  //     blockId,
+  //     mid = _mid,
+  //     dispatchActionConfig,
+  //   }) => {
+  //     if (
+  //       Array.isArray(dispatchActionConfig) &&
+  //       dispatchActionConfig.includes('on_character_entered')
+  //     ) {
+  //       debouncedBlockAction(actionId, appId, value, blockId, mid);
+  //     } else {
+  //       ActionManager.triggerBlockAction({
+  //         container: {
+  //           type: 'view',
+  //           id: viewId,
+  //         },
+  //         actionId,
+  //         appId,
+  //         value,
+  //         blockId,
+  //         mid,
+  //       });
+  //     }
+  //   },
+  //   state: ({ actionId, value, /* ,appId, */ blockId = 'default' }) => {
+  //     updateValues({
+  //       actionId,
+  //       payload: {
+  //         blockId,
+  //         value,
+  //       },
+  //     });
+  //   },
+  //   ...state,
+  //   values,
+  // };
+  // const handleSubmit = useMutableCallback((e) => {
+  //   prevent(e);
+  //   ActionManager.triggerSubmitView({
+  //     viewId,
+  //     appId,
+  //     payload: {
+  //       view: {
+  //         ...view,
+  //         id: viewId,
+  //         state: groupStateByBlockId(values),
+  //       },
+  //     },
+  //   });
+  // });
+  // const handleCancel = useMutableCallback((e) => {
+  //   prevent(e);
+  //   ActionManager.triggerCancel({
+  //     viewId,
+  //     appId,
+  //     view: {
+  //       ...view,
+  //       id: viewId,
+  //       state: groupStateByBlockId(values),
+  //     },
+  //   });
+  // });
+  // const handleClose = useMutableCallback(() => {
+  //   ActionManager.triggerCancel({
+  //     viewId,
+  //     appId,
+  //     view: {
+  //       ...view,
+  //       id: viewId,
+  //       state: groupStateByBlockId(values),
+  //     },
+  //     isCleared: true,
+  //   });
+  // });
+  // return (
+  //   <kitContext.Provider value={context}>
+  //     <MarkupInteractionContext.Provider
+  //       value={{
+  //         detectEmoji,
+  //       }}
+  //     >
+  //       <ModalBlock
+  //         view={view}
+  //         errors={errors}
+  //         appId={appId}
+  //         onSubmit={handleSubmit}
+  //         onCancel={handleCancel}
+  //         onClose={handleClose}
+  //       />
+  //     </MarkupInteractionContext.Provider>
+  //   </kitContext.Provider>
+  // );
 };
 
 export default UiKitModal;