@oxyhq/services 5.1.12 → 5.1.13

package/src/ui/screens/karma/KarmaFAQScreen.tsx

@@ -0,0 +1,164 @@
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, ScrollView, Platform, TouchableOpacity, TextInput, LayoutAnimation, UIManager } from 'react-native';
+import { BaseScreenProps } from '../../navigation/types';
+import { Ionicons } from '@expo/vector-icons';
+
+if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
+    UIManager.setLayoutAnimationEnabledExperimental(true);
+}
+
+const FAQS = [
+    {
+        q: 'What is karma?',
+        a: 'Karma is a recognition of your positive actions in the Oxy Ecosystem. It cannot be sent or received directly.'
+    },
+    {
+        q: 'How do I earn karma?',
+        a: 'By helping others, reporting bugs, contributing content, and participating in community events.'
+    },
+    {
+        q: 'Can I lose karma?',
+        a: 'Karma may be reduced for negative actions or breaking community rules.'
+    },
+    {
+        q: 'What can I do with karma?',
+        a: 'Unlock rewards, badges, and special features as you earn more karma.'
+    },
+    {
+        q: 'Can I transfer karma to others?',
+        a: 'No, karma cannot be sent or received. It is only earned by your actions.'
+    },
+    {
+        q: 'How do I get support?',
+        a: 'Contact Oxy support via the app or website for any karma-related questions.'
+    },
+];
+
+const KarmaFAQScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
+    const isDarkTheme = theme === 'dark';
+    const backgroundColor = isDarkTheme ? '#121212' : '#FFFFFF';
+    const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
+    const cardColor = isDarkTheme ? '#23232b' : '#f7f7fa';
+    const primaryColor = '#d169e5';
+    const inputBg = isDarkTheme ? '#23232b' : '#f2f2f7';
+    const inputBorder = isDarkTheme ? '#444' : '#e0e0e0';
+
+    const [expanded, setExpanded] = useState<number | null>(0);
+    const [search, setSearch] = useState('');
+
+    const filteredFaqs = FAQS.filter(faq =>
+        faq.q.toLowerCase().includes(search.toLowerCase()) ||
+        faq.a.toLowerCase().includes(search.toLowerCase())
+    );
+
+    const handleToggle = (idx: number) => {
+        LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+        setExpanded(expanded === idx ? null : idx);
+    };
+
+    return (
+        <View style={[styles.container, { backgroundColor }]}>
+            <Text style={[styles.title, { color: textColor }]}>Karma FAQ</Text>
+            <View style={[styles.searchBar, { backgroundColor: inputBg, borderColor: inputBorder }]}>
+                <Ionicons name="search-outline" size={20} color={primaryColor} style={{ marginRight: 8 }} />
+                <TextInput
+                    style={[styles.searchInput, { color: textColor }]}
+                    placeholder="Search FAQ..."
+                    placeholderTextColor={isDarkTheme ? '#aaa' : '#888'}
+                    value={search}
+                    onChangeText={setSearch}
+                    returnKeyType="search"
+                />
+            </View>
+            <ScrollView contentContainerStyle={styles.contentContainer} keyboardShouldPersistTaps="handled">
+                {filteredFaqs.length === 0 ? (
+                    <Text style={[styles.noResults, { color: textColor }]}>No results found.</Text>
+                ) : (
+                    filteredFaqs.map((item, idx) => {
+                        const isOpen = expanded === idx;
+                        return (
+                            <TouchableOpacity
+                                key={idx}
+                                style={[styles.card, { backgroundColor: cardColor, shadowColor: isDarkTheme ? '#000' : '#d169e5' }]}
+                                activeOpacity={0.95}
+                                onPress={() => handleToggle(idx)}
+                            >
+                                <View style={styles.questionRow}>
+                                    <Ionicons name={isOpen ? 'chevron-down' : 'chevron-forward'} size={22} color={primaryColor} style={{ marginRight: 8 }} />
+                                    <Text style={[styles.question, { color: primaryColor }]}>{item.q}</Text>
+                                </View>
+                                {isOpen && (
+                                    <Text style={[styles.answer, { color: textColor }]}>{item.a}</Text>
+                                )}
+                            </TouchableOpacity>
+                        );
+                    })
+                )}
+                <Text style={[styles.paragraph, { color: textColor, marginTop: 32, textAlign: 'center' }]}>Still have questions? Contact support!</Text>
+            </ScrollView>
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: { flex: 1 },
+    title: {
+        fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+        fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
+        fontSize: 38,
+        margin: 24,
+        marginBottom: 12,
+        textAlign: 'center',
+    },
+    searchBar: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderRadius: 16,
+        borderWidth: 1,
+        marginHorizontal: 24,
+        marginBottom: 12,
+        paddingHorizontal: 12,
+        height: 44,
+    },
+    searchInput: {
+        flex: 1,
+        fontSize: 16,
+        height: 44,
+    },
+    contentContainer: { padding: 24, paddingBottom: 40 },
+    card: {
+        borderRadius: 18,
+        padding: 20,
+        marginBottom: 18,
+        shadowOpacity: 0.08,
+        shadowOffset: { width: 0, height: 2 },
+        shadowRadius: 8,
+        elevation: 2,
+    },
+    questionRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 8,
+    },
+    question: {
+        fontSize: 17,
+        fontWeight: 'bold',
+    },
+    answer: {
+        fontSize: 16,
+        lineHeight: 22,
+        marginTop: 8,
+    },
+    paragraph: {
+        fontSize: 16,
+        marginBottom: 12,
+    },
+    noResults: {
+        fontSize: 16,
+        marginTop: 32,
+        textAlign: 'center',
+        opacity: 0.7,
+    },
+});
+
+export default KarmaFAQScreen;

