@topconsultnpm/sdkui-react 6.19.0-dev1.21 → 6.19.0-dev1.22

package/lib/components/features/search/TMSearchResult.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, MetadataFormats, LayoutModes, TemplateTIDs, DcmtTypeListCacheService, AccessLevels, SystemMIDsAsNumber, RelationCacheService, RelationTypes, SearchEngine } from '@topconsultnpm/sdk-ts';
+import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, MetadataFormats, LayoutModes, TemplateTIDs, DcmtTypeListCacheService, AccessLevels, SystemMIDsAsNumber } from '@topconsultnpm/sdk-ts';
 import styled from 'styled-components';
 import { getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
-import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMCommandsContextMenu, IconPair, IconUnpair } from '../../../helper';
+import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMCommandsContextMenu } from '../../../helper';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { useInputAttachmentsDialog, useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
+import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
 import { DcmtOperationTypes, FormModes, SearchResultContext, DownloadTypes } from '../../../ts';
 import { Gutters, TMColors } from '../../../utils/theme';
 import { StyledModalContainer, StyledBadge, StyledMultiViewPanel } from '../../base/Styled';
@@ -21,7 +22,6 @@ import TMMetadataValues from '../../editors/TMMetadataValues';
 import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSaveForm';
 import TMDataListItemViewer from '../../viewers/TMDataListItemViewer';
 import TMTidViewer from '../../viewers/TMTidViewer';
-import { hasDetailRelations, hasMasterRelations } from '../../../helper/dcmtsHelper';
 import TMDcmtPreview from '../documents/TMDcmtPreview';
 import TMFloatingToolbar from '../../base/TMFloatingToolbar';
 import { WorkFlowApproveRejectPopUp, WorkFlowMoreInfoPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
@@ -40,6 +40,7 @@ import ShowAlert from '../../base/TMAlert';
 import TMSpinner from '../../base/TMSpinner';
 import TMChooserForm from '../../forms/TMChooserForm';
 import TMModal from '../../base/TMModal';
+import TMSearch from './TMSearch';
 //#region Helper Methods
 export const getSearchResultCountersSingleCategory = (searchResults) => {
     // let totDcmtTypes = searchResults.length;
@@ -70,30 +71,8 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
     const [selectedSearchResult, setSelectedSearchResult] = useState();
     const [currentSearchResults, setCurrentSearchResults] = useState(searchResults || []);
     const [showSearch, setShowSearch] = useState(false);
-    // States for Related Documents
-    const [relatedDcmts, setRelatedDcmts] = useState(undefined);
-    const [showRelatedDcmtsChooser, setShowRelatedDcmtsChooser] = useState(false);
-    const [archiveType, setArchiveType] = useState(undefined);
-    const [isOpenDetails, setIsOpenDetails] = useState(false);
-    const [isOpenMaster, setIsOpenMaster] = useState(false);
-    const [isOpenArchiveRelationForm, setIsOpenArchiveRelationForm] = useState(false);
-    const [archiveRelatedDcmtFormTID, setArchiveRelatedDcmtFormTID] = useState(undefined);
-    const [archiveRelatedDcmtFormMids, setArchiveRelatedDcmtFormMids] = useState([]);
-    const [relatedDcmtsChooserDataSource, setRelatedDcmtsChooserDataSource] = useState(undefined);
-    const [showPairDcmtsModal, setShowPairDcmtsModal] = useState(false);
-    const [isPairingManyToMany, setIsPairingManyToMany] = useState(false);
-    const [pairedSearchResults, setPairedSearchResults] = useState([]);
-    const [manyToManyRelations, setManyToManyRelations] = useState(undefined);
-    const [selectedManyToManyRelation, setSelectedManyToManyRelation] = useState(undefined);
-    const [showManyToManyChooser, setShowManyToManyChooser] = useState(false);
-    const [manyToManyChooserDataSource, setManyToManyChooserDataSource] = useState(undefined);
     const [secondaryMasterDcmts, setSecondaryMasterDcmts] = useState([]);
     const [isOpenDcmtForm, setIsOpenDcmtForm] = useState(false);
-    const [currentTIDHasDetailRelations, setCurrentTIDHasDetailRelations] = useState();
-    const [currentTIDHasMasterRelations, setCurrentTIDHasMasterRelations] = useState();
-    const [canArchiveMasterRelation, setCanArchiveMasterRelation] = useState(false);
-    const [canArchiveDetailRelation, setCanArchiveDetailRelation] = useState(false);
-    const [hasManyToManyRelation, setHasManyToManyRelation] = useState(false);
     const [isOpenBatchUpdate, setIsOpenBatchUpdate] = useState(false);
     const [visibleItems, setVisibleItems] = useState([]);
     const [focusedItem, setFocusedItem] = useState();
@@ -107,6 +86,8 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
     const [confirmFormat, ConfirmFormatDialog] = useInputCvtFormatDialog();
     const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync } = useDcmtOperations();
+    const relatedDocuments = useRelatedDocuments({ selectedSearchResult, focusedItem, currentSearchResults });
+    const { relatedDcmts, showRelatedDcmtsChooser, archiveType, isOpenDetails, isOpenMaster, isOpenArchiveRelationForm, archiveRelatedDcmtFormTID, archiveRelatedDcmtFormMids, relatedDcmtsChooserDataSource, showPairDcmtsModal, isPairingManyToMany, pairedSearchResults, manyToManyRelations, selectedManyToManyRelation, showManyToManyChooser, manyToManyChooserDataSource, showPairSearchModal, pairSearchModalTargetTID, pairSearchModalParentTID, pairSearchModalParentDID, pairSearchModalRelation, pairSearchModalInputMids, currentTIDHasDetailRelations, currentTIDHasMasterRelations, canArchiveMasterRelation, canArchiveDetailRelation, hasManyToManyRelation, setIsOpenDetails, setIsOpenMaster, setShowRelatedDcmtsChooser, setShowManyToManyChooser, setShowPairDcmtsModal, setShowPairSearchModal, setIsOpenArchiveRelationForm, setArchiveType, setArchiveRelatedDcmtFormTID, setArchiveRelatedDcmtFormMids, pairFloatingActionConfig, pairSearchModalFloatingActionConfig, archiveMasterDocuments, archiveDetailDocuments, pairManyToMany, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, archiveRelatedDcmtHandler, executeManyToManyPairing, } = relatedDocuments;
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
     const selectedDocs = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
@@ -136,15 +117,13 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
         DcmtTypeListCacheService.GetWithNotGrantedAsync(selectedSearchResult?.fromTID, Number(selectedSearchResult?.dtdResult?.rows?.[0]?.[1])).then((dtd) => {
             setFromDTD(dtd);
         });
-        hasDetailRelations(selectedSearchResult?.fromTID).then((value) => setCurrentTIDHasDetailRelations(value));
-        hasMasterRelations(selectedSearchResult?.fromTID).then((value) => setCurrentTIDHasMasterRelations(value));
         checkRelatedDcmtsArchiveCapability();
         checkManyToManyCapability();
         // Ricava il nuovo dataSource
         const newDataSource = searchResultDescriptorToSimpleArray(selectedSearchResult);
         // Se esiste almeno una riga, seleziona la prima
         setFocusedItem(newDataSource && newDataSource.length > 0 ? newDataSource[0] : undefined);
-    }, [selectedSearchResult]);
+    }, [selectedSearchResult, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability]);
     useEffect(() => {
         if (!focusedItem)
             return;
@@ -426,516 +405,6 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
                 break;
         }
     };
