oneticket-sdk-vi 1.0.0

package/dist/src/screens/auth/OTPScreen.js

@@ -0,0 +1,190 @@
+"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;
+};
+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 UnAuthStack_1 = require("../../navigation/UnAuthStack");
+const BaseStack_1 = require("../../navigation/BaseStack");
+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");
+function OTPScreen() {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate, reset } = (0, native_1.useNavigation)();
+    const [otp, setOtp] = (0, react_1.useState)(['', '', '', '', '', '']);
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+    const inputRefs = (0, react_1.useRef)([]);
+    const { params: { prevScreen, moNumber } } = (0, native_1.useRoute)();
+    const [countdown, setCountdown] = (0, react_1.useState)(null);
+    const { mutateAsync: signUpOtp, isPending: signOtpLoading } = (0, hooks_1.useMutateSignUpOtpSend)(() => { });
+    const { mutateAsync: loginOtp, isPending: loginOtpLoading } = (0, hooks_1.useMutateLoginOtpSend)(() => { });
+    const { mutateAsync: registerUser, isPending: registerUserLoading } = (0, hooks_1.useMutateRegisterUser)((data) => {
+        if (data.status === 'success') {
+            reset({ index: 0, routes: [{ name: BaseStack_1.BaseScreens.AuthStack }] });
+        }
+    });
+    const { mutateAsync: loginUser, isPending: loginUserLoading } = (0, hooks_1.useMutateLoginUser)((data) => {
+        if (data.status === 'success') {
+            reset({ index: 0, routes: [{ name: BaseStack_1.BaseScreens.AuthStack }] });
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        setOtp(['', '', '', '', '', '']);
+        setErrorMessage('');
+        setTimeout(() => {
+            var _a, _b;
+            (_a = inputRefs.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
+            react_native_1.Keyboard.dismiss();
+            (_b = inputRefs.current[0]) === null || _b === void 0 ? void 0 : _b.focus();
+        }, 200);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        let timer = null;
+        if (countdown !== null && countdown > 0) {
+            timer = setInterval(() => {
+                setCountdown((prev) => (prev ? prev - 1 : null));
+            }, 1000);
+        }
+        else if (countdown === 0) {
+            setCountdown(null);
+        }
+        return () => {
+            if (timer)
+                clearInterval(timer);
+        };
+    }, [countdown]);
+    const handleOtpChange = (value, index) => {
+        var _a;
+        const newOtp = [...otp];
+        newOtp[index] = value;
+        setOtp(newOtp);
+        if (value.length === 1 && index < 5) {
+            (_a = inputRefs.current[index + 1]) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    const handleKeyPress = (e, index) => {
+        var _a;
+        if (e.nativeEvent.key === 'Backspace') {
+            if (otp[index] === '' && index > 0) {
+                (_a = inputRefs.current[index - 1]) === null || _a === void 0 ? void 0 : _a.focus();
+                const newOtp = [...otp];
+                newOtp[index - 1] = '';
+                setOtp(newOtp);
+            }
+            else {
+                const newOtp = [...otp];
+                newOtp[index] = '';
+                setOtp(newOtp);
+            }
+        }
+    };
+    const handleVerify = () => {
+        const otpCode = otp.join('');
+        if (otpCode.length === 6) {
+            setErrorMessage('');
+            if (prevScreen === UnAuthStack_1.UnAuthScreens.SignUp) {
+                console.log("first");
+                registerUser({ moNumber, otp: parseInt(otpCode) });
+            }
+            else {
+                loginUser({ moNumber, otp: parseInt(otpCode) });
+            }
+        }
+        else {
+            setErrorMessage('Please enter a valid 6-digit OTP.');
+        }
+    };
+    const handleResendOtp = () => {
+        setCountdown(30);
+        if (prevScreen === UnAuthStack_1.UnAuthScreens.SignUp) {
+            signUpOtp({ moNumber });
+        }
+        else {
+            loginOtp({ moNumber });
+        }
+    };
+    return (react_1.default.createElement(react_native_1.KeyboardAvoidingView, { style: { flex: 1 }, behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : undefined, keyboardVerticalOffset: react_native_1.Platform.OS === 'ios' ? 80 : 0 },
+        react_1.default.createElement(react_native_1.View, { style: {
+                flex: 1,
+                padding: (0, react_native_size_matters_1.ms)(20),
+                backgroundColor: theme.colors.background,
+                alignItems: 'center',
+                justifyContent: 'center'
+            } },
+            react_1.default.createElement(CustomText_1.CustomText, { variant: "heading2", style: {
+                    marginBottom: (0, react_native_size_matters_1.mvs)(8),
+                    color: theme.colors.primary[500]
+                } }, "Mobile number verification"),
+            react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: {
+                    marginBottom: (0, react_native_size_matters_1.mvs)(28),
+                    color: theme.colors.textSecondary
+                } }, "Enter your OTP code"),
+            react_1.default.createElement(react_native_1.View, { style: {
+                    flexDirection: 'row',
+                    justifyContent: 'center',
+                } }, otp.map((digit, index) => (react_1.default.createElement(Input_1.Input, { key: index, ref: (el) => (inputRefs.current[index] = el), value: digit, onChangeText: (value) => handleOtpChange(value, index), onKeyPress: (e) => handleKeyPress(e, index), keyboardType: "number-pad", maxLength: 1, variant: "outlined", inputStyle: {
+                    textAlign: 'center',
+                    fontSize: (0, react_native_size_matters_1.ms)(16),
+                    fontWeight: 'bold',
+                    width: (0, react_native_size_matters_1.ms)(46),
+                    height: (0, react_native_size_matters_1.ms)(46),
+                    padding: 0
+                }, containerStyle: {
+                    marginHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.xs),
+                    width: (0, react_native_size_matters_1.ms)(46),
+                    height: (0, react_native_size_matters_1.ms)(46),
+                } })))),
+            errorMessage && (react_1.default.createElement(CustomText_1.CustomText, { variant: "caption", style: {
+                    color: theme.colors.error[500],
+                } }, errorMessage)),
+            react_1.default.createElement(react_native_1.View, { style: {
+                    flexDirection: 'row',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                } },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: { color: theme.colors.textSecondary } },
+                    "Didn't receive code?",
+                    ' '),
+                countdown !== null ? (react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: {
+                        color: theme.colors.textTertiary,
+                        fontWeight: 'bold'
+                    } },
+                    "Resend in ",
+                    countdown,
+                    "s")) : (react_1.default.createElement(Button_1.Button, { variant: "text", onPress: handleResendOtp, style: { paddingHorizontal: 0 } },
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: {
+                            color: theme.colors.primary[500],
+                            fontWeight: 'bold'
+                        } }, "Send again")))),
+            react_1.default.createElement(Button_1.Button, { variant: "primary", size: "lg", onPress: handleVerify, loading: registerUserLoading || loginUserLoading, disabled: registerUserLoading || loginUserLoading || countdown !== null, style: {
+                    marginTop: (0, react_native_size_matters_1.mvs)(20),
+                    width: '100%'
+                } }, "Verify"))));
+}
+exports.default = OTPScreen;

