oneticket-sdk-vi 1.0.2 → 1.0.4

package/README.md

@@ -0,0 +1,2 @@
+# OneTicket-sdk-
+OneTicket-sdk 

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { default as MetroApp } from "./App";
+import { ColorPalette } from "./src/theme/types";
 export type SdkConfig = {
     sdkKey: string;
     environment: 'preprod' | 'production';
@@ -7,6 +8,8 @@ export type SdkConfig = {
         phoneNumber: number;
         email?: string;
     };
+    colorPalette?: ColorPalette;
+    logo?: string;
 };
 export declare const initializeSdk: (config: SdkConfig) => void;
 export declare const getSdkConfig: () => SdkConfig;

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

@@ -15,8 +15,11 @@ 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 index_1 = require("../../../../index");
+const react_native_svg_1 = require("react-native-svg");
 const Header = ({ title, showBackButton = true, showHomeButton = true, showChooseCity = false, chatHeader = false, onBackPress, onRefresh, isRefetching, rightComponent, leftComponent, }) => {
     const { theme } = (0, ThemeProvider_1.useTheme)();
+    const config = (0, index_1.getSdkConfig)();
     const { navigate, goBack } = (0, native_1.useNavigation)();
     const { data: currectCity, isLoading: currectCityLoading } = (0, hooks_1.useFetchCurrectCity)({});
     const handleGoBack = () => {
@@ -39,19 +42,26 @@ const Header = ({ title, showBackButton = true, showHomeButton = true, showChoos
             shadowOpacity: 0.1,
             shadowRadius: 4,
             elevation: 4,
+        },
+        row: {
             flexDirection: 'row',
-            justifyContent: chatHeader ? 'flex-start' : 'space-between',
             alignItems: 'center',
         },
-        chatHeaderContainer: {
+        section: {
             flex: 1,
             flexDirection: 'row',
-            justifyContent: 'space-between',
             alignItems: 'center',
         },
-        leftContainer: {
-            flexDirection: 'row',
+        leftSection: {
+            justifyContent: 'flex-start',
+        },
+        rightSection: {
+            justifyContent: 'flex-end',
+        },
+        centerSection: {
+            flexShrink: 1,
             alignItems: 'center',
+            justifyContent: 'center',
         },
         avatarContainer: {
             flexDirection: 'row',
@@ -84,8 +94,6 @@ const Header = ({ title, showBackButton = true, showHomeButton = true, showChoos
             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,
@@ -99,9 +107,14 @@ const Header = ({ title, showBackButton = true, showHomeButton = true, showChoos
             width: (0, react_native_size_matters_1.ms)(40),
             height: (0, react_native_size_matters_1.mvs)(40),
         },
+        logo: {
+            width: (0, react_native_size_matters_1.ms)(30),
+            height: (0, react_native_size_matters_1.ms)(30),
+            marginRight: (0, react_native_size_matters_1.ms)(8),
+        },
     });
-    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 },
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container }, chatHeader ? (react_1.default.createElement(react_native_1.View, { style: [styles.row, { justifyContent: 'space-between' }] },
+        react_1.default.createElement(react_native_1.View, { style: styles.row },
             react_1.default.createElement(react_native_1.Pressable, { onPress: handleGoBack, style: ({ pressed }) => [
                     styles.button,
                     pressed && styles.pressedButton
@@ -115,20 +128,22 @@ const Header = ({ title, showBackButton = true, showHomeButton = true, showChoos
         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 }) => [
+            ] }, 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_native_1.View, { style: styles.row },
+        react_1.default.createElement(react_native_1.View, { style: [styles.section, styles.leftSection] },
+            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 }))),
+            config.logo && config.logo.endsWith('.svg') ? (react_1.default.createElement(react_native_svg_1.SvgUri, { width: 30, height: 30, uri: config.logo })) : config.logo ? (react_1.default.createElement(react_native_1.Image, { source: { uri: config.logo }, style: styles.logo, resizeMode: "contain" })) : null),
+        react_1.default.createElement(react_native_1.View, { style: styles.centerSection }, title && react_1.default.createElement(react_native_1.Text, { style: styles.title }, title)),
+        react_1.default.createElement(react_native_1.View, { style: [styles.section, styles.rightSection] }, 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 }))))));
+            ], 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/services/apiRoutes.d.ts

@@ -1,4 +1,6 @@
-export declare const basePath: any;
+export declare const preProdBasePath = "https://demo-products.sequelstring.com/dmrc-buyer-dashboard";
+export declare const prodBasePath = "https://oneticket-prod-dashboard.sequelstring.com";
+export declare const basePath: string;
 export declare const signUpOtpSendApiPath: string;
 export declare const registerUserApiPath: string;
 export declare const loginOtpSendApiPath: string;

