oneticket-sdk-vi 1.0.0

package/dist/src/components/common/EmptyState/EmptyState.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 CustomText_1 = require("../Text/CustomText");
+const EmptyState = ({ image, title, description }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            alignItems: 'center',
+            justifyContent: 'center',
+            paddingVertical: (0, react_native_size_matters_1.mvs)(theme.spacing.xl),
+        },
+        image: {
+            width: (0, react_native_size_matters_1.ms)(300),
+            height: (0, react_native_size_matters_1.mvs)(250),
+            alignSelf: 'center',
+        },
+        title: {
+            color: theme.colors.primary[500],
+            marginTop: (0, react_native_size_matters_1.mvs)(theme.spacing.m),
+        },
+        description: {
+            color: theme.colors.textSecondary,
+            marginTop: (0, react_native_size_matters_1.mvs)(theme.spacing.s),
+            textAlign: 'center',
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(theme.spacing.xl),
+        },
+    });
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(react_native_1.Image, { source: image, style: styles.image, resizeMode: "contain" }),
+        react_1.default.createElement(CustomText_1.CustomText, { variant: 'heading3', style: styles.title }, title),
+        description && react_1.default.createElement(CustomText_1.CustomText, { variant: 'body1', style: styles.description }, description)));
+};
+exports.default = EmptyState;

package/dist/src/components/common/Header/Header.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface HeaderProps {
+    title?: string;
+    showBackButton?: boolean;
+    showHomeButton?: boolean;
+    showChooseCity?: boolean;
+    chatHeader?: boolean;
+    onBackPress?: () => void;
+    onRefresh?: () => void;
+    isRefetching?: boolean;
+    rightComponent?: React.ReactNode;
+    leftComponent?: React.ReactNode;
+}
+declare const Header: React.FC<HeaderProps>;
+export default Header;

package/dist/src/components/common/Header/Header.js

