ubkerp.transport.module 0.1.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2026 UBK INFOTECH PVT LTD
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,136 @@
+# @ubkerp/transport-module
+
+Reusable React Native Transport Module for UBKERP (UBK INFOTECH PVT LTD). This package keeps authentication external and makes API + UI reusable.
+
+## Setup (library)
+
+```bash
+cd transport-module
+npm i
+npm run build
+```
+
+## Install (consumer app)
+
+```bash
+npm i @ubkerp/transport-module
+```
+
+## Usage
+
+### A) Direct token
+
+```tsx
+<TransportProvider apiBaseUrl="https://domain.com/api" authToken={token}>
+  <StudentRouteDetailsScreen />
+</TransportProvider>
+```
+
+### B) Async token callback (recommended)
+
+```tsx
+<TransportProvider
+  apiBaseUrl="https://domain.com/api"
+  getAuthToken={async () => {
+    return await AsyncStorage.getItem('token');
+  }}>
+  <StudentRouteDetailsScreen />
+</TransportProvider>
+```
+
+### C) Custom headers (optional)
+
+```tsx
+<TransportProvider
+  apiBaseUrl="https://domain.com/api"
+  headers={{
+    Authorization: token,
+  }}>
+  <StudentRouteDetailsScreen />
+</TransportProvider>
+```
+
+## API Configuration
+
+`TransportProvider` configures a dedicated Axios instance:
+
+- Dynamic `apiBaseUrl`
+- Dynamic headers (static `headers` + token injection)
+- Axios interceptors
+- Token refresh support (optional `refreshAuthToken`)
+- Retry mechanism (configurable via `retry`)
+- Global API error handling (optional `onApiError`)
+
+## Exports
+
+```ts
+export {
+  TransportProvider,
+  useTransport,
+  TransportDashboard,
+  StudentRouteDetailsScreen,
+} from '@ubkerp/transport-module';
+```
+
+## Example
+
+Use the screen exports in your consumer app navigation.
+
+## Migration Strategy (incremental)
+
+This library is designed to migrate your existing Transport module without rewriting the business logic.
+
+### Current Source Files (in ERP app)
+
+- `src/screens/TransportRoute/TransportRoute.jsx` → dashboard/hub UI
+- `src/screens/TransportRoute/RouteTransport.jsx` → student route details UI + API call
+- `src/screens/TransportRoute/TransportFee.jsx` → transport fee UI + receipts (large; migrate after RouteDetails)
+- `src/api/fee_show_data.js` → `fee_show_data2()` transport fee API
+- `src/api/apiService.js` → generic GET/POST wrappers
+- `src/styles/TransportRoute/TransportRoute.styles.jsx` → styles
+- `src/routes/StackNavigator.js` → navigation registration (must stay in consumer app)
+
+### Move Order (recommended)
+
+1) Services first (no UI)
+- Move API calls into `transport-module/src/services/**`
+- Keep endpoints unchanged; only remove hardcoded `API_BASE_URL` usage
+
+2) Types
+- Introduce strong TypeScript models in `transport-module/src/types/**`
+
+3) Provider
+- Add `TransportProvider` to replace internal AuthContext dependency
+
+4) Screens
+- Move screens into `transport-module/src/screens/**`
+- Remove `useNavigation()` from screens; expose callbacks/props instead
+
+5) Shared UI components
+- Extract cards, loading/empty/error states into `src/components/**`
+
+### Refactoring Needed (safe + minimal)
+
+- Replace `API_BASE_URL` imports with `TransportProvider` (`apiBaseUrl`)
+- Replace AuthContext with external token injection (`authToken` / `getAuthToken` / `headers`)
+- Keep request paths identical (example: `/student/studentAPP/TransportDetails/studentRoutedetails`)
+
+### Dependency Mapping (Transport module)
+
+- Must be provided by consumer (peer deps): `react`, `react-native`
+- Included by library: `axios`
+- Optional consumer-level dependencies depending on migrated screens:
+  - If you keep `native-base`, `react-native-fast-image`, `@fortawesome/*`, they should be added as peerDependencies later when those screens are migrated
+
+### Breaking Changes Prevention
+
+- Preserve endpoint paths and payload shapes
+- Avoid changing response parsing; wrap only for reusability
+- Keep UI props backward compatible by adding optional props instead of changing required ones
+
+## Next Modules (planned)
+
+- Transport Fee (fee_show_data2 + TransportFee screen)
+- Vehicle / Driver / Route management (if present in ERP app)
+- Pickup point + allocation screens
+- GPS tracking + bus attendance + reports

