chore: update mulitple audio

Author: Md-Abed-Hossen

frontend-dev/src/components/AllIntegrations/Line/Line.jsx

@@ -92,13 +92,13 @@ function Line({ formFields, setFlow, flow, allIntegURL }) {
     accessToken: '',
     parse_mode: 'HTML',
     messageTypes,
-    emojis_field_map: generateMappedField(emojisFields),
+    emojis_field_map: generateMappedField(emojisFields, 'emoji'),
     message_field_map: generateMappedField(messageField),
-    sticker_field_map: generateMappedField(stickerFields),
-    image_field_map: generateMappedField(imageFields),
-    audio_field_map: generateMappedField(audioFields),
-    video_field_map: generateMappedField(videoFields),
-    location_field_map: generateMappedField(locationFields),
+    sticker_field_map: generateMappedField(stickerFields, 'sticker'),
+    image_field_map: generateMappedField(imageFields, 'image'),
+    audio_field_map: generateMappedField(audioFields, 'audio'),
+    video_field_map: generateMappedField(videoFields, 'video'),
+    location_field_map: generateMappedField(locationFields, 'location'),
     body: '',
     actions: {},
     sendEmojis: false,

frontend-dev/src/components/AllIntegrations/Line/LineCommonFunc.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-else-return */
 import { __ } from '../../../Utils/i18nwrap'
 import bitsFetch from '../../../Utils/bitsFetch'
 
@@ -108,34 +107,48 @@ const getFieldTypeGroup = lineFormField => {
 }
 
 const generateGroupId = (fieldType, existingFieldMap) => {
+  if (fieldType === 'audio') {
+    const existingAudioGroups = [
+      ...new Set(
+        existingFieldMap.filter(field => field.fieldType === 'audio').map(field => field.groupId)
+      )
+    ]
+    return `audio_${existingAudioGroups.length + 1}`
+  }
   const existingGroups = [
     ...new Set(
       existingFieldMap
         .filter(field => getFieldTypeGroup(field.lineFormField) === fieldType)
         .map(field => field.groupId)
     )
   ]
-
   return `${fieldType}_${existingGroups.length + 1}`
 }
 
 export const addFieldMap = (i, confTmp, setConf, FieldMappings, mapKey) => {
   setConf(prev => {
     const newConf = { ...prev }
     if (!Array.isArray(newConf[mapKey])) newConf[mapKey] = []
-
-    const newFieldMap = FieldMappings.map(field => {
-      const fieldType = getFieldTypeGroup(field.value)
-      const groupId = generateGroupId(fieldType, newConf[mapKey])
-
-      return {
+    if (mapKey === 'audio_field_map') {
+      const fieldType = 'audio'
+      const groupId = generateGroupId('audio', newConf[mapKey])
+      const newFieldMap = FieldMappings.map(field => ({
         formField: '',
         lineFormField: field.value,
         groupId,
-        fieldType
-      }
-    })
-
+        fieldType: 'audio'
+      }))
+      newConf[mapKey].splice(i, 0, ...newFieldMap)
+      return newConf
+    }
+    let fieldType = getFieldTypeGroup(FieldMappings[0].value)
+    let groupId = generateGroupId(fieldType, newConf[mapKey])
+    const newFieldMap = FieldMappings.map(field => ({
+      formField: '',
+      lineFormField: field.value,
+      groupId,
+      fieldType
+    }))
     newConf[mapKey].splice(i, 0, ...newFieldMap)
     return newConf
   })
@@ -195,13 +208,11 @@ export const getLineValidationMessages = lineConf => {
     case 'sendPushMessage':
       if (!lineConf.recipientId?.trim())
         messages.push(__('Recipient ID is required', 'bit-integrations'))
-
       if (!isMessageFieldConfigured(lineConf))
         messages.push(__('Message field mapping is required', 'bit-integrations'))
       break
     case 'sendReplyMessage':
       if (!lineConf.replyToken?.trim()) messages.push(__('Reply Token is required', 'bit-integrations'))
-
       if (!isMessageFieldConfigured(lineConf))
         messages.push(__('Message field mapping is required', 'bit-integrations'))
       break
@@ -222,20 +233,20 @@ export const getLineValidationMessages = lineConf => {
   return messages
 }
 
-export const generateMappedField = fields => {
+export const generateMappedField = (fields, fieldType = null) => {
   const requiredFlds = fields.filter(f => f.required)
   if (requiredFlds.length) {
     const typeToGroupId = {}
     return requiredFlds.map(f => {
-      const fieldType = getFieldTypeGroup(f.value)
-      if (!typeToGroupId[fieldType]) {
-        typeToGroupId[fieldType] = `${fieldType}_1`
+      const actualFieldType = fieldType || getFieldTypeGroup(f.value)
+      if (!typeToGroupId[actualFieldType]) {
+        typeToGroupId[actualFieldType] = `${actualFieldType}_1`
       }
       return {
         formField: '',
         lineFormField: f.value,
-        groupId: typeToGroupId[fieldType],
-        fieldType
+        groupId: typeToGroupId[actualFieldType],
+        fieldType: actualFieldType
       }
     })
   }

includes/Actions/Line/RecordApiHelper.php

@@ -99,19 +99,30 @@ function ($data) {
         }
 
         if (!empty($details->sendAudio) && !empty($details->audio_field_map)) {
-            $audios = $this->processGrouped(
-                $values,
-                $details->audio_field_map,
-                ['originalContentUrl'],
-                function ($data) {
-                    return array_filter([
-                        'type'               => 'audio',
-                        'originalContentUrl' => $data['originalContentUrl'],
-                        'duration'           => isset($data['duration']) ? (int) $data['duration'] : null
-                    ]);
-                }
-            );
-            $messages = array_merge($messages, $audios);
+            error_log(print_r($details->audio_field_map, true));
+            $audioFields = array_filter($details->audio_field_map, function ($field) {
+                return $field->fieldType === 'audio';
+            });
+            if (!empty($audioFields)) {
+                $audios = $this->processGrouped(
+                    $values,
+                    $audioFields,
+                    ['originalContentUrl'],
+                    function ($data) {
+                        if (empty($data['duration'])) {
+                            return;
+                        }
+
+                        return [
+                            'type'               => 'audio',
+                            'originalContentUrl' => $data['originalContentUrl'],
+                            'duration'           => $data['duration']
+                        ];
+                    }
+                );
+                $audios = array_filter($audios);
+                $messages = array_merge($messages, $audios);
+            }
         }
 
         if (!empty($details->sendVideo) && !empty($details->video_field_map)) {