using-generator.js

import { processCoordinateForBackend } from '..';
import { groupBy, merge } from 'lodash';

export const useMountPositionSignPayload = (archives, signatures) => {
  if (signatures.value.length === 0) {
    return archives.value.reduce((acc, curr) => {
      const url = curr.links.rubrics;

      acc[url] ||= { rubric: [] };

      return acc;
    }, {});
  }

  const getArchive = (key) => archives.value.find((archive) => archive.key === key);

  const signGroupedByDocument = groupBy(
    signatures.value,
    (signature) => `${signature.documentKey}.${signature.signerKey}`
  );

  signGroupedByDocument[Symbol.iterator] = function* () {
    const keys = Object.keys(this);

    for (let index = 0; index < keys.length; index++) {
      const documentAndSignerKey = keys[index];
      const [documentKey, signerKey] = documentAndSignerKey.split('.'); 
      const signs =  this[keys[index]];

      // yield { documentKey, signerKey, value: this[keys[index]] }

      const signersAndPages = signs.map((signature) => {
        const { x, y } = signature.position;
        const relativeToPageX = processCoordinateForBackend(
          x,
          signature.pageWidth,
          signature.pageOffsetLeft
        );
        const relativeToPageY = processCoordinateForBackend(
          y,
          signature.pageHeight,
          signature.pageOffsetTop
        );
  
        return {
          page: signature.dataPageNumber,
          signerKey,
          position: [relativeToPageX, relativeToPageY],
          kind: signature.isRubric ? 'initials' : 'manuscript',
          pageOffset: [signature.pageOffsetLeft, signature.pageOffsetTop],
        };
      });

      // this[url] ||= { rubric: [] };
  
      const url = getArchive(documentKey).links.rubrics;
  
      yield { [url]: { rubric: [...signersAndPages] } }; 
    }
  };

  return merge(...signGroupedByDocument)
}