tango-app-api-trax 3.9.33 → 3.9.35

package/src/utils/visitChecklistPdf.utils.js

@@ -180,11 +180,21 @@ function buildQuestionAnswerEntries( question ) {
       }
     }
     const validationImage = flattenImageRefs( userAnswer?.validationImage );
+    // Videos captured alongside 'Capture Multiple Image with description' validation (no runAI; shown as links).
+    const validationVideo = flattenImageRefs( userAnswer?.validationVideo );
+
+    const referenceImage = userAnswer?.referenceImage || matchedAnswer?.referenceImage || '';
+    // Left column shows a reference image only for non-image/video, non-multipleImage answer types.
+    // When there is no reference image, uploaded/validation media is rendered on the left instead of the right.
+    const hasReferenceImage = question?.answerType !== 'image/video' &&
+      question?.answerType !== 'multipleImage' &&
+      Boolean( referenceImage || multiReferenceImage.length );
 
     return {
       answer: userAnswer?.answer || '',
       answerType: getMediaDisplayType( question?.answerType, userAnswer ),
-      referenceImage: userAnswer?.referenceImage || matchedAnswer?.referenceImage || '',
+      referenceImage,
+      hasReferenceImage,
       multiReferenceImage,
       remarks: userAnswer?.remarks || '',
       sopFlag: userAnswer?.sopFlag ?? matchedAnswer?.sopFlag ?? false,
@@ -192,12 +202,93 @@ function buildQuestionAnswerEntries( question ) {
       validationType,
       validationAnswer,
       validationImage,
+      validationVideo,
       validationDisplayType: getValidationDisplayType( validationType ),
     };
   } );
 }
 
 
