oneticket-sdk-vi 1.0.0

package/dist/src/screens/common/MyAccountScreen.js

@@ -0,0 +1,148 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const native_1 = require("@react-navigation/native");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const hooks_1 = require("../../services/apis/auth/hooks");
+const Loader_1 = __importDefault(require("../../components/common/Loaders/Loader"));
+const hooks_2 = require("../../services/apis/user/hooks");
+const ThemeProvider_1 = require("../../theme/ThemeProvider");
+const CustomText_1 = require("../../components/common/Text/CustomText");
+const Button_1 = require("../../components/common/Button/Button");
+const Input_1 = require("../../components/common/Input/Input");
+const Header_1 = __importDefault(require("../../components/common/Header/Header"));
+const MyAccountScreen = () => {
+    var _a, _b, _c;
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate, goBack } = (0, native_1.useNavigation)();
+    const [name, setName] = (0, react_1.useState)('');
+    const [email, setEmail] = (0, react_1.useState)('');
+    const [originalUser, setOriginalUser] = (0, react_1.useState)({});
+    const [nameError, setNameError] = (0, react_1.useState)('');
+    const [isEditing, setIsEditing] = (0, react_1.useState)(false);
+    const { data: loggedInUser, isLoading: loggedInUserLoading } = (0, hooks_1.useFetchLoggedInUser)();
+    const { mutateAsync: updateUser, isPending: updateUserLoading } = (0, hooks_2.useMutateUpdateUser)(data => {
+        if (data.status === 'success') {
+            setIsEditing(false);
+            // Show success message (you can implement a toast/alert component)
+        }
+        else {
+            // Show error message
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        if (loggedInUser && loggedInUser.status === 'success') {
+            const user = loggedInUser.user;
+            setName(user.name);
+            setEmail((user === null || user === void 0 ? void 0 : user.username) || '');
+            setOriginalUser({ name: user.name, email: (user === null || user === void 0 ? void 0 : user.username) || '', gender: user.gender });
+        }
+    }, [loggedInUser]);
+    const hasChanges = () => {
+        return (name !== originalUser.name ||
+            email !== originalUser.email);
+    };
+    const handleSave = () => {
+        let isValid = true;
+        setNameError('');
+        if (!name || name.trim() === '') {
+            setNameError('Name cannot be empty');
+            isValid = false;
+        }
+        if (isValid) {
+            setIsEditing(false);
+            if (hasChanges()) {
+                updateUser({ name, email, gender: 'male' });
+            }
+        }
+    };
+    const handleEditToggle = () => {
+        setNameError('');
+        if (isEditing) {
+            setName(originalUser.name);
+            setEmail(originalUser.email || '');
+        }
+        setIsEditing(!isEditing);
+    };
+    return (react_1.default.createElement(react_native_1.View, { style: { flex: 1, backgroundColor: theme.colors.background } },
+        react_1.default.createElement(Header_1.default, { showHomeButton: false, title: "Profile" }),
+        loggedInUserLoading ? (react_1.default.createElement(Loader_1.default, null)) : (react_1.default.createElement(react_native_1.ScrollView, { contentContainerStyle: { flexGrow: 1, padding: (0, react_native_size_matters_1.ms)(20) }, showsVerticalScrollIndicator: false },
+            react_1.default.createElement(react_native_1.View, { style: { flex: 1 } },
+                react_1.default.createElement(react_native_1.View, { style: {
+                        alignItems: 'center',
+                    } },
+                    react_1.default.createElement(react_native_1.View, { style: {
+                            width: (0, react_native_size_matters_1.ms)(100),
+                            height: (0, react_native_size_matters_1.ms)(100),
+                            borderRadius: (0, react_native_size_matters_1.ms)(50),
+                            backgroundColor: theme.colors.primary[500],
+                            justifyContent: 'center',
+                            alignItems: 'center'
+                        } },
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "heading1", style: {
+                                color: theme.colors.white,
+                                paddingTop: (0, react_native_size_matters_1.ms)(theme.spacing.s),
+                                fontSize: (0, react_native_size_matters_1.ms)(36)
+                            } }, ((_c = (_b = (_a = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.user) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.charAt(0)) === null || _c === void 0 ? void 0 : _c.toUpperCase()) || 'U'))),
+                react_1.default.createElement(react_native_1.View, { style: { marginTop: (0, react_native_size_matters_1.mvs)(theme.spacing.xl) } },
+                    react_1.default.createElement(react_native_1.View, { style: { marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.m) } },
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: {
+                                marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+                                color: theme.colors.textSecondary
+                            } }, "Full Name"),
+                        react_1.default.createElement(Input_1.Input, { variant: "outlined", placeholder: "Enter your name", value: name, onChangeText: (text) => {
+                                setName(text);
+                                if (text.trim() === '') {
+                                    setNameError('Name cannot be empty');
+                                }
+                                else {
+                                    setNameError('');
+                                }
+                            }, editable: isEditing, error: nameError, containerStyle: { borderColor: isEditing ? theme.colors.primary[500] : theme.colors.border, backgroundColor: isEditing ? theme.colors.transparent : theme.colors.surfaceVariant }, inputStyle: { fontSize: (0, react_native_size_matters_1.ms)(14) } })),
+                    react_1.default.createElement(react_native_1.View, { style: { marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.m) } },
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: {
+                                marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+                                color: theme.colors.textSecondary
+                            } }, "Phone Number"),
+                        react_1.default.createElement(Input_1.Input, { variant: "outlined", placeholder: "Phone number", value: String(loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.user.moNumber), editable: false, containerStyle: { borderColor: theme.colors.border, backgroundColor: theme.colors.surfaceVariant }, inputStyle: { fontSize: (0, react_native_size_matters_1.ms)(14) } })),
+                    react_1.default.createElement(react_native_1.View, { style: { marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.m) } },
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "labelMedium", style: {
+                                marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+                                color: theme.colors.textSecondary
+                            } }, "Email (Optional)"),
+                        react_1.default.createElement(Input_1.Input, { variant: "outlined", placeholder: "Enter your email", value: email, onChangeText: setEmail, editable: isEditing, containerStyle: { borderColor: isEditing ? theme.colors.primary[500] : theme.colors.border, backgroundColor: isEditing ? theme.colors.transparent : theme.colors.surfaceVariant }, inputStyle: { fontSize: (0, react_native_size_matters_1.ms)(14) } }))),
+                react_1.default.createElement(react_native_1.View, { style: { marginTop: 'auto' } }, !isEditing ? (react_1.default.createElement(Button_1.Button, { variant: "primary", size: "lg", onPress: handleEditToggle, style: { height: (0, react_native_size_matters_1.mvs)(50) } }, "Edit Profile")) : (react_1.default.createElement(react_native_1.View, { style: {
+                        flexDirection: 'row',
+                        gap: (0, react_native_size_matters_1.ms)(theme.spacing.s)
+                    } },
+                    react_1.default.createElement(Button_1.Button, { variant: "outlined", size: "lg", onPress: handleEditToggle, style: { flex: 1 } }, "Cancel"),
+                    react_1.default.createElement(Button_1.Button, { variant: "primary", size: "md", onPress: handleSave, loading: updateUserLoading, style: { flex: 1 } }, "Save Changes")))))))));
+};
+exports.default = MyAccountScreen;