package/src/ui/screens/karma/KarmaLeaderboardScreen.tsx

@@ -0,0 +1,79 @@
+import React, { useEffect, useState } from 'react';
+import { View, Text, StyleSheet, ScrollView, ActivityIndicator, TouchableOpacity } from 'react-native';
+import { BaseScreenProps } from '../../navigation/types';
+import { useOxy } from '../../context/OxyContext';
+import Avatar from '../../components/Avatar';
+
+const KarmaLeaderboardScreen: React.FC<BaseScreenProps> = ({ goBack, theme, navigate }) => {
+    const { oxyServices } = useOxy();
+    const [leaderboard, setLeaderboard] = useState<any[]>([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
+
+    const isDarkTheme = theme === 'dark';
+    const backgroundColor = isDarkTheme ? '#121212' : '#FFFFFF';
+    const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
+    const primaryColor = '#d169e5';
+
+    useEffect(() => {
+        setIsLoading(true);
+        setError(null);
+        oxyServices.getKarmaLeaderboard()
+            .then((data) => setLeaderboard(Array.isArray(data) ? data : []))
+            .catch((err) => setError(err.message || 'Failed to load leaderboard'))
+            .finally(() => setIsLoading(false));
+    }, [oxyServices]);
+
+    return (
+        <View style={[styles.container, { backgroundColor }]}>
+            <Text style={[styles.title, { color: textColor }]}>Karma Leaderboard</Text>
+            {isLoading ? (
+                <ActivityIndicator size="large" color={primaryColor} style={{ marginTop: 40 }} />
+            ) : error ? (
+                <Text style={[styles.error, { color: '#D32F2F' }]}>{error}</Text>
+            ) : (
+                <ScrollView contentContainerStyle={styles.listContainer}>
+                    {leaderboard.length === 0 ? (
+                        <Text style={[styles.placeholder, { color: textColor }]}>No leaderboard data.</Text>
+                    ) : (
+                        leaderboard.map((entry, idx) => (
+                            <TouchableOpacity
+                                key={entry.userId}
+                                style={[styles.row, idx < 3 && { backgroundColor: '#f7eaff' }]}
+                                onPress={() => navigate && navigate('KarmaProfile', { userId: entry.userId, username: entry.username })}
+                                activeOpacity={0.7}
+                            >
+                                <Text style={[styles.rank, { color: primaryColor }]}>{idx + 1}</Text>
+                                <Avatar name={entry.username || 'User'} size={40} theme={theme} style={styles.avatar} />
+                                <Text style={[styles.username, { color: textColor }]}>{entry.username || entry.userId}</Text>
+                                <Text style={[styles.karma, { color: primaryColor }]}>{entry.total}</Text>
+                            </TouchableOpacity>
+                        ))
+                    )}
+                </ScrollView>
+            )}
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: { flex: 1 },
+    title: { fontSize: 24, fontWeight: 'bold', margin: 24, textAlign: 'center' },
+    listContainer: { paddingBottom: 40 },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: 12,
+        paddingHorizontal: 20,
+        borderBottomWidth: 1,
+        borderColor: '#eee',
+    },
+    rank: { fontSize: 20, width: 32, textAlign: 'center', fontWeight: 'bold' },
+    avatar: { marginHorizontal: 8 },
+    username: { flex: 1, fontSize: 16, marginLeft: 8 },
+    karma: { fontSize: 18, fontWeight: 'bold', marginLeft: 12 },
+    placeholder: { fontSize: 16, color: '#888', textAlign: 'center', marginTop: 40 },
+    error: { fontSize: 16, textAlign: 'center', marginTop: 40 },
+});
+
+export default KarmaLeaderboardScreen;

package/src/ui/screens/karma/KarmaRewardsScreen.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+import { BaseScreenProps } from '../../navigation/types';
+
+const KarmaRewardsScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
+    const isDarkTheme = theme === 'dark';
+    const backgroundColor = isDarkTheme ? '#121212' : '#FFFFFF';
+    const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
+    const primaryColor = '#d169e5';
+
+    // Placeholder: In a real app, fetch rewards from API
+    return (
+        <View style={[styles.container, { backgroundColor }]}>
+            <Text style={[styles.title, { color: textColor }]}>Karma Rewards</Text>
+            <ScrollView contentContainerStyle={styles.contentContainer}>
+                <Text style={[styles.paragraph, { color: textColor }]}>Unlock special features and recognition by earning karma!</Text>
+                <View style={styles.rewardBox}>
+                    <Text style={[styles.rewardTitle, { color: primaryColor }]}>🎉 Early Access</Text>
+                    <Text style={[styles.rewardDesc, { color: textColor }]}>Get early access to new features with 100+ karma.</Text>
+                </View>
+                <View style={styles.rewardBox}>
+                    <Text style={[styles.rewardTitle, { color: primaryColor }]}>🏅 Community Badge</Text>
+                    <Text style={[styles.rewardDesc, { color: textColor }]}>Earn a special badge for 500+ karma.</Text>
+                </View>
+                <View style={styles.rewardBox}>
+                    <Text style={[styles.rewardTitle, { color: primaryColor }]}>🌟 Featured Member</Text>
+                    <Text style={[styles.rewardDesc, { color: textColor }]}>Be featured in the community for 1000+ karma.</Text>
+                </View>
+                <Text style={[styles.paragraph, { color: textColor, marginTop: 24 }]}>More rewards coming soon!</Text>
+            </ScrollView>
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: { flex: 1 },
+    title: { fontSize: 24, fontWeight: 'bold', margin: 24, textAlign: 'center' },
+    contentContainer: { padding: 24 },
+    rewardBox: {
+        backgroundColor: '#f7eaff',
+        borderRadius: 16,
+        padding: 18,
+        marginBottom: 18,
+        shadowColor: '#000',
+        shadowOpacity: 0.04,
+        shadowOffset: { width: 0, height: 1 },
+        shadowRadius: 4,
+        elevation: 1,
+    },
+    rewardTitle: { fontSize: 18, fontWeight: 'bold', marginBottom: 6 },
+    rewardDesc: { fontSize: 15 },
+    paragraph: { fontSize: 16, marginBottom: 12 },
+});
+
+export default KarmaRewardsScreen;