package/dist/src/screens/auth/SignUpScreen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function SignUpScreen(): React.JSX.Element;

package/dist/src/screens/auth/SignUpScreen.js

@@ -0,0 +1,125 @@
+"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 hooks_1 = require("../../services/apis/auth/hooks");
+const UnAuthStack_1 = require("../../navigation/UnAuthStack");
+const PhoneIcon_1 = __importDefault(require("../../assets/icons/PhoneIcon"));
+const ThemeProvider_1 = require("../../theme/ThemeProvider");
+const CustomText_1 = require("../../components/common/Text/CustomText");
+const Input_1 = require("../../components/common/Input/Input");
+const Button_1 = require("../../components/common/Button/Button");
+const Checkbox_1 = require("../../components/common/Checkbox/Checkbox"); // You'll need to create this
+const PoweredBy_1 = __importDefault(require("../../components/common/PoweredBy/PoweredBy"));
+function SignUpScreen() {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate } = (0, native_1.useNavigation)();
+    const [mobile, setMobile] = (0, react_1.useState)('');
+    const [acceptedTerms, setAcceptedTerms] = (0, react_1.useState)(false);
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)({});
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const [touched, setTouched] = (0, react_1.useState)({ mobile: false });
+    const { mutateAsync: signUpOtpSend, isPending: isLoading } = (0, hooks_1.useMutateSignUpOtpSend)(data => {
+        if (data.status === 'success') {
+            navigate(UnAuthStack_1.UnAuthScreens.OTP, {
+                prevScreen: UnAuthStack_1.UnAuthScreens.SignUp,
+                moNumber: parseFloat(mobile) || 0
+            });
+        }
+    });
+    const validateForm = () => {
+        let errors = {};
+        if (mobile.trim().length !== 10 || !/^\d+$/.test(mobile)) {
+            errors.mobile = 'Please enter a valid 10-digit phone number';
+        }
+        if (!acceptedTerms) {
+            errors.terms = 'You must accept the terms and conditions';
+        }
+        setErrorMessage(errors);
+        return Object.keys(errors).length === 0;
+    };
+    const handleSignUp = () => {
+        setTouched({ mobile: true });
+        if (validateForm()) {
+            signUpOtpSend({ moNumber: parseInt(mobile) });
+        }
+    };
+    return (react_1.default.createElement(react_native_1.ScrollView, { contentContainerStyle: {
+            flexGrow: 1,
+            backgroundColor: theme.colors.background,
+            padding: theme.spacing.l,
+            justifyContent: 'center',
+        }, keyboardShouldPersistTaps: "handled" },
+        react_1.default.createElement(react_native_1.View, { style: { flex: 1, justifyContent: 'space-between' } },
+            react_1.default.createElement(react_native_1.View, null,
+                react_1.default.createElement(react_native_1.View, { style: { alignItems: 'center', marginBottom: theme.spacing.xl } },
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "heading1", style: { color: theme.colors.primary[500] } }, "Create Account"),
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: { color: theme.colors.textSecondary } }, "Get started with your account")),
+                react_1.default.createElement(react_native_1.View, { style: { width: '100%', maxWidth: 350 } },
+                    react_1.default.createElement(Input_1.Input, { variant: "outlined", placeholder: "Enter mobile number", keyboardType: "phone-pad", maxLength: 10, value: mobile, onFocus: () => setIsFocused(true), onBlur: () => {
+                            setIsFocused(false);
+                            setTouched(prev => (Object.assign(Object.assign({}, prev), { mobile: true })));
+                            validateForm();
+                        }, onChangeText: (text) => {
+                            const numericText = text.replace(/[^0-9]/g, '');
+                            setMobile(numericText);
+                        }, leftIcon: react_1.default.createElement(PhoneIcon_1.default, { size: 24, color: isFocused ? theme.colors.primary[500] : theme.colors.textTertiary }), leftAddon: react_1.default.createElement(react_native_1.View, { style: {
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                                borderRightWidth: 1,
+                                borderRightColor: theme.colors.border,
+                                paddingRight: theme.spacing.s,
+                                marginRight: theme.spacing.s,
+                            } },
+                            react_1.default.createElement(CustomText_1.CustomText, null, "+91")), inputStyle: { letterSpacing: 2 } }),
+                    touched.mobile && errorMessage.mobile && (react_1.default.createElement(CustomText_1.CustomText, { variant: "caption", style: { color: theme.colors.error[500], marginTop: theme.spacing.xs } }, errorMessage.mobile))),
+                react_1.default.createElement(react_native_1.View, { style: {
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        width: '100%',
+                        maxWidth: 350,
+                        // marginTop: theme.spacing.m
+                    } },
+                    react_1.default.createElement(Checkbox_1.Checkbox, { value: acceptedTerms, onValueChange: setAcceptedTerms, color: theme.colors.primary[500] }),
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "caption", style: { marginLeft: theme.spacing.s, flex: 1 } }, "By signing up, you agree to the Terms of Service and Privacy Policy.")),
+                errorMessage.terms && (react_1.default.createElement(CustomText_1.CustomText, { variant: "caption", style: { color: theme.colors.error[500], marginTop: theme.spacing.xs } }, errorMessage.terms)),
+                react_1.default.createElement(Button_1.Button, { variant: "primary", size: "lg", onPress: handleSignUp, loading: isLoading, disabled: isLoading, style: { marginTop: theme.spacing.l, width: '100%', maxWidth: 350 } }, "Sign Up"),
+                react_1.default.createElement(react_native_1.View, { style: {
+                        flexDirection: 'row',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        // marginTop: theme.spacing.xl
+                    } },
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: { color: theme.colors.textSecondary } }, "Already have an account?"),
+                    react_1.default.createElement(Button_1.Button, { variant: "text", onPress: () => navigate(UnAuthStack_1.UnAuthScreens.LogIn), style: { paddingHorizontal: theme.spacing.s } },
+                        react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: { color: theme.colors.primary[500], fontWeight: 'bold' } }, "Login")))),
+            react_1.default.createElement(PoweredBy_1.default, null))));
+}
+exports.default = SignUpScreen;