@@ -0,0 +1,134 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const BackIcon_1 = __importDefault(require("../../../assets/icons/BackIcon"));
+const native_1 = require("@react-navigation/native");
+const HomeIcon_1 = __importDefault(require("../../../assets/icons/HomeIcon"));
+const MetroStack_1 = require("../../../navigation/metro/MetroStack");
+const hooks_1 = require("../../../services/apis/city/hooks");
+const MetroWithTabsStack_1 = require("../../../navigation/metro/MetroWithTabsStack");
+const RefreshIcon_1 = __importDefault(require("../../../assets/icons/RefreshIcon"));
+const Avatar_1 = require("../Avatar/Avatar");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const Header = ({ title, showBackButton = true, showHomeButton = true, showChooseCity = false, chatHeader = false, onBackPress, onRefresh, isRefetching, rightComponent, leftComponent, }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const { navigate, goBack } = (0, native_1.useNavigation)();
+    const { data: currectCity, isLoading: currectCityLoading } = (0, hooks_1.useFetchCurrectCity)({});
+    const handleGoBack = () => {
+        if (onBackPress) {
+            onBackPress();
+        }
+        else {
+            goBack();
+        }
+    };
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            zIndex: 9999,
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(16),
+            paddingBottom: (0, react_native_size_matters_1.mvs)(8),
+            paddingTop: react_native_1.Platform.OS === 'ios' ? (0, react_native_size_matters_1.mvs)(12) : (0, react_native_size_matters_1.mvs)(12),
+            backgroundColor: theme.colors.background,
+            shadowColor: theme.colors.shadow,
+            shadowOffset: { width: 0, height: 2 },
+            shadowOpacity: 0.1,
+            shadowRadius: 4,
+            elevation: 4,
+            flexDirection: 'row',
+            justifyContent: chatHeader ? 'flex-start' : 'space-between',
+            alignItems: 'center',
+        },
+        chatHeaderContainer: {
+            flex: 1,
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        },
+        leftContainer: {
+            flexDirection: 'row',
+            alignItems: 'center',
+        },
+        avatarContainer: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            marginLeft: (0, react_native_size_matters_1.ms)(12),
+        },
+        avatarTextContainer: {
+            marginLeft: (0, react_native_size_matters_1.ms)(12),
+        },
+        title: {
+            fontSize: (0, react_native_size_matters_1.ms)(18),
+            fontWeight: 'bold',
+            color: theme.colors.text,
+        },
+        subtitle: {
+            fontSize: (0, react_native_size_matters_1.ms)(14),
+            color: theme.colors.textSecondary,
+        },
+        button: {
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(8),
+            paddingVertical: (0, react_native_size_matters_1.mvs)(4),
+            borderRadius: (0, react_native_size_matters_1.ms)(20),
+        },
+        pressedButton: {
+            backgroundColor: theme.colors.surfaceVariant,
+        },
+        cityButton: {
+            borderWidth: 1,
+            borderColor: theme.colors.border,
+            borderRadius: (0, react_native_size_matters_1.ms)(20),
+            paddingHorizontal: (0, react_native_size_matters_1.ms)(12),
+            paddingVertical: (0, react_native_size_matters_1.mvs)(6),
+            marginLeft: (0, react_native_size_matters_1.ms)(-40),
+            marginRight: (0, react_native_size_matters_1.ms)(-8)
+        },
+        pressedCityButton: {
+            backgroundColor: theme.colors.surfaceVariant,
+            borderColor: theme.colors.primary[300],
+        },
+        cityButtonText: {
+            fontSize: (0, react_native_size_matters_1.ms)(12),
+            color: theme.colors.text,
+        },
+        emptySpace: {
+            width: (0, react_native_size_matters_1.ms)(40),
+            height: (0, react_native_size_matters_1.mvs)(40),
+        },
+    });
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container }, chatHeader ? (react_1.default.createElement(react_native_1.View, { style: styles.chatHeaderContainer },
+        react_1.default.createElement(react_native_1.View, { style: styles.leftContainer },
+            react_1.default.createElement(react_native_1.Pressable, { onPress: handleGoBack, style: ({ pressed }) => [
+                    styles.button,
+                    pressed && styles.pressedButton
+                ] },
+                react_1.default.createElement(BackIcon_1.default, { size: (0, react_native_size_matters_1.ms)(20), color: theme.colors.text })),
+            react_1.default.createElement(react_native_1.View, { style: styles.avatarContainer },
+                react_1.default.createElement(Avatar_1.Avatar, { size: (0, react_native_size_matters_1.mvs)(40), initials: "SA", backgroundColor: theme.colors.primary[500] }),
+                react_1.default.createElement(react_native_1.View, { style: styles.avatarTextContainer },
+                    react_1.default.createElement(react_native_1.Text, { style: styles.title }, "Support Agent"),
+                    react_1.default.createElement(react_native_1.Text, { style: styles.subtitle }, "Online")))),
+        react_1.default.createElement(react_native_1.Pressable, { onPress: onRefresh, disabled: isRefetching, style: ({ pressed }) => [
+                styles.button,
+                pressed && styles.pressedButton
+            ] }, isRefetching ? (react_1.default.createElement(react_native_1.ActivityIndicator, { size: "small", color: theme.colors.primary[500] })) : (react_1.default.createElement(RefreshIcon_1.default, { size: (0, react_native_size_matters_1.ms)(23), color: theme.colors.text }))))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        leftComponent ? (react_1.default.createElement(react_native_1.View, null, leftComponent)) : showBackButton ? (react_1.default.createElement(react_native_1.Pressable, { onPress: handleGoBack, style: ({ pressed }) => [
+                styles.button,
+                pressed && styles.pressedButton
+            ] },
+            react_1.default.createElement(BackIcon_1.default, { size: (0, react_native_size_matters_1.ms)(24), color: theme.colors.text }))) : (react_1.default.createElement(react_native_1.View, { style: styles.emptySpace })),
+        title ? (react_1.default.createElement(react_native_1.Text, { style: styles.title }, title)) : (react_1.default.createElement(react_native_1.View, { style: { width: (0, react_native_size_matters_1.ms)(32) } })),
+        rightComponent ? (react_1.default.createElement(react_native_1.View, null, rightComponent)) : showHomeButton ? (react_1.default.createElement(react_native_1.Pressable, { onPress: () => navigate(MetroWithTabsStack_1.MetroWithTabsScreens.SelectStations, {}), style: ({ pressed }) => [
+                styles.button,
+                pressed && styles.pressedButton
+            ] },
+            react_1.default.createElement(HomeIcon_1.default, { size: (0, react_native_size_matters_1.ms)(28), color: theme.colors.text }))) : showChooseCity ? (react_1.default.createElement(react_native_1.Pressable, { style: ({ pressed }) => [
+                styles.cityButton,
+                pressed && styles.pressedCityButton
+            ], onPress: () => navigate(MetroStack_1.MetroScreens.MetroSelection) }, currectCityLoading ? (react_1.default.createElement(react_native_1.ActivityIndicator, { size: "small", color: theme.colors.primary[500] })) : (react_1.default.createElement(react_native_1.Text, { style: styles.cityButtonText }, (currectCity === null || currectCity === void 0 ? void 0 : currectCity.currectCity) || 'Choose City')))) : (react_1.default.createElement(react_native_1.View, { style: styles.emptySpace }))))));
+};
+exports.default = Header;