package/src/ui/screens/karma/KarmaRulesScreen.tsx

@@ -0,0 +1,65 @@
+import React, { useEffect, useState } from 'react';
+import { View, Text, StyleSheet, ScrollView, ActivityIndicator } from 'react-native';
+import { BaseScreenProps } from '../../navigation/types';
+import { useOxy } from '../../context/OxyContext';
+
+const KarmaRulesScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
+    const { oxyServices } = useOxy();
+    const [rules, setRules] = useState<any[]>([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
+
+    const isDarkTheme = theme === 'dark';
+    const backgroundColor = isDarkTheme ? '#121212' : '#FFFFFF';
+    const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
+    const primaryColor = '#d169e5';
+
+    useEffect(() => {
+        setIsLoading(true);
+        setError(null);
+        oxyServices.getKarmaRules()
+            .then((data) => setRules(Array.isArray(data) ? data : []))
+            .catch((err) => setError(err.message || 'Failed to load rules'))
+            .finally(() => setIsLoading(false));
+    }, [oxyServices]);
+
+    return (
+        <View style={[styles.container, { backgroundColor }]}>
+            <Text style={[styles.title, { color: textColor }]}>Karma Rules</Text>
+            {isLoading ? (
+                <ActivityIndicator size="large" color={primaryColor} style={{ marginTop: 40 }} />
+            ) : error ? (
+                <Text style={[styles.error, { color: '#D32F2F' }]}>{error}</Text>
+            ) : (
+                <ScrollView contentContainerStyle={styles.listContainer}>
+                    {rules.length === 0 ? (
+                        <Text style={[styles.placeholder, { color: textColor }]}>No rules found.</Text>
+                    ) : (
+                        rules.map((rule, idx) => (
+                            <View key={rule.id || idx} style={styles.ruleRow}>
+                                <Text style={[styles.ruleDesc, { color: textColor }]}>{rule.description}</Text>
+                            </View>
+                        ))
+                    )}
+                </ScrollView>
+            )}
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: { flex: 1 },
+    title: { fontSize: 24, fontWeight: 'bold', margin: 24, textAlign: 'center' },
+    listContainer: { paddingBottom: 40 },
+    ruleRow: {
+        paddingVertical: 14,
+        paddingHorizontal: 24,
+        borderBottomWidth: 1,
+        borderColor: '#eee',
+    },
+    ruleDesc: { fontSize: 16 },
+    placeholder: { fontSize: 16, color: '#888', textAlign: 'center', marginTop: 40 },
+    error: { fontSize: 16, textAlign: 'center', marginTop: 40 },
+});
+
+export default KarmaRulesScreen;

package/src/ui/styles/theme.ts

@@ -100,8 +100,7 @@ export const createCommonStyles = (theme: 'light' | 'dark') => {
       backgroundColor: colors.background,
     },
     scrollContainer: {
-      flexGrow: 1,
-      padding: 10,
+      padding: 26,
     },
     input: {
       height: 48,

package/lib/commonjs/ui/screens/AboutKarmaScreen.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AboutKarmaScreen = ({
-  onClose,
-  theme
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.title],
-      children: "About Karma"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.message],
-      children: "Karma is a system that rewards users for their contributions to the community. The more you contribute, the more karma points you earn!"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.message],
-      children: "Your karma points can be used to unlock special features and benefits within the app."
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.message],
-      children: "Thank you for being a part of our community!"
-    })]
-  });
-};
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    color: '#000',
-    marginBottom: 15
-  },
-  message: {
-    fontSize: 14,
-    color: '#5e5e5e',
-    lineHeight: 20,
-    marginBottom: 15
-  }
-});
-var _default = exports.default = AboutKarmaScreen;
-//# sourceMappingURL=AboutKarmaScreen.js.map

