be-components 7.5.6 → 7.5.8

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

@@ -0,0 +1,1555 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Themed = require("../../../Components/Themed");
+var _reactNative = require("react-native");
+var _useColors = require("../../../constants/useColors");
+var _api = require("../../api");
+var _Components = require("../../../Components");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RouterMarkets = () => {
+  const Colors = (0, _useColors.useColors)();
+  const [data, setData] = (0, _react.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: ''
+  });
+  (0, _react.useEffect)(() => {
+    loadData();
+  }, []);
+  const loadData = async () => {
+    setData(prev => ({
+      ...prev,
+      loading: true
+    }));
+    try {
+      const [marketsResult, sidesResult, variablesResult] = await Promise.all([_api.BetRouterApi.BetRouter.MarketApi.getRouterMarkets(), _api.BetRouterApi.BetRouter.MarketApi.getMarketSides(), _api.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 _api.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 _api.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 _api.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 _api.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 _api.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 _api.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.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      padding: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    size: 24
+  }, "Router Markets"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 14
+  }, "Manage router market types, sides, and variables")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "success",
+    title: "+ Create Market",
+    onPress: openCreateMarketModal
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.SearchBox, {
+    placeholder: "Search markets...",
+    onChange: text => setData(prev => ({
+      ...prev,
+      searchValue: text
+    })),
+    hide_search_button: true
+  })), data.loading ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: "large",
+    color: Colors.text.h1
+  })) : /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      paddingBottom: 40
+    }
+  }, filteredMarkets.length === 0 ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      padding: 40,
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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.default.createElement(_Themed.View, {
+      key: market.router_market_id,
+      style: {
+        backgroundColor: Colors.views.body,
+        borderRadius: 8,
+        marginBottom: 12,
+        overflow: 'hidden'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: () => toggleMarketExpansion(market.router_market_id),
+      style: {
+        padding: 16,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
+      direction: isExpanded ? 'down' : 'right',
+      size: 8,
+      color: Colors.text.h1
+    }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 12
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      size: 16
+    }, market.market_label), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      style: {
+        backgroundColor: market.status === 'active' ? Colors.text.success : Colors.views.header,
+        paddingHorizontal: 8,
+        paddingVertical: 2,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      size: 10
+    }, market.status.toUpperCase()))), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      size: 12,
+      style: {
+        marginTop: 4
+      }
+    }, market.market_key, " \u2022 ", market.category, " \u2022 ", market.participant_type), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      size: 12,
+      style: {
+        marginTop: 2
+      }
+    }, market.market_description))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        gap: 8,
+        marginLeft: 12
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: e => {
+        e.stopPropagation();
+        openEditMarketModal(market);
+      },
+      style: {
+        padding: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Components.Icons.EditIcon, {
+      size: 16,
+      color: Colors.text.description
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: e => {
+        e.stopPropagation();
+        openDeleteMarketModal(market);
+      },
+      style: {
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        backgroundColor: Colors.text.error,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      size: 11
+    }, "Delete")))), isExpanded && /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      style: {
+        backgroundColor: Colors.views.header,
+        padding: 16
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        marginBottom: 16
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      size: 14,
+      style: {
+        marginBottom: 8
+      }
+    }, "Properties"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        gap: 4
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      size: 12
+    }, "Variable Required: ", market.variable_required ? 'Yes' : 'No'), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      size: 12
+    }, "Default Variable Type: ", market.default_variable_type), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      size: 12
+    }, "Allow Multiple Participants: ", market.allow_multiple_participants ? 'Yes' : 'No'))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        marginBottom: 16
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      size: 14
+    }, "Sides (", sides.length, ")"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: () => openCreateSideModal(market.router_market_id),
+      style: {
+        backgroundColor: Colors.views.body,
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      size: 12
+    }, "+ Add Side"))), sides.length === 0 ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      size: 12
+    }, "No sides defined") : /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        gap: 8
+      }
+    }, sides.map(side => /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      key: side.market_side_id,
+      style: {
+        backgroundColor: Colors.views.body,
+        padding: 12,
+        borderRadius: 6,
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      size: 13
+    }, side.side_key), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      size: 11,
+      style: {
+        marginTop: 2
+      }
+    }, "Type: ", side.side_type), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      size: 11,
+      style: {
+        marginTop: 2
+      }
+    }, "Renderer: ", side.renderer)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        gap: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: () => openEditSideModal(side),
+      style: {
+        padding: 6
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Components.Icons.EditIcon, {
+      size: 14,
+      color: Colors.text.description
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: () => openDeleteSideModal(side),
+      style: {
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+        backgroundColor: Colors.text.error,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      size: 10
+    }, "Del"))))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      size: 14,
+      style: {
+        marginBottom: 8
+      }
+    }, "Variables (", variables.length, ")"), variables.length === 0 ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      size: 12
+    }, "No variables defined") : /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        gap: 4
+      }
+    }, variables.map(variable => /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      key: variable.router_market_variable_id,
+      theme: "description",
+      size: 12
+    }, variable.variable, " (", variable.variable_type, ")"))))));
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: data.showCreateMarketModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 500
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 20
+    }
+  }, "Create Router Market"), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: {
+      maxHeight: 500
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      gap: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Market Key *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Market Label *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Description *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Category"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap: 8
+    }
+  }, ['game_result', 'team_stat', 'player_stat', 'game_stat'].map(cat => /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, cat))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Participant Type"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['team', 'player', 'event'].map(type => /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, type))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Default Variable Type"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['total', 'spread'].map(type => /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, type))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      gap: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setData(prev => ({
+      ...prev,
+      formVariableRequired: !prev.formVariableRequired
+    })),
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, "\u2713")), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14
+  }, "Variable Required")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setData(prev => ({
+      ...prev,
+      formAllowMultipleParticipants: !prev.formAllowMultipleParticipants
+    })),
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, "\u2713")), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14
+  }, "Allow Multiple Participants"))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Status"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['active', 'inactive'].map(status => /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, status))))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      marginTop: 24
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Create",
+    onPress: handleCreateMarket,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: data.showEditMarketModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 500
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 20
+    }
+  }, "Edit Router Market"), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: {
+      maxHeight: 500
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      gap: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Market Key *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Market Label *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Description *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Category"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap: 8
+    }
+  }, ['game_result', 'team_stat', 'player_stat', 'game_stat'].map(cat => /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, cat))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Participant Type"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['team', 'player', 'event'].map(type => /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, type))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Default Variable Type"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['total', 'spread'].map(type => /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, type))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      gap: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setData(prev => ({
+      ...prev,
+      formVariableRequired: !prev.formVariableRequired
+    })),
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, "\u2713")), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14
+  }, "Variable Required")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setData(prev => ({
+      ...prev,
+      formAllowMultipleParticipants: !prev.formAllowMultipleParticipants
+    })),
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, "\u2713")), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14
+  }, "Allow Multiple Participants"))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Status"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['active', 'inactive'].map(status => /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 12
+  }, status))))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      marginTop: 24
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Update",
+    onPress: handleUpdateMarket,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: data.showDeleteMarketModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 400
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 12
+    }
+  }, "Delete Router Market"), /*#__PURE__*/_react.default.createElement(_Themed.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.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Delete",
+    onPress: handleDeleteMarket,
+    style: {
+      flex: 1,
+      backgroundColor: Colors.text.error
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: data.showCreateSideModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 500
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 20
+    }
+  }, "Create Market Side"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      gap: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Side Type *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Side Key *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Renderer *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      marginTop: 24
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Create",
+    onPress: handleCreateSide,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: data.showEditSideModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 500
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 20
+    }
+  }, "Edit Market Side"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      gap: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Side Type *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Side Key *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 14,
+    style: {
+      marginBottom: 8
+    }
+  }, "Renderer *"), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      marginTop: 24
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Update",
+    onPress: handleUpdateSide,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: data.showDeleteSideModal,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: closeModals
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.5)',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      backgroundColor: Colors.views.body,
+      borderRadius: 12,
+      padding: 24,
+      width: '90%',
+      maxWidth: 400
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    size: 20,
+    style: {
+      marginBottom: 12
+    }
+  }, "Delete Market Side"), /*#__PURE__*/_react.default.createElement(_Themed.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.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Cancel",
+    onPress: closeModals,
+    type: "close",
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "Delete",
+    onPress: handleDeleteSide,
+    style: {
+      flex: 1,
+      backgroundColor: Colors.text.error
+    }
+  }))))));
+};
+var _default = exports.default = RouterMarkets;
+//# sourceMappingURL=RouterMarkets.js.map