package/dist/src/components/common/Input/Input.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TextInput, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+type InputVariant = 'default' | 'filled' | 'outlined';
+interface InputProps extends Omit<TextInputProps, 'style'> {
+    variant?: InputVariant;
+    label?: string;
+    error?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    leftAddon?: React.ReactNode;
+    containerStyle?: ViewStyle;
+    inputStyle?: TextStyle;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<TextInput>>;
+export {};

package/dist/src/components/common/Input/Input.js

@@ -0,0 +1,91 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+// components/Input.tsx
+const react_1 = __importStar(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 utils_1 = require("../../../theme/utils");
+exports.Input = (0, react_1.forwardRef)((_a, ref) => {
+    var _b;
+    var { variant = 'default', label, error, leftIcon, rightIcon, leftAddon, containerStyle, inputStyle, placeholder } = _a, props = __rest(_a, ["variant", "label", "error", "leftIcon", "rightIcon", "leftAddon", "containerStyle", "inputStyle", "placeholder"]);
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const inputConfig = theme.components.input;
+    // Get variant styles with resolved colors
+    const variantStyles = Object.assign(Object.assign({}, inputConfig.variants[variant]), { borderColor: (0, utils_1.resolveThemeColor)(theme, inputConfig.variants[variant].borderColor), backgroundColor: (0, utils_1.resolveThemeColor)(theme, inputConfig.variants[variant].backgroundColor) });
+    // Container styles with responsive sizing
+    const baseContainerStyle = {
+        borderWidth: (_b = variantStyles.borderWidth) !== null && _b !== void 0 ? _b : (0, react_native_size_matters_1.ms)(inputConfig.borderWidth),
+        borderColor: error ? (0, utils_1.resolveThemeColor)(theme, 'error.500') : variantStyles.borderColor,
+        borderRadius: (0, react_native_size_matters_1.ms)(inputConfig.borderRadius),
+        backgroundColor: variantStyles.backgroundColor,
+        height: (0, react_native_size_matters_1.mvs)(inputConfig.height),
+        paddingHorizontal: (0, react_native_size_matters_1.ms)(inputConfig.paddingHorizontal),
+        flexDirection: 'row',
+        alignItems: 'center',
+    };
+    // Merge styles with containerStyle having higher priority
+    const inputContainerStyle = Object.assign(Object.assign({}, baseContainerStyle), containerStyle);
+    // Text input styles with responsive sizing
+    const baseTextStyle = Object.assign(Object.assign({}, inputConfig.textStyle), { flex: 1, paddingVertical: (0, react_native_size_matters_1.mvs)(inputConfig.paddingVertical), color: (0, utils_1.resolveThemeColor)(theme, 'text'), fontSize: (0, react_native_size_matters_1.ms)(14) });
+    // Merge styles with inputStyle having higher priority
+    const textInputStyle = Object.assign(Object.assign({}, baseTextStyle), inputStyle);
+    const placeholderColor = (0, utils_1.resolveThemeColor)(theme, 'textTertiary') || '#999';
+    return (react_1.default.createElement(react_native_1.View, { style: { marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.m) } },
+        label && (react_1.default.createElement(react_native_1.Text, { style: {
+                color: (0, utils_1.resolveThemeColor)(theme, 'textSecondary'),
+                marginBottom: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+                fontSize: (0, react_native_size_matters_1.ms)(14),
+            } }, label)),
+        react_1.default.createElement(react_native_1.View, { style: inputContainerStyle },
+            leftIcon && (react_1.default.createElement(react_native_1.View, { style: { marginRight: (0, react_native_size_matters_1.ms)(theme.spacing.s) } }, react_1.default.cloneElement(leftIcon, {
+                color: (0, utils_1.resolveThemeColor)(theme, 'textTertiary'),
+                size: (0, react_native_size_matters_1.ms)(theme.icons.medium),
+            }))),
+            leftAddon && (react_1.default.createElement(react_native_1.View, { style: { marginRight: (0, react_native_size_matters_1.ms)(theme.spacing.s) } }, leftAddon)),
+            react_1.default.createElement(react_native_1.TextInput, Object.assign({ ref: ref, style: textInputStyle, placeholder: placeholder, placeholderTextColor: placeholderColor }, props)),
+            rightIcon && (react_1.default.createElement(react_native_1.View, { style: { marginLeft: (0, react_native_size_matters_1.ms)(theme.spacing.s) } }, react_1.default.cloneElement(rightIcon, {
+                color: (0, utils_1.resolveThemeColor)(theme, 'textTertiary'),
+                size: (0, react_native_size_matters_1.ms)(theme.icons.medium),
+            })))),
+        error && (react_1.default.createElement(react_native_1.Text, { style: {
+                color: (0, utils_1.resolveThemeColor)(theme, 'error.500'),
+                marginTop: (0, react_native_size_matters_1.mvs)(theme.spacing.xs),
+                fontSize: (0, react_native_size_matters_1.ms)(12),
+            } }, error))));
+});

package/dist/src/components/common/Loaders/FooterComponentFlatList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    isFetchingNextPage: boolean;
+};
+declare const FooterComponentFlatlist: ({ isFetchingNextPage }: Props) => React.JSX.Element | null;
+export default FooterComponentFlatlist;