-    //#region Related Documents Archive Section
-    const pairFloatingActionConfig = useMemo(() => ({
-        isVisible: true,
-        type: 'multi',
-        onClick: async (selected) => {
-            if (!selectedManyToManyRelation || !focusedItem?.TID || !focusedItem?.DID) {
-                return;
-            }
-            const isMaster = currentSearchResults[0].fromTID === selectedManyToManyRelation.masterTID;
-            const isDetail = currentSearchResults[0].fromTID === selectedManyToManyRelation.detailTID;
-            if (!isMaster && !isDetail) {
-                return;
-            }
-            const tms = SDK_Globals.tmSession;
-            if (!tms) {
-                return;
-            }
-            const se = new SearchEngine(tms);
-            try {
-                TMSpinner.show({ description: isPairingManyToMany ? 'Abbinamento in corso...' : 'Disabbinamento in corso...' });
-                for (const doc of selected) {
-                    if (!doc?.TID || !doc?.DID)
-                        continue;
-                    let masterTID;
-                    let masterDID;
-                    let detailTID;
-                    let detailDID;
-                    if (isMaster) {
-                        masterTID = focusedItem.TID;
-                        masterDID = focusedItem.DID;
-                        detailTID = doc.TID;
-                        detailDID = doc.DID;
-                    }
-                    else {
-                        masterTID = doc.TID;
-                        masterDID = doc.DID;
-                        detailTID = focusedItem.TID;
-                        detailDID = focusedItem.DID;
-                    }
-                    if (isPairingManyToMany) {
-                        await se.ManyToManyRelateAsync(masterTID, masterDID, detailTID, detailDID);
-                    }
-                    else {
-                        await se.ManyToManyUnrelateAsync(masterTID, masterDID, detailTID, detailDID);
-                    }
-                }
-                setShowPairDcmtsModal(false);
-                await onRefreshSearchAsync?.();
-            }
-            catch (error) {
-                console.error('Error in onClick:', error);
-                TMExceptionBoxManager.show({ exception: error });
-            }
-            finally {
-                TMSpinner.hide();
-            }
-        },
-        iconElement: isPairingManyToMany ? _jsx(IconPair, { fontSize: 26 }) : _jsx(IconUnpair, { fontSize: 26 }),
-        tooltip: isPairingManyToMany ? 'Abbina' : 'Disabbina',
-    }), [isPairingManyToMany, pairedSearchResults, selectedManyToManyRelation, focusedItem, onRefreshSearchAsync]);
-    const getAllRelationsAsync = async () => {
-        const tmSession = SDK_Globals.tmSession;
-        try {
-            TMSpinner.show({ description: SDKUI_Localizator.Loading });
-            let relations = await RelationCacheService.GetAllAsync(tmSession);
-            if (!relations)
-                throw new Error("Impossibile caricare le relazioni.");
-            return relations;
-        }
-        catch (error) {
-            TMExceptionBoxManager.show({ exception: error });
-            return undefined;
-        }
-        finally {
-            TMSpinner.hide();
-        }
-    };
-    const checkRelatedDcmtsArchiveCapability = async () => {
-        const tid = selectedSearchResult?.fromTID;
-        if (!tid) {
-            setCanArchiveMasterRelation(false);
-            setCanArchiveDetailRelation(false);
-            return;
-        }
-        try {
-            const relations = await getAllRelationsAsync();
-            if (!relations) {
-                setCanArchiveMasterRelation(false);
-                setCanArchiveDetailRelation(false);
-                return;
-            }
-            const detailRelations = relations.filter(r => r.detailTID === tid);
-            const hasMasterWithAssociations = detailRelations.some(rel => rel.associations && rel.associations.length > 0);
-            setCanArchiveMasterRelation(hasMasterWithAssociations);
-            const masterRelations = relations.filter(r => r.masterTID === tid);
-            const hasDetailWithAssociations = masterRelations.some(rel => rel.associations && rel.associations.length > 0);
-            setCanArchiveDetailRelation(hasDetailWithAssociations);
-        }
-        catch (error) {
-            console.error("Error checking archive capability:", error);
-            setCanArchiveMasterRelation(false);
-            setCanArchiveDetailRelation(false);
-        }
-    };
-    const checkManyToManyCapability = async () => {
-        const tid = selectedSearchResult?.fromTID;
-        if (!tid) {
-            setHasManyToManyRelation(false);
-            return;
-        }
-        try {
-            const relations = await getAllRelationsAsync();
-            if (!relations) {
-                setHasManyToManyRelation(false);
-                return;
-            }
-            const manyToManyRels = relations.filter(r => r.relationType === RelationTypes.ManyToMany &&
-                (r.masterTID === tid || r.detailTID === tid));
-            setHasManyToManyRelation(manyToManyRels.length > 0);
-        }
-        catch (error) {
-            console.error("Error checking many-to-many capability:", error);
-            setHasManyToManyRelation(false);
-        }
-    };
-    const getFocusedItem = () => {
-        if (!focusedItem || currentSearchResults.length !== 1)
-            return undefined;
-        return { mdList: currentSearchResults[0].dtdResult?.rows?.[focusedItem?.rowIndex ?? 0], mids: currentSearchResults[0].selectMIDs ?? [] };
-    };
-    const fetchAssociatedValues = (mid) => {
-        let mdList = getFocusedItem();
-        if (!mdList)
-            return;
-        let index = mdList.mids.findIndex(m => m == mid);
-        if (index === -1)
-            return;
-        return mdList.mdList?.[index];
-    };
-    const filterRelationsByType = (relations, tid, type) => {
-        return type === 'detail'
-            ? relations.filter(r => r.masterTID == tid)
-            : relations.filter(r => r.detailTID == tid);
-    };
-    const filterRelationsWithAssociations = (relations) => {
-        return relations.filter(rel => rel.associations && rel.associations.length > 0);
-    };
-    const getRelatedDcmt = async (relation, type) => {
-        return await DcmtTypeListCacheService.GetAsync(type === 'detail' ? relation.detailTID : relation.masterTID);
-    };
-    const showNoRelationsAlert = (type) => {
-        ShowAlert({
-            message: type === 'detail'
-                ? "Nessun documento di dettaglio trovato per l'archiviazione."
-                : "Nessun documento di master trovato per l'archiviazione.",
-            mode: 'info',
-            title: type === 'detail' ? SDKUI_Localizator.DcmtsDetail : SDKUI_Localizator.DcmtsMaster,
-            duration: 5000
-        });
-    };
-    const showNoAssociationsAlert = (type) => {
-        ShowAlert({
-            message: type === 'detail'
-                ? "Nessuna associazione trovata per i documenti di dettaglio."
-                : "Nessuna associazione trovata per i documenti di master.",
-            mode: 'info',
-            title: type === 'detail' ? SDKUI_Localizator.DcmtsDetail : SDKUI_Localizator.DcmtsMaster,
-            duration: 5000
-        });
-    };
-    const mapAssociationsToMids = (relation, type) => {
-        return relation.associations?.map(assoc => ({
-            mid: type === 'detail' ? (assoc.item2 ?? 0) : (assoc.item1 ?? 0),
-            value: fetchAssociatedValues(type === 'detail' ? (assoc.item1 ?? 0) : (assoc.item2 ?? 0)) ?? ''
-        })) ?? [];
-    };
-    const archiveRelatedDcmtHandler = (relation, type) => {
-        const targetTID = type === 'detail' ? relation.detailTID : relation.masterTID;
-        if (!targetTID)
-            return;
-        const mids = mapAssociationsToMids(relation, type);
-        setArchiveType(type);
-        setArchiveRelatedDcmtFormTID(targetTID);
-        setArchiveRelatedDcmtFormMids(mids);
-        setIsOpenArchiveRelationForm(true);
-    };
-    const archiveRelatedDocuments = async (tid, type) => {
-        try {
-            TMSpinner.show({ description: SDKUI_Localizator.Loading });
-            const relations = await getAllRelationsAsync();
-            if (!relations || !tid)
-                return;
-            const filteredRelations = filterRelationsByType(relations, tid, type);
-            if (!filteredRelations || filteredRelations.length === 0) {
-                showNoRelationsAlert(type);
-                return;
-            }
-            const withAssociations = filterRelationsWithAssociations(filteredRelations);
-            if (withAssociations.length === 0) {
-                showNoAssociationsAlert(type);
-                return;
-            }
-            setRelatedDcmts(withAssociations);
-            if (withAssociations.length > 1) {
-                const dataSourcePromises = withAssociations.map(async (rel) => {
-                    const relatedDcmt = await getRelatedDcmt(rel, type);
-                    return { id: rel?.id, name: relatedDcmt?.name };
-                });
-                const dataSource = await Promise.all(dataSourcePromises);
-                setRelatedDcmtsChooserDataSource(dataSource);
-                setArchiveType(type);
-                setShowRelatedDcmtsChooser(true);
-            }
-            else {
-                archiveRelatedDcmtHandler(withAssociations[0], type);
-            }
-        }
-        catch (error) {
-            TMExceptionBoxManager.show({ exception: error });
-        }
-        finally {
-            TMSpinner.hide();
-        }
-    };
-    const archiveDetailDocuments = async (tid) => {
-        await archiveRelatedDocuments(tid, 'detail');
-    };
-    const archiveMasterDocuments = async (tid) => {
-        await archiveRelatedDocuments(tid, 'master');
-    };
-    const getPairedDocuments = async (relation, currentTID, currentDID, searchEngine) => {
-        if (!relation || !currentDID)
-            return null;
-        try {
-            const isMaster = currentTID === relation.masterTID;
-            const pairedResults = isMaster
-                ? await searchEngine.GetAllDetailDcmtsAsync(currentTID, currentDID)
-                : await searchEngine.GetAllMasterDcmtsAsync(currentTID, currentDID);
-            if (!pairedResults || pairedResults.length === 0)
-                return null;
-            const relationResult = pairedResults.find(r => r.relationID === relation.id);
-            if (!relationResult?.dtdResult)
-                return null;
-            return relationResult;
-        }
-        catch (error) {
-            console.error('getPairedDocuments - Error:', error);
-            return null;
-        }
-    };
-    const extractPairedDIDs = (relationResult) => {
-        const pairedDIDs = [];
-        const rows = relationResult.dtdResult?.rows ?? [];
-        const columns = relationResult.dtdResult?.columns ?? [];
-        const didColumnIndex = columns.findIndex(col => {
-            const caption = col.caption?.toUpperCase();
-            const mid = col.extendedProperties?.["MID"];
-            const midNum = typeof mid === 'string' ? Number.parseInt(mid, 10) : mid;
-            return caption === 'DID' || midNum === 5;
-        });
-        if (didColumnIndex === -1)
-            return [];
-        for (const row of rows) {
-            const did = row[didColumnIndex];
-            if (did) {
-                const didNumber = typeof did === 'string' ? Number.parseInt(did, 10) : did;
-                if (!Number.isNaN(didNumber)) {
-                    pairedDIDs.push(didNumber);
-                }
-            }
-        }
-        return pairedDIDs;
-    };
-    const executeManyToManyPairing = async (relation, isPairing) => {
-        const searchEngine = SDK_Globals.tmSession?.NewSearchEngine();
-        if (!focusedItem?.TID || !focusedItem?.DID) {
-            ShowAlert({
-                message: "Nessun documento selezionato per l'operazione molti-a-molti.",
-                mode: 'warning',
-                title: 'Operazione molti-a-molti',
-                duration: 5000
-            });
-            return;
-        }
-        setSelectedManyToManyRelation(relation);
-        let qd;
-        if (relation.detailTID === selectedSearchResult?.fromTID) {
-            qd = relation.retrieveMastersQuery;
-        }
-        if (relation.masterTID === selectedSearchResult?.fromTID) {
-            qd = relation.retrieveDetailsQuery;
-        }
-        if (!qd) {
-            ShowAlert({
-                message: "Nessuna query di recupero associata alla relazione molti-a-molti.",
-                mode: 'warning',
-                title: 'Operazione molti-a-molti',
-                duration: 5000
-            });
-            return;
-        }
-        qd = structuredClone(qd);
-        if (qd.select) {
-            for (const s of qd.select) {
-                s.visibility = 1;
-            }
-        }
-        const qdRetrieveParamsValue = {
-            from: { tid: focusedItem.TID },
-            select: [],
-            where: [
-                {
-                    tid: focusedItem.TID,
-                    mid: 5,
-                    leftBrackets: "(",
-                    rightBrackets: ")",
-                    operator: 0,
-                    value1: focusedItem.DID.toString()
-                }
-            ]
-        };
-        let notMappedMIDs = false;
-        if (qd.params && qd.params.length > 0) {
-            for (const param of qd.params) {
-                if (!param.mappedMID)
-                    continue;
-                qdRetrieveParamsValue.select.push({
-                    tid: param.mappedTID ?? focusedItem.TID,
-                    mid: param.mappedMID,
-                    visibility: 1
-                });
-                const currentRowValue = currentSearchResults[0]?.dtdResult?.rows?.[focusedItem.rowIndex];
-                const midIndex = currentSearchResults[0]?.selectMIDs?.indexOf(param.mappedMID);
-                if (currentRowValue && midIndex !== undefined && midIndex >= 0) {
-                    const value = currentRowValue[midIndex];
-                    param.value = value ?? '';
-                    if (param.value === null || param.value === '')
-                        notMappedMIDs = true;
-                }
-                else {
-                    notMappedMIDs = true;
-                }
-            }
-            if (notMappedMIDs && qdRetrieveParamsValue.select && qdRetrieveParamsValue.select.length > 0) {
-                //HERE -> Fetch missing parameter values from the current document to use in the main query
-                const paramMetadata = await searchEngine.SearchByIDAsync(qdRetrieveParamsValue);
-                if (paramMetadata?.dtdResult?.rows?.[0]) {
-                    for (const param of qd.params) {
-                        if (!param.mappedMID)
-                            continue;
-                        const colIndex = paramMetadata.selectMIDs?.indexOf(param.mappedMID);
-                        if (colIndex !== undefined && colIndex >= 0) {
-                            const value = paramMetadata.dtdResult.rows[0][colIndex];
-                            param.value = value ?? '';
-                        }
-                    }
-                }
-            }
-            if (qd.where && qd.where.length > 0) {
-                for (const whereItem of qd.where) {
-                    for (const param of qd.params) {
-                        if (!param.name)
-                            continue;
-                        param.value ??= '';
-                        const paramValue = param.value.toString();
-                        if (whereItem.value1) {
-                            whereItem.value1 = whereItem.value1.replace(param.name, paramValue);
-                        }
-                        if (whereItem.value2) {
-                            whereItem.value2 = whereItem.value2.replace(param.name, paramValue);
-                        }
-                    }
-                }
-            }
-        }
-        const targetTID = relation.detailTID === selectedSearchResult?.fromTID
-            ? relation.masterTID
-            : relation.detailTID;
-        const systemSelects = [
-            { tid: targetTID, mid: SystemMIDsAsNumber.DID, visibility: 0 },
-            { tid: targetTID, mid: SystemMIDsAsNumber.TID, visibility: 0 },
-            { tid: targetTID, mid: SystemMIDsAsNumber.OwnerID, visibility: 0 },
-            { tid: targetTID, mid: SystemMIDsAsNumber.UpdaterID, visibility: 0 },
-            { tid: targetTID, mid: SystemMIDsAsNumber.FileExt, visibility: 0 },
-            { tid: targetTID, mid: SystemMIDsAsNumber.CreationTime, visibility: 0 },
-            { tid: targetTID, mid: SystemMIDsAsNumber.LastUpdateTime, visibility: 0 },
-            { tid: targetTID, mid: SystemMIDsAsNumber.FileCount, visibility: 0 },
-            { tid: targetTID, mid: SystemMIDsAsNumber.FileSize, visibility: 0 },
-            { tid: targetTID, mid: SystemMIDsAsNumber.PageCount, visibility: 0 },
-        ];
-        if (qd.select) {
-            qd.select = [...systemSelects, ...qd.select];
-        }
-        else {
-            qd.select = systemSelects;
-        }
-        const pairedDocumentsResult = await getPairedDocuments(relation, focusedItem.TID, focusedItem.DID, searchEngine);
-        if (!isPairing) {
-            if (!pairedDocumentsResult?.dtdResult?.rows || pairedDocumentsResult.dtdResult.rows.length === 0) {
-                ShowAlert({
-                    message: "Nessun documento abbinato trovato.",
-                    mode: 'warning',
-                    title: 'Operazione molti-a-molti',
-                    duration: 5000
-                });
-                return;
-            }
-            const pairedSq = {
-                fromTID: targetTID,
-                fromName: await DcmtTypeListCacheService.GetAsync(targetTID).then(d => d?.name ?? ''),
-                dtdResult: pairedDocumentsResult.dtdResult,
-                selectMIDs: pairedDocumentsResult.selectMIDs,
-                relationID: relation.id,
-                dcmtsReturned: pairedDocumentsResult.dtdResult.rows.length,
-                dcmtsFound: pairedDocumentsResult.dtdResult.rows.length
-            };
-            setPairedSearchResults([pairedSq]);
-            setIsPairingManyToMany(isPairing);
-            setShowPairDcmtsModal(true);
-            return;
-        }
-        //HERE -> For pair mode, execute the query and filter out already paired documents
-        const sq = await searchEngine.SearchByIDAsync(qd);
-        if (!sq?.dtdResult?.rows || sq.dtdResult.rows.length === 0) {
-            ShowAlert({
-                message: "Nessun documento trovato.",
-                mode: 'warning',
-                title: 'Operazione molti-a-molti',
-                duration: 5000
-            });
-            return;
-        }
-        const pairedDIDs = pairedDocumentsResult ? extractPairedDIDs(pairedDocumentsResult) : [];
-        const filteredRows = sq.dtdResult.rows.filter(row => {
-            const did = row[0];
-            const didNum = typeof did === 'string' ? Number.parseInt(did, 10) : did;
-            return !pairedDIDs.includes(didNum);
-        });
-        const filteredSq = {
-            ...sq,
-            dtdResult: {
-                ...sq.dtdResult,
-                rows: filteredRows
-            },
-            dcmtsReturned: filteredRows.length,
-            dcmtsFound: filteredRows.length
-        };
-        if (filteredRows.length === 0) {
-            ShowAlert({
-                message: "Nessun documento da abbinare. Tutti i documenti risultanti dalla query sono già abbinati.",
-                mode: 'warning',
-                title: 'Operazione molti-a-molti',
-                duration: 5000
-            });
-            return;
-        }
-        setPairedSearchResults([filteredSq]);
-        setIsPairingManyToMany(isPairing);
-        setShowPairDcmtsModal(true);
-    };
-    const pairManyToMany = async (isPairing) => {
-        try {
-            TMSpinner.show({ description: SDKUI_Localizator.Loading });
-            const relations = await getAllRelationsAsync();
-            if (!relations)
-                return;
-            if (!relations.some(r => r.relationType === RelationTypes.ManyToMany)) {
-                ShowAlert({
-                    message: "Nessuna relazione molti-a-molti definita nel sistema.",
-                    mode: 'warning',
-                    title: 'Operazione molti-a-molti',
-                    duration: 5000
-                });
-                return;
-            }
-            const manyToManyRels = relations.filter(r => r.relationType === RelationTypes.ManyToMany);
-            if (!manyToManyRels.some(r => r.masterTID === selectedSearchResult?.fromTID || r.detailTID === selectedSearchResult?.fromTID)) {
-                ShowAlert({
-                    message: "Nessuna relazione molti-a-molti definita per il tipo di documento selezionato.",
-                    mode: 'warning',
-                    title: 'Operazione molti-a-molti',
-                    duration: 5000
-                });
-                return;
-            }
-            const relsManyToMany = manyToManyRels.filter(r => r.masterTID === selectedSearchResult?.fromTID || r.detailTID === selectedSearchResult?.fromTID);
-            setManyToManyRelations(relsManyToMany);
-            if (relsManyToMany.length > 1) {
-                const dataSourcePromises = relsManyToMany.map(async (rel) => {
-                    const targetTID = rel.masterTID === selectedSearchResult?.fromTID ? rel.detailTID : rel.masterTID;
-                    const relatedDcmt = await DcmtTypeListCacheService.GetAsync(targetTID);
-                    return { id: rel?.id, name: relatedDcmt?.name };
-                });
-                const dataSource = await Promise.all(dataSourcePromises);
-                setManyToManyChooserDataSource(dataSource);
-                setIsPairingManyToMany(isPairing);
-                setShowManyToManyChooser(true);
-            }
-            else {
-                await executeManyToManyPairing(relsManyToMany[0], isPairing);
-            }
-        }
-        catch (error) {
-            TMExceptionBoxManager.show({ exception: error });
-        }
-        finally {
-            TMSpinner.hide();
-        }
-    };
-    //#endregion Related Documents Archive Section
     const searchResutlToolbar = _jsxs(_Fragment, { children: [(dcmtsReturned != dcmtsFound) && _jsx("p", { style: { backgroundColor: `white`, color: TMColors.primaryColor, textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${dcmtsReturned}/${dcmtsFound} restituiti` }), context === SearchResultContext.FAVORITES_AND_RECENTS &&
                 _jsx("div", { style: { display: 'flex', alignItems: 'center', gap: '5px' }, children: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconDelete, { color: 'white' }), caption: "Rimuovi da " + (selectedSearchResult?.category === "Favorites" ? '"Preferiti"' : '"Recenti"'), disabled: getSelectedDcmtsOrFocused(selectedItems, focusedItem).length <= 0, onClick: removeDcmtFromFavsOrRecents }) }), _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconRefresh, { color: 'white' }), caption: SDKUI_Localizator.Refresh, onClick: onRefreshSearchAsync }), _jsx(IconMenuVertical, { id: `commands-header-${id}`, color: 'white', cursor: 'pointer' }), _jsx(TMCommandsContextMenu, { target: `#commands-header-${id}`, showEvent: "click", menuItems: getCommandsMenuItems(isMobile, fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, openWGsCopyMoveForm, openCommentFormCallback, openEditPdf, openAddDocumentForm, passToArchiveCallback, archiveMasterDocuments, archiveDetailDocuments, currentTIDHasMasterRelations, currentTIDHasDetailRelations, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToMany, hasManyToManyRelation) })] });
     const middlePanelToolbar = _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [_jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, iconColor: TMColors.default_background, formMode: FormModes.ReadOnly, canPrev: canNavigateHandler('prev'), onPrev: () => onNavigateHandler('prev') }), _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, iconColor: TMColors.default_background, formMode: FormModes.ReadOnly, canNext: canNavigateHandler('next'), onNext: () => onNavigateHandler('next') })] });