package/dist/src/screens/common/Profile/Components/MenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface MenuItemProps {
+    title: string;
+    icon: React.ReactNode;
+    onPress: () => void;
+    description?: string;
+    showChevron?: boolean;
+    isLast?: boolean;
+}
+export declare const MenuItem: React.FC<MenuItemProps>;
+export {};

package/dist/src/screens/common/Profile/Components/MenuItem.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const ChevronRightIcon_1 = __importDefault(require("../../../../assets/icons/ChevronRightIcon"));
+const CustomText_1 = require("../../../../components/common/Text/CustomText");
+const MenuItem = ({ title, icon, onPress, description, showChevron = true, isLast = false, }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    return (react_1.default.createElement(react_native_1.Pressable, { onPress: onPress, style: ({ pressed }) => [
+            styles.container,
+            {
+                backgroundColor: pressed ? theme.colors.surfaceVariant : theme.colors.background,
+            },
+        ] },
+        react_1.default.createElement(react_native_1.View, { style: styles.content },
+            react_1.default.createElement(react_native_1.View, { style: styles.iconContainer }, icon),
+            react_1.default.createElement(react_native_1.View, { style: styles.textContainer },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1' }, title),
+                description && (react_1.default.createElement(CustomText_1.CustomText, { variant: 'body2', style: { marginTop: (0, react_native_size_matters_1.mvs)(4), color: theme.colors.textSecondary } }, description))),
+            showChevron && (react_1.default.createElement(react_native_1.View, { style: styles.chevronContainer },
+                react_1.default.createElement(ChevronRightIcon_1.default, { size: (0, react_native_size_matters_1.ms)(18), color: theme.colors.textTertiary })))),
+        !isLast && (react_1.default.createElement(react_native_1.View, { style: [
+                styles.divider,
+                { backgroundColor: theme.colors.borderLight },
+            ] }))));
+};
+exports.MenuItem = MenuItem;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        paddingTop: (0, react_native_size_matters_1.mvs)(16),
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(8),
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    iconContainer: {
+        marginRight: (0, react_native_size_matters_1.ms)(16),
+    },
+    textContainer: {
+        flex: 1,
+    },
+    title: {
+        fontSize: (0, react_native_size_matters_1.ms)(14),
+        fontWeight: '400',
+    },
+    description: {
+        fontSize: (0, react_native_size_matters_1.ms)(12),
+        marginTop: (0, react_native_size_matters_1.mvs)(4),
+    },
+    chevronContainer: {
+        marginLeft: (0, react_native_size_matters_1.ms)(8),
+    },
+    divider: {
+        height: 1,
+        marginTop: (0, react_native_size_matters_1.mvs)(16),
+    },
+});

