fixed interactive message api difference

glific · Sep 7, 2021 · 2400f64 · 2400f64
1 parent d7e681f
commit 2400f64
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 13 deletions.
diff --git a/src/common/utils.ts b/src/common/utils.ts
@@ -88,13 +88,9 @@ export const getInteractiveMessageBody = (interactiveJSON: any) => {
     const { content } = interactiveJSON;
     switch (content.type) {
       case 'text':
-        messageBody = content.caption;
-        break;
       case 'image':
-        messageBody = content.caption;
-        break;
       case 'video':
-        messageBody = content.caption;
+        messageBody = content.text;
         break;
       case 'file':
         messageBody = content.filename;

diff --git a/src/containers/InteractiveMessage/InteractiveMessage.tsx b/src/containers/InteractiveMessage/InteractiveMessage.tsx
@@ -46,24 +46,24 @@ const convertJSONtoStateData = (JSONData: any, interactiveType: string) => {
   const { title, body, items, content, options, globalButtons } = data;
 
   if (interactiveType === QUICK_REPLY) {
-    const { type, caption, url, text } = content;
+    const { type, header, url, text } = content;
     const result: any = {};
     result.templateButtons = options.map((option: any) => ({ value: option.title }));
-    result.title = text || '';
+    result.title = header || '';
     switch (type) {
       case 'image':
       case 'video':
         result.type = `${type.toUpperCase()}`;
         result.attachmentURL = url;
-        result.body = caption;
+        result.body = text;
         break;
       case 'file':
         result.type = 'DOCUMENT';
         result.attachmentURL = url;
         break;
       default:
         result.type = null;
-        result.body = caption || '';
+        result.body = text || '';
     }
     return result;
   }
@@ -507,7 +507,7 @@ export const InteractiveMessage: React.SFC<FlowProps> = ({ match }) => {
       case 'VIDEO':
         result.type = `${mediaType.toLowerCase()}`;
         result.url = payload.attachmentURL;
-        result.caption = payload.body.getCurrentContent().getPlainText();
+        result.text = payload.body.getCurrentContent().getPlainText();
         break;
       case 'DOCUMENT':
         result.type = 'file';
@@ -516,8 +516,8 @@ export const InteractiveMessage: React.SFC<FlowProps> = ({ match }) => {
         break;
       default:
         result.type = 'text';
-        result.text = payload.title;
-        result.caption = payload.body.getCurrentContent().getPlainText();
+        result.header = payload.title;
+        result.text = payload.body.getCurrentContent().getPlainText();
         break;
     }
 

diff --git a/src/containers/InteractiveMessage/InteractiveMessageList/InteractiveMessageList.tsx b/src/containers/InteractiveMessage/InteractiveMessageList/InteractiveMessageList.tsx
@@ -41,7 +41,7 @@ const getTranslations = (type: string, language: any, data: string) => {
   const result = Object.keys(dataObj).reduce((acc: any, langId: string) => {
     const { content, body } = dataObj[langId];
     if (type === QUICK_REPLY) {
-      acc[langId] = { body: content?.caption || '' };
+      acc[langId] = { body: content?.text || '' };
     } else {
       acc[langId] = { body };
     }