be-components 7.4.7 → 7.5.1

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

@@ -0,0 +1,814 @@
+"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");
+var _momentMini = _interopRequireDefault(require("moment-mini"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 ConfigManager = () => {
+  const Colors = (0, _useColors.useColors)();
+  const [data, setData] = (0, _react.useState)({
+    configs: [],
+    loading: true,
+    searchValue: '',
+    showCreateModal: false,
+    showEditModal: false,
+    showDeleteModal: false,
+    selectedConfig: null,
+    formConfig: '',
+    formValue: '',
+    formFormat: 'string'
+  });
+  (0, _react.useEffect)(() => {
+    loadConfigs();
+  }, []);
+  const loadConfigs = async () => {
+    setData(prev => ({
+      ...prev,
+      loading: true
+    }));
+    try {
+      const result = await _api.BetRouterApi.BetRouter.ConfigApi.getConfigs();
+      setData(prev => ({
+        ...prev,
+        configs: result.configs || [],
+        loading: false
+      }));
+    } catch (error) {
+      console.error('Failed to load configs:', error);
+      alert('Error loading configs: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const openCreateModal = () => {
+    setData(prev => ({
+      ...prev,
+      showCreateModal: true,
+      formConfig: '',
+      formValue: '',
+      formFormat: 'string'
+    }));
+  };
+  const openEditModal = config => {
+    setData(prev => ({
+      ...prev,
+      showEditModal: true,
+      selectedConfig: config,
+      formConfig: config.config,
+      formValue: config.value,
+      formFormat: config.config_format
+    }));
+  };
+  const openDeleteModal = config => {
+    setData(prev => ({
+      ...prev,
+      showDeleteModal: true,
+      selectedConfig: config
+    }));
+  };
+  const closeModals = () => {
+    setData(prev => ({
+      ...prev,
+      showCreateModal: false,
+      showEditModal: false,
+      showDeleteModal: false,
+      selectedConfig: null,
+      formConfig: '',
+      formValue: '',
+      formFormat: 'string'
+    }));
+  };
+  const handleCreate = async () => {
+    if (!data.formConfig || !data.formValue) {
+      alert('Please fill in all fields');
+      return;
+    }
+    try {
+      setData(prev => ({
+        ...prev,
+        loading: true
+      }));
+
+      // Parse value based on format
+      let parsedValue = data.formValue;
+      if (data.formFormat === 'number') {
+        parsedValue = parseFloat(data.formValue);
+        if (isNaN(parsedValue)) {
+          alert('Invalid number format');
+          setData(prev => ({
+            ...prev,
+            loading: false
+          }));
+          return;
+        }
+      } else if (data.formFormat === 'boolean') {
+        parsedValue = data.formValue.toLowerCase() === 'true' ? true : false;
+      } else if (data.formFormat === 'json') {
+        try {
+          parsedValue = JSON.parse(data.formValue);
+        } catch (e) {
+          alert('Invalid JSON format');
+          setData(prev => ({
+            ...prev,
+            loading: false
+          }));
+          return;
+        }
+      }
+      await _api.BetRouterApi.BetRouter.ConfigApi.createConfig(data.formConfig, parsedValue, data.formFormat);
+      closeModals();
+      await loadConfigs();
+    } catch (error) {
+      console.error('Error creating config:', error);
+      alert('Error creating config: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const handleUpdate = async () => {
+    if (!data.selectedConfig || !data.formValue) {
+      alert('Please fill in all fields');
+      return;
+    }
+    try {
+      setData(prev => ({
+        ...prev,
+        loading: true
+      }));
+
+      // Parse value based on format
+      let parsedValue = data.formValue;
+      if (data.formFormat === 'number') {
+        parsedValue = parseFloat(data.formValue);
+        if (isNaN(parsedValue)) {
+          alert('Invalid number format');
+          setData(prev => ({
+            ...prev,
+            loading: false
+          }));
+          return;
+        }
+      } else if (data.formFormat === 'boolean') {
+        parsedValue = data.formValue.toLowerCase() === 'true' ? true : false;
+      } else if (data.formFormat === 'json') {
+        try {
+          parsedValue = JSON.parse(data.formValue);
+        } catch (e) {
+          alert('Invalid JSON format');
+          setData(prev => ({
+            ...prev,
+            loading: false
+          }));
+          return;
+        }
+      }
+      await _api.BetRouterApi.BetRouter.ConfigApi.updateConfig(data.selectedConfig.config, parsedValue, data.formFormat);
+      closeModals();
+      await loadConfigs();
+    } catch (error) {
+      console.error('Error updating config:', error);
+      alert('Error updating config: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const handleDelete = async () => {
+    if (!data.selectedConfig) return;
+    try {
+      setData(prev => ({
+        ...prev,
+        loading: true
+      }));
+      await _api.BetRouterApi.BetRouter.ConfigApi.deleteConfig(data.selectedConfig.config);
+      closeModals();
+      await loadConfigs();
+    } catch (error) {
+      console.error('Error deleting config:', error);
+      alert('Error deleting config: ' + error.message);
+      setData(prev => ({
+        ...prev,
+        loading: false
+      }));
+    }
+  };
+  const getFormattedValue = config => {
+    if (config.config_format === 'json') {
+      try {
+        return JSON.stringify(JSON.parse(config.value), null, 2);
+      } catch (e) {
+        return config.value;
+      }
+    }
+    return config.value;
+  };
+  const filteredConfigs = data.configs.filter(config => data.searchValue === '' || config.config.toLowerCase().includes(data.searchValue.toLowerCase()) || config.value.toLowerCase().includes(data.searchValue.toLowerCase()));
+  if (data.loading && data.configs.length === 0) {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        padding: 40,
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+      size: "large",
+      color: Colors.text.h1
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 24
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    size: 24
+  }, "Configuration Manager"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 14,
+    style: {
+      marginTop: 8
+    }
+  }, "Manage global system configuration settings")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "action",
+    title: "Refresh",
+    onPress: loadConfigs
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "success",
+    title: "+ New Config",
+    onPress: openCreateModal
+  })))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "body",
+    style: {
+      padding: 16,
+      marginBottom: 24,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 12
+  }, "TOTAL CONFIGURATIONS"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    size: 32,
+    style: {
+      marginTop: 8
+    }
+  }, data.configs.length), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 11,
+    style: {
+      marginTop: 4
+    }
+  }, "Active system configurations")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.SearchBox, {
+    placeholder: "Search configs...",
+    onChange: text => setData(prev => ({
+      ...prev,
+      searchValue: text
+    })),
+    hide_search_button: true
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "body",
+    style: {
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.borders.light,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
+    style: {
+      padding: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 16
+  }, "Configurations"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginTop: 4
+    }
+  }, filteredConfigs.length, " configuration", filteredConfigs.length !== 1 ? 's' : '')), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: {
+      maxHeight: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      padding: 16
+    }
+  }, filteredConfigs.length === 0 ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      padding: 40,
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.AlertIcon, {
+    size: 48,
+    color: Colors.text.descriptionLight
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 14,
+    style: {
+      marginTop: 16,
+      textAlign: 'center'
+    }
+  }, data.searchValue ? 'No configs match your search' : 'No configurations found')) : filteredConfigs.map(config => /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    key: config.config_id,
+    transparent: true,
+    style: {
+      marginBottom: 12,
+      padding: 16,
+      backgroundColor: Colors.views.header,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'flex-start'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 16
+  }, config.config), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8,
+      marginTop: 6
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      borderRadius: 4,
+      backgroundColor: Colors.views.header
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 10,
+    style: {
+      textTransform: 'uppercase'
+    }
+  }, config.config_format))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginTop: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 11,
+    style: {
+      marginBottom: 4
+    }
+  }, "Value:"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      padding: 12,
+      backgroundColor: Colors.views.header,
+      borderRadius: 6,
+      borderWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 13,
+    style: {
+      fontFamily: 'monospace'
+    }
+  }, getFormattedValue(config)))), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 10,
+    style: {
+      marginTop: 8
+    }
+  }, "Last updated: ", (0, _momentMini.default)(config.last_update_datetime).format('ddd, MMM D, YYYY [at] h:mm A'))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8,
+      marginLeft: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "action",
+    title: "Edit",
+    onPress: () => openEditModal(config),
+    style: {
+      paddingHorizontal: 12,
+      paddingVertical: 6
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "error",
+    title: "Delete",
+    onPress: () => openDeleteModal(config),
+    style: {
+      paddingHorizontal: 12,
+      paddingVertical: 6
+    }
+  })))))))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: data.showCreateModal,
+    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, {
+    type: "body",
+    style: {
+      width: '90%',
+      maxWidth: 500,
+      borderRadius: 12,
+      padding: 24,
+      borderWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 20
+  }, "Create New Config"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: closeModals
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.CloseIcon, {
+    size: 24,
+    color: Colors.text.h1
+  }))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginBottom: 6
+    }
+  }, "Config Key *"), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    value: data.formConfig,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formConfig: text
+    })),
+    placeholder: "e.g., MAX_BET_AMOUNT",
+    placeholderTextColor: Colors.text.descriptionLight,
+    style: {
+      padding: 12,
+      borderRadius: 6,
+      borderWidth: 1,
+      borderColor: Colors.borders.light,
+      backgroundColor: Colors.views.header,
+      color: Colors.text.h1,
+      fontSize: 14
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginBottom: 6
+    }
+  }, "Format *"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['string', 'number', 'boolean', 'json'].map(format => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    key: format,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formFormat: format
+    })),
+    style: {
+      paddingHorizontal: 16,
+      paddingVertical: 8,
+      borderRadius: 6,
+      borderWidth: 1,
+      borderColor: data.formFormat === format ? Colors.text.success : Colors.borders.light,
+      backgroundColor: data.formFormat === format ? Colors.views.header : 'transparent'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: data.formFormat === format ? 'h2' : 'description',
+    size: 12
+  }, format))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginBottom: 6
+    }
+  }, "Value *"), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    value: data.formValue,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formValue: text
+    })),
+    placeholder: data.formFormat === 'json' ? '{"key": "value"}' : 'Enter value...',
+    placeholderTextColor: Colors.text.descriptionLight,
+    multiline: data.formFormat === 'json',
+    numberOfLines: data.formFormat === 'json' ? 4 : 1,
+    style: {
+      padding: 12,
+      borderRadius: 6,
+      borderWidth: 1,
+      borderColor: Colors.borders.light,
+      backgroundColor: Colors.views.header,
+      color: Colors.text.h1,
+      fontSize: 14,
+      fontFamily: data.formFormat === 'json' ? 'monospace' : undefined
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "action",
+    title: "Cancel",
+    onPress: closeModals,
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "success",
+    title: "Create",
+    onPress: handleCreate,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: data.showEditModal,
+    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, {
+    type: "body",
+    style: {
+      width: '90%',
+      maxWidth: 500,
+      borderRadius: 12,
+      padding: 24,
+      borderWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 20
+  }, "Edit Config"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: closeModals
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.CloseIcon, {
+    size: 24,
+    color: Colors.text.h1
+  }))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginBottom: 6
+    }
+  }, "Config Key"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 16
+  }, data.formConfig)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginBottom: 6
+    }
+  }, "Format *"), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 8
+    }
+  }, ['string', 'number', 'boolean', 'json'].map(format => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    key: format,
+    onPress: () => setData(prev => ({
+      ...prev,
+      formFormat: format
+    })),
+    style: {
+      paddingHorizontal: 16,
+      paddingVertical: 8,
+      borderRadius: 6,
+      borderWidth: 1,
+      borderColor: data.formFormat === format ? Colors.text.success : Colors.borders.light,
+      backgroundColor: data.formFormat === format ? Colors.views.header : 'transparent'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: data.formFormat === format ? 'h2' : 'description',
+    size: 12
+  }, format))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 12,
+    style: {
+      marginBottom: 6
+    }
+  }, "Value *"), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    value: data.formValue,
+    onChangeText: text => setData(prev => ({
+      ...prev,
+      formValue: text
+    })),
+    placeholder: data.formFormat === 'json' ? '{"key": "value"}' : 'Enter value...',
+    placeholderTextColor: Colors.text.descriptionLight,
+    multiline: data.formFormat === 'json',
+    numberOfLines: data.formFormat === 'json' ? 4 : 1,
+    style: {
+      padding: 12,
+      borderRadius: 6,
+      borderWidth: 1,
+      borderColor: Colors.borders.light,
+      backgroundColor: Colors.views.header,
+      color: Colors.text.h1,
+      fontSize: 14,
+      fontFamily: data.formFormat === 'json' ? 'monospace' : undefined
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "action",
+    title: "Cancel",
+    onPress: closeModals,
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "success",
+    title: "Update",
+    onPress: handleUpdate,
+    style: {
+      flex: 1
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: data.showDeleteModal,
+    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, {
+    type: "body",
+    style: {
+      width: '90%',
+      maxWidth: 400,
+      borderRadius: 12,
+      padding: 24,
+      borderWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    size: 20
+  }, "Delete Config"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: closeModals
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.CloseIcon, {
+    size: 24,
+    color: Colors.text.h1
+  }))), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    size: 14,
+    style: {
+      marginBottom: 20
+    }
+  }, "Are you sure you want to delete the config \"", data.selectedConfig?.config, "\"? This action cannot be undone."), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      gap: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "action",
+    title: "Cancel",
+    onPress: closeModals,
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "error",
+    title: "Delete",
+    onPress: handleDelete,
+    style: {
+      flex: 1
+    }
+  }))))));
+};
+var _default = exports.default = ConfigManager;
+//# sourceMappingURL=ConfigManager.js.map