package/dist/src/screens/common/Profile/ProfileScreen.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ProfileScreen: () => React.JSX.Element;
+export default ProfileScreen;

package/dist/src/screens/common/Profile/ProfileScreen.js

@@ -0,0 +1,197 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const ProfileStack_1 = require("../../../navigation/metro/ProfileStack");
+const native_1 = require("@react-navigation/native");
+const hooks_1 = require("../../../services/apis/auth/hooks");
+const BaseStack_1 = require("../../../navigation/BaseStack");
+const hooks_2 = require("../../../services/apis/auth/hooks");
+const UserIcon_1 = __importDefault(require("../../../assets/icons/UserIcon"));
+const HelpIcon_1 = __importDefault(require("../../../assets/icons/HelpIcon"));
+const MailIcon_1 = __importDefault(require("../../../assets/icons/MailIcon"));
+const FAQIcon_1 = __importDefault(require("../../../assets/icons/FAQIcon"));
+const AuthStack_1 = require("../../../navigation/AuthStack");
+const MenuItem_1 = require("./Components/MenuItem");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const Avatar_1 = require("../../../components/common/Avatar/Avatar");
+const CustomText_1 = require("../../../components/common/Text/CustomText");
+const Button_1 = require("../../../components/common/Button/Button");
+const ProfileScreen = () => {
+    var _a, _b, _c, _d;
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate, reset } = (0, native_1.useNavigation)();
+    const { data: userData } = (0, hooks_2.useFetchLoggedInUser)();
+    const [showDeleteModal, setShowDeleteModal] = (0, react_1.useState)(false);
+    const [appVersion, setAppVersion] = (0, react_1.useState)('');
+    const { mutateAsync: logout, isPending: logoutLoading } = (0, hooks_1.useMutatelogout)(data => {
+        if (data.status === 'success') {
+            reset({
+                index: 0,
+                routes: [{ name: BaseStack_1.BaseScreens.UnAuthStack }]
+            });
+        }
+    });
+    const contactEmail = "info@sequelstring.com";
+    const buttonList = [
+        {
+            title: "My Account",
+            icon: react_1.default.createElement(UserIcon_1.default, { size: 24, color: theme.colors.primary[500] }),
+            onPress: () => navigate(AuthStack_1.AuthScreens.ProfileStack, { screen: ProfileStack_1.ProfileScreens.MyAccount }),
+            description: "Manage your personal information"
+        },
+        {
+            title: "FAQ",
+            icon: react_1.default.createElement(FAQIcon_1.default, { size: 24, color: theme.colors.primary[500] }),
+            onPress: () => navigate(AuthStack_1.AuthScreens.ProfileStack, { screen: ProfileStack_1.ProfileScreens.FaqScreen }),
+            description: "Frequently asked questions"
+        },
+        {
+            title: "Support",
+            icon: react_1.default.createElement(HelpIcon_1.default, { size: 24, color: theme.colors.primary[500] }),
+            onPress: () => navigate(AuthStack_1.AuthScreens.ProfileStack, { screen: ProfileStack_1.ProfileScreens.IssueScreen }),
+            description: "Get help with issues"
+        },
+        {
+            title: "Contact Us",
+            icon: react_1.default.createElement(MailIcon_1.default, { size: 24, color: theme.colors.primary[500] }),
+            onPress: () => react_native_1.Linking.openURL(`mailto:${contactEmail}`),
+            description: `Email us at ${contactEmail}`
+        },
+    ];
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.container, { backgroundColor: theme.colors.background }] },
+        react_1.default.createElement(react_native_1.View, { style: [styles.header, { backgroundColor: theme.colors.primary[500] }] },
+            react_1.default.createElement(react_native_1.View, { style: styles.profileContainer },
+                react_1.default.createElement(Avatar_1.Avatar, { size: (0, react_native_size_matters_1.mvs)(80), 
+                    // source={userData?.user?.name?.charAt(0) || 'U'}
+                    initials: ((_b = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.charAt(0)) || 'U', backgroundColor: theme.colors.primary[400], borderWidth: 3, borderColor: theme.colors.primary[300], textColor: theme.colors.textOnPrimary }),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'heading2', style: { marginTop: (0, react_native_size_matters_1.mvs)(16), color: theme.colors.textOnPrimary } }, ((_c = userData === null || userData === void 0 ? void 0 : userData.user) === null || _c === void 0 ? void 0 : _c.name) || 'User'),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: { color: theme.colors.primary[100] } }, ((_d = userData === null || userData === void 0 ? void 0 : userData.user) === null || _d === void 0 ? void 0 : _d.moNumber) || ''))),
+        react_1.default.createElement(react_native_1.View, { style: [styles.menuCard, { backgroundColor: theme.colors.background }] },
+            react_1.default.createElement(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false }, buttonList.map((item, index) => (react_1.default.createElement(MenuItem_1.MenuItem, { key: index, title: item.title, icon: item.icon, onPress: item.onPress, description: item.description, showChevron: item.showChevron !== false, isLast: index === buttonList.length - 1 }))))),
+        react_1.default.createElement(DeleteMyAccountModal, { showDeleteModal: showDeleteModal, setShowDeleteModal: setShowDeleteModal })));
+};
+const DeleteMyAccountModal = ({ showDeleteModal, setShowDeleteModal, }) => {
+    const { reset } = (0, native_1.useNavigation)();
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { mutateAsync: deleteUser, isPending: deleteUserLoading } = (0, hooks_1.useMutateDeleteUser)((data) => {
+        console.log(data);
+        if (data.status === 'success') {
+            reset({
+                index: 0,
+                routes: [{ name: BaseStack_1.BaseScreens.UnAuthStack }]
+            });
+            setShowDeleteModal(false);
+        }
+    });
+    return (react_1.default.createElement(react_native_1.Modal, { transparent: true, visible: showDeleteModal, animationType: "fade", onRequestClose: () => setShowDeleteModal(false) },
+        react_1.default.createElement(react_native_1.View, { style: styles.overlay },
+            react_1.default.createElement(react_native_1.View, { style: [styles.modalContainer, { backgroundColor: theme.colors.backdrop, shadowColor: theme.colors.shadow }] },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'heading3', style: [styles.title, { color: theme.colors.error[500] }] }, "Delete Account"),
+                react_1.default.createElement(CustomText_1.CustomText, { style: [styles.message, { color: theme.colors.textSecondary }] }, "Are you sure you want to delete your account? This action cannot be reversed and all your data will be permanently deleted."),
+                react_1.default.createElement(react_native_1.View, { style: styles.buttonContainer },
+                    react_1.default.createElement(Button_1.Button, { size: 'sm', variant: 'secondary', style: { flex: 1 }, onPress: () => setShowDeleteModal(false) }, 'Cancel'),
+                    react_1.default.createElement(Button_1.Button, { size: 'sm', style: { flex: 1, backgroundColor: theme.colors.error[500] }, onPress: () => {
+                            deleteUser();
+                        } }, 'Delete'))))));
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    header: {
+        paddingVertical: (0, react_native_size_matters_1.mvs)(32),
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(24),
+    },
+    profileContainer: {
+        alignItems: 'center',
+        marginBottom: (0, react_native_size_matters_1.mvs)(8),
+    },
+    avatarText: {
+        fontSize: (0, react_native_size_matters_1.ms)(32),
+        fontWeight: 'bold',
+    },
+    userPhone: {
+        fontSize: (0, react_native_size_matters_1.ms)(14),
+    },
+    menuCard: {
+        flex: 1,
+        borderTopLeftRadius: (0, react_native_size_matters_1.ms)(24),
+        borderTopRightRadius: (0, react_native_size_matters_1.ms)(24),
+        marginTop: (0, react_native_size_matters_1.mvs)(-24),
+        paddingTop: (0, react_native_size_matters_1.mvs)(16),
+    },
+    scrollContent: {
+        flexGrow: 1,
+        paddingBottom: (0, react_native_size_matters_1.mvs)(16),
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(16)
+    },
+    versionContainer: {
+        alignItems: 'center',
+        marginTop: (0, react_native_size_matters_1.mvs)(32),
+    },
+    versionText: {
+        fontSize: (0, react_native_size_matters_1.ms)(12),
+    },
+    overlay: {
+        flex: 1,
+        backgroundColor: 'rgba(0,0,0,0.7)',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    modalContainer: {
+        width: react_native_1.Dimensions.get('window').width * 0.85,
+        borderRadius: 12,
+        padding: 20,
+        elevation: 10,
+    },
+    title: {
+        // color: '#dc2626',
+        marginBottom: 10,
+    },
+    message: {
+        fontSize: 16,
+        marginBottom: 25,
+        lineHeight: 22,
+    },
+    buttonContainer: {
+        flexDirection: 'row',
+        justifyContent: 'flex-end',
+        gap: (0, react_native_size_matters_1.ms)(10),
+    },
+    cancelText: {
+        fontWeight: '600',
+    },
+    deleteText: {
+        color: 'white',
+        fontWeight: '600',
+    }
+});
+exports.default = ProfileScreen;

package/dist/src/screens/metro/BuyTicket/BuyTicketScreen.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const BuyTicketScreen: () => React.JSX.Element;
+export default BuyTicketScreen;