package/dist/src/services/apiRoutes.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAppVersionApiPath = exports.hardCancelMetroTicketApiPath = exports.softCancelMetroTicketApiPath = exports.closeIssueApiPath = exports.sendMessageApiPath = exports.getChatApiPath = exports.getMetroIssueDetailsApiPath = exports.getAllMetroIssuesApiPath = exports.raiseMetroTicketIssueApiPath = exports.isQrActiveApiPath = exports.getMetroTicketStatusApiPath = exports.errorPaymentApiPath = exports.verifyPaymentApiPath = exports.createPaymentApiPath = exports.getRecentTransactionsApiPath = exports.getAllTransactionsApiPath = exports.confirmMetroTicketApiPath = exports.initMetroTicketV2ApiPath = exports.getMetroFaresApiPath = exports.findNearestStationApiPath = exports.getMetroStationsApiPath = exports.getMetroProvidersApiPath = exports.requestMetroProvidersApiPath = exports.currectCityApiPath = exports.selectCityApiPath = exports.allCityLinesApiPath = exports.allCitiesApiPath = exports.endSessionApiPath = exports.startSessionApiPath = exports.updateUserApiPath = exports.sdkLoginApiPath = exports.deleteUserApiPath = exports.logoutApiPath = exports.loggedInUserApiPath = exports.loginUserApiPath = exports.loginOtpSendApiPath = exports.registerUserApiPath = exports.signUpOtpSendApiPath = exports.basePath = void 0;
+exports.getAppVersionApiPath = exports.hardCancelMetroTicketApiPath = exports.softCancelMetroTicketApiPath = exports.closeIssueApiPath = exports.sendMessageApiPath = exports.getChatApiPath = exports.getMetroIssueDetailsApiPath = exports.getAllMetroIssuesApiPath = exports.raiseMetroTicketIssueApiPath = exports.isQrActiveApiPath = exports.getMetroTicketStatusApiPath = exports.errorPaymentApiPath = exports.verifyPaymentApiPath = exports.createPaymentApiPath = exports.getRecentTransactionsApiPath = exports.getAllTransactionsApiPath = exports.confirmMetroTicketApiPath = exports.initMetroTicketV2ApiPath = exports.getMetroFaresApiPath = exports.findNearestStationApiPath = exports.getMetroStationsApiPath = exports.getMetroProvidersApiPath = exports.requestMetroProvidersApiPath = exports.currectCityApiPath = exports.selectCityApiPath = exports.allCityLinesApiPath = exports.allCitiesApiPath = exports.endSessionApiPath = exports.startSessionApiPath = exports.updateUserApiPath = exports.sdkLoginApiPath = exports.deleteUserApiPath = exports.logoutApiPath = exports.loggedInUserApiPath = exports.loginUserApiPath = exports.loginOtpSendApiPath = exports.registerUserApiPath = exports.signUpOtpSendApiPath = exports.basePath = exports.prodBasePath = exports.preProdBasePath = void 0;
+const index_1 = require("../../index");
 // const basePath = `http://localhost:5001`;
-exports.basePath = `https://demo-products.sequelstring.com/dmrc-buyer-dashboard`;
-// export const basePath = `https://oneticket-prod-dashboard.sequelstring.com`;
+exports.preProdBasePath = `https://demo-products.sequelstring.com/dmrc-buyer-dashboard`;
+exports.prodBasePath = `https://oneticket-prod-dashboard.sequelstring.com`;
+exports.basePath = (0, index_1.getSdkConfig)().environment === 'production' ? exports.prodBasePath : exports.preProdBasePath;
 // AUTH
 exports.signUpOtpSendApiPath = `${exports.basePath}/auth/otpToRegisterUser`;
 exports.registerUserApiPath = `${exports.basePath}/auth/registerUser`;