package/dist/src/screens/auth/SuccessScreen.d.ts

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

package/dist/src/screens/auth/SuccessScreen.js

@@ -0,0 +1,81 @@
+"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;
+};
+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 AuthStack_1 = require("../../navigation/AuthStack");
+const ThemeProvider_1 = require("../../theme/ThemeProvider");
+const CustomText_1 = require("../../components/common/Text/CustomText");
+const Button_1 = require("../../components/common/Button/Button");
+const SuccessScreen = () => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { reset } = (0, native_1.useNavigation)();
+    const { params: { title, message, buttonText, showButton = false, isSuccess, navigateTo = true } } = (0, native_1.useRoute)();
+    (0, react_1.useEffect)(() => {
+        if (!showButton) {
+            const timer = setTimeout(() => {
+                if (navigateTo) {
+                    console.log('in success useeffect');
+                    reset({
+                        index: 0, routes: [{ name: AuthStack_1.AuthScreens.MetroStack }]
+                    });
+                }
+            }, 2000);
+            return () => clearTimeout(timer);
+        }
+    }, [navigateTo, showButton, reset]);
+    return (react_1.default.createElement(react_native_1.View, { style: {
+            flex: 1,
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: theme.colors.background
+        } },
+        react_1.default.createElement(react_native_1.View, { style: {
+                alignItems: 'center',
+                marginTop: (0, react_native_size_matters_1.mvs)(-20)
+            } },
+            react_1.default.createElement(react_native_1.View, { style: {
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    marginBottom: (0, react_native_size_matters_1.mvs)(16)
+                } }),
+            react_1.default.createElement(CustomText_1.CustomText, { variant: "heading1", style: {
+                    textAlign: 'center',
+                    marginBottom: (0, react_native_size_matters_1.mvs)(8)
+                } }, title),
+            react_1.default.createElement(CustomText_1.CustomText, { variant: "body2", style: {
+                    color: theme.colors.textSecondary,
+                    textAlign: 'center'
+                } }, message),
+            showButton && (react_1.default.createElement(Button_1.Button, { variant: "primary", size: "lg", onPress: () => navigateTo && reset({
+                    index: 0, routes: [{ name: AuthStack_1.AuthScreens.MetroStack }]
+                }), style: {
+                    marginTop: (0, react_native_size_matters_1.mvs)(24),
+                    width: '80%'
+                } }, buttonText)))));
+};
+exports.default = SuccessScreen;

