be-components 7.5.5 → 7.5.7

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

@@ -0,0 +1,1548 @@
+import React, { useEffect, useState } from 'react';
+import { View, Text, Button } from "../../../Components/Themed";
+import { ActivityIndicator, TouchableOpacity, TextInput, Modal, ScrollView } from 'react-native';
+import { useColors } from '../../../constants/useColors';
+import { BetRouterApi } from '../../api';
+import { Icons, SearchBox } from '../../../Components';
+const RouterMarkets = () => {
+  const Colors = useColors();
+  const [data, setData] = useState({
+    router_markets: [],
+    router_market_sides: [],
+    router_market_variables: [],
+    loading: true,
+    searchValue: '',
+    showCreateMarketModal: false,
+    showEditMarketModal: false,
+    showDeleteMarketModal: false,
+    showCreateSideModal: false,
+    showEditSideModal: false,
+    showDeleteSideModal: false,
+    selectedMarket: null,
+    selectedSide: null,
+    expandedMarketId: null,
+    formMarketKey: '',
+    formMarketLabel: '',
+    formMarketDescription: '',
+    formCategory: 'game_result',
+    formVariableRequired: false,
+    formDefaultVariableType: 'total',
+    formAllowMultipleParticipants: false,
+    formParticipantType: 'team',
+    formStatus: 'active',
+    formSideRouterMarketId: '',
+    formSideType: '',
+    formSideKey: '',
+    formRenderer: ''
+  });
+  useEffect(() => {
+    loadData();
+  }, []);
+  const loadData = async () => {
+    setData(prev => ({
+      ...prev,
+      loading: true
+    }));
+    try {
+      const [marketsResult, sidesResult, variablesResult] = await Promise.all([BetRouterApi.BetRouter.MarketApi.getRouterMarkets(), BetRouterApi.BetRouter.MarketApi.getMarketSides(), BetRouterApi.BetRouter.MarketApi.getMarketVariables()]);
+
+      // API returns arrays directly, not objects with properties
+      setData(prev => ({
+        ...prev,
+        router_markets: Array.isArray(marketsResult) ? marketsResult : [],
+        router_market_sides: Array.isArray(sidesResult) ? sidesResult : [],
+        router_market_variables: Array.isArray(variablesResult) ? variablesResult : [],
+        loading: false
+      }));
+    } catch (error) {
+      console.error('Failed to load router markets:', error);
+      alert('Error loading router markets: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+
+  // Market CRUD operations
+  const openCreateMarketModal = () => {
+    setData(prev => ({
+      ...prev,
+      showCreateMarketModal: true,
+      formMarketKey: '',
+      formMarketLabel: '',
+      formMarketDescription: '',
+      formCategory: 'game_result',
+      formVariableRequired: false,
+      formDefaultVariableType: 'total',
+      formAllowMultipleParticipants: false,
+      formParticipantType: 'team',
+      formStatus: 'active'
+    }));
+  };
+  const openEditMarketModal = market => {
+    setData(prev => ({
+      ...prev,
+      showEditMarketModal: true,
+      selectedMarket: market,
+      formMarketKey: market.market_key,
+      formMarketLabel: market.market_label,
+      formMarketDescription: market.market_description,
+      formCategory: market.category,
+      formVariableRequired: market.variable_required,
+      formDefaultVariableType: market.default_variable_type,
+      formAllowMultipleParticipants: market.allow_multiple_participants,
+      formParticipantType: market.participant_type,
+      formStatus: market.status
+    }));
+  };
+  const openDeleteMarketModal = market => {
+    setData(prev => ({
+      ...prev,
+      showDeleteMarketModal: true,
+      selectedMarket: market
+    }));
+  };
+  const handleCreateMarket = async () => {
+    if (!data.formMarketKey || !data.formMarketLabel || !data.formMarketDescription) {
+      alert('Please fill in all required fields');
+      return;
+    }
+    try {
+      setData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      await BetRouterApi.BetRouter.MarketApi.createRouterMarket(data.formMarketKey, data.formMarketLabel, data.formMarketDescription, data.formCategory, data.formVariableRequired, data.formDefaultVariableType, data.formAllowMultipleParticipants, data.formParticipantType, data.formStatus);
+      closeModals();
+      await loadData();
+    } catch (error) {
+      console.error('Error creating router market:', error);
+      alert('Error creating router market: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const handleUpdateMarket = async () => {
+    if (!data.selectedMarket) return;
+    try {
+      setData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      await BetRouterApi.BetRouter.MarketApi.updateRouterMarket(data.selectedMarket.router_market_id, {
+        market_key: data.formMarketKey,
+        market_label: data.formMarketLabel,
+        market_description: data.formMarketDescription,
+        category: data.formCategory,
+        variable_required: data.formVariableRequired,
+        default_variable_type: data.formDefaultVariableType,
+        allow_multiple_participants: data.formAllowMultipleParticipants,
+        participant_type: data.formParticipantType,
+        status: data.formStatus
+      });
+      closeModals();
+      await loadData();
+    } catch (error) {
+      console.error('Error updating router market:', error);
+      alert('Error updating router market: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const handleDeleteMarket = async () => {
+    if (!data.selectedMarket) return;
+    try {
+      setData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      await BetRouterApi.BetRouter.MarketApi.deleteRouterMarket(data.selectedMarket.router_market_id);
+      closeModals();
+      await loadData();
+    } catch (error) {
+      console.error('Error deleting router market:', error);
+      alert('Error deleting router market: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+
+  // Side CRUD operations
+  const openCreateSideModal = router_market_id => {
+    setData(prev => ({
+      ...prev,
+      showCreateSideModal: true,
+      formSideRouterMarketId: router_market_id,
+      formSideType: '',
+      formSideKey: '',
+      formRenderer: ''
+    }));
+  };
+  const openEditSideModal = side => {
+    setData(prev => ({
+      ...prev,
+      showEditSideModal: true,
+      selectedSide: side,
+      formSideRouterMarketId: side.router_market_id,
+      formSideType: side.side_type,
+      formSideKey: side.side_key,
+      formRenderer: side.renderer
+    }));
+  };
+  const openDeleteSideModal = side => {
+    setData(prev => ({
+      ...prev,
+      showDeleteSideModal: true,
+      selectedSide: side
+    }));
+  };
+  const handleCreateSide = async () => {
+    if (!data.formSideRouterMarketId || !data.formSideType || !data.formSideKey || !data.formRenderer) {
+      alert('Please fill in all required fields');
+      return;
+    }
+    try {
+      setData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      await BetRouterApi.BetRouter.MarketApi.createMarketSide(data.formSideRouterMarketId, data.formSideType, data.formSideKey, data.formRenderer);
+      closeModals();
+      await loadData();
+    } catch (error) {
+      console.error('Error creating market side:', error);
+      alert('Error creating market side: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const handleUpdateSide = async () => {
+    if (!data.selectedSide) return;
+    try {
+      setData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      await BetRouterApi.BetRouter.MarketApi.updateMarketSide(data.selectedSide.market_side_id, {
+        router_market_id: data.formSideRouterMarketId,
+        side_type: data.formSideType,
+        side_key: data.formSideKey,
+        renderer: data.formRenderer
+      });
+      closeModals();
+      await loadData();
+    } catch (error) {
+      console.error('Error updating market side:', error);
+      alert('Error updating market side: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const handleDeleteSide = async () => {
+    if (!data.selectedSide) return;
+    try {
+      setData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      await BetRouterApi.BetRouter.MarketApi.deleteMarketSide(data.selectedSide.market_side_id);
+      closeModals();
+      await loadData();
+    } catch (error) {
+      console.error('Error deleting market side:', error);
+      alert('Error deleting market side: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const closeModals = () => {
+    setData(prev => ({
+      ...prev,
+      showCreateMarketModal: false,
+      showEditMarketModal: false,
+      showDeleteMarketModal: false,
+      showCreateSideModal: false,
+      showEditSideModal: false,
+      showDeleteSideModal: false,
+      selectedMarket: null,
+      selectedSide: null
+    }));
+  };
+  const toggleMarketExpansion = router_market_id => {
+    setData(prev => ({
+      ...prev,
+      expandedMarketId: prev.expandedMarketId === router_market_id ? null : router_market_id
+    }));
+  };
+  const filteredMarkets = data.router_markets.filter(market => market.market_label.toLowerCase().includes(data.searchValue.toLowerCase()) || market.market_key.toLowerCase().includes(data.searchValue.toLowerCase()));
+  const getSidesForMarket = router_market_id => {
+    return data.router_market_sides.filter(side => side.router_market_id === router_market_id);
+  };
+  const getVariablesForMarket = router_market_id => {
+    return data.router_market_variables.filter(variable => variable.router_market_id === router_market_id);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 24
+  }, "Router Markets"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 14
+  }, "Manage router market types, sides, and variables")), /*#__PURE__*/React.createElement(Button, {
+    type: "success",
+    title: "+ Create Market",
+    onPress: openCreateMarketModal
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/React.createElement(SearchBox, {
+    placeholder: "Search markets...",
+    onChange: text => setData(prev => ({
+      ...prev,
+      searchValue: text
+    })),
+    hide_search_button: true
+  })), data.loading ? /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "large",
+    color: Colors.text.h1
+  })) : /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      paddingBottom: 40
+    }
+  }, filteredMarkets.length === 0 ? /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 40,
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 14
+  }, "No router markets found")) : filteredMarkets.map(market => {
+    const isExpanded = data.expandedMarketId === market.router_market_id;
+    const sides = getSidesForMarket(market.router_market_id);
+    const variables = getVariablesForMarket(market.router_market_id);
+    return /*#__PURE__*/React.createElement(View, {
+      key: market.router_market_id,
+      style: {
+        backgroundColor: Colors.views.body,
+        borderRadius: 8,
+        marginBottom: 12,
+        overflow: 'hidden'
+      }
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => toggleMarketExpansion(market.router_market_id),
+      style: {
+        padding: 16,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        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(View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 16
+    }, market.market_label), /*#__PURE__*/React.createElement(View, {
+      style: {
+        backgroundColor: market.status === 'active' ? Colors.text.success : Colors.views.header,
+        paddingHorizontal: 8,
+        paddingVertical: 2,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 10
+    }, market.status.toUpperCase()))), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 12,
+      style: {
+        marginTop: 4
+      }
+    }, market.market_key, " \u2022 ", market.category, " \u2022 ", market.participant_type), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 12,
+      style: {
+        marginTop: 2
+      }
+    }, market.market_description))), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        gap: 8,
+        marginLeft: 12
+      }
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: e => {
+        e.stopPropagation();
+        openEditMarketModal(market);
+      },
+      style: {
+        padding: 8
+      }
+    }, /*#__PURE__*/React.createElement(Icons.EditIcon, {
+      size: 16,
+      color: Colors.text.description
+    })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: e => {
+        e.stopPropagation();
+        openDeleteMarketModal(market);
+      },
+      style: {
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        backgroundColor: Colors.text.error,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 11
+    }, "Delete")))), isExpanded && /*#__PURE__*/React.createElement(View, {
+      style: {
+        backgroundColor: Colors.views.header,
+        padding: 16
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        marginBottom: 16
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 14,
+      style: {
+        marginBottom: 8
+      }
+    }, "Properties"), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        gap: 4
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 12
+    }, "Variable Required: ", market.variable_required ? 'Yes' : 'No'), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 12
+    }, "Default Variable Type: ", market.default_variable_type), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 12
+    }, "Allow Multiple Participants: ", market.allow_multiple_participants ? 'Yes' : 'No'))), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        marginBottom: 16
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: 8
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 14
+    }, "Sides (", sides.length, ")"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => openCreateSideModal(market.router_market_id),
+      style: {
+        backgroundColor: Colors.views.body,
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 12
+    }, "+ Add Side"))), sides.length === 0 ? /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 12
+    }, "No sides defined") : /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        gap: 8
+      }
+    }, sides.map(side => /*#__PURE__*/React.createElement(View, {
+      key: side.market_side_id,
+      style: {
+        backgroundColor: Colors.views.body,
+        padding: 12,
+        borderRadius: 6,
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 13
+    }, side.side_key), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 11,
+      style: {
+        marginTop: 2
+      }
+    }, "Type: ", side.side_type), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 11,
+      style: {
+        marginTop: 2
+      }
+    }, "Renderer: ", side.renderer)), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        gap: 8
+      }
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => openEditSideModal(side),
+      style: {
+        padding: 6
+      }
+    }, /*#__PURE__*/React.createElement(Icons.EditIcon, {
+      size: 14,
+      color: Colors.text.description
+    })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => openDeleteSideModal(side),
+      style: {
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+        backgroundColor: Colors.text.error,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 10
+    }, "Del"))))))), /*#__PURE__*/React.createElement(View, {
+      transparent: true
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      size: 14,
+      style: {
+        marginBottom: 8
+      }
+    }, "Variables (", variables.length, ")"), variables.length === 0 ? /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      size: 12
+    }, "No variables defined") : /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        gap: 4
+      }
+    }, variables.map(variable => /*#__PURE__*/React.createElement(Text, {
+      key: variable.router_market_variable_id,
+      theme: "description",
+      size: 12
+    }, variable.variable, " (", variable.variable_type, ")"))))));
+  }))), /*#__PURE__*/React.createElement(Modal, {
+    visible: data.showCreateMarketModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 500
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 20
+    }
+  }, "Create Router Market"), /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      maxHeight: 500
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      gap: 16
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Market Key *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14
+    },
+    value: data.formMarketKey,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formMarketKey: text
+    })),
+    placeholder: "e.g., moneyline",
+    placeholderTextColor: Colors.text.description
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Market Label *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14
+    },
+    value: data.formMarketLabel,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formMarketLabel: text
+    })),
+    placeholder: "e.g., Moneyline",
+    placeholderTextColor: Colors.text.description
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Description *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14,
+      minHeight: 80
+    },
+    value: data.formMarketDescription,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formMarketDescription: text
+    })),
+    placeholder: "Market description",
+    placeholderTextColor: Colors.text.description,
+    multiline: true
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Category"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap: 8
+    }
+  }, ['game_result', 'team_stat', 'player_stat', 'game_stat'].map(cat => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: cat,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formCategory: cat
+    })),
+    style: {
+      backgroundColor: data.formCategory === cat ? Colors.views.body : Colors.views.header,
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, cat))))), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Participant Type"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['team', 'player', 'event'].map(type => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: type,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formParticipantType: type
+    })),
+    style: {
+      backgroundColor: data.formParticipantType === type ? Colors.views.body : Colors.views.header,
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, type))))), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Default Variable Type"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['total', 'spread'].map(type => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: type,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formDefaultVariableType: type
+    })),
+    style: {
+      backgroundColor: data.formDefaultVariableType === type ? Colors.views.body : Colors.views.header,
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, type))))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      gap: 12
+    }
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setData(prev => ({
+      ...prev,
+      formVariableRequired: !prev.formVariableRequired
+    })),
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 20,
+      height: 20,
+      borderRadius: 4,
+      borderWidth: 2,
+      borderColor: data.formVariableRequired ? Colors.views.body : Colors.text.description,
+      backgroundColor: data.formVariableRequired ? Colors.views.body : 'transparent',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, data.formVariableRequired && /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, "\u2713")), /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14
+  }, "Variable Required")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setData(prev => ({
+      ...prev,
+      formAllowMultipleParticipants: !prev.formAllowMultipleParticipants
+    })),
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 20,
+      height: 20,
+      borderRadius: 4,
+      borderWidth: 2,
+      borderColor: data.formAllowMultipleParticipants ? Colors.views.body : Colors.text.description,
+      backgroundColor: data.formAllowMultipleParticipants ? Colors.views.body : 'transparent',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, data.formAllowMultipleParticipants && /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, "\u2713")), /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14
+  }, "Allow Multiple Participants"))), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Status"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['active', 'inactive'].map(status => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: status,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formStatus: status
+    })),
+    style: {
+      backgroundColor: data.formStatus === status ? Colors.views.body : Colors.views.header,
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, status))))))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      marginTop: 24
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "Create",
+    onPress: handleCreateMarket,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/React.createElement(Modal, {
+    visible: data.showEditMarketModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 500
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 20
+    }
+  }, "Edit Router Market"), /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      maxHeight: 500
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      gap: 16
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Market Key *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14
+    },
+    value: data.formMarketKey,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formMarketKey: text
+    }))
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Market Label *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14
+    },
+    value: data.formMarketLabel,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formMarketLabel: text
+    }))
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Description *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14,
+      minHeight: 80
+    },
+    value: data.formMarketDescription,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formMarketDescription: text
+    })),
+    multiline: true
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Category"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap: 8
+    }
+  }, ['game_result', 'team_stat', 'player_stat', 'game_stat'].map(cat => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: cat,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formCategory: cat
+    })),
+    style: {
+      backgroundColor: data.formCategory === cat ? Colors.views.body : Colors.views.header,
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, cat))))), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Participant Type"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['team', 'player', 'event'].map(type => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: type,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formParticipantType: type
+    })),
+    style: {
+      backgroundColor: data.formParticipantType === type ? Colors.views.body : Colors.views.header,
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, type))))), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Default Variable Type"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['total', 'spread'].map(type => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: type,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formDefaultVariableType: type
+    })),
+    style: {
+      backgroundColor: data.formDefaultVariableType === type ? Colors.views.body : Colors.views.header,
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, type))))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      gap: 12
+    }
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setData(prev => ({
+      ...prev,
+      formVariableRequired: !prev.formVariableRequired
+    })),
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 20,
+      height: 20,
+      borderRadius: 4,
+      borderWidth: 2,
+      borderColor: data.formVariableRequired ? Colors.views.body : Colors.text.description,
+      backgroundColor: data.formVariableRequired ? Colors.views.body : 'transparent',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, data.formVariableRequired && /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, "\u2713")), /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14
+  }, "Variable Required")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setData(prev => ({
+      ...prev,
+      formAllowMultipleParticipants: !prev.formAllowMultipleParticipants
+    })),
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 20,
+      height: 20,
+      borderRadius: 4,
+      borderWidth: 2,
+      borderColor: data.formAllowMultipleParticipants ? Colors.views.body : Colors.text.description,
+      backgroundColor: data.formAllowMultipleParticipants ? Colors.views.body : 'transparent',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, data.formAllowMultipleParticipants && /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, "\u2713")), /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14
+  }, "Allow Multiple Participants"))), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Status"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['active', 'inactive'].map(status => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: status,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formStatus: status
+    })),
+    style: {
+      backgroundColor: data.formStatus === status ? Colors.views.body : Colors.views.header,
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      borderRadius: 6
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 12
+  }, status))))))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      marginTop: 24
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "Update",
+    onPress: handleUpdateMarket,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/React.createElement(Modal, {
+    visible: data.showDeleteMarketModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 400
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 12
+    }
+  }, "Delete Router Market"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 14,
+    style: {
+      marginBottom: 24
+    }
+  }, "Are you sure you want to delete \"", data.selectedMarket?.market_label, "\"? This action cannot be undone."), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "Delete",
+    onPress: handleDeleteMarket,
+    style: {
+      flex: 1,
+      backgroundColor: Colors.text.error
+    }
+  }))))), /*#__PURE__*/React.createElement(Modal, {
+    visible: data.showCreateSideModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 500
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 20
+    }
+  }, "Create Market Side"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      gap: 16
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Side Type *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14
+    },
+    value: data.formSideType,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formSideType: text
+    })),
+    placeholder: "e.g., team, athlete, side",
+    placeholderTextColor: Colors.text.description
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Side Key *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14
+    },
+    value: data.formSideKey,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formSideKey: text
+    })),
+    placeholder: "e.g., home, away, over, under",
+    placeholderTextColor: Colors.text.description
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Renderer *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14,
+      minHeight: 80
+    },
+    value: data.formRenderer,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formRenderer: text
+    })),
+    placeholder: "Template for rendering titles",
+    placeholderTextColor: Colors.text.description,
+    multiline: true
+  }))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      marginTop: 24
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "Create",
+    onPress: handleCreateSide,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/React.createElement(Modal, {
+    visible: data.showEditSideModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 500
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 20
+    }
+  }, "Edit Market Side"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      gap: 16
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Side Type *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14
+    },
+    value: data.formSideType,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formSideType: text
+    }))
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Side Key *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14
+    },
+    value: data.formSideKey,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formSideKey: text
+    }))
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Renderer *"), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      padding: 12,
+      color: Colors.text.h1,
+      fontSize: 14,
+      minHeight: 80
+    },
+    value: data.formRenderer,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formRenderer: text
+    })),
+    multiline: true
+  }))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      marginTop: 24
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "Update",
+    onPress: handleUpdateSide,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/React.createElement(Modal, {
+    visible: data.showDeleteSideModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 400
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 12
+    }
+  }, "Delete Market Side"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    size: 14,
+    style: {
+      marginBottom: 24
+    }
+  }, "Are you sure you want to delete this market side? This action cannot be undone."), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "Delete",
+    onPress: handleDeleteSide,
+    style: {
+      flex: 1,
+      backgroundColor: Colors.text.error
+    }
+  }))))));
+};
+export default RouterMarkets;
+//# sourceMappingURL=RouterMarkets.js.map