Add Commerce route and update navigation: define Commerce route in constants, add associated icon, and update URL handling in IterableAppProvider

Author: lposen

example/src/components/App/App.constants.ts

@@ -1,6 +1,7 @@
 import { Route } from '../../constants';
 
 export const routeIcon = {
+  [Route.Commerce]: 'cash-outline',
   [Route.Inbox]: 'mail-outline',
   [Route.User]: 'person-outline',
 };

example/src/constants/routes.ts

@@ -1,4 +1,5 @@
 export enum Route {
+  Commerce = 'Commerce',
   Inbox = 'Inbox',
   Login = 'Login',
   Main = 'Main',

example/src/hooks/useIterableApp.tsx

@@ -125,7 +125,7 @@ export const IterableAppProvider: FunctionComponent<
       config.inAppDisplayInterval = 1.0; // Min gap between in-apps. No need to set this in production.
 
       config.urlHandler = (url: string) => {
-        const routeNames = [Route.Inbox, Route.User];
+        const routeNames = [Route.Commerce, Route.Inbox, Route.User];
         for (const route of routeNames) {
           if (url.includes(route.toLowerCase())) {
             // TODO: Figure out typing for this

example/src/types/navigation.ts

@@ -8,13 +8,14 @@ import type { StackScreenProps } from '@react-navigation/stack';
 import { Route } from '../constants/routes';
 
 export type MainScreenParamList = {
+  [Route.Commerce]: undefined;
   [Route.Inbox]: undefined;
   [Route.User]: undefined;
 };
 
 export type RootStackParamList = {
-  [Route.Main]: NavigatorScreenParams<MainScreenParamList>;
   [Route.Login]: undefined;
+  [Route.Main]: NavigatorScreenParams<MainScreenParamList>;
 };
 
 export type MainScreenProps<T extends keyof MainScreenParamList> =