package/lib/commonjs/ui/screens/AboutKarmaScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","AboutKarmaScreen","onClose","theme","jsxs","View","style","styles","container","children","jsx","Text","title","message","StyleSheet","create","flex","fontSize","fontWeight","color","marginBottom","lineHeight","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/screens/AboutKarmaScreen.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAWsB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAItB,MAAMG,gBAA2C,GAAGA,CAAC;EACjDC,OAAO;EACPC;AACJ,CAAC,KAAK;EAGF,oBACI,IAAAN,WAAA,CAAAO,IAAA,EAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,CAAE;IAAAC,QAAA,gBAC5B,IAAAZ,WAAA,CAAAa,GAAA,EAACd,YAAA,CAAAe,IAAI;MAACL,KAAK,EAAE,CAACC,MAAM,CAACK,KAAK,CAAE;MAAAH,QAAA,EAAC;IAAW,CAAM,CAAC,eAC/C,IAAAZ,WAAA,CAAAa,GAAA,EAACd,YAAA,CAAAe,IAAI;MAACL,KAAK,EAAE,CAACC,MAAM,CAACM,OAAO,CAAE;MAAAJ,QAAA,EAAC;IAG/B,CAAM,CAAC,eACP,IAAAZ,WAAA,CAAAa,GAAA,EAACd,YAAA,CAAAe,IAAI;MAACL,KAAK,EAAE,CAACC,MAAM,CAACM,OAAO,CAAE;MAAAJ,QAAA,EAAC;IAE/B,CAAM,CAAC,eACP,IAAAZ,WAAA,CAAAa,GAAA,EAACd,YAAA,CAAAe,IAAI;MAACL,KAAK,EAAE,CAACC,MAAM,CAACM,OAAO,CAAE;MAAAJ,QAAA,EAAC;IAE/B,CAAM,CAAC;EAAA,CACL,CAAC;AAEf,CAAC;AAED,MAAMF,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC7BP,SAAS,EAAE;IACPQ,IAAI,EAAE;EACV,CAAC;EACDJ,KAAK,EAAE;IACHK,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE;EAClB,CAAC;EACDP,OAAO,EAAE;IACLI,QAAQ,EAAE,EAAE;IACZE,KAAK,EAAE,SAAS;IAChBE,UAAU,EAAE,EAAE;IACdD,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEYC,gBAAgB","ignoreList":[]}