package/dist/src/components/common/Loaders/FooterComponentFlatList.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Loader_1 = __importDefault(require("./Loader"));
+const FooterComponentFlatlist = ({ isFetchingNextPage }) => {
+    if (!isFetchingNextPage)
+        return null;
+    return react_1.default.createElement(Loader_1.default, null);
+};
+exports.default = FooterComponentFlatlist;

package/dist/src/components/common/Loaders/FullScreenLoader.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface FullScreenLoaderProps {
+    text?: string;
+}
+declare const FullScreenLoader: React.FC<FullScreenLoaderProps>;
+export default FullScreenLoader;

package/dist/src/components/common/Loaders/FullScreenLoader.js

@@ -0,0 +1,120 @@
+"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 CustomText_1 = require("../Text/CustomText");
+const react_native_size_matters_1 = require("react-native-size-matters");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const PoweredBy_1 = __importDefault(require("../PoweredBy/PoweredBy"));
+const { width, height } = react_native_1.Dimensions.get("window");
+const FullScreenLoader = ({ text }) => {
+    const { theme } = (0, ThemeProvider_1.useTheme)();
+    const scaleAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current; // Initial scale value is 1
+    const opacityAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0.7)).current; // Initial opacity value is 0.7
+    (0, react_1.useEffect)(() => {
+        // Create the pulse animation for scale and opacity
+        const pulse = react_native_1.Animated.loop(react_native_1.Animated.sequence([
+            react_native_1.Animated.parallel([
+                react_native_1.Animated.timing(scaleAnim, {
+                    toValue: 1.1,
+                    duration: 500,
+                    easing: react_native_1.Easing.inOut(react_native_1.Easing.ease),
+                    useNativeDriver: true,
+                }),
+                react_native_1.Animated.timing(opacityAnim, {
+                    toValue: 1,
+                    duration: 500,
+                    easing: react_native_1.Easing.inOut(react_native_1.Easing.ease),
+                    useNativeDriver: true,
+                }),
+            ]),
+            react_native_1.Animated.parallel([
+                react_native_1.Animated.timing(scaleAnim, {
+                    toValue: 1,
+                    duration: 500,
+                    easing: react_native_1.Easing.inOut(react_native_1.Easing.ease),
+                    useNativeDriver: true,
+                }),
+                react_native_1.Animated.timing(opacityAnim, {
+                    toValue: 0.7,
+                    duration: 500,
+                    easing: react_native_1.Easing.inOut(react_native_1.Easing.ease),
+                    useNativeDriver: true,
+                }),
+            ]),
+        ]));
+        pulse.start(); // Start the animation
+        return () => pulse.stop(); // Clean up animation on component unmount
+    }, [scaleAnim, opacityAnim]);
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            flex: 1,
+            width: "100%",
+            height: "100%",
+            justifyContent: "space-between",
+            alignItems: "center",
+            paddingTop: (0, react_native_size_matters_1.mvs)(30),
+            paddingBottom: (0, react_native_size_matters_1.mvs)(12),
+        },
+        centerContent: {
+            flexGrow: 1,
+            justifyContent: "center",
+            alignItems: "center",
+        },
+        logo: {
+            // width: ms(220),
+            // height: mvs(70),
+            width: (0, react_native_size_matters_1.ms)(150),
+            height: (0, react_native_size_matters_1.mvs)(150),
+            resizeMode: "contain",
+        },
+        loadingText: {
+            fontSize: (0, react_native_size_matters_1.ms)(12),
+            fontWeight: "500",
+            color: theme.colors.primary[500],
+            marginTop: (0, react_native_size_matters_1.mvs)(-8), // Added some margin between logo and text
+        },
+        poweredByContainer: {
+            flexDirection: 'row',
+            alignItems: "center",
+        }
+    });
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.container, { backgroundColor: theme.colors.background }] },
+        react_1.default.createElement(react_native_1.Animated.View, { style: [styles.centerContent, { transform: [{ scale: scaleAnim }], opacity: opacityAnim }] },
+            react_1.default.createElement(react_native_1.Image, { source: require("../../../assets/images/OneTicketNewBlueLogo.png"), alt: "company_logo", style: [
+                    styles.logo,
+                    // { transform: [{ scale: scaleAnim }], opacity: opacityAnim },
+                ] }),
+            react_1.default.createElement(CustomText_1.CustomText, { style: [
+                    styles.loadingText,
+                    // { transform: [{ scale: scaleAnim }], opacity: opacityAnim }
+                ] }, "Powered by SAI-SequelString AI")),
+        react_1.default.createElement(PoweredBy_1.default, null)));
+};
+exports.default = FullScreenLoader;

