Merge pull request #527 from Iterable/support_user_id

add support for userId in sample app
Iterable · Apr 13, 2024 · 4bdaf22 · 4bdaf22
2 parents 34f2a81 + 28ae093
commit 4bdaf22
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 9 deletions.
diff --git a/SampleApp/javascript/js/SettingsTab.js b/SampleApp/javascript/js/SettingsTab.js
@@ -6,14 +6,24 @@ import { Iterable } from '@iterable/react-native-sdk';
 class SettingsTab extends Component {
     constructor(props) {
         super(props);
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
         this.onLoginTapped = () => {
             console.log("onLoginTapped");
-            Iterable.setEmail(this.state.email);
+            if (emailRegex.test(this.state.email)) {
+                Iterable.setEmail(this.state.email);
+                this.updateState();
+            } else {
+                Iterable.setUserId(this.state.email);
+            }
             this.updateState();
         };
         this.onLogoutTapped = () => {
             console.log("onLogoutTapped");
-            Iterable.setEmail(undefined);
+            if (emailRegex.test(this.state.email)) {
+                Iterable.setEmail(undefined);
+            } else{
+                Iterable.setUserId(undefined);
+            }
             this.updateState();
         };
         this.state = { isLoggedIn: false };
@@ -42,8 +52,9 @@ class SettingsTab extends Component {
     }
     renderLoggedOut() {
         console.log("renderLoggedOut");
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
         return (React.createElement(View, { style: styles.emailContainer },
-            React.createElement(TextInput, { value: this.state.email, style: styles.emailTextInput, autoCapitalize: "none", autoCompleteType: "email", onChangeText: (text) => this.setState({ isLoggedIn: false, email: text }), placeholder: "user@example.com" }),
+            React.createElement(TextInput, { value: this.state.email, style: styles.emailTextInput, autoCapitalize: "none", autoCompleteType: emailRegex.test(this.state.email) ? "email" : "none", onChangeText: (text) => this.setState({ isLoggedIn: false, email: text }), placeholder: "user@example.com/userId" }),
             React.createElement(Button, { title: "Login", onPress: this.onLoginTapped })));
     }
     updateState() {
@@ -53,7 +64,14 @@ class SettingsTab extends Component {
                 this.setState({ isLoggedIn: true, email: email });
             }
             else {
-                this.setState({ isLoggedIn: false, email: undefined });
+                Iterable.getUserId().then(userId => {
+                    console.log("gotUserId: " + userId);
+                    if(userId) {
+                        this.setState({ isLoggedIn: true, email: userId });
+                    } else {
+                        this.setState({ isLoggedIn: false, email: undefined });
+                    }
+                })
             }
         });
     }

diff --git a/SampleApp/typescript/ts/SettingsTab.tsx b/SampleApp/typescript/ts/SettingsTab.tsx
@@ -56,15 +56,16 @@ class SettingsTab extends Component<Props, State> {
 
   private renderLoggedOut() {
     console.log("renderLoggedOut")
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
     return (
       <View style={styles.emailContainer}>
         <TextInput
           value={this.state.email}
           style={styles.emailTextInput}
           autoCapitalize="none"
-          autoCompleteType="email"
+          autoCompleteType= {emailRegex.test(this.state.email) ? "email" : "none"}
           onChangeText={(text) => this.setState({ isLoggedIn: false, email: text })}
-          placeholder="user@example.com" />
+          placeholder="user@example.com/userId" />
         <Button
           title="Login"
           onPress={this.onLoginTapped}
@@ -75,13 +76,24 @@ class SettingsTab extends Component<Props, State> {
 
   private onLoginTapped = () => {
     console.log("onLoginTapped")
-    Iterable.setEmail(this.state.email)
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
+    if (emailRegex.test(this.state.email)) {
+      Iterable.setEmail(this.state.email)
+    } else{
+      Iterable.setUserId(this.state.email)
+    }
     this.updateState()
   }
 
   private onLogoutTapped = () => {
     console.log("onLogoutTapped")
-    Iterable.setEmail(undefined)
+
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (emailRegex.test(this.state.email)) {
+      Iterable.setEmail(undefined)
+    } else {
+      Iterable.setUserId(undefined)
+    }
     this.updateState()
   }
 
@@ -91,7 +103,14 @@ class SettingsTab extends Component<Props, State> {
       if (email) {
         this.setState({ isLoggedIn: true, email: email })
       } else {
-        this.setState({ isLoggedIn: false, email: undefined })
+        Iterable.getUserId().then(userId => {
+          console.log("gotUserId: " + userId)
+          if (userId) {
+            this.setState({ isLoggedIn: true, email: userId })
+          } else {
+            this.setState({ isLoggedIn: false, email: undefined })
+          }
+        })
       }
     })
   }