package/dist/src/theme/colors.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.colorPalettes = exports.darkColors = exports.lightColors = void 0;
+const index_1 = require("../../index");
 // Base colors
 const baseColors = {
     white: '#FFFFFF',
@@ -123,7 +124,7 @@ const semanticColors = {
 exports.lightColors = Object.assign(Object.assign(Object.assign(Object.assign({}, baseColors), { 
     // Color palettes
     // primary: tealPalette,
-    primary: customBluePalette, rose: rosePalette, blue: bluePalette, emerald: emeraldPalette, amber: amberPalette, gray: grayPalette, coolGray: coolGrayPalette }), semanticColors), { 
+    primary: (0, index_1.getSdkConfig)().colorPalette || customBluePalette, rose: rosePalette, blue: bluePalette, emerald: emeraldPalette, amber: amberPalette, gray: grayPalette, coolGray: coolGrayPalette }), semanticColors), { 
     // Background colors
     background: baseColors.white, surface: baseColors.white, surfaceVariant: grayPalette[100], 
     // Text colors

package/index.ts

@@ -1,4 +1,5 @@
-export {default as MetroApp} from "./App";
+export { default as MetroApp } from "./App";
+import { ColorPalette } from "./src/theme/types";
 
 export type SdkConfig = {
   sdkKey: string;
@@ -8,6 +9,8 @@ export type SdkConfig = {
     phoneNumber: number;
     email?: string;
   };
+  colorPalette?: ColorPalette;
+  logo?: string;
 };
 let sdkConfig: SdkConfig | null = null;
 export const initializeSdk = (config: SdkConfig) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oneticket-sdk-vi",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/common/Header/Header.tsx

@@ -5,7 +5,8 @@ import {
     Pressable,
     StyleSheet,
     ActivityIndicator,
-    Platform
+    Platform,
+    Image
 } from 'react-native';
 import BackIcon from '../../../assets/icons/BackIcon';
 import { useNavigation } from '@react-navigation/native';
@@ -17,6 +18,8 @@ import RefreshIcon from '../../../assets/icons/RefreshIcon';
 import { Avatar } from '../Avatar/Avatar';
 import { useTheme } from '../../../theme/ThemeProvider';
 import { ms, mvs } from 'react-native-size-matters';
+import { getSdkConfig } from '../../../../index';
+import { SvgUri } from 'react-native-svg';
 
 interface HeaderProps {
     title?: string;
@@ -44,6 +47,7 @@ const Header: React.FC<HeaderProps> = ({
     leftComponent,
 }) => {
     const { theme } = useTheme();
+    const config = getSdkConfig();
     const { navigate, goBack } = useNavigation<MetroStackNavigationProp & MetroWithTabsStackNavigationProp>();
     const { data: currectCity, isLoading: currectCityLoading } = useFetchCurrectCity({});
 
@@ -67,19 +71,26 @@ const Header: React.FC<HeaderProps> = ({
             shadowOpacity: 0.1,
             shadowRadius: 4,
             elevation: 4,
+        },
+        row: {
             flexDirection: 'row',
-            justifyContent: chatHeader ? 'flex-start' : 'space-between',
             alignItems: 'center',
         },
-        chatHeaderContainer: {
+        section: {
             flex: 1,
             flexDirection: 'row',
-            justifyContent: 'space-between',
             alignItems: 'center',
         },
-        leftContainer: {
-            flexDirection: 'row',
+        leftSection: {
+            justifyContent: 'flex-start',
+        },
+        rightSection: {
+            justifyContent: 'flex-end',
+        },
+        centerSection: {
+            flexShrink: 1,
             alignItems: 'center',
+            justifyContent: 'center',
         },
         avatarContainer: {
             flexDirection: 'row',
@@ -112,8 +123,6 @@ const Header: React.FC<HeaderProps> = ({
             borderRadius: ms(20),
             paddingHorizontal: ms(12),
             paddingVertical: mvs(6),
-            marginLeft: ms(-40),
-            marginRight: ms(-8)
         },
         pressedCityButton: {
             backgroundColor: theme.colors.surfaceVariant,
@@ -127,14 +136,18 @@ const Header: React.FC<HeaderProps> = ({
             width: ms(40),
             height: mvs(40),
         },
+        logo: {
+            width: ms(30),
+            height: ms(30),
+            marginRight: ms(8),
+        },
     });
 
     return (
         <View style={styles.container}>
-            {/* Chat Header Style */}
             {chatHeader ? (
-                <View style={styles.chatHeaderContainer}>
-                    <View style={styles.leftContainer}>
+                <View style={[styles.row, { justifyContent: 'space-between' }]}>
+                    <View style={styles.row}>
                         <Pressable
                             onPress={handleGoBack}
                             style={({ pressed }) => [
@@ -172,67 +185,70 @@ const Header: React.FC<HeaderProps> = ({
                     </Pressable>
                 </View>
             ) : (
-                <>
-                    {/* Left Component or Back Button */}
-                    {leftComponent ? (
-                        <View>{leftComponent}</View>
-                    ) : showBackButton ? (
-                        <Pressable
-                            onPress={handleGoBack}
-                            style={({ pressed }) => [
-                                styles.button,
-                                pressed && styles.pressedButton
-                            ]}
-                        >
-                            <BackIcon size={ms(24)} color={theme.colors.text} />
-                        </Pressable>
-                    ) : (
-                        <View style={styles.emptySpace} />
-                    )}
+                <View style={styles.row}>
+                    {/* Left section */}
+                    <View style={[styles.section, styles.leftSection]}>
+                        {showBackButton && (
+                            <Pressable
+                                onPress={handleGoBack}
+                                style={({ pressed }) => [
+                                    styles.button,
+                                    pressed && styles.pressedButton
+                                ]}
+                            >
+                                <BackIcon size={ms(24)} color={theme.colors.text} />
+                            </Pressable>
+                        )}
+                        {config.logo && config.logo.endsWith('.svg') ? (
+                            <SvgUri width={30} height={30} uri={config.logo} />
+                        ) : config.logo ? (
+                            <Image source={{ uri: config.logo }} style={styles.logo} resizeMode="contain" />
+                        ) : null}
+                    </View>
 
-                    {/* Title */}
-                    {title ? (
-                        <Text style={styles.title}>{title}</Text>
-                    ) : (
-                        <View style={{ width: ms(32) }} />
-                    )}
+                    {/* Title section */}
+                    <View style={styles.centerSection}>
+                        {title && <Text style={styles.title}>{title}</Text>}
+                    </View>
 
-                    {/* Right Component or Default Options */}
-                    {rightComponent ? (
-                        <View>{rightComponent}</View>
-                    ) : showHomeButton ? (
-                        <Pressable
-                            onPress={() => navigate(MetroWithTabsScreens.SelectStations, {})}
-                            style={({ pressed }) => [
-                                styles.button,
-                                pressed && styles.pressedButton
-                            ]}
-                        >
-                            <HomeIcon size={ms(28)} color={theme.colors.text} />
-                        </Pressable>
-                    ) : showChooseCity ? (
-                        <Pressable
-                            style={({ pressed }) => [
-                                styles.cityButton,
-                                pressed && styles.pressedCityButton
-                            ]}
-                            onPress={() => navigate(MetroScreens.MetroSelection)}
-                        >
-                            {currectCityLoading ? (
-                                <ActivityIndicator size="small" color={theme.colors.primary[500]} />
-                            ) : (
-                                <Text style={styles.cityButtonText}>
-                                    {currectCity?.currectCity || 'Choose City'}
-                                </Text>
-                            )}
-                        </Pressable>
-                    ) : (
-                        <View style={styles.emptySpace} />
-                    )}
-                </>
+                    {/* Right section */}
+                    <View style={[styles.section, styles.rightSection]}>
+                        {rightComponent ? (
+                            <View>{rightComponent}</View>
+                        ) : showHomeButton ? (
+                            <Pressable
+                                onPress={() => navigate(MetroWithTabsScreens.SelectStations, {})}
+                                style={({ pressed }) => [
+                                    styles.button,
+                                    pressed && styles.pressedButton
+                                ]}
+                            >
+                                <HomeIcon size={ms(28)} color={theme.colors.text} />
+                            </Pressable>
+                        ) : showChooseCity ? (
+                            <Pressable
+                                style={({ pressed }) => [
+                                    styles.cityButton,
+                                    pressed && styles.pressedCityButton
+                                ]}
+                                onPress={() => navigate(MetroScreens.MetroSelection)}
+                            >
+                                {currectCityLoading ? (
+                                    <ActivityIndicator size="small" color={theme.colors.primary[500]} />
+                                ) : (
+                                    <Text style={styles.cityButtonText}>
+                                        {currectCity?.currectCity || 'Choose City'}
+                                    </Text>
+                                )}
+                            </Pressable>
+                        ) : (
+                            <View style={styles.emptySpace} />
+                        )}
+                    </View>
+                </View>
             )}
         </View>
     );
 };
 
-export default Header;
+export default Header;

package/src/services/apiRoutes.ts

@@ -1,6 +1,10 @@
+import { getSdkConfig } from "../../index";
+
 // const basePath = `http://localhost:5001`;
-export const basePath: any = `https://demo-products.sequelstring.com/dmrc-buyer-dashboard`;
-// export const basePath = `https://oneticket-prod-dashboard.sequelstring.com`;
+export const preProdBasePath = `https://demo-products.sequelstring.com/dmrc-buyer-dashboard`;
+export const prodBasePath = `https://oneticket-prod-dashboard.sequelstring.com`;
+
+export const basePath = getSdkConfig().environment === 'production' ? prodBasePath : preProdBasePath;
 
 // AUTH
 export const signUpOtpSendApiPath = `${basePath}/auth/otpToRegisterUser`;

package/src/theme/colors.ts

@@ -1,3 +1,4 @@
+import { getSdkConfig } from '../../index';
 import { ColorPalette, ThemeColors } from './types';
 
 // Base colors
@@ -135,7 +136,7 @@ export const lightColors: ThemeColors = {
 
     // Color palettes
     // primary: tealPalette,
-    primary: customBluePalette,
+    primary: getSdkConfig().colorPalette || customBluePalette,
     rose: rosePalette,
     blue: bluePalette,
     emerald: emeraldPalette,