package/lib/commonjs/assets/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/assets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["assets/index.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/constants/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["constants/index.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/hooks/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["hooks/index.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StudentRouteDetailsScreen", {
+  enumerable: true,
+  get: function () {
+    return _StudentRouteDetailsScreen.StudentRouteDetailsScreen;
+  }
+});
+Object.defineProperty(exports, "TransportDashboard", {
+  enumerable: true,
+  get: function () {
+    return _TransportDashboard.TransportDashboard;
+  }
+});
+Object.defineProperty(exports, "TransportProvider", {
+  enumerable: true,
+  get: function () {
+    return _TransportProvider.TransportProvider;
+  }
+});
+Object.defineProperty(exports, "useTransport", {
+  enumerable: true,
+  get: function () {
+    return _useTransport.useTransport;
+  }
+});
+var _TransportProvider = require("./providers/TransportProvider");
+var _useTransport = require("./providers/useTransport");
+var _TransportDashboard = require("./screens/TransportDashboard/TransportDashboard");
+var _StudentRouteDetailsScreen = require("./screens/StudentRouteDetails/StudentRouteDetailsScreen");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TransportProvider","require","_useTransport","_TransportDashboard","_StudentRouteDetailsScreen"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/navigation/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["navigation/index.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/providers/TransportContext.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TransportContext = void 0;
+var _react = require("react");
+const TransportContext = exports.TransportContext = /*#__PURE__*/(0, _react.createContext)(null);
+//# sourceMappingURL=TransportContext.js.map

package/lib/commonjs/providers/TransportContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","TransportContext","exports","createContext"],"sourceRoot":"..\\..\\..\\src","sources":["providers/TransportContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,oBAAa,EAA+B,IAAI,CAAC","ignoreList":[]}

package/lib/commonjs/providers/TransportProvider.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TransportProvider = TransportProvider;
+var _react = _interopRequireWildcard(require("react"));
+var _TransportContext = require("./TransportContext");
+var _createApiClient = require("../services/api/createApiClient");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function TransportProvider({
+  children,
+  apiBaseUrl,
+  fileBaseUrl,
+  authToken,
+  getAuthToken,
+  headers,
+  refreshAuthToken,
+  onApiError,
+  retry
+}) {
+  const api = (0, _react.useMemo)(() => {
+    return (0, _createApiClient.createApiClient)({
+      baseUrl: apiBaseUrl,
+      authToken,
+      getAuthToken,
+      headers,
+      refreshAuthToken,
+      onApiError,
+      retry
+    });
+  }, [apiBaseUrl, authToken, getAuthToken, headers, refreshAuthToken, onApiError, retry]);
+  const value = (0, _react.useMemo)(() => {
+    return {
+      api,
+      apiBaseUrl,
+      fileBaseUrl
+    };
+  }, [api, apiBaseUrl, fileBaseUrl]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TransportContext.TransportContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+//# sourceMappingURL=TransportProvider.js.map

package/lib/commonjs/providers/TransportProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_TransportContext","_createApiClient","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TransportProvider","children","apiBaseUrl","fileBaseUrl","authToken","getAuthToken","headers","refreshAuthToken","onApiError","retry","api","useMemo","createApiClient","baseUrl","value","jsx","TransportContext","Provider"],"sourceRoot":"..\\..\\..\\src","sources":["providers/TransportProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AAAgE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzD,SAASkB,iBAAiBA,CAAC;EAChCC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,YAAY;EACZC,OAAO;EACPC,gBAAgB;EAChBC,UAAU;EACVC;AACsB,CAAC,EAAE;EACzB,MAAMC,GAAG,GAAG,IAAAC,cAAO,EAAC,MAAM;IACxB,OAAO,IAAAC,gCAAe,EAAC;MACrBC,OAAO,EAAEX,UAAU;MACnBE,SAAS;MACTC,YAAY;MACZC,OAAO;MACPC,gBAAgB;MAChBC,UAAU;MACVC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CACDP,UAAU,EACVE,SAAS,EACTC,YAAY,EACZC,OAAO,EACPC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,CACN,CAAC;EAEF,MAAMK,KAAK,GAAG,IAAAH,cAAO,EAAC,MAAM;IAC1B,OAAO;MAACD,GAAG;MAAER,UAAU;MAAEC;IAAW,CAAC;EACvC,CAAC,EAAE,CAACO,GAAG,EAAER,UAAU,EAAEC,WAAW,CAAC,CAAC;EAElC,oBACE,IAAAvB,WAAA,CAAAmC,GAAA,EAACrC,iBAAA,CAAAsC,gBAAgB,CAACC,QAAQ;IAACH,KAAK,EAAEA,KAAM;IAAAb,QAAA,EACrCA;EAAQ,CACgB,CAAC;AAEhC","ignoreList":[]}

package/lib/commonjs/providers/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/providers/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["providers/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/providers/useTransport.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTransport = useTransport;
+var _react = require("react");
+var _TransportContext = require("./TransportContext");
+function useTransport() {
+  const ctx = (0, _react.useContext)(_TransportContext.TransportContext);
+  if (!ctx) {
+    throw new Error('TransportProvider is missing');
+  }
+  return ctx;
+}
+//# sourceMappingURL=useTransport.js.map

package/lib/commonjs/providers/useTransport.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_TransportContext","useTransport","ctx","useContext","TransportContext","Error"],"sourceRoot":"..\\..\\..\\src","sources":["providers/useTransport.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,SAASE,YAAYA,CAAA,EAAG;EAC7B,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACC,kCAAgB,CAAC;EACxC,IAAI,CAACF,GAAG,EAAE;IACR,MAAM,IAAIG,KAAK,CAAC,8BAA8B,CAAC;EACjD;EACA,OAAOH,GAAG;AACZ","ignoreList":[]}

package/lib/commonjs/screens/StudentRouteDetails/StudentRouteDetailsScreen.js

@@ -0,0 +1,308 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StudentRouteDetailsScreen = StudentRouteDetailsScreen;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useTransport = require("../../providers/useTransport");
+var _studentRouteDetails = require("../../services/transport/studentRouteDetails");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function buildDriverImageUrl(args) {
+  if (!args.fileBaseUrl || !args.driverImage) return undefined;
+  const base = args.fileBaseUrl.endsWith('/') ? args.fileBaseUrl.slice(0, -1) : args.fileBaseUrl;
+  const img = args.driverImage.startsWith('/') ? args.driverImage.slice(1) : args.driverImage;
+  return `${base}/staff/document/${img}`;
+}
+function StudentRouteDetailsScreen({
+  renderTop
+}) {
+  const {
+    api,
+    fileBaseUrl
+  } = (0, _useTransport.useTransport)();
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [data, setData] = (0, _react.useState)(null);
+  const [loadError, setLoadError] = (0, _react.useState)(null);
+  const driverImageUrl = (0, _react.useMemo)(() => {
+    return buildDriverImageUrl({
+      fileBaseUrl,
+      driverImage: data?.driver_image
+    });
+  }, [data?.driver_image, fileBaseUrl]);
+  const load = (0, _react.useCallback)(async () => {
+    try {
+      setLoading(true);
+      setLoadError(null);
+      const res = await (0, _studentRouteDetails.getStudentRouteDetails)(api);
+      const first = Array.isArray(res.data) ? res.data[0] : undefined;
+      setData(first ?? null);
+    } catch (e) {
+      setData(null);
+      setLoadError('Failed to load transport route details');
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+  (0, _react.useEffect)(() => {
+    load();
+  }, [load]);
+  const handleCall = (0, _react.useCallback)(async () => {
+    const phone = data?.contact_number;
+    if (!phone) {
+      _reactNative.Alert.alert('Error', 'Contact number not available');
+      return;
+    }
+    const phoneNumber = phone.toString().replace(/[^0-9+]/g, '');
+    const url = `tel:${phoneNumber}`;
+    const supported = await _reactNative.Linking.canOpenURL(url);
+    if (!supported) {
+      _reactNative.Alert.alert('Error', 'Phone calls are not supported on this device');
+      return;
+    }
+    await _reactNative.Linking.openURL(url);
+  }, [data?.contact_number]);
+  if (loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.center,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "large"
+      })
+    });
+  }
+  if (!data?.route_title) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.center,
+      children: loadError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.errorText,
+        children: loadError
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.noDataText,
+        children: "No Data Found"
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [renderTop ? renderTop() : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+      showsVerticalScrollIndicator: false,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.routeTitleCard,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.routeTitle,
+          children: data.route_title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.routeSubtitle,
+          children: "Route Details"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.card,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.cardTitle,
+          children: "Vehicle Information"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.detailRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.detailLabel,
+            children: "Vehicle No:"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.detailValue,
+            children: data.vehicle_no ?? '-'
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.detailRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.detailLabel,
+            children: "Model:"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.detailValue,
+            children: data.vehicle_model ?? '-'
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.detailRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.detailLabel,
+            children: "Stop Name:"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.detailValue,
+            children: data.stop_name ?? '-'
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.detailRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.detailLabel,
+            children: "Pick Up:"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.detailValue, styles.pickup],
+            children: data.pickup_time ?? '-'
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.detailRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.detailLabel,
+            children: "Drop Time:"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.detailValue, styles.drop],
+            children: data.drop_time ?? '-'
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.card,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.cardTitle,
+          children: "Driver Information"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.driverContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.driverImageContainer,
+            children: driverImageUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+              style: styles.driverImage,
+              source: {
+                uri: driverImageUrl
+              }
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: styles.driverImageFallback
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.driverInfo,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.driverLabel,
+              children: "Driver Name"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.driverName,
+              children: data.driver ?? '-'
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: handleCall,
+            style: styles.callButton,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.callText,
+              children: "Call"
+            })
+          })]
+        })]
+      })]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#FFFFFF'
+  },
+  center: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#FFFFFF'
+  },
+  noDataText: {
+    fontSize: 16,
+    color: '#6B7280'
+  },
+  errorText: {
+    fontSize: 16,
+    color: '#DC2626',
+    textAlign: 'center',
+    paddingHorizontal: 24
+  },
+  routeTitleCard: {
+    margin: 16,
+    borderRadius: 16,
+    padding: 16,
+    backgroundColor: '#F3F4F6',
+    alignItems: 'center'
+  },
+  routeTitle: {
+    fontSize: 18,
+    fontWeight: '700',
+    color: '#111827'
+  },
+  routeSubtitle: {
+    marginTop: 6,
+    fontSize: 12,
+    color: '#6B7280'
+  },
+  card: {
+    marginHorizontal: 16,
+    marginBottom: 16,
+    borderRadius: 16,
+    padding: 16,
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: '#E5E7EB'
+  },
+  cardTitle: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#111827',
+    marginBottom: 12
+  },
+  detailRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingVertical: 6
+  },
+  detailLabel: {
+    fontSize: 14,
+    color: '#374151'
+  },
+  detailValue: {
+    fontSize: 14,
+    color: '#111827',
+    fontWeight: '600'
+  },
+  pickup: {
+    color: '#16A34A'
+  },
+  drop: {
+    color: '#DC2626'
+  },
+  driverContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  driverImageContainer: {
+    width: 56,
+    height: 56,
+    borderRadius: 28,
+    overflow: 'hidden',
+    backgroundColor: '#F3F4F6'
+  },
+  driverImage: {
+    width: 56,
+    height: 56
+  },
+  driverImageFallback: {
+    width: 56,
+    height: 56,
+    backgroundColor: '#E5E7EB'
+  },
+  driverInfo: {
+    flex: 1,
+    marginLeft: 12
+  },
+  driverLabel: {
+    fontSize: 12,
+    color: '#6B7280'
+  },
+  driverName: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: '#111827',
+    marginTop: 2
+  },
+  callButton: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderRadius: 10,
+    backgroundColor: '#DCFCE7'
+  },
+  callText: {
+    color: '#16A34A',
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=StudentRouteDetailsScreen.js.map