georges/waseel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rebrand to Waseel, swap Stripe for Areeba, add phone-ready auth and DB seed

Browse Source 
- Rename app: Waseel (name, slug, scheme waseel://, com.waseel.app ids, splash)
- Payments: replace Stripe with Areeba hosted checkout (create/verify API routes,
  lib/areeba.ts, WebBrowser-based payment flow)
- Maps: migrate address autocomplete to Places API (New), drop legacy library
- Web support: map stub for web (native maps are iOS/Android only)
- Auth: keep email + Google OAuth; fix OAuth redirect for Expo Go
- Add scripts/seed-db.mjs (schema + Lebanese driver seed)
- Pin Expo SDK 51 compatible package versions
This commit is contained in:
Krikorios
2026-08-22 15:53:41 +03:00
parent a2f46e6c03
commit 62dc5e9d53
22 changed files with 20837 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(root)/book-ride.tsx
+84 -91
View File
@@ -1,5 +1,4 @@
import { useUser } from "@clerk/clerk-expo";
import { StripeProvider } from "@stripe/stripe-react-native";
import { Image, Text, View } from "react-native";
import { Payment } from "@/components/payment";
@@ -18,98 +17,92 @@ const BookRide = () => {
)[0];
return (
<StripeProvider
publishableKey={process.env.EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY!}
merchantIdentifier="merchant.ryde.com"
urlScheme="ryde" // match it with app.json scheme
>
<RideLayout title="Book Ride">
<>
<Text className="text-xl font-JakartaSemiBold mb-3">
Ride Information
</Text>
<RideLayout title="Book Ride">
<>
<Text className="text-xl font-JakartaSemiBold mb-3">
Ride Information
</Text>
<View className="flex flex-col w-full items-center justify-center mt-10">
<Image
source={{ uri: driverDetails?.profile_image_url }}
alt="Driver Avatar"
className="w-28 h-28 rounded-full"
/>
<View className="flex flex-row items-center justify-center mt-5 space-x-2">
<Text className="text-lg font-JakartaSemiBold">
{driverDetails?.title}
</Text>
<View className="flex flex-row items-center space-x-0.5">
<Image
source={icons.star}
alt="Star"
className="w-5 h-5"
resizeMode="contain"
/>
<Text className="text-lg font-JakartaRegular">
{driverDetails?.rating}
</Text>
</View>
</View>
</View>
<View className="flex flex-col w-full items-start justify-center py-3 px-5 rounded-3xl bg-general-600 mt-5">
<View className="flex flex-row items-center justify-between w-full border-b border-white py-3">
<Text className="text-lg font-JakartaRegular">Ride Price</Text>
<Text className="text-lg font-JakartaRegular text-[#0CC25F]">
${driverDetails?.price}
</Text>
</View>
<View className="flex flex-row items-center justify-between w-full border-b border-white py-3">
<Text className="text-lg font-JakartaRegular">Pickup Time</Text>
<Text className="text-lg font-JakartaRegular">
{formatTime(driverDetails?.time!)}
</Text>
</View>
<View className="flex flex-row items-center justify-between w-full py-3">
<Text className="text-lg font-JakartaRegular">Car Seats</Text>
<Text className="text-lg font-JakartaRegular">
{driverDetails?.car_seats}
</Text>
</View>
</View>
<View className="flex flex-col w-full items-start justify-center mt-5">
<View className="flex flex-row items-center justify-start mt-3 border-t border-b border-general-700 w-full py-3">
<Image source={icons.to} alt="To" className="w-6 h-6" />
<Text className="text-lg font-JakartaRegular ml-2">
{userAddress}
</Text>
</View>
<View className="flex flex-row items-center justify-start border-b border-general-700 w-full py-3">
<Image source={icons.point} alt="Point" className="w-6 h-6" />
<Text className="text-lg font-JakartaRegular ml-2">
{destinationAddress}
</Text>
</View>
</View>
<Payment
fullName={user?.fullName ?? ""}
email={user?.emailAddresses[0].emailAddress ?? ""}
amount={driverDetails?.price ?? "0"}
driverId={driverDetails?.id}
rideTime={driverDetails?.time ?? 0}
<View className="flex flex-col w-full items-center justify-center mt-10">
<Image
source={{ uri: driverDetails?.profile_image_url }}
alt="Driver Avatar"
className="w-28 h-28 rounded-full"
/>
</>
</RideLayout>
</StripeProvider>
<View className="flex flex-row items-center justify-center mt-5 space-x-2">
<Text className="text-lg font-JakartaSemiBold">
{driverDetails?.title}
</Text>
<View className="flex flex-row items-center space-x-0.5">
<Image
source={icons.star}
alt="Star"
className="w-5 h-5"
resizeMode="contain"
/>
<Text className="text-lg font-JakartaRegular">
{driverDetails?.rating}
</Text>
</View>
</View>
</View>
<View className="flex flex-col w-full items-start justify-center py-3 px-5 rounded-3xl bg-general-600 mt-5">
<View className="flex flex-row items-center justify-between w-full border-b border-white py-3">
<Text className="text-lg font-JakartaRegular">Ride Price</Text>
<Text className="text-lg font-JakartaRegular text-[#0CC25F]">
${driverDetails?.price}
</Text>
</View>
<View className="flex flex-row items-center justify-between w-full border-b border-white py-3">
<Text className="text-lg font-JakartaRegular">Pickup Time</Text>
<Text className="text-lg font-JakartaRegular">
{formatTime(driverDetails?.time!)}
</Text>
</View>
<View className="flex flex-row items-center justify-between w-full py-3">
<Text className="text-lg font-JakartaRegular">Car Seats</Text>
<Text className="text-lg font-JakartaRegular">
{driverDetails?.car_seats}
</Text>
</View>
</View>
<View className="flex flex-col w-full items-start justify-center mt-5">
<View className="flex flex-row items-center justify-start mt-3 border-t border-b border-general-700 w-full py-3">
<Image source={icons.to} alt="To" className="w-6 h-6" />
<Text className="text-lg font-JakartaRegular ml-2">
{userAddress}
</Text>
</View>
<View className="flex flex-row items-center justify-start border-b border-general-700 w-full py-3">
<Image source={icons.point} alt="Point" className="w-6 h-6" />
<Text className="text-lg font-JakartaRegular ml-2">
{destinationAddress}
</Text>
</View>
</View>
<Payment
fullName={user?.fullName ?? ""}
email={user?.emailAddresses[0].emailAddress ?? ""}
amount={driverDetails?.price ?? "0"}
driverId={driverDetails?.id}
rideTime={driverDetails?.time ?? 0}
/>
</>
</RideLayout>
);
};