@@ -1004,7 +473,8 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
                                     TMSpinner.hide();
                                 }
                             }, onClose: () => setShowManyToManyChooser(false), manageUseLocalizedName: false }), showPairDcmtsModal &&
-                        _jsx(TMModal, { title: (isPairingManyToMany ? "Abbina" : "Disabbina") + " documenti", onClose: () => setShowPairDcmtsModal(false), children: _jsx(TMSearchResult, { searchResults: pairedSearchResults, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync: onRefreshSearchAsync, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, openEditPdf: openEditPdf, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, passToArchiveCallback: passToArchiveCallback, showTodoDcmtForm: showTodoDcmtForm, floatingActionConfig: pairFloatingActionConfig }) }), (floatingActionConfig && floatingActionConfig.isVisible) && _jsx(TMSearchResultFloatingActionButton, { selectedDcmtsOrFocused: getSelectedDcmtsOrFocused(selectedItems, focusedItem), config: floatingActionConfig })] }), [
+                        _jsx(TMModal, { title: (isPairingManyToMany ? "Abbina" : "Disabbina") + " documenti", onClose: () => setShowPairDcmtsModal(false), children: _jsx(TMSearchResult, { searchResults: pairedSearchResults, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync: onRefreshSearchAsync, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, openEditPdf: openEditPdf, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, passToArchiveCallback: passToArchiveCallback, showTodoDcmtForm: showTodoDcmtForm, floatingActionConfig: pairFloatingActionConfig }) }), showPairSearchModal &&
+                        _jsx(TMModal, { title: "Ricerca documenti", onClose: () => setShowPairSearchModal(false), children: _jsx(TMSearch, { onlyShowSearchQueryPanel: true, inputTID: pairSearchModalTargetTID, inputMids: pairSearchModalInputMids, floatingActionConfig: pairSearchModalFloatingActionConfig }) }), (floatingActionConfig && floatingActionConfig.isVisible) && _jsx(TMSearchResultFloatingActionButton, { selectedDcmtsOrFocused: getSelectedDcmtsOrFocused(selectedItems, focusedItem), config: floatingActionConfig })] }), [
         searchResults,
         selectedSearchResult,
         lastUpdateSearchTime,
@@ -1042,6 +512,13 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
         selectedManyToManyRelation,
         pairFloatingActionConfig,
         hasManyToManyRelation,
+        showPairSearchModal,
+        pairSearchModalFloatingActionConfig,
+        pairSearchModalTargetTID,
+        pairSearchModalParentTID,
+        pairSearchModalParentDID,
+        pairSearchModalRelation,
+        pairSearchModalInputMids,
     ]);
     const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: focusedItem?.TID, did: focusedItem?.DID }), [focusedItem]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: LayoutModes.Update, openChooserBySingleClick: true, TID: focusedItem?.TID, isReadOnly: true, deviceType: deviceType, metadataValues: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [] }), [focusedItem, currentMetadataValues, deviceType]);