package/lib/module/ui/screens/AboutKarmaScreen.js

@@ -1,45 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const AboutKarmaScreen = ({
-  onClose,
-  theme
-}) => {
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container],
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [styles.title],
-      children: "About Karma"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.message],
-      children: "Karma is a system that rewards users for their contributions to the community. The more you contribute, the more karma points you earn!"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.message],
-      children: "Your karma points can be used to unlock special features and benefits within the app."
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.message],
-      children: "Thank you for being a part of our community!"
-    })]
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    color: '#000',
-    marginBottom: 15
-  },
-  message: {
-    fontSize: 14,
-    color: '#5e5e5e',
-    lineHeight: 20,
-    marginBottom: 15
-  }
-});
-export default AboutKarmaScreen;
-//# sourceMappingURL=AboutKarmaScreen.js.map

package/lib/module/ui/screens/AboutKarmaScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","StyleSheet","jsx","_jsx","jsxs","_jsxs","AboutKarmaScreen","onClose","theme","style","styles","container","children","title","message","create","flex","fontSize","fontWeight","color","marginBottom","lineHeight"],"sourceRoot":"../../../../src","sources":["ui/screens/AboutKarmaScreen.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAoB,OAAO;AACvC,SACIC,IAAI,EACJC,IAAI,EAEJC,UAAU,QAOP,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAItB,MAAMC,gBAA2C,GAAGA,CAAC;EACjDC,OAAO;EACPC;AACJ,CAAC,KAAK;EAGF,oBACIH,KAAA,CAACN,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,CAAE;IAAAC,QAAA,gBAC5BT,IAAA,CAACH,IAAI;MAACS,KAAK,EAAE,CAACC,MAAM,CAACG,KAAK,CAAE;MAAAD,QAAA,EAAC;IAAW,CAAM,CAAC,eAC/CT,IAAA,CAACH,IAAI;MAACS,KAAK,EAAE,CAACC,MAAM,CAACI,OAAO,CAAE;MAAAF,QAAA,EAAC;IAG/B,CAAM,CAAC,eACPT,IAAA,CAACH,IAAI;MAACS,KAAK,EAAE,CAACC,MAAM,CAACI,OAAO,CAAE;MAAAF,QAAA,EAAC;IAE/B,CAAM,CAAC,eACPT,IAAA,CAACH,IAAI;MAACS,KAAK,EAAE,CAACC,MAAM,CAACI,OAAO,CAAE;MAAAF,QAAA,EAAC;IAE/B,CAAM,CAAC;EAAA,CACL,CAAC;AAEf,CAAC;AAED,MAAMF,MAAM,GAAGT,UAAU,CAACc,MAAM,CAAC;EAC7BJ,SAAS,EAAE;IACPK,IAAI,EAAE;EACV,CAAC;EACDH,KAAK,EAAE;IACHI,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE;EAClB,CAAC;EACDN,OAAO,EAAE;IACLG,QAAQ,EAAE,EAAE;IACZE,KAAK,EAAE,SAAS;IAChBE,UAAU,EAAE,EAAE;IACdD,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAEF,eAAed,gBAAgB","ignoreList":[]}

