@adminforth/bulk-ai-flow 1.7.4 → 1.8.1

package/dist/custom/{visionAction.vue → VisionAction.vue}

@@ -5,60 +5,38 @@
     </div>
     <p class="text-justify max-h-[18px] truncate max-w-[60vw] md:max-w-none">{{ props.meta.actionName }}</p>
   </div>
-  <Dialog ref="confirmDialog">
-    <div
-      class="fixed inset-0 z-20 flex items-center justify-center bg-black/40"
-    >
-      <div
-        class="bulk-vision-dialog flex items-center justify-center relative w-[100vw] h-[100vh] max-h-[100vh] md:w-auto md:max-w-[95vw] md:min-w-[640px] md:h-auto md:max-h-[90vh] bg-white dark:bg-gray-900 rounded-none md:rounded-md shadow-2xl overflow-hidden"
-      >
-        <div class="bulk-vision-table flex flex-col items-center justify-evenly md:max-h-[90vh] gap-3 md:gap-4 w-full h-full p-4 md:p-6 overflow-y-auto overflow-x-auto">
-          <button type="button" 
-            @click="closeDialog"
-            class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" >
-              <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
-                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
-              </svg>
-          </button>
-
-          <div v-if="records && props.checkboxes.length" class="w-full overflow-x-auto">
-            <VisionTable
-              :checkbox="props.checkboxes"
-              :records="records"
-              :index="0"
-              :meta="props.meta"
-              :images="images"
-              :tableHeaders="tableHeaders"
-              :tableColumns="tableColumns"
-              :customFieldNames="customFieldNames"
-              :tableColumnsIndexes="tableColumnsIndexes"
-              :selected="selected"
-              :isAiResponseReceivedAnalize="isAiResponseReceivedAnalize"
-              :isAiResponseReceivedImage="isAiResponseReceivedImage"
-              :primaryKey="primaryKey"
-              :openGenerationCarousel="openGenerationCarousel"
-              @error="handleTableError"
-            />
-          </div>
-          <div class="flex w-full flex-col md:flex-row items-stretch md:items-end justify-end gap-3 md:gap-4">
-            <div class="h-full text-red-600 font-semibold flex items-center justify-center md:mb-2">
-              <p v-if="isError === true">{{ errorMessage }}</p>
-            </div>
-            <button type="button" class="w-full md:w-auto py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
-              @click="closeDialog"
-            >
-              {{'Cancel'}}
-            </button>
-            <Button 
-              class="w-full md:w-64"
-              @click="saveData"
-              :disabled="isLoading || checkedCount < 1 || isCriticalError"
-              :loader="isLoading"
-            >
-            {{ checkedCount > 1 ? 'Save fields' : 'Save field' }}
-            </Button>
-          </div>
-        </div>
+  <Dialog 
+    ref="confirmDialog"
+    header="Bulk AI Flow"
+    class="!max-w-full w-full lg:w-[1600px] !lg:max-w-[1600px]"
+    :buttons="[
+      { label: checkedCount > 1 ? 'Save fields' : 'Save field', options: { disabled: isLoading || checkedCount < 1 || isCriticalError || isFetchingRecords, loader: isLoading, class: 'w-fit sm:w-40' }, onclick: (dialog) => { saveData(); dialog.hide(); } },
+      { label: 'Cancel', onclick: (dialog) => dialog.hide() },
+    ]"
+  >
+    <div class="bulk-vision-table flex flex-col items-center max-w-[1560px] md:max-h-[90vh] gap-3 md:gap-4 w-full h-full overflow-y-auto">
+      <div v-if="records && props.checkboxes.length" class="w-full overflow-x-auto">
+        <VisionTable
+          :checkbox="props.checkboxes"
+          :records="records"
+          :meta="props.meta"
+          :images="images"
+          :tableHeaders="tableHeaders"
+          :tableColumns="tableColumns"
+          :customFieldNames="customFieldNames"
+          :tableColumnsIndexes="tableColumnsIndexes"
+          :selected="selected"
+          :isAiResponseReceivedAnalize="isAiResponseReceivedAnalize"
+          :isAiResponseReceivedImage="isAiResponseReceivedImage"
+          :primaryKey="primaryKey"
+          :openGenerationCarousel="openGenerationCarousel"
+          @error="handleTableError"
+          :carouselSaveImages="carouselSaveImages"
+          :carouselImageIndex="carouselImageIndex"
+        />
+      </div>
+      <div class="text-red-600 flex items-center w-full">
+        <p v-if="isError === true">{{ errorMessage }}</p>
       </div>
     </div>
   </Dialog>
