implemented account creation and improved checkout flow for delivery …

…selection

.prettierrc

@@ -1,8 +1,8 @@
 {
-	"semi": true,
-	"singleQuote": true,
-	"trailingComma": "es5",
-	"printWidth": 190,
-	"tabWidth": 4,
-	"jsxSingleQuote": true
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "printWidth": 190,
+    "tabWidth": 4,
+    "jsxSingleQuote": true
 }

.yarnrc.yml

@@ -1,3 +1,2 @@
 nodeLinker: node-modules
-
 # yarnPath: .yarn/releases/yarn-3.6.4.cjs

README.md

@@ -34,52 +34,52 @@ Open source ecommerce mobile app for on-demand orders. Setup ecommerce marketpla
 
 ## Table of Contents
 
--   [About](#about)
-    -   [Use cases](#use-cases)
--   [Screenshots](#screenshots)
--   [Prerequisites](#prerequisites)
--   [Installation](#installation)
-    -   [Configure Environment](#configure-environment)
--   [Running in Simulator](#running-in-simulator)
-    -   [Run the app in iOS Simulator](#run-the-app-in-ios-simulator)
-    -   [Run the app in Android Simulator](#run-the-app-in-android-simulator)
--   [Push Notifications](#push-notifications)
-    -   [APNS Push Notifications](#apns-push-notifications)
-    -   [FCM Push Notifications](#fcm-push-notifications)
--   [Generate Assets](#generate-assets)
--   [Configuration](#configuration)
-    -   [Application Configuration](#appconfig)
-    -   [Interface Configuration](#uiconfig)
--   [Internationalization and Translations](#internationalization-and-translations)
-    -   [Internationalization](#internationalization)
-    -   [Translations](#translations)
--   [Payment Gateways](#payment-gateways)
-    -   [Stripe](#stripe)
--   [Store Locations](#store-locations)
-    -   [Store Hours](#store-hours)
--   [Multi-Vendor](#multi-vendor)
-    -   [Creating a network](#creating-a-network)
-    -   [Inviting to network](#inviting-to-network)
-    -   [Configuring network](#configuring-network)
-    -   [Launch network on app](#launch-network-on-app)
--   [Cart](#cart)
--   [Customer Authentication](#customer-authentication)
-    -   [Creating a customer account](#creating-a-customer-account)
-    -   [Logging in a customer](#logging-in-a-customer)
--   [Delivery/ Service Rates](#delivery-service-rates)
-    -   [Location based quote](#location-based-quote)
--   [Checkout](#checkout)
-    -   [Creating a checkout token](#creating-a-checkout-token)
-    -   [Capture checkout](#capture-checkout)
--   [Driver/Agent App](#driver-agent-app)
-    -   [Proof of delivery](#proof-of-delivery)
--   [Orders](#orders)
-    -   [Auto-accept orders](#auto-accept-orders)
-    -   [Manually accept orders](#manually-accept-orders)
-    -   [Auto-assign orders](#auto-assign-orders)
-    -   [Manually assign orders](#manually-assign-orders)
--   [Documentation](#documentation)
--   [Roadmap](#roadmap)
+- [About](#about)
+    - [Use cases](#use-cases)
+- [Screenshots](#screenshots)
+- [Prerequisites](#prerequisites)
+- [Installation](#installation)
+    - [Configure Environment](#configure-environment)
+- [Running in Simulator](#running-in-simulator)
+    - [Run the app in iOS Simulator](#run-the-app-in-ios-simulator)
+    - [Run the app in Android Simulator](#run-the-app-in-android-simulator)
+- [Push Notifications](#push-notifications)
+    - [APNS Push Notifications](#apns-push-notifications)
+    - [FCM Push Notifications](#fcm-push-notifications)
+- [Generate Assets](#generate-assets)
+- [Configuration](#configuration)
+    - [Application Configuration](#appconfig)
+    - [Interface Configuration](#uiconfig)
+- [Internationalization and Translations](#internationalization-and-translations)
+    - [Internationalization](#internationalization)
+    - [Translations](#translations)
+- [Payment Gateways](#payment-gateways)
+    - [Stripe](#stripe)
+- [Store Locations](#store-locations)
+    - [Store Hours](#store-hours)
+- [Multi-Vendor](#multi-vendor)
+    - [Creating a network](#creating-a-network)
+    - [Inviting to network](#inviting-to-network)
+    - [Configuring network](#configuring-network)
+    - [Launch network on app](#launch-network-on-app)
+- [Cart](#cart)
+- [Customer Authentication](#customer-authentication)
+    - [Creating a customer account](#creating-a-customer-account)
+    - [Logging in a customer](#logging-in-a-customer)
+- [Delivery/ Service Rates](#delivery-service-rates)
+    - [Location based quote](#location-based-quote)
+- [Checkout](#checkout)
+    - [Creating a checkout token](#creating-a-checkout-token)
+    - [Capture checkout](#capture-checkout)
+- [Driver/Agent App](#driver-agent-app)
+    - [Proof of delivery](#proof-of-delivery)
+- [Orders](#orders)
+    - [Auto-accept orders](#auto-accept-orders)
+    - [Manually accept orders](#manually-accept-orders)
+    - [Auto-assign orders](#auto-assign-orders)
+    - [Manually assign orders](#manually-assign-orders)
+- [Documentation](#documentation)
+- [Roadmap](#roadmap)
 
 ### About
 
@@ -89,15 +89,15 @@ _Notice: Network/ Multi-vendor functionality is still a work in progress._
 
 #### Use Cases
 
--   Food delivery app
--   Services booking app
--   Hyperlocal shopping app
--   Hyperlocal marketplace app
--   Alcohol delivery app
--   Cannabis delivery app
--   Lawn care booking app
--   Transportation booking app
--   and much more...
+- Food delivery app
+- Services booking app
+- Hyperlocal shopping app
+- Hyperlocal marketplace app
+- Alcohol delivery app
+- Cannabis delivery app
+- Lawn care booking app
+- Transportation booking app
+- and much more...
 
 ### Screenshots
 
@@ -106,10 +106,10 @@ _Notice: Network/ Multi-vendor functionality is still a work in progress._
 
 ### Prerequisites
 
--   [Yarn](https://yarnpkg.com/) or [NPM](https://nodejs.org/en/)
--   [React Native CLI](https://reactnative.dev/docs/environment-setup)
--   Xcode 12+
--   Android Studio
+- [Yarn](https://yarnpkg.com/) or [NPM](https://nodejs.org/en/)
+- [React Native CLI](https://reactnative.dev/docs/environment-setup)
+- Xcode 12+
+- Android Studio
 
 ### Installation
 
@@ -128,7 +128,7 @@ corepack enable
 corepack prepare [email protected] --activate
 yarn
 bundle install
-cd ios 
+cd ios
 bundle exec pod install
 touch .env
 ```
@@ -516,8 +516,8 @@ If you would like to make contributions to the Fleetbase Javascript SDK document
 
 ### Roadmap
 
--   Global state management with redux
--   Write proper react hooks for sdks
--   Add debounce on products search
--   Add network/marketplace views
--   Shopify & Woocommerce adapters
+- Global state management with redux
+- Write proper react hooks for sdks
+- Add debounce on products search
+- Add network/marketplace views
+- Shopify & Woocommerce adapters

index.html

@@ -6,10 +6,7 @@
         <title>React Native Web</title>
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-        <link
-            href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap"
-            rel="stylesheet"
-        />
+        <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet" />
         <style id="bootsplash-style">
             #bootsplash {
                 position: absolute;
@@ -24,7 +21,7 @@
                 background-color: #ffffff;
             }
             #bootsplash-logo {
-                content: url("data:image/svg+xml;base64,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");
+                content: url('data:image/svg+xml;base64,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');
                 width: 100px;
                 height: 100px;
             }

src/components/CheckoutButton.tsx

@@ -1,26 +1,36 @@
 import { Spinner, YStack, Button, useTheme } from 'tamagui';
+import { useNavigation } from '@react-navigation/native';
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import { faRocket, faUnlock } from '@fortawesome/free-solid-svg-icons';
 import { formatCurrency } from '../utils/format';
 import { useAuth } from '../contexts/AuthContext';
 import useCart from '../hooks/use-cart';
 
-const CheckoutButton = ({ total = 0, onCheckout, onAuthRequired, disabled = false, isLoading = false, ...props }) => {
+const CheckoutButton = ({ total = 0, onCheckout, onAuthRequired, disabled = false, isLoading = false }) => {
     const theme = useTheme();
+    const navigation = useNavigation();
     const { isAuthenticated } = useAuth();
     const [cart, updateCart] = useCart();
 
+    const handleAuthRequired = () => {
+        if (typeof onAuthRequired === 'function') {
+            onAuthRequired();
+        } else {
+            navigation.navigate('StoreProfileTab', { screen: 'PhoneLogin' });
+        }
+    };
+
     return (
         <YStack width='100%'>
             {isAuthenticated ? (
-                <Button onPress={onCheckout} size='$5' bg='$green-600' flex={1} opacity={disabled ? 0.75 : 1} disabled={disabled} {...props}>
+                <Button onPress={onCheckout} size='$5' bg='$green-600' flex={1} opacity={disabled ? 0.75 : 1} disabled={disabled}>
                     <Button.Icon>{isLoading ? <Spinner color='$green-100' /> : <FontAwesomeIcon icon={faRocket} color={theme['green-100'].val} />}</Button.Icon>
                     <Button.Text color='$green-100' fontWeight='bold' fontSize='$5'>
                         Checkout {formatCurrency(total, cart.getAttribute('currency'))}
                     </Button.Text>
                 </Button>
             ) : (
-                <Button onPress={onAuthRequired} size='$5' bg='$blue-600' flex={1} disabled={true} {...props}>
+                <Button onPress={handleAuthRequired} size='$5' bg='$blue-600' flex={1}>
                     <Button.Icon>
                         <FontAwesomeIcon icon={faUnlock} color={theme['blue-100'].val} />
                     </Button.Icon>