package/dist/src/screens/common/Faq/Components/CategoryButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface CategoryButtonProps {
+    label: string;
+    isActive: boolean;
+    onPress: () => void;
+    activeColor?: string;
+    inactiveColor?: string;
+    textSize?: number;
+    customStyle?: object;
+}
+export declare const CategoryButton: React.FC<CategoryButtonProps>;
+export {};

package/dist/src/screens/common/Faq/Components/CategoryButton.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CategoryButton = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const CategoryButton = ({ label, isActive, onPress, activeColor, inactiveColor, textSize = 14, customStyle = {}, }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.m),
+            paddingVertical: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+            borderRadius: 20,
+            borderWidth: 1,
+            marginRight: (0, react_native_size_matters_1.ms)(theme.spacing.s),
+        },
+        text: {
+            fontWeight: '500',
+            textTransform: 'capitalize',
+        },
+    });
+    return (react_1.default.createElement(react_native_1.Pressable, { onPress: onPress, style: [
+            styles.container,
+            {
+                backgroundColor: isActive
+                    ? activeColor || theme.colors.primary[500]
+                    : inactiveColor || theme.colors.background,
+                borderColor: isActive
+                    ? activeColor || theme.colors.primary[500]
+                    : theme.colors.borderLight,
+            },
+            customStyle,
+        ] },
+        react_1.default.createElement(react_native_1.Text, { style: [
+                styles.text,
+                {
+                    color: isActive ? theme.colors.white : theme.colors.text,
+                    fontSize: (0, react_native_size_matters_1.ms)(textSize),
+                }
+            ] }, label)));
+};
+exports.CategoryButton = CategoryButton;