@@ -68,13 +46,11 @@
 import { callAdminForthApi } from '@/utils';
 import { Ref, ref, watch } from 'vue'
 import { Dialog, Button } from '@/afcl';
-import VisionTable from './visionTable.vue'
+import VisionTable from './VisionTable.vue'
 import adminforth from '@/adminforth';
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
 import { AdminUser, type AdminForthResourceCommon } from '@/types';
 
-const route = useRoute();
 const { t } = useI18n();
 
 const props = defineProps<{
@@ -99,11 +75,14 @@ const tableColumns = ref([]);
 const tableColumnsIndexes = ref([]);
 const customFieldNames = ref([]);
 const selected = ref<any[]>([]);
+const carouselSaveImages = ref<any[]>([]);
+const carouselImageIndex = ref<any[]>([]);
 const isAiResponseReceivedAnalize = ref([]);
 const isAiResponseReceivedImage = ref([]);
 const primaryKey = props.meta.primaryKey;
 const openGenerationCarousel = ref([]);
 const isLoading = ref(false);
+const isFetchingRecords = ref(false);
 const isError = ref(false);
 const isCriticalError = ref(false);
 const isImageGenerationError = ref(false);
@@ -128,7 +107,7 @@ const openDialog = async () => {
       return acc;
     },{[primaryKey]: records.value[i][primaryKey]} as Record<string, boolean>);
   }