package/dist/src/components/common/Loaders/Loader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Loader: ({ size, color }: {
+    size?: number | undefined;
+    color?: string | undefined;
+}) => React.JSX.Element;
+export default Loader;

package/dist/src/components/common/Loaders/Loader.js

@@ -0,0 +1,79 @@
+"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 react_native_svg_1 = __importStar(require("react-native-svg"));
+const AnimatedCircle = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Circle);
+const AnimatedLoader = ({ size, color }) => {
+    const circles = Array.from({ length: 10 }, (_, i) => i); // Create an array of 10 items
+    const animations = (0, react_1.useRef)(circles.map(() => new react_native_1.Animated.Value(0))).current;
+    (0, react_1.useEffect)(() => {
+        // Animate all circles with a staggered delay between them
+        const animateCircles = () => {
+            react_native_1.Animated.stagger(100, // Delay between the start of each circle's animation
+            circles.map((_, i) => react_native_1.Animated.loop(react_native_1.Animated.sequence([
+                react_native_1.Animated.timing(animations[i], {
+                    toValue: 1,
+                    duration: 1000,
+                    easing: react_native_1.Easing.linear,
+                    useNativeDriver: true,
+                }),
+                react_native_1.Animated.timing(animations[i], {
+                    toValue: 0,
+                    duration: 0,
+                    useNativeDriver: true,
+                }),
+            ])))).start();
+        };
+        animateCircles();
+    }, [animations]);
+    const getCircleOpacity = (i) => animations[i].interpolate({
+        inputRange: [0, 1],
+        outputRange: [1, 0], // Opacity fades from 1 to 0
+    });
+    const getCircleScale = (i) => animations[i].interpolate({
+        inputRange: [0, 1],
+        outputRange: [1.1, 1], // Circle scales down from 1.2 to 1
+    });
+    const positions = [
+        { x: 80, y: 50, rotate: 0 },
+        { x: 74, y: 67, rotate: 36 },
+        { x: 59, y: 78, rotate: 72 },
+        { x: 40, y: 78, rotate: 108 },
+        { x: 25, y: 67, rotate: 144 },
+        { x: 20, y: 50, rotate: 180 },
+        { x: 25, y: 32, rotate: 216 },
+        { x: 40, y: 21, rotate: 252 },
+        { x: 59, y: 21, rotate: 288 },
+        { x: 74, y: 32, rotate: 324 },
+    ];
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_svg_1.default, { width: size, height: size, viewBox: "0 0 100 100" }, positions.map((pos, i) => (react_1.default.createElement(react_native_svg_1.G, { key: i, transform: `translate(${pos.x}, ${pos.y}) rotate(${pos.rotate})` },
+            react_1.default.createElement(AnimatedCircle, { r: 5, fill: color, fillOpacity: getCircleOpacity(i), transform: [{ scale: getCircleScale(i) }] })))))));
+};
+const Loader = ({ size = 60, color = '#00b0f0' }) => (react_1.default.createElement(react_native_1.View, { style: { justifyContent: 'center', alignItems: 'center', paddingVertical: 2 } },
+    react_1.default.createElement(AnimatedLoader, { size: size, color: color })));
+exports.default = Loader;

package/dist/src/components/common/Modals/CancellationModal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CancellationModalProps {
+    isCancelModalVisible: boolean;
+    setIsCancelModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
+    setShowCancellationDetails: React.Dispatch<React.SetStateAction<any>>;
+    transaction_id: string;
+    onCancelSuccess?: () => void;
+}
+declare const CancellationModal: React.FC<CancellationModalProps>;
+export default CancellationModal;