package/dist/src/screens/common/Faq/FaqScreen.d.ts

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

package/dist/src/screens/common/Faq/FaqScreen.js

@@ -0,0 +1,158 @@
+"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 ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const Header_1 = __importDefault(require("../../../components/common/Header/Header"));
+const react_native_size_matters_1 = require("react-native-size-matters");
+const faqData_1 = require("../../../utils/faqData");
+const SearchIcon_1 = __importDefault(require("../../../assets/icons/SearchIcon"));
+const ChevronDownIcon_1 = __importDefault(require("../../../assets/icons/ChevronDownIcon"));
+const HelpIcon_1 = __importDefault(require("../../../assets/icons/HelpIcon"));
+const ChevronUpIcon_1 = __importDefault(require("../../../assets/icons/ChevronUpIcon"));
+const CategoryButton_1 = require("./Components/CategoryButton");
+const Input_1 = require("../../../components/common/Input/Input");
+const CustomText_1 = require("../../../components/common/Text/CustomText");
+if (react_native_1.Platform.OS === 'android' && react_native_1.UIManager.setLayoutAnimationEnabledExperimental) {
+    react_native_1.UIManager.setLayoutAnimationEnabledExperimental(true);
+}
+const FAQScreen = () => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const [expandedItems, setExpandedItems] = (0, react_1.useState)({});
+    const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
+    const [selectedCategory, setSelectedCategory] = (0, react_1.useState)('all');
+    const filteredFaqData = faqData_1.faqData.filter(item => {
+        const matchesSearch = item.question.toLowerCase().includes(searchQuery.toLowerCase()) ||
+            item.answer.toLowerCase().includes(searchQuery.toLowerCase());
+        const matchesCategory = selectedCategory === 'all' || item.category === selectedCategory;
+        return matchesSearch && matchesCategory;
+    });
+    const toggleItem = (id) => {
+        react_native_1.LayoutAnimation.configureNext(react_native_1.LayoutAnimation.Presets.easeInEaseOut);
+        setExpandedItems(prev => (Object.assign(Object.assign({}, prev), { [id]: !prev[id] })));
+    };
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            flex: 1,
+            backgroundColor: theme.colors.background,
+        },
+        contentContainer: {
+            paddingBottom: (0, react_native_size_matters_1.mvs)(20),
+        },
+        headerContainer: {
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.m),
+            paddingTop: (0, react_native_size_matters_1.mvs)(theme.spacing.m),
+            paddingBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+        },
+        title: {
+            color: theme.colors.primary[500],
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+        },
+        subtitle: {
+            color: theme.colors.textSecondary,
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.l),
+        },
+        searchContainer: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            backgroundColor: theme.colors.background,
+            borderRadius: (0, react_native_size_matters_1.ms)(10),
+            borderWidth: 1,
+            borderColor: theme.colors.borderLight,
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.m),
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.m),
+            height: (0, react_native_size_matters_1.mvs)(48),
+        },
+        searchInput: {
+            flex: 1,
+            fontSize: (0, react_native_size_matters_1.ms)(14),
+            color: theme.colors.text,
+            paddingVertical: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+        },
+        categoryScroll: {
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+            paddingVertical: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+        },
+        faqItem: {
+            borderRadius: 8,
+            backgroundColor: theme.colors.background,
+            shadowColor: theme.colors.shadow,
+            shadowOffset: { width: 0, height: 1 },
+            shadowOpacity: 0.1,
+            shadowRadius: 2,
+            elevation: 2,
+            marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+        },
+        faqHeader: {
+            padding: (0, react_native_size_matters_1.ms)(theme.spacing.m),
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        },
+        faqQuestion: {
+            flex: 1,
+            fontWeight: '500',
+            color: theme.colors.text,
+        },
+        faqAnswer: {
+            paddingLeft: (0, react_native_size_matters_1.ms)(theme.spacing.m),
+            paddingRight: (0, react_native_size_matters_1.ms)(theme.spacing.m),
+            paddingBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.m),
+            borderLeftWidth: 2,
+            borderLeftColor: theme.colors.primary[500],
+            marginLeft: (0, react_native_size_matters_1.ms)(theme.spacing.s),
+        },
+        answerText: {
+            color: theme.colors.textSecondary,
+        },
+        emptyState: {
+            alignItems: 'center',
+            marginTop: (0, react_native_size_matters_1.mvs)(theme.spacing.xl),
+        },
+    });
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(Header_1.default, { showHomeButton: false }),
+        react_1.default.createElement(react_native_1.ScrollView, { contentContainerStyle: styles.contentContainer, showsVerticalScrollIndicator: false },
+            react_1.default.createElement(react_native_1.View, { style: styles.headerContainer },
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'heading1', style: styles.title }, "Metro Ticket Help"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: styles.subtitle }, "Get answers about booking, tickets, and more"),
+                react_1.default.createElement(Input_1.Input, { placeholder: "Search help articles...", placeholderTextColor: theme.colors.textTertiary, value: searchQuery, onChangeText: setSearchQuery, leftIcon: react_1.default.createElement(SearchIcon_1.default, { size: (0, react_native_size_matters_1.ms)(18), color: theme.colors.textTertiary }) }),
+                react_1.default.createElement(react_native_1.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.categoryScroll, contentContainerStyle: { paddingHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.xs) } }, ['all', 'booking', 'tickets', 'payment', 'refunds', 'account'].map(category => (react_1.default.createElement(CategoryButton_1.CategoryButton, { key: category, label: category === 'all' ? 'All Topics' : category, isActive: selectedCategory === category, onPress: () => setSelectedCategory(category) }))))),
+            react_1.default.createElement(react_native_1.View, { style: { paddingHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.m) } }, filteredFaqData.map(item => (react_1.default.createElement(react_native_1.View, { key: item.id, style: styles.faqItem },
+                react_1.default.createElement(react_native_1.Pressable, { onPress: () => toggleItem(item.id), style: styles.faqHeader, android_ripple: { color: theme.colors.surfaceVariant } },
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: styles.faqQuestion }, item.question),
+                    expandedItems[item.id] ? (react_1.default.createElement(ChevronUpIcon_1.default, { size: (0, react_native_size_matters_1.ms)(18), color: theme.colors.text })) : (react_1.default.createElement(ChevronDownIcon_1.default, { size: (0, react_native_size_matters_1.ms)(18), color: theme.colors.text }))),
+                expandedItems[item.id] && (react_1.default.createElement(react_native_1.View, { style: styles.faqAnswer },
+                    react_1.default.createElement(CustomText_1.CustomText, { variant: 'body2', style: styles.answerText }, item.answer))))))),
+            filteredFaqData.length === 0 && (react_1.default.createElement(react_native_1.View, { style: styles.emptyState },
+                react_1.default.createElement(HelpIcon_1.default, { size: (0, react_native_size_matters_1.ms)(60), color: theme.colors.textTertiary }),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: { color: theme.colors.textSecondary, marginTop: (0, react_native_size_matters_1.mvs)(theme.spacing.s) } }, "No help articles found"),
+                react_1.default.createElement(CustomText_1.CustomText, { variant: 'body2', style: { color: theme.colors.textTertiary, marginTop: (0, react_native_size_matters_1.mvs)(theme.spacing.xs) } }, "Try different search terms or categories"))))));
+};
+exports.default = FAQScreen;

package/dist/src/screens/common/MyAccountScreen.d.ts

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