-  isLoading.value = true;
+  isFetchingRecords.value = true;
   const tasks = [];
   if (props.meta.isFieldsForAnalizeFromImages) {
     tasks.push(runAiAction({
@@ -152,7 +131,12 @@ const openDialog = async () => {
     }));
   }
   await Promise.all(tasks);
-  isLoading.value = false;
+
+  if (props.meta.isImageGeneration) {
+    fillCarouselSaveImages();
+  }
+  
+  isFetchingRecords.value = false;
 }
  
 watch(selected, (val) => {
@@ -160,22 +144,22 @@ watch(selected, (val) => {
   checkedCount.value = val.filter(item => item.isChecked === true).length;
 }, { deep: true });
 
-const closeDialog = () => {
-  confirmDialog.value.close();
-  isAiResponseReceivedAnalize.value = [];
-  isAiResponseReceivedImage.value = [];
-
-  records.value = [];
-  images.value = [];
-  selected.value = [];
-  tableColumns.value = [];
-  tableColumnsIndexes.value = [];
-  isError.value = false;
-  isCriticalError.value = false;
-  isImageGenerationError.value = false;
-  errorMessage.value = '';
+function fillCarouselSaveImages() {
+  for (const item of selected.value) {
+    const tempItem: any = {};
+    const tempItemIndex: any = {};
+    for (const [key, value] of Object.entries(item)) {
+        if (props.meta.outputImageFields?.includes(key)) {
+          tempItem[key] = [value];
+          tempItemIndex[key] = 0;
+        }
+    }
+    carouselSaveImages.value.push(tempItem);
+    carouselImageIndex.value.push(tempItemIndex);
+  }
 }
 
+
 function formatLabel(str) {
   return str
     .split('_')                   
@@ -270,7 +254,6 @@ async function getRecords() {
     console.error('Failed to get records:', error);
     isError.value = true;
     errorMessage.value = `Failed to fetch records. Please, try to re-run the action.`;
-    // Handle error appropriately
   }
 }
 
@@ -288,7 +271,6 @@ async function getImages() {
     console.error('Failed to get images:', error);
     isError.value = true;
     errorMessage.value = `Failed to fetch images. Please, try to re-run the action.`;
-    // Handle error appropriately
   }
 }
 

package/{custom/visionTable.vue → dist/custom/VisionTable.vue}

@@ -1,9 +1,8 @@
 <template>
-  <div>
     <Table
       :columns="tableHeaders"
       :data="tableColumns"
-      :pageSize="8"
+      :pageSize="6"
       >
       <!-- HEADER TEMPLATE -->
       <template #header:checkboxes="{ item }">
@@ -28,18 +27,22 @@
                   @click="zoomImage(image)"
               />
             </div>
+          </div>
+          <transition name="fade">
             <div
               v-if="zoomedImage"
               class="fixed inset-0 z-50 flex items-center justify-center bg-black/60"
               @click.self="closeZoom"
             >
-              <img
-                :src="zoomedImage"
-                ref="zoomedImg"
-                class="max-w-full max-h-full rounded-lg object-contain cursor-grab z-75"
-              />
+              <transition name="zoom">
+                <img
+                  v-if="zoomedImage"
+                  :src="zoomedImage"
+                  class="max-w-full max-h-full rounded-lg object-contain cursor-grab z-75"
+                />
+              </transition>
             </div>
-          </div>
+          </transition>
         </div>
       </template>
       <!-- CUSTOM FIELD TEMPLATES -->
@@ -73,7 +76,7 @@
             <Input
               type="number"
               v-model="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
-              class="w-full "
+              class="w-full min-w-[80px]"
               :fullWidth="true"
             />
           </div>
@@ -91,13 +94,15 @@
             <div>
               <GenerationCarousel
                 v-if="openGenerationCarousel[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
-                :images="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
+                :images="carouselSaveImages[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
                 :recordId="item[primaryKey]"
                 :meta="props.meta"
                 :fieldName="n"
+                :carouselImageIndex="carouselImageIndex[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
                 @error="handleError"
                 @close="openGenerationCarousel[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] = false"
                 @selectImage="updateSelectedImage"
+                @updateCarouselIndex="updateActiveIndex"
               />
             </div>
           </div>
@@ -112,14 +117,12 @@
         </div>
       </template>
     </Table>
-  </div>
 </template>
 
 <script lang="ts" setup>
-import { ref, nextTick, watch } from 'vue'
-import mediumZoom from 'medium-zoom'
+import { ref } from 'vue'
 import { Select, Input, Textarea, Table, Checkbox, Skeleton, Toggle } from '@/afcl'
-import GenerationCarousel from './imageGenerationCarousel.vue'
+import GenerationCarousel from './ImageGenerationCarousel.vue'
 
 const props = defineProps<{
   meta: any,
@@ -134,12 +137,13 @@ const props = defineProps<{
   openGenerationCarousel: any
   isError: boolean,
   errorMessage: string
+  carouselSaveImages: any[]
+  carouselImageIndex: any[]
 }>();
 const emit = defineEmits(['error']);
 
 
 const zoomedImage = ref(null)
-const zoomedImg = ref(null)
 
 
 function zoomImage(img) {
@@ -150,17 +154,6 @@ function closeZoom() {
   zoomedImage.value = null
 }
 
-watch(zoomedImage, async (val) => {
-  await nextTick()
-  if (val && zoomedImg.value) {
-    mediumZoom(zoomedImg.value, {
-      margin: 24,
-      background: 'rgba(0, 0, 0, 0.9)',
-      scrollOffset: 150
-    }).show()
-  }
-})
-
 function isInColumnEnum(key: string): boolean {
   const colEnum = props.meta.columnEnums?.find(c => c.name === key);
   if (!colEnum) {
@@ -193,4 +186,25 @@ function handleError({ isError, errorMessage }) {
   });
 }
 
-</script>
+function updateActiveIndex(newIndex: number, id: any, fieldName: string) {
+  props.carouselImageIndex[props.tableColumnsIndexes.findIndex(el => el[props.primaryKey] === id)][fieldName] = newIndex;
+}
+
+</script>
+
+<style scoped>
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+.fade-enter-from, .fade-leave-to {
+  opacity: 0;
+}
+
+.zoom-enter-active, .zoom-leave-active {
+  transition: transform 0.2s ease, opacity 0.2s ease;
+}
+.zoom-enter-from, .zoom-leave-to {
+  transform: scale(0.95);
+  opacity: 0;
+}
+</style>

package/dist/index.js

@@ -61,52 +61,26 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
             const columns = this.resourceConfig.columns;
             let columnEnums = [];
             if (this.options.fillFieldsFromImages) {
-                if (!this.options.attachFiles) {
-                    throw new Error('⚠️ attachFiles function must be provided in options when fillFieldsFromImages is used');
-                }
-                if (!this.options.visionAdapter) {
-                    throw new Error('⚠️ visionAdapter must be provided in options when fillFieldsFromImages is used');
-                }
                 for (const [key, value] of Object.entries((this.options.fillFieldsFromImages))) {
                     const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
-                    if (column) {
-                        if (column.enum) {
-                            this.options.fillFieldsFromImages[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
-                            columnEnums.push({
-                                name: key,
-                                enum: column.enum,
-                            });
-                        }
-                    }
-                    else {
-                        throw new Error(`⚠️ No column found for key "${key}"`);
+                    if (column && column.enum) {
+                        this.options.fillFieldsFromImages[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
+                        columnEnums.push({
+                            name: key,
+                            enum: column.enum,
+                        });
                     }
                 }
             }
             if (this.options.fillPlainFields) {
-                if (!this.options.textCompleteAdapter) {
-                    throw new Error('⚠️ textCompleteAdapter must be provided in options when fillPlainFields is used');
-                }
                 for (const [key, value] of Object.entries((this.options.fillPlainFields))) {
                     const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
-                    if (column) {
-                        if (column.enum) {
-                            this.options.fillPlainFields[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
-                            columnEnums.push({
-                                name: key,
-                                enum: column.enum,
-                            });
-                        }
-                    }
-                    else {
-                        throw new Error(`⚠️ No column found for key "${key}"`);
-                    }
-                }
-            }
-            if (this.options.generateImages && !this.options.imageGenerationAdapter) {
-                for (const [key, value] of Object.entries(this.options.generateImages)) {
-                    if (!this.options.generateImages[key].adapter) {
-                        throw new Error(`⚠️ No image generation adapter found for key "${key}"`);
+                    if (column && column.enum) {
+                        this.options.fillPlainFields[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
+                        columnEnums.push({
+                            name: key,
+                            enum: column.enum,
+                        });
                     }
                 }
             }
@@ -120,28 +94,15 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
             //check if Upload plugin is installed on all attachment fields
             if (this.options.generateImages) {
                 for (const [key, value] of Object.entries(this.options.generateImages)) {
-                    const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
-                    if (!column) {
-                        throw new Error(`⚠️ No column found for key "${key}"`);
-                    }
                     const plugin = adminforth.activatedPlugins.find(p => p.resourceConfig.resourceId === this.resourceConfig.resourceId &&
                         p.pluginOptions.pathColumnName === key);
-                    if (!plugin) {
-                        throw new Error(`Plugin for attachment field '${key}' not found in resource '${this.resourceConfig.resourceId}', please check if Upload Plugin is installed on the field ${key}`);
-                    }
-                    if (!plugin.pluginOptions.storageAdapter.objectCanBeAccesedPublicly()) {
-                        throw new Error(`Upload Plugin for attachment field '${key}' in resource '${this.resourceConfig.resourceId}' 
-            uses adapter which is not configured to store objects in public way, so it will produce only signed private URLs which can not be used in HTML text of blog posts.
-            Please configure adapter in such way that it will store objects publicly (e.g.  for S3 use 'public-read' ACL).  
-          `);
-                    }
                     outputImagesPluginInstanceIds[key] = plugin.pluginInstanceId;
                 }
             }
             const outputFields = Object.assign(Object.assign(Object.assign({}, this.options.fillFieldsFromImages), this.options.fillPlainFields), (this.options.generateImages || {}));
             const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
             const pageInjection = {
-                file: this.componentPath('visionAction.vue'),
+                file: this.componentPath('VisionAction.vue'),
                 meta: {
                     pluginInstanceId: this.pluginInstanceId,
                     outputFields: outputFields,
@@ -170,11 +131,63 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
         });
     }
     validateConfigAfterDiscover(adminforth, resourceConfig) {
-        // optional method where you can safely check field types after database discovery was performed
+        const columns = this.resourceConfig.columns;
+        if (this.options.fillFieldsFromImages) {
+            if (!this.options.attachFiles) {
+                throw new Error('⚠️ attachFiles function must be provided when fillFieldsFromImages is used');
+            }
+            if (!this.options.visionAdapter) {
+                throw new Error('⚠️ visionAdapter must be provided when fillFieldsFromImages is used');
+            }
+            for (const key of Object.keys(this.options.fillFieldsFromImages)) {
+                const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
+                if (!column) {
+                    throw new Error(`⚠️ No column found for key "${key}"`);
+                }
+            }
+        }
+        if (this.options.fillPlainFields) {
+            if (!this.options.textCompleteAdapter) {
+                throw new Error('⚠️ textCompleteAdapter must be provided when fillPlainFields is used');
+            }
+            for (const key of Object.keys(this.options.fillPlainFields)) {
+                const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
+                if (!column) {
+                    throw new Error(`⚠️ No column found for key "${key}"`);
+                }
+            }
+        }
+        if (this.options.generateImages) {
+            for (const key of Object.keys(this.options.generateImages)) {
+                const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
+                if (!column) {
+                    throw new Error(`⚠️ No column found for key "${key}"`);
+                }
+                const perKeyAdapter = this.options.generateImages[key].adapter;
+                if (!perKeyAdapter && !this.options.imageGenerationAdapter) {
+                    throw new Error(`⚠️ No image generation adapter provided for key "${key}"`);
+                }
+                const plugin = adminforth.activatedPlugins.find(p => p.resourceConfig.resourceId === this.resourceConfig.resourceId &&
+                    p.pluginOptions.pathColumnName === key);
+                if (!plugin) {
+                    throw new Error(`Plugin for attachment field '${key}' not found in resource '${this.resourceConfig.resourceId}', please check if Upload Plugin is installed on the field ${key}`);
+                }
+                if (!plugin.pluginOptions || !plugin.pluginOptions.storageAdapter) {
+                    throw new Error(`Upload Plugin for attachment field '${key}' in resource '${this.resourceConfig.resourceId}' is missing a storageAdapter configuration.`);
+                }
+                if (typeof plugin.pluginOptions.storageAdapter.objectCanBeAccesedPublicly !== 'function') {
+                    throw new Error(`Upload Plugin for attachment field '${key}' in resource '${this.resourceConfig.resourceId}' uses a storage adapter without 'objectCanBeAccesedPublicly' method.`);
+                }
+                if (!plugin.pluginOptions.storageAdapter.objectCanBeAccesedPublicly()) {
+                    throw new Error(`Upload Plugin for attachment field '${key}' in resource '${this.resourceConfig.resourceId}' 
+            uses adapter which is not configured to store objects in public way, so it will produce only signed private URLs which can not be used in HTML text of blog posts.
+            Please configure adapter in such way that it will store objects publicly (e.g.  for S3 use 'public-read' ACL).  
+          `);
+                }
+            }
+        }
     }
     instanceUniqueRepresentation(pluginOptions) {
-        // optional method to return unique string representation of plugin instance. 
-        // Needed if plugin can have multiple instances on one resource 
         return `${this.pluginOptions.actionName}`;
     }
     setupEndpoints(server) {
@@ -236,23 +249,21 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                     }
                 }
                 const tasks = selectedIds.map((ID) => __awaiter(this, void 0, void 0, function* () {
-                    // Fetch the record using the provided ID
                     const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
                     const record = yield this.adminforth.resource(this.resourceConfig.resourceId).get([Filters.EQ(primaryKeyColumn.name, ID)]);
-                    //create prompt for OpenAI
                     const compiledOutputFields = this.compileOutputFieldsTemplatesNoImage(record);
                     const prompt = `Analyze the following fields and return a single JSON in format like: {'param1': 'value1', 'param2': 'value2'}. 
           Do NOT return array of objects. Do NOT include any Markdown, code blocks, explanations, or extra text. Only return valid JSON. 
           Each object must contain the following fields: ${JSON.stringify(compiledOutputFields)} Use the exact field names. 
           If it's number field - return only number.`;
                     //send prompt to OpenAI and get response
-                    const { content: chatResponse } = yield this.options.textCompleteAdapter.complete(prompt, [], 500);
+                    const numberOfTokens = this.options.fillPlainFieldsMaxTokens ? this.options.fillPlainFieldsMaxTokens : 1000;
+                    const { content: chatResponse } = yield this.options.textCompleteAdapter.complete(prompt, [], numberOfTokens);
                     const resp = chatResponse.response;
                     const topLevelError = chatResponse.error;
                     if (topLevelError || (resp === null || resp === void 0 ? void 0 : resp.error)) {
                         throw new Error(`ERROR: ${JSON.stringify(topLevelError || (resp === null || resp === void 0 ? void 0 : resp.error))}`);
                     }
-                    //parse response and update record
                     const resData = JSON.parse(chatResponse);
                     return resData;
                 }));
@@ -270,8 +281,10 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                 for (const [index, record] of records.entries()) {
                     records[index]._label = this.resourceConfig.recordLabel(records[index]);
                 }
+                const order = Object.fromEntries(body.body.record.map((id, i) => [id, i]));
+                const sortedRecords = records.sort((a, b) => order[a.id] - order[b.id]);
                 return {
-                    records,
+                    records: sortedRecords,
                 };
             })
         });
@@ -336,6 +349,32 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                                 }
                             }
                         }
+                        try {
+                            const AuditLogPlugin = this.adminforth.getPluginByClassName('AuditLogPlugin');
+                            if (AuditLogPlugin) {
+                                for (const [key, value] of Object.entries(oldRecord)) {
+                                    if (!(key in fieldsToUpdate[idx])) {
+                                        delete oldRecord[key];
+                                    }
+                                }
+                                const reorderedOldRecord = Object.keys(fieldsToUpdate[idx]).reduce((acc, key) => {
+                                    if (key in oldRecord) {
+                                        acc[key] = oldRecord[key];
+                                    }
+                                    return acc;
+                                }, {});
+                                AuditLogPlugin.logCustomAction({
+                                    resourceId: this.resourceConfig.resourceId,
+                                    recordId: ID,
+                                    actionId: 'Bulk-ai-flow',
+                                    oldData: reorderedOldRecord,
+                                    data: fieldsToUpdate[idx],
+                                    user: adminUser,
+                                    headers: headers
+                                });
+                            }
+                        }
+                        catch (error) { }
                         return this.adminforth.resource(this.resourceConfig.resourceId).update(ID, fieldsToUpdate[idx]);
                     }));
                     yield Promise.all(updates);