be-components 7.4.8 → 7.5.1

package/lib/module/BetRouter/components/admin/LeagueParticipants.js

@@ -0,0 +1,787 @@
+import React, { useEffect, useState } from 'react';
+import { View, Text, Button } from "../../../Components/Themed";
+import { ActivityIndicator, TouchableOpacity, FlatList, ScrollView } from 'react-native';
+import { useColors } from '../../../constants/useColors';
+import { BetRouterApi } from '../../api';
+import { Icons, SearchBox } from '../../../Components';
+import Pagination from '../../../Components/Pagination';
+const PARTICIPANTS_PER_PAGE = 10;
+const LeagueParticipants = ({
+  league
+}) => {
+  const Colors = useColors();
+  const [participantData, setParticipantData] = useState({
+    routerParticipants: [],
+    partnerParticipants: [],
+    partners: [],
+    loading: true,
+    searchValue: '',
+    page: 0,
+    expandedParticipantId: null,
+    showLinkModal: false,
+    selectedParticipant: null,
+    selectedPartner: null,
+    availableRawParticipants: [],
+    alreadyLinkedRawParticipants: [],
+    selectedRawIds: [],
+    rawSearchValue: '',
+    showAutoLinkModal: false,
+    autoLinkResults: null,
+    showAutoLinkResults: false
+  });
+  useEffect(() => {
+    loadParticipantData();
+  }, [league.router_league_id]);
+  const loadParticipantData = async () => {
+    setParticipantData(prev => ({
+      ...prev,
+      loading: true
+    }));
+    try {
+      const [participantsRes, partnerParticipantsRes, partnersRes] = await Promise.all([BetRouterApi.BetRouter.ParticipantApi.getRouterParticipants(league.router_league_id), BetRouterApi.BetRouter.ParticipantApi.getPartnerParticipants(), BetRouterApi.BetRouter.PartnerApi.getPartners()]);
+      setParticipantData(prev => ({
+        ...prev,
+        routerParticipants: Array.isArray(participantsRes) ? participantsRes : [],
+        partnerParticipants: Array.isArray(partnerParticipantsRes) ? partnerParticipantsRes : [],
+        partners: Array.isArray(partnersRes) ? partnersRes : [],
+        loading: false
+      }));
+    } catch (error) {
+      console.error('Failed to load participant data:', error);
+      setParticipantData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const loadRawParticipants = async partner => {
+    try {
+      setParticipantData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      const result = await BetRouterApi.BetRouter.ParticipantApi.loadRawParticipants(partner.partner_id, league.router_league_id);
+      alert(`Loaded ${result.count} raw participants for ${partner.name}`);
+      await loadParticipantData(); // Reload to get updated data
+    } catch (error) {
+      console.error('Error loading raw participants:', error);
+      alert('Error loading raw participants: ' + error.message);
+    } finally {
+      setParticipantData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const openLinkModal = async (participant, partner) => {
+    try {
+      setParticipantData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      const data = await BetRouterApi.BetRouter.ParticipantApi.getAvailableRawParticipants(participant.participant_id, partner.partner_id, league.router_league_id);
+      setParticipantData(prev => ({
+        ...prev,
+        availableRawParticipants: data.raw_participants || [],
+        alreadyLinkedRawParticipants: data.already_linked || [],
+        showLinkModal: true,
+        selectedParticipant: participant,
+        selectedPartner: partner,
+        selectedRawIds: [],
+        rawSearchValue: '',
+        loading: false
+      }));
+    } catch (error) {
+      console.error('Error loading raw participants:', error);
+      setParticipantData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const linkSelectedParticipants = async () => {
+    if (!participantData.selectedParticipant || participantData.selectedRawIds.length === 0) return;
+    try {
+      setParticipantData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      await BetRouterApi.BetRouter.ParticipantApi.linkParticipant(participantData.selectedRawIds, participantData.selectedParticipant.participant_id);
+      alert(`Linked ${participantData.selectedRawIds.length} raw participants`);
+      setParticipantData(prev => ({
+        ...prev,
+        showLinkModal: false
+      }));
+      await loadParticipantData(); // Reload to get updated data
+    } catch (error) {
+      console.error('Error linking participants:', error);
+      alert('Error linking participants: ' + error.message);
+    } finally {
+      setParticipantData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const toggleRawParticipantSelection = rawParticipantId => {
+    setParticipantData(prev => ({
+      ...prev,
+      selectedRawIds: prev.selectedRawIds.includes(rawParticipantId) ? prev.selectedRawIds.filter(id => id !== rawParticipantId) : [...prev.selectedRawIds, rawParticipantId]
+    }));
+  };
+  const isPartnerLinked = (participantId, partnerId) => {
+    return participantData.partnerParticipants.some(pp => pp.router_participant_id === participantId && pp.partner_id === partnerId);
+  };
+  const getLinkedCount = participantId => {
+    const uniquePartners = new Set(participantData.partnerParticipants.filter(pp => pp.router_participant_id === participantId).map(pp => pp.partner_id));
+    return uniquePartners.size;
+  };
+  const filteredParticipants = participantData.routerParticipants.filter(p => p.name.toLowerCase().includes(participantData.searchValue.toLowerCase()));
+  const totalPages = Math.ceil(filteredParticipants.length / PARTICIPANTS_PER_PAGE);
+  const paginatedParticipants = filteredParticipants.slice(participantData.page * PARTICIPANTS_PER_PAGE, (participantData.page + 1) * PARTICIPANTS_PER_PAGE);
+  const filteredRawParticipants = participantData.availableRawParticipants.filter(p => p.name.toLowerCase().includes(participantData.rawSearchValue.toLowerCase()));
+  if (participantData.loading) {
+    return /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        padding: 40,
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: "large",
+      color: Colors.text.h1
+    }));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      marginBottom: 24
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 24
+  }, "Participants"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 14,
+    style: {
+      marginTop: 8
+    }
+  }, league.name, " - Manage teams and athletes")), /*#__PURE__*/React.createElement(View, {
+    type: "body",
+    style: {
+      padding: 16,
+      marginBottom: 16,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      padding: 16,
+      marginBottom: 12
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 16
+  }, "Load Raw Participants from Partners"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginTop: 4
+    }
+  }, "Fetch participants from each partner's API")), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      paddingHorizontal: 16,
+      paddingBottom: 16
+    }
+  }, participantData.partners.map(partner => /*#__PURE__*/React.createElement(View, {
+    key: partner.partner_id,
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginBottom: 8,
+      padding: 12,
+      backgroundColor: Colors.views.header,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 13,
+    style: {
+      flex: 1
+    }
+  }, partner.name), /*#__PURE__*/React.createElement(Button, {
+    type: "action",
+    title: "Load Participants",
+    onPress: () => loadRawParticipants(partner),
+    style: {
+      paddingHorizontal: 15,
+      paddingVertical: 8
+    }
+  }))))), /*#__PURE__*/React.createElement(View, {
+    type: "body",
+    style: {
+      flex: 1,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.borders.light,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      padding: 16
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 16
+  }, "Router Participants"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginTop: 4
+    }
+  }, filteredParticipants.length, " participant", filteredParticipants.length !== 1 ? 's' : '')), /*#__PURE__*/React.createElement(Button, {
+    type: "action",
+    title: "\uD83D\uDD17 Auto-Link Participants",
+    onPress: () => setParticipantData(prev => ({
+      ...prev,
+      showAutoLinkModal: true
+    })),
+    style: {
+      paddingHorizontal: 15,
+      paddingVertical: 8
+    }
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      marginTop: 12
+    }
+  }, /*#__PURE__*/React.createElement(SearchBox, {
+    placeholder: "Search participants...",
+    onChange: text => setParticipantData(prev => ({
+      ...prev,
+      searchValue: text,
+      page: 0
+    })),
+    hide_search_button: true
+  }))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, paginatedParticipants.map(participant => {
+    const linkedCount = getLinkedCount(participant.participant_id);
+    const isExpanded = participantData.expandedParticipantId === participant.participant_id;
+    return /*#__PURE__*/React.createElement(View, {
+      key: participant.participant_id,
+      transparent: true,
+      style: {
+        borderBottomWidth: 1,
+        borderBottomColor: Colors.borders.light
+      }
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => setParticipantData(prev => ({
+        ...prev,
+        expandedParticipantId: isExpanded ? null : participant.participant_id
+      })),
+      style: {
+        padding: 16,
+        backgroundColor: isExpanded ? Colors.views.header : 'transparent',
+        flexDirection: 'row',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+      direction: isExpanded ? 'down' : 'right',
+      size: 8,
+      color: Colors.text.h1
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 12
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 14
+    }, participant.name), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 11,
+      style: {
+        marginTop: 2
+      }
+    }, participant.participant_type, " \u2022 ", linkedCount, " partner", linkedCount !== 1 ? 's' : ''))), isExpanded && /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        padding: 16,
+        paddingTop: 0
+      }
+    }, participantData.partners.map(partner => {
+      const linked = isPartnerLinked(participant.participant_id, partner.partner_id);
+      return /*#__PURE__*/React.createElement(View, {
+        key: partner.partner_id,
+        transparent: true,
+        style: {
+          padding: 12,
+          marginBottom: 8,
+          backgroundColor: Colors.views.header,
+          borderRadius: 6,
+          flexDirection: 'row',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          flex: 1
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        theme: "h2",
+        size: 13
+      }, partner.name), linked ? /*#__PURE__*/React.createElement(Icons.CheckCirlceIcon, {
+        color: Colors.text.success,
+        size: 14
+      }) : /*#__PURE__*/React.createElement(Text, {
+        theme: "description",
+        size: 11
+      }, "Not Linked"))), /*#__PURE__*/React.createElement(Button, {
+        type: "action",
+        title: linked ? 'Manage Links' : 'Link',
+        onPress: () => openLinkModal(participant, partner),
+        style: {
+          paddingHorizontal: 12,
+          paddingVertical: 6
+        }
+      }));
+    })));
+  })), totalPages > 1 && /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      padding: 16
+    }
+  }, /*#__PURE__*/React.createElement(Pagination, {
+    offset: participantData.page,
+    pages: totalPages,
+    onNext: () => setParticipantData(prev => ({
+      ...prev,
+      page: prev.page + 1
+    })),
+    onPrevious: () => setParticipantData(prev => ({
+      ...prev,
+      page: prev.page - 1
+    }))
+  }))), participantData.showLinkModal && /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center',
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      width: '90%',
+      maxWidth: 600,
+      maxHeight: '80%',
+      borderRadius: 8,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      padding: 16,
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 18
+  }, "Link Raw Participants"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginTop: 4
+    }
+  }, participantData.selectedPartner?.name, " \u2192 ", participantData.selectedParticipant?.name)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setParticipantData(prev => ({
+      ...prev,
+      showLinkModal: false
+    }))
+  }, /*#__PURE__*/React.createElement(Icons.CloseIcon, {
+    size: 24,
+    color: Colors.text.h1
+  }))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 16,
+      paddingTop: 0
+    }
+  }, /*#__PURE__*/React.createElement(SearchBox, {
+    placeholder: "Search raw participants...",
+    onChange: text => setParticipantData(prev => ({
+      ...prev,
+      rawSearchValue: text
+    })),
+    hide_search_button: true
+  })), participantData.alreadyLinkedRawParticipants.length > 0 && /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 16,
+      paddingTop: 0
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 13,
+    style: {
+      marginBottom: 8
+    }
+  }, "Already Linked:"), participantData.alreadyLinkedRawParticipants.map(raw => /*#__PURE__*/React.createElement(View, {
+    key: raw.raw_participant_id,
+    transparent: true,
+    style: {
+      padding: 8,
+      marginBottom: 4,
+      backgroundColor: Colors.views.header,
+      borderRadius: 4
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 12
+  }, raw.name, " (", raw.external_id, ")")))), /*#__PURE__*/React.createElement(FlatList, {
+    data: filteredRawParticipants,
+    keyExtractor: item => item.raw_participant_id,
+    renderItem: ({
+      item: rawParticipant
+    }) => {
+      const isSelected = participantData.selectedRawIds.includes(rawParticipant.raw_participant_id);
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: () => toggleRawParticipantSelection(rawParticipant.raw_participant_id),
+        style: {
+          padding: 12,
+          backgroundColor: isSelected ? Colors.views.header : Colors.views.body,
+          borderBottomWidth: 1,
+          borderBottomColor: Colors.borders.light,
+          flexDirection: 'row',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          width: 24,
+          height: 24,
+          marginRight: 12
+        }
+      }, isSelected && /*#__PURE__*/React.createElement(Icons.CheckIcon, {
+        color: Colors.text.success,
+        size: 20
+      })), /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          flex: 1
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        theme: "h2",
+        size: 13
+      }, rawParticipant.name), /*#__PURE__*/React.createElement(Text, {
+        theme: "description",
+        size: 11,
+        style: {
+          marginTop: 2
+        }
+      }, rawParticipant.participant_type, " \u2022 ", rawParticipant.external_id)));
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      padding: 16,
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      gap: 10
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "close",
+    title: "Cancel",
+    onPress: () => setParticipantData(prev => ({
+      ...prev,
+      showLinkModal: false
+    }))
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "action",
+    title: `Link ${participantData.selectedRawIds.length} Participant${participantData.selectedRawIds.length !== 1 ? 's' : ''}`,
+    onPress: linkSelectedParticipants,
+    disabled: participantData.selectedRawIds.length === 0
+  }))))), participantData.showAutoLinkModal && /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: Colors.views.blur,
+      justifyContent: 'center',
+      alignItems: 'center',
+      padding: 20,
+      zIndex: 1000
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      maxWidth: 500,
+      width: '100%',
+      borderRadius: 8,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 18
+  }, "Auto-Link Participants"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 14,
+    style: {
+      marginTop: 5
+    }
+  }, "Select partner to automatically match and link participants")), /*#__PURE__*/React.createElement(View, {
+    type: "body",
+    style: {
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginBottom: 15
+    }
+  }, "This will attempt to automatically match participants based on name and tags."), participantData.partners.map(partner => {
+    const partnerParticipantsForThisPartner = participantData.partnerParticipants.filter(pp => pp.partner_id === partner.partner_id);
+    const uniqueRouterParticipantIds = new Set(partnerParticipantsForThisPartner.map(pp => pp.router_participant_id).filter(id => participantData.routerParticipants.some(rp => rp.participant_id === id)));
+    const linkedCount = uniqueRouterParticipantIds.size;
+    const totalCount = participantData.routerParticipants.length;
+    return /*#__PURE__*/React.createElement(View, {
+      key: partner.partner_id,
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 15,
+        marginBottom: 10,
+        backgroundColor: Colors.views.header,
+        borderRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 14
+    }, partner.name), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 11,
+      style: {
+        marginTop: 3
+      }
+    }, linkedCount, "/", totalCount, " participants linked")), /*#__PURE__*/React.createElement(Button, {
+      type: "action",
+      title: "Auto-Link",
+      onPress: async () => {
+        try {
+          setParticipantData(prev => ({
+            ...prev,
+            loading: true
+          }));
+          const result = await BetRouterApi.BetRouter.AutoLinkingApi.autoLinkParticipants(league.router_league_id, partner.partner_id);
+          setParticipantData(prev => ({
+            ...prev,
+            autoLinkResults: result,
+            showAutoLinkModal: false,
+            showAutoLinkResults: true
+          }));
+
+          // Reload partner participants
+          const allPartnerParticipants = await BetRouterApi.BetRouter.ParticipantApi.getPartnerParticipants();
+          setParticipantData(prev => ({
+            ...prev,
+            partnerParticipants: Array.isArray(allPartnerParticipants) ? allPartnerParticipants : [],
+            loading: false
+          }));
+        } catch (error) {
+          console.error('Error auto-linking participants:', error);
+          alert('Error auto-linking participants: ' + error.message);
+          setParticipantData(prev => ({
+            ...prev,
+            loading: false
+          }));
+        }
+      },
+      style: {
+        paddingHorizontal: 15,
+        paddingVertical: 8
+      }
+    }));
+  })), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      padding: 15
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "close",
+    title: "Cancel",
+    onPress: () => setParticipantData(prev => ({
+      ...prev,
+      showAutoLinkModal: false
+    }))
+  })))), participantData.showAutoLinkResults && participantData.autoLinkResults && /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: Colors.views.blur,
+      justifyContent: 'center',
+      alignItems: 'center',
+      padding: 20,
+      zIndex: 1000
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      maxWidth: 600,
+      width: '100%',
+      maxHeight: '90%',
+      borderRadius: 8,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 18
+  }, "Auto-Link Results"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 14,
+    style: {
+      marginTop: 5
+    }
+  }, participantData.autoLinkResults.partner_name, " \u2022 ", league.name)), /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "body",
+    style: {
+      padding: 16,
+      borderRadius: 8,
+      marginBottom: 16
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 16,
+    style: {
+      marginBottom: 12
+    }
+  }, "Summary"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 13,
+    style: {
+      marginBottom: 6
+    }
+  }, "Successfully linked: ", participantData.autoLinkResults.matched_count, "/", participantData.autoLinkResults.total_router_entities, " participants"), participantData.autoLinkResults.failed_count > 0 && /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 13,
+    style: {
+      color: Colors.text.warning
+    }
+  }, "Failed: ", participantData.autoLinkResults.failed_count, " participants")), participantData.autoLinkResults.results.filter(r => !r.success).length > 0 && /*#__PURE__*/React.createElement(View, {
+    type: "body",
+    style: {
+      padding: 16,
+      borderRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 16,
+    style: {
+      marginBottom: 12
+    }
+  }, "Failed Matches"), participantData.autoLinkResults.results.filter(r => !r.success).map((result, index) => /*#__PURE__*/React.createElement(View, {
+    key: index,
+    transparent: true,
+    style: {
+      padding: 12,
+      marginBottom: 8,
+      backgroundColor: Colors.views.header,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 13
+  }, result.router_entity_label), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 11,
+    style: {
+      marginTop: 4,
+      color: Colors.text.warning
+    }
+  }, result.error || 'No matches found')))))), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      padding: 15
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "action",
+    title: "Done",
+    onPress: () => setParticipantData(prev => ({
+      ...prev,
+      showAutoLinkResults: false,
+      autoLinkResults: null
+    }))
+  })))));
+};
+export default LeagueParticipants;
+//# sourceMappingURL=LeagueParticipants.js.map