feat: Remove carousel component and use message template instead + some spec changes

package.json

@@ -68,8 +68,8 @@
   },
   "dependencies": {
     "@sendbird/chat": "^4.11.3",
-    "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.65",
-    "@sendbird/uikit-tools": "0.0.1-alpha.65",
+    "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.69",
+    "@sendbird/uikit-tools": "0.0.1-alpha.69",
     "css-vars-ponyfill": "^2.3.2",
     "date-fns": "^2.16.1",
     "dompurify": "^3.0.1"

rollup.module-exports.mjs

@@ -239,5 +239,4 @@ export default {
   'ui/Word': 'src/ui/Word/index.tsx',
   'ui/FeedbackIconButton': 'src/ui/FeedbackIconButton/index.tsx',
   'ui/MobileFeedbackMenu': 'src/ui/MobileFeedbackMenu/index.tsx',
-  'ui/Carousel': 'src/ui/Carousel/index.tsx',
 };

src/lib/dux/appInfo/initialState.ts

@@ -1,4 +1,5 @@
 export type ProcessedMessageTemplate = {
+  version: number;
   uiTemplate: string; // This is stringified ui_template.body.items
   colorVariables?: Record<string, string>;
 };

src/lib/dux/appInfo/utils.ts

@@ -6,6 +6,7 @@ import { SendbirdMessageTemplate } from '../../../ui/TemplateMessageItemBody/typ
  */
 export const getProcessedTemplate = (parsedTemplate: SendbirdMessageTemplate): ProcessedMessageTemplate => {
   return {
+    version: parsedTemplate.ui_template.version,
     uiTemplate: JSON.stringify(parsedTemplate.ui_template.body.items),
     colorVariables: parsedTemplate.color_variables,
   };

src/modules/GroupChannel/components/MessageList/index.scss

@@ -10,7 +10,6 @@
     position: relative;
     height: 100%;
     overflow-x: hidden;
-    overflow-y: scroll;
   }
   .sendbird-separator,
   .sendbird-admin-message {

src/modules/GroupChannel/components/MessageTemplateWrapper/index.tsx

@@ -9,10 +9,11 @@ export interface MessageTemplateWrapperProps extends MessageTemplateProps {
 
 export const MessageTemplateWrapper = ({
   message,
+  templateVersion,
   templateItems,
 }: MessageTemplateWrapperProps): ReactElement => {
   return <MessageTemplateProvider message={message}>
-    <MessageTemplate templateItems={templateItems} />
+    <MessageTemplate templateVersion={templateVersion} templateItems={templateItems} />
   </MessageTemplateProvider>;
 };