+/**
+ * Flattens a question's user answers into one ordered, deduped image list for the
+ * 2-per-row answer media grid. Order: reference images first, then uploaded images,
+ * then validation images. Videos are shown as links elsewhere, so only images are
+ * collected here. When a question has no reference image, the uploaded images simply
+ * fill the grid from the start (taking the reference slot).
+ * @param {Array} userAnswers entries produced by buildQuestionAnswerEntries
+ * @return {Array} list of { type, label, url } media items in render order
+ */
+function buildQuestionMediaItems( userAnswers = [] ) {
+  const items = [];
+  const seen = new Set();
+
+  const push = ( type, label, url ) => {
+    if ( !url || typeof url !== 'string' ) return;
+    if ( seen.has( url ) ) return;
+    seen.add( url );
+    items.push( { type, label, url } );
+  };
+
+  // 1. Reference images first (deduped, so a single shared reference shows once).
+  userAnswers.forEach( ( ua ) => {
+    if ( Array.isArray( ua.multiReferenceImage ) && ua.multiReferenceImage.length ) {
+      ua.multiReferenceImage.forEach( ( url ) => push( 'reference', 'Reference Image', url ) );
+    } else if ( ua.referenceImage ) {
+      push( 'reference', 'Reference Image', ua.referenceImage );
+    }
+  } );
+
+  // 2. Uploaded images.
+  userAnswers.forEach( ( ua ) => {
+    if ( ua.answerType === 'image' && ua.answer ) {
+      push( 'uploaded', 'Uploaded Image', ua.answer );
+    }
+  } );
+
+  // 3. Validation images (single 'Capture Image' and multi 'Capture Multiple Image').
+  userAnswers.forEach( ( ua ) => {
+    if ( !ua.validation ) return;
+
+    if ( ua.validationDisplayType === 'image' && ua.validationAnswer ) {
+      push( 'validation', 'Validation Image', ua.validationAnswer );
+    }
+
+    if ( ua.validationDisplayType === 'multiImage' && Array.isArray( ua.validationImage ) ) {
+      ua.validationImage.forEach( ( url ) => push( 'validation', 'Validation Image', url ) );
+    }
+  } );
+
+  return items;
+}
+
+
+/**
+ * Extracts every 'Matched/Not Matched' value from a userAnswer's runAIData.
+ * Handles both shapes:
+ *  - [ { answerImage, results: [ { featureName, value } ] } ]  (per-image nested)
+ *  - [ { featureName, value } ]                                (flat)
+ * @param {Array} runAIData
+ * @return {string[]} list of 'True' / 'False' values (in source order)
+ */
+function getRunAIMatchValues( runAIData ) {
+  if ( !Array.isArray( runAIData ) ) return [];
+
+  const values = [];
+
+  runAIData.forEach( ( item ) => {
+    if ( Array.isArray( item?.results ) ) {
+      item.results.forEach( ( res ) => {
+        if ( res?.featureName === 'Matched/Not Matched' ) values.push( res.value );
+      } );
+    } else if ( item?.featureName === 'Matched/Not Matched' ) {
+      values.push( item.value );
+    }
+  } );
+
+  return values;
+}
+
+
 /**
 
  * Map section array { sectionName, questions[] } (view API or processed checklist) to scores / template sections.
@@ -219,6 +310,8 @@ function mapSectionsFromQuestionAnswer( questionAnswer ) {
 
   const flags = [];
 
+  let hasSopFlag = false;
+
 
   ( questionAnswer || [] ).forEach( ( section, sectionIdx ) => {
     let sectionScore = 0;
@@ -240,6 +333,10 @@ function mapSectionsFromQuestionAnswer( questionAnswer ) {
 
       const ua = userAnswersWithRef[0];
 
+      if ( !hasSopFlag && userAnswersWithRef.some( ( entry ) => entry.sopFlag === true ) ) {
+        hasSopFlag = true;
+      }
+
 
       const max = q.compliance ? Math.max( ...q?.answers.map( ( o ) => o?.complianceScore ?? Math.max( o?.matchedCount ?? 0, o?.notMatchedCount ?? 0 ) ) ) : 0;
 
@@ -247,14 +344,18 @@ function mapSectionsFromQuestionAnswer( questionAnswer ) {
       let score = q.compliance ? Math.max( ...q?.userAnswer?.map( ( o ) => o?.complianceScore ?? 0 ) ) : 0;
 
 
-      if ( q.answerType == 'image' && q.compliance && q.userAnswer?.[0]?.runAIData ) {
-        let find = q.userAnswer?.[0]?.runAIData?.find( ( run ) => run?.featureName == 'Matched/Not Matched' );
-        if ( find ) {
-          if ( find?.value == 'True' ) {
-            score = q?.answers?.[0]?.matchedCount;
-          } else {
-            score = q?.answers?.[0]?.notMatchedCount;
-          }
+      if ( q.compliance && ( q.answerType === 'image' || q.answerType === 'image/video' ) ) {
+        // image/video questions mix image + video entries in userAnswer, so only score the images.
+        const imageAnswers = q.answerType === 'image/video' ?
+          ( q.userAnswer || [] ).filter( ( ua ) => ua?.answerType === 'image' ) :
+          ( q.userAnswer || [] );
+
+        const matchValues = imageAnswers.flatMap( ( ua ) => getRunAIMatchValues( ua?.runAIData ) );
+
+        if ( matchValues.length ) {
+          // All images must be matched ('True'); if any one is not, treat as not matched.
+          const allMatched = matchValues.every( ( value ) => value === 'True' );
+          score = allMatched ? ( q?.answers?.[0]?.matchedCount ?? 0 ) : ( q?.answers?.[0]?.notMatchedCount ?? 0 );
         }
       }
 
@@ -316,6 +417,8 @@ function mapSectionsFromQuestionAnswer( questionAnswer ) {
 
         answerDisplay: isYes ? 'Yes' : ( isNo ? 'No' : ( answerText && answerText.startsWith( 'http' ) ? 'Image' : ( answerText || '—' ) ) ),
 
+        mediaItems: buildQuestionMediaItems( userAnswersWithRef ),
+
         userAnswer: userAnswersWithRef.length ? userAnswersWithRef : [ {
           answer: '',
           answerType: 'text',
@@ -373,7 +476,7 @@ function mapSectionsFromQuestionAnswer( questionAnswer ) {
   const numQuestions = questionAnswer.reduce( ( sum, s ) => sum + ( s.questions?.length || 0 ), 0 );
 
 
-  return { totalScore, maxScore, sectionInsights, questionAnswers, flags, numQuestions };
+  return { totalScore, maxScore, sectionInsights, questionAnswers, flags, numQuestions, hasSopFlag };
 }
 
 
@@ -395,7 +498,7 @@ export function buildVisitChecklistTemplateDataFromProcessed( processedDoc, bran
 
   const {
 
-    totalScore, maxScore, sectionInsights, questionAnswers, flags, numQuestions,
+    totalScore, maxScore, sectionInsights, questionAnswers, flags, numQuestions, hasSopFlag,
 
   } = mapSectionsFromQuestionAnswer( questionAnswer );
 
@@ -481,6 +584,9 @@ export function buildVisitChecklistTemplateDataFromProcessed( processedDoc, bran
 
   let referenceId = doc.coverage == 'store' ? doc?.storeName : doc?.userName;
 
+  const userImage = doc.userImage || '';
+  const userSignature = doc.userSignature || '';
+
   return {
 
 
@@ -506,12 +612,22 @@ export function buildVisitChecklistTemplateDataFromProcessed( processedDoc, bran
 
     numFlags: typeof doc.questionFlag === 'number' ? doc.questionFlag : flags.length,
 
-    aiBreached: typeof doc.runAIFlag === 'number' ? doc.runAIFlag : 0,
+    showFlags: hasSopFlag,
+
+    runAIFlag: typeof doc.runAIFlag === 'number' ? doc.runAIFlag : 0,
+
+    showRunAIFlag: ( typeof doc.runAIQuestionCount === 'number' ? doc.runAIQuestionCount : 0 ) > 0,
 
     submittedBy: doc.userName || '--',
 
     country: doc.country || '--',
 
+    userImage,
+
+    userSignature,
+
+    showUserVerification: Boolean( userImage || userSignature ),
+
     hasCompliancePage,
 
     detailPageStart,
@@ -567,7 +683,7 @@ function buildFromViewChecklistApi( getchecklistData, viewchecklistData, brandIn
 
   const {
 
-    totalScore, maxScore, sectionInsights, questionAnswers, flags, numQuestions,
+    totalScore, maxScore, sectionInsights, questionAnswers, flags, numQuestions, hasSopFlag,
 
   } = mapSectionsFromQuestionAnswer( questionAnswer );
 
@@ -622,6 +738,9 @@ function buildFromViewChecklistApi( getchecklistData, viewchecklistData, brandIn
     } );
   }
 
+  const userImage = checklistAnswer?.userImage || checklistInfo?.userImage || '';
+  const userSignature = checklistAnswer?.userSignature || checklistInfo?.userSignature || '';
+
   return {
 
     brandLogo: brandInfo.brandLogo || '',
@@ -650,12 +769,22 @@ function buildFromViewChecklistApi( getchecklistData, viewchecklistData, brandIn
 
     numFlags: checklistAnswer?.flagCount ?? flags.length,
 
-    aiBreached: checklistAnswer?.aiBreachedCount ?? 0,
+    showFlags: hasSopFlag,
+
+    runAIFlag: checklistAnswer?.runAIFlag ?? checklistInfo?.runAIFlag ?? checklistAnswer?.aiBreachedCount ?? 0,
+
+    showRunAIFlag: ( checklistInfo?.runAIQuestionCount ?? checklistAnswer?.runAIQuestionCount ?? 0 ) > 0,
 
     submittedBy: checklistInfo?.submittedBy || storeProfile?.userName || '--',
 
     country: storeProfile?.Country || '--',
 
+    userImage,
+
+    userSignature,
+
+    showUserVerification: Boolean( userImage || userSignature ),
+
     hasCompliancePage,
 
     detailPageStart,
@@ -782,6 +911,11 @@ export function createImageCache() {
     }
 
 
+    if ( resolvedData.userImage && resolvedData.userImage.startsWith( 'http' ) ) {
+      urls.add( resolvedData.userImage );
+    }
+
+
     const collectFromSection = ( section ) => {
       section.questions?.forEach( ( q ) => {
         if ( q.questionReferenceImage && q.questionReferenceImage.startsWith( 'http' ) ) urls.add( q.questionReferenceImage );
@@ -806,6 +940,10 @@ export function createImageCache() {
             } );
           }
         } );
+
+        q.mediaItems?.forEach( ( m ) => {
+          if ( typeof m.url === 'string' && m.url.startsWith( 'http' ) ) urls.add( m.url );
+        } );
       } );
     };
 
@@ -842,6 +980,11 @@ export function createImageCache() {
     }
 
 
+    if ( resolvedData.userImage ) {
+      resolvedData.userImage = cache.get( resolvedData.userImage ) || resolvedData.userImage;
+    }
+
+
     const replaceInSection = ( section ) => {
       section.questions?.forEach( ( q ) => {
         if ( q.questionReferenceImage && cache.has( q.questionReferenceImage ) ) q.questionReferenceImage = cache.get( q.questionReferenceImage );
@@ -864,6 +1007,12 @@ export function createImageCache() {
             ua.validationImage = ua.validationImage.map( ( u ) => ( cache.has( u ) ? cache.get( u ) : u ) );
           }
         } );
+
+        if ( q.mediaItems?.length ) {
+          q.mediaItems.forEach( ( m ) => {
+            if ( cache.has( m.url ) ) m.url = cache.get( m.url );
+          } );
+        }
       } );
     };
 
@@ -936,11 +1085,21 @@ export function resolveTemplateUrls( templateData, baseUrl = 'https://d1r0hc2ssk
           ua.validationImage = ua.validationImage.map( ( ele ) => resolveUrl( ele ) );
         }
 
+        if ( ua?.validationVideo?.length ) {
+          ua.validationVideo = ua.validationVideo.map( ( ele ) => resolveUrl( ele ) );
+        }
+
 
         if ( ua.answer && ua.answerType !== 'text' ) {
           ua.answer = resolveUrl( ua.answer );
         }
       } );
+
+      if ( q.mediaItems?.length ) {
+        q.mediaItems.forEach( ( m ) => {
+          m.url = resolveUrl( m.url );
+        } );
+      }
     } );
   };
 
@@ -954,11 +1113,14 @@ export function resolveTemplateUrls( templateData, baseUrl = 'https://d1r0hc2ssk
 
   resolvedData.sections?.forEach( resolveQuestionMedia );
 
-
-  if ( resolvedData.brandLogo && !resolvedData.brandLogo.startsWith( 'http' ) ) {
+  if ( resolvedData?.brandLogo && !resolvedData?.brandLogo?.startsWith( 'http' ) ) {
     resolvedData.brandLogo = resolveUrl( resolvedData.brandLogo );
   }
 
+  if ( resolvedData?.userImage && !resolvedData.userImage.startsWith( 'http' ) && !resolvedData.userImage.startsWith( 'data:' ) ) {
+    resolvedData.userImage = resolveUrl( resolvedData.userImage );
+  }
+
 
   return resolvedData;
 }
@@ -1070,10 +1232,20 @@ export async function generateVisitChecklistPDF( templateData, baseUrl = 'https:
           ua.validationImage = ua.validationImage.map( ( ele ) => resolveUrl( ele ) );
         }
 
+        if ( ua.validationVideo?.length ) {
+          ua.validationVideo = ua.validationVideo.map( ( ele ) => resolveUrl( ele ) );
+        }
+
         if ( ua.answer && ua.answerType !== 'text' ) {
           ua.answer = resolveUrl( ua.answer );
         }
       } );
+
+      if ( q.mediaItems?.length ) {
+        q.mediaItems.forEach( ( m ) => {
+          m.url = resolveUrl( m.url );
+        } );
+      }
     } );
   };
 
@@ -1087,6 +1259,10 @@ export async function generateVisitChecklistPDF( templateData, baseUrl = 'https:
     resolvedData.brandLogo = resolveUrl( resolvedData.brandLogo );
   }
 
+  if ( resolvedData.userImage && !resolvedData.userImage.startsWith( 'http' ) && !resolvedData.userImage.startsWith( 'data:' ) ) {
+    resolvedData.userImage = resolveUrl( resolvedData.userImage );
+  }
+
 
   const html = template( resolvedData );