package/lib/typescript/ui/screens/AboutKarmaScreen.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { BaseScreenProps } from '../navigation/types';
-declare const AboutKarmaScreen: React.FC<BaseScreenProps>;
-export default AboutKarmaScreen;
-//# sourceMappingURL=AboutKarmaScreen.d.ts.map

package/lib/typescript/ui/screens/AboutKarmaScreen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AboutKarmaScreen.d.ts","sourceRoot":"","sources":["../../../../src/ui/screens/AboutKarmaScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAaxC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqB/C,CAAC;AAoBF,eAAe,gBAAgB,CAAC"}

package/src/ui/screens/AboutKarmaScreen.tsx

@@ -1,58 +0,0 @@
-import React, { useState } from 'react';
-import {
-    View,
-    Text,
-    TouchableOpacity,
-    StyleSheet,
-    ActivityIndicator,
-    ScrollView,
-    Alert,
-    Platform,
-    Image,
-    TextStyle,
-} from 'react-native';
-import { BaseScreenProps } from '../navigation/types';
-import { fontFamilies } from '../styles/fonts';
-
-const AboutKarmaScreen: React.FC<BaseScreenProps> = ({
-    onClose,
-    theme,
-}) => {
-
-
-    return (
-        <View style={[styles.container]}>
-            <Text style={[styles.title]}>About Karma</Text>
-            <Text style={[styles.message]}>
-                Karma is a system that rewards users for their contributions to the community.
-                The more you contribute, the more karma points you earn!
-            </Text>
-            <Text style={[styles.message]}>
-                Your karma points can be used to unlock special features and benefits within the app.
-            </Text>
-            <Text style={[styles.message]}>
-                Thank you for being a part of our community!
-            </Text>
-        </View>
-    );
-};
-
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    title: {
-        fontSize: 18,
-        fontWeight: 'bold',
-        color: '#000',
-        marginBottom: 15,
-    },
-    message: {
-        fontSize: 14,
-        color: '#5e5e5e',
-        lineHeight: 20,
-        marginBottom: 15,
-    },
-});
-
-export default AboutKarmaScreen;