From 1b333667efcd31eadbbac49845141a41553761b7 Mon Sep 17 00:00:00 2001
From: Shachar Udi <shachar@transmitsecurity.com>
Date: Thu, 12 Feb 2026 11:17:51 -0500
Subject: [PATCH 1/5] MOB-2372 Styled demo app

---
 example/src/screens/authenticated-user.tsx | 337 +++++++++++++++++----
 example/src/screens/login.tsx              | 243 ++++++++++++---
 2 files changed, 476 insertions(+), 104 deletions(-)

diff --git a/example/src/screens/authenticated-user.tsx b/example/src/screens/authenticated-user.tsx
index 590eea2..b4857b7 100644
--- a/example/src/screens/authenticated-user.tsx
+++ b/example/src/screens/authenticated-user.tsx
@@ -1,5 +1,5 @@
 import React, { type ReactElement } from 'react';
-import { Text, TextInput, Button, StyleSheet, View } from 'react-native';
+import { Text, TextInput, TouchableOpacity, StyleSheet, View, ScrollView, StatusBar } from 'react-native';
 import type { MoneyTransferDTO } from '../App';
 
 interface AuthenticatedUserProps {
@@ -29,69 +29,122 @@ export class AuthenticatedUser extends React.Component<AuthenticatedUserProps, A
     render() {
         return (
             <View style={styles.container}>
-                <View style={{ marginTop: 20 }} />
-                <Text style={styles.sectionTitle}>{"DRS Example"}</Text>
-                {this.renderHeading()}
-                {this.renderInputFields()}
-                {this.renderSubmitButton()}
-                {this.renderLogoutButton()}
-            </View>
-        );
-    }
+                <StatusBar barStyle="light-content" backgroundColor="#1e3a8a" translucent={false} />
+                
+                {/* Header */}
+                <View style={styles.header}>
+                    <View style={styles.headerContent}>
+                        <View>
+                            <Text style={styles.welcomeText}>Welcome back</Text>
+                            <Text style={styles.userName}>{this.props.userId}</Text>
+                        </View>
+                        <TouchableOpacity
+                            style={styles.logoutButton}
+                            onPress={() => this.props.onLogout()}
+                            activeOpacity={0.8}
+                        >
+                            <Text style={styles.logoutButtonText}>Sign Out</Text>
+                        </TouchableOpacity>
+                    </View>
+                </View>
 
-    private renderSubmitButton(): ReactElement {
-        return (
-            <View style={{ marginTop: 24 }}>
-                <Button
-                    title="Submit"
-                    onPress={() => this.hadnleSubmit()}
-                />
-            </View>
-        )
-    }
+                <ScrollView style={styles.content} showsVerticalScrollIndicator={false}>
+                    {/* Account Overview */}
+                    <View style={styles.accountCard}>
+                        <Text style={styles.cardTitle}>Account Balance</Text>
+                        <Text style={styles.balanceAmount}>$12,450.67</Text>
+                        <Text style={styles.accountNumber}>Checking •••• 4521</Text>
+                    </View>
 
-    private renderLogoutButton(): ReactElement {
-        return (
-            <View style={{ marginTop: 24 }}>
-                <Button
-                    title="Logout"
-                    onPress={() => this.props.onLogout()}
-                />
+                    {/* Quick Actions */}
+                    <View style={styles.quickActionsContainer}>
+                        <Text style={styles.sectionTitle}>Quick Actions</Text>
+                        <View style={styles.quickActionsGrid}>
+                            <View style={styles.quickActionItem}>
+                                <View style={styles.quickActionIcon}>
+                                    <Text style={styles.quickActionEmoji}>💸</Text>
+                                </View>
+                                <Text style={styles.quickActionText}>Transfer</Text>
+                            </View>
+                            <View style={styles.quickActionItem}>
+                                <View style={styles.quickActionIcon}>
+                                    <Text style={styles.quickActionEmoji}>💳</Text>
+                                </View>
+                                <Text style={styles.quickActionText}>Pay Bills</Text>
+                            </View>
+                            <View style={styles.quickActionItem}>
+                                <View style={styles.quickActionIcon}>
+                                    <Text style={styles.quickActionEmoji}>📊</Text>
+                                </View>
+                                <Text style={styles.quickActionText}>Analytics</Text>
+                            </View>
+                            <View style={styles.quickActionItem}>
+                                <View style={styles.quickActionIcon}>
+                                    <Text style={styles.quickActionEmoji}>⚙️</Text>
+                                </View>
+                                <Text style={styles.quickActionText}>Settings</Text>
+                            </View>
+                        </View>
+                    </View>
+
+                    {/* Money Transfer Form */}
+                    <View style={styles.transferCard}>
+                        <Text style={styles.cardTitle}>Send Money</Text>
+                        <Text style={styles.cardSubtitle}>Transfer funds securely with fraud protection</Text>
+                        {this.renderInputFields()}
+                        {this.renderSubmitButton()}
+                    </View>
+                </ScrollView>
             </View>
-        )
+        );
     }
 
-    private renderHeading(): ReactElement {
+    private renderSubmitButton(): ReactElement {
         return (
-            <View style={{ marginTop: 24 }}>
-                <Text style={styles.statusLabel}>Money Transfer</Text>
-            </View>
+            <TouchableOpacity
+                style={styles.transferButton}
+                onPress={() => this.hadnleSubmit()}
+                activeOpacity={0.8}
+            >
+                <Text style={styles.transferButtonText}>🔒 Send Money Securely</Text>
+            </TouchableOpacity>
         )
     }
 
     private renderInputFields(): ReactElement {
         return (
-            <View style={{ padding: 24 }}>
-                <TextInput
-                    style={styles.input}
-                    value={this.state.payerName}
-                    onChangeText={(text) => this.setState({ payerName: text })}
-                    placeholder="Payer Name"
-                    autoFocus={true}
-                />
-                <TextInput
-                    style={styles.input}
-                    value={this.state.payeeName}
-                    onChangeText={(text) => this.setState({ payeeName: text })}
-                    placeholder="Payee Name"
-                />
-                <TextInput
-                    style={styles.input}
-                    value={this.state.amount}
-                    onChangeText={(text) => this.setState({ amount: text })}
-                    placeholder="Amount (USD)"
-                    keyboardType="numeric"
-                />  
+            <View style={styles.inputContainer}>
+                <View style={styles.inputWrapper}>
+                    <Text style={styles.inputLabel}>From</Text>
+                    <TextInput
+                        style={styles.input}
+                        value={this.state.payerName}
+                        onChangeText={(text) => this.setState({ payerName: text })}
+                        placeholder="Your account name"
+                        placeholderTextColor="#9ca3af"
+                    />
+                </View>
+                <View style={styles.inputWrapper}>
+                    <Text style={styles.inputLabel}>To</Text>
+                    <TextInput
+                        style={styles.input}
+                        value={this.state.payeeName}
+                        onChangeText={(text) => this.setState({ payeeName: text })}
+                        placeholder="Recipient's name"
+                        placeholderTextColor="#9ca3af"
+                    />
+                </View>
+                <View style={styles.inputWrapper}>
+                    <Text style={styles.inputLabel}>Amount (USD)</Text>
+                    <TextInput
+                        style={styles.input}
+                        value={this.state.amount}
+                        onChangeText={(text) => this.setState({ amount: text })}
+                        placeholder="0.00"
+                        placeholderTextColor="#9ca3af"
+                        keyboardType="numeric"
+                    />
+                </View>
             </View>
         )
     }
@@ -119,21 +172,180 @@ export class AuthenticatedUser extends React.Component<AuthenticatedUserProps, A
 const styles = StyleSheet.create({
     container: {
         flex: 1,
-        justifyContent: 'flex-start',
-        padding: 12,
+        backgroundColor: '#f8fafc',
     },
-    statusLabel: {
+    header: {
+        backgroundColor: '#1e3a8a',
+        paddingTop: 20,
+        paddingBottom: 24,
+        paddingHorizontal: 24,
+    },
+    headerContent: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+    welcomeText: {
+        color: '#93c5fd',
+        fontSize: 14,
+        fontWeight: '400',
+    },
+    userName: {
+        color: '#ffffff',
+        fontSize: 20,
+        fontWeight: '700',
+        marginTop: 4,
+    },
+    logoutButton: {
+        backgroundColor: 'rgba(255, 255, 255, 0.2)',
+        paddingHorizontal: 16,
+        paddingVertical: 8,
+        borderRadius: 20,
+    },
+    logoutButtonText: {
+        color: '#ffffff',
+        fontSize: 14,
+        fontWeight: '600',
+    },
+    content: {
+        flex: 1,
+    },
+    accountCard: {
+        backgroundColor: '#ffffff',
+        marginHorizontal: 24,
+        marginTop: -20,
+        borderRadius: 16,
+        padding: 24,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.1,
+        shadowRadius: 8,
+        elevation: 8,
+    },
+    cardTitle: {
         fontSize: 16,
         fontWeight: '600',
+        color: '#6b7280',
+        marginBottom: 8,
+    },
+    cardSubtitle: {
+        fontSize: 14,
+        color: '#9ca3af',
+        marginBottom: 20,
+        lineHeight: 20,
+    },
+    balanceAmount: {
+        fontSize: 36,
+        fontWeight: '700',
+        color: '#1f2937',
+        marginBottom: 8,
+    },
+    accountNumber: {
+        fontSize: 14,
+        color: '#6b7280',
+        fontWeight: '500',
+    },
+    quickActionsContainer: {
+        paddingHorizontal: 24,
+        paddingTop: 32,
+    },
+    quickActionsGrid: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        justifyContent: 'space-between',
+        marginTop: 16,
+    },
+    quickActionItem: {
+        width: '22%',
+        alignItems: 'center',
+        marginBottom: 16,
+    },
+    quickActionIcon: {
+        width: 50,
+        height: 50,
+        backgroundColor: '#e0e7ff',
+        borderRadius: 25,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginBottom: 8,
+    },
+    quickActionEmoji: {
+        fontSize: 20,
+    },
+    quickActionText: {
+        fontSize: 12,
+        color: '#6b7280',
+        fontWeight: '500',
         textAlign: 'center',
-        color: 'black',
     },
-    sectionTitle: {
-        fontSize: 24,
+    transferCard: {
+        backgroundColor: '#ffffff',
+        marginHorizontal: 24,
+        marginTop: 24,
+        marginBottom: 32,
+        borderRadius: 16,
+        padding: 24,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 6,
+        elevation: 6,
+    },
+    inputContainer: {
+        marginTop: 16,
+    },
+    inputWrapper: {
+        marginBottom: 20,
+    },
+    inputLabel: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#374151',
+        marginBottom: 8,
+        marginLeft: 4,
+    },
+    input: {
+        height: 56,
+        backgroundColor: '#f9fafb',
+        borderRadius: 12,
+        paddingHorizontal: 16,
+        fontSize: 16,
+        borderWidth: 1.5,
+        borderColor: '#e5e7eb',
+        color: '#1f2937',
+    },
+    transferButton: {
+        backgroundColor: '#1e3a8a',
+        height: 56,
+        borderRadius: 12,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginTop: 16,
+        shadowColor: '#1e3a8a',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.3,
+        shadowRadius: 8,
+        elevation: 6,
+    },
+    transferButtonText: {
+        color: '#ffffff',
+        fontSize: 16,
+        fontWeight: '600',
+        letterSpacing: 0.5,
+    },
+    // Legacy styles for compatibility
+    statusLabel: {
+        fontSize: 16,
         fontWeight: '600',
         textAlign: 'center',
         color: 'black',
     },
+    sectionTitle: {
+        fontSize: 18,
+        fontWeight: '700',
+        color: '#1f2937',
+        marginBottom: 4,
+    },
     sectionDescription: {
         marginTop: 40,
         marginBottom: 10,
@@ -142,11 +354,4 @@ const styles = StyleSheet.create({
         textAlign: 'center',
         color: 'black',
     },
-    input: {
-        height: 40,
-        margin: 12,
-        borderWidth: 1,
-        padding: 10,
-        borderRadius: 8,
-    },
 });
\ No newline at end of file
diff --git a/example/src/screens/login.tsx b/example/src/screens/login.tsx
index 564a8cb..a99078c 100644
--- a/example/src/screens/login.tsx
+++ b/example/src/screens/login.tsx
@@ -1,5 +1,5 @@
 import React, { type ReactElement } from 'react';
-import { View, Text, TextInput, Button, StyleSheet } from 'react-native';
+import { View, Text, TextInput, TouchableOpacity, StyleSheet, StatusBar } from 'react-native';
 import config from '../config';
 
 interface LoginProps { 
@@ -24,44 +24,86 @@ export default class Login extends React.Component<LoginProps, LoginState> {
     render() {
         return (
             <View style={styles.container}>
-                <View style={{ marginTop: 20 }} />
-                <Text style={styles.sectionTitle}>{"DRS Example"}</Text>
-                {this.renderCredentialFields()}
-                {this.renderLoginButton()}
-                {this.renderStatusLabel()}
+                <StatusBar barStyle="light-content" backgroundColor="#1e3a8a" translucent={false} />
+                
+                {/* Header with Bank Branding */}
+                <View style={styles.header}>
+                    <View style={styles.logoContainer}>
+                        <View style={styles.logoIcon}>
+                            <Text style={styles.logoText}>🏦</Text>
+                        </View>
+                        <Text style={styles.bankName}>SecureBank</Text>
+                        <Text style={styles.bankSubtitle}>Digital Banking Platform</Text>
+                    </View>
+                </View>
+
+                {/* Welcome Section */}
+                <View style={styles.welcomeSection}>
+                    <Text style={styles.welcomeTitle}>Welcome Back</Text>
+                    <Text style={styles.welcomeSubtitle}>Please sign in to your account</Text>
+                </View>
+
+                {/* Login Form */}
+                <View style={styles.formContainer}>
+                    {this.renderCredentialFields()}
+                    {this.renderLoginButton()}
+                    {this.renderStatusLabel()}
+                </View>
+
+                {/* Footer */}
+                <View style={styles.footer}>
+                    <Text style={styles.footerText}>
+                        Protected by Transmit Security
+                    </Text>
+                    <Text style={styles.footerSubText}>
+                        Your security is our priority
+                    </Text>
+                </View>
             </View>
         );
     }
 
     private renderCredentialFields(): ReactElement {
         return (
-            <View style={{ marginTop: 24 }}>
-                <TextInput
-                    style={styles.input}
-                    onChangeText={(text) => this.setState({ username: text })}
-                    value={this.state.username}
-                    placeholder="Type your username here"
-                    editable={false} selectTextOnFocus={false}
-                />
-                <TextInput
-                    style={styles.input}
-                    onChangeText={(text) => this.setState({ password: text })}
-                    value={this.state.password}
-                    placeholder="Type your password here"
-                    editable={false} selectTextOnFocus={false}
-                />
+            <View style={styles.inputContainer}>
+                <View style={styles.inputWrapper}>
+                    <Text style={styles.inputLabel}>Username</Text>
+                    <TextInput
+                        style={styles.input}
+                        onChangeText={(text) => this.setState({ username: text })}
+                        value={this.state.username}
+                        placeholder="Enter your username"
+                        placeholderTextColor="#9ca3af"
+                        editable={false} 
+                        selectTextOnFocus={false}
+                    />
+                </View>
+                <View style={styles.inputWrapper}>
+                    <Text style={styles.inputLabel}>Password</Text>
+                    <TextInput
+                        style={styles.input}
+                        onChangeText={(text) => this.setState({ password: text })}
+                        value={this.state.password}
+                        placeholder="Enter your password"
+                        placeholderTextColor="#9ca3af"
+                        secureTextEntry={true}
+                        editable={false} 
+                        selectTextOnFocus={false}
+                    />
+                </View>
             </View>
         )
     }
 
     private renderLoginButton(): ReactElement {
         return (
-            <View style={{ marginTop: 24 }}>
-                <Button
-                    title="Login"
-                    onPress={() => this.props.onLogin(this.state.username, this.state.password)}
-                />
-            </View>
+            <TouchableOpacity
+                style={styles.loginButton}
+                onPress={() => this.props.onLogin(this.state.username, this.state.password)}
+                activeOpacity={0.8}
+            >
+                <Text style={styles.loginButtonText}>Sign In</Text>
+            </TouchableOpacity>
         )
     }
 
@@ -78,15 +120,147 @@ export default class Login extends React.Component<LoginProps, LoginState> {
 const styles = StyleSheet.create({
     container: {
         flex: 1,
-        justifyContent: 'flex-start',
-        padding: 12,
+        backgroundColor: '#f8fafc',
     },
-    statusLabel: {
+    header: {
+        backgroundColor: '#1e3a8a',
+        paddingTop: 20,
+        paddingBottom: 40,
+        paddingHorizontal: 24,
+        borderBottomLeftRadius: 30,
+        borderBottomRightRadius: 30,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.15,
+        shadowRadius: 8,
+        elevation: 8,
+    },
+    logoContainer: {
+        alignItems: 'center',
+    },
+    logoIcon: {
+        width: 80,
+        height: 80,
+        backgroundColor: '#3b82f6',
+        borderRadius: 40,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginBottom: 16,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 4,
+    },
+    logoText: {
+        fontSize: 40,
+    },
+    bankName: {
+        fontSize: 28,
+        fontWeight: '700',
+        color: '#ffffff',
+        marginBottom: 4,
+    },
+    bankSubtitle: {
+        fontSize: 14,
+        color: '#93c5fd',
+        fontWeight: '400',
+    },
+    welcomeSection: {
+        paddingHorizontal: 24,
+        paddingTop: 40,
+        paddingBottom: 20,
+    },
+    welcomeTitle: {
+        fontSize: 24,
+        fontWeight: '700',
+        color: '#1f2937',
+        marginBottom: 8,
+        textAlign: 'center',
+    },
+    welcomeSubtitle: {
+        fontSize: 16,
+        color: '#6b7280',
+        textAlign: 'center',
+        lineHeight: 24,
+    },
+    formContainer: {
+        flex: 1,
+        paddingHorizontal: 24,
+        paddingTop: 20,
+    },
+    inputContainer: {
+        marginBottom: 24,
+    },
+    inputWrapper: {
+        marginBottom: 20,
+    },
+    inputLabel: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#374151',
+        marginBottom: 8,
+        marginLeft: 4,
+    },
+    input: {
+        height: 56,
+        backgroundColor: '#ffffff',
+        borderRadius: 12,
+        paddingHorizontal: 16,
         fontSize: 16,
+        borderWidth: 1.5,
+        borderColor: '#e5e7eb',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.05,
+        shadowRadius: 2,
+        elevation: 1,
+    },
+    loginButton: {
+        backgroundColor: '#1e3a8a',
+        height: 56,
+        borderRadius: 12,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginTop: 8,
+        shadowColor: '#1e3a8a',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.3,
+        shadowRadius: 8,
+        elevation: 6,
+    },
+    loginButtonText: {
+        color: '#ffffff',
+        fontSize: 18,
+        fontWeight: '600',
+        letterSpacing: 0.5,
+    },
+    statusLabel: {
+        fontSize: 14,
+        fontWeight: '500',
+        textAlign: 'center',
+        color: '#ef4444',
+        marginTop: 16,
+        paddingHorizontal: 16,
+        lineHeight: 20,
+    },
+    footer: {
+        paddingHorizontal: 24,
+        paddingBottom: 40,
+        alignItems: 'center',
+    },
+    footerText: {
+        fontSize: 14,
         fontWeight: '600',
+        color: '#1e3a8a',
+        marginBottom: 4,
+    },
+    footerSubText: {
+        fontSize: 12,
+        color: '#6b7280',
         textAlign: 'center',
-        color: 'red',
     },
+    // Legacy styles for compatibility
     sectionTitle: {
         fontSize: 24,
         fontWeight: '600',
@@ -101,11 +275,4 @@ const styles = StyleSheet.create({
         textAlign: 'center',
         color: 'black',
     },
-    input: {
-        height: 40,
-        margin: 12,
-        borderWidth: 1,
-        padding: 10,
-        borderRadius: 8,
-    },
 });
\ No newline at end of file

From d640786adda13aa455ffe92db1b7921418684b7a Mon Sep 17 00:00:00 2001
From: Shachar Udi <shachar@transmitsecurity.com>
Date: Fri, 20 Feb 2026 11:02:57 -0500
Subject: [PATCH 2/5] MOB-2372 Updated native iOS SDK

---
 example/ios/Podfile.lock                  | 14 +++++++-------
 react-native-ts-accountprotection.podspec |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock
index f9cf7c5..970d624 100644
--- a/example/ios/Podfile.lock
+++ b/example/ios/Podfile.lock
@@ -1,6 +1,6 @@
 PODS:
-  - AccountProtection (0.0.8006):
-    - TSCoreSDK (~> 0.2.8000)
+  - AccountProtection (2.2.0):
+    - TSCoreSDK (~> 1.1.0)
   - boost (1.83.0)
   - DoubleConversion (1.1.6)
   - FBLazyVector (0.73.5)
@@ -889,7 +889,7 @@ PODS:
     - glog
     - React-debug
   - react-native-ts-accountprotection (0.1.9):
-    - AccountProtection (= 0.0.8006)
+    - AccountProtection (= 2.2.0)
     - glog
     - RCT-Folly (= 2022.05.16.00)
     - React-Core
@@ -1061,7 +1061,7 @@ PODS:
     - React-logger (= 0.73.5)
     - React-perflogger (= 0.73.5)
   - SocketRocket (0.6.1)
-  - TSCoreSDK (0.2.8000)
+  - TSCoreSDK (1.1.2)
   - Yoga (1.14.0)
 
 DEPENDENCIES:
@@ -1228,7 +1228,7 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
 SPEC CHECKSUMS:
-  AccountProtection: 9e330dd72fe0eb1c0854d496994944cfdbca1251
+  AccountProtection: 32e1d95047bd7a183c6877a21b91dff2ed9223cb
   boost: d3f49c53809116a5d38da093a8aa78bf551aed09
   DoubleConversion: fea03f2699887d960129cc54bba7e52542b6f953
   FBLazyVector: 56e0e498dbb513b96c40bac6284729ba4e62672d
@@ -1258,7 +1258,7 @@ SPEC CHECKSUMS:
   React-jsinspector: 32db5e364bcae8fca8cdf8891830636275add0c5
   React-logger: 4136cd22748f4275b04bf82f7b6853ba93b5e0e3
   React-Mapbuffer: ee9b45b26e759a099a3e024df50b25af390ee998
-  react-native-ts-accountprotection: c8de4b1d1821ddc843b940fe96df4f8104fe9e52
+  react-native-ts-accountprotection: 5e32039e0dfe0d7c1f39ac4d398a9b6ad47d9b9d
   React-nativeconfig: 1166714a4f7ea57a0df5c2cb44fbc70f98d580f9
   React-NativeModulesApple: d4a50e6739e201716bc90178c143d019c8e09c36
   React-perflogger: 0dd9f1725d55f8264b81efadd373fe1d9cca7dc2
@@ -1280,7 +1280,7 @@ SPEC CHECKSUMS:
   React-utils: c89ba7cfbcc24a54c229928aa971a2539f5bdc21
   ReactCommon: 878d3e9687f81294648a1d025b91ecde7e22179e
   SocketRocket: f32cd54efbe0f095c4d7594881e52619cfe80b17
-  TSCoreSDK: 62d65a01ebde7c0bfe889582cbc6edffa3f09568
+  TSCoreSDK: 4f470f7de900589db07d9ff2967b5d733fe1be1d
   Yoga: a716eea57d0d3430219c0a5a233e1e93ee931eb7
 
 PODFILE CHECKSUM: f4bf8cd8d354e08c7c833a720648a16bd26f7e54
diff --git a/react-native-ts-accountprotection.podspec b/react-native-ts-accountprotection.podspec
index e2d517a..787e58a 100644
--- a/react-native-ts-accountprotection.podspec
+++ b/react-native-ts-accountprotection.podspec
@@ -14,7 +14,7 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => min_ios_version_supported }
   s.source       = { :git => "https://github.com/TransmitSecurity/react-native-ts-accountprotection.git", :tag => "#{s.version}" }
 
-  s.dependency 'AccountProtection', '0.0.8006'
+  s.dependency 'AccountProtection', '2.2.0'
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
   # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.

From fdf6bf7e2df11c7d23c3acf37907bf5004af3ee1 Mon Sep 17 00:00:00 2001
From: Shachar Udi <shachar@transmitsecurity.com>
Date: Fri, 20 Feb 2026 11:15:23 -0500
Subject: [PATCH 3/5] MOB-2372 Refactor module exports to React native best
 practices approach - Named Exports

---
 example/src/App.tsx |  30 ++++++----
 src/index.tsx       | 134 ++++++++++++++++++++------------------------
 2 files changed, 79 insertions(+), 85 deletions(-)

diff --git a/example/src/App.tsx b/example/src/App.tsx
index 23771cb..473fb83 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -2,7 +2,15 @@ import * as React from 'react';
 
 import { SafeAreaView, Keyboard, Alert, Platform } from 'react-native';
 
-import TSAccountProtectionSDKModule, { TSAccountProtectionSDK } from 'react-native-ts-accountprotection';
+import { 
+  initializeIOS,
+  setUserId,
+  setLogLevel,
+  clearUser, 
+  triggerAction, 
+  TSAction, 
+  type TSActionEventOptions 
+} from 'react-native-ts-accountprotection';
 import MockServer from './mock-server';
 
 import Login from './screens/login';
@@ -72,11 +80,11 @@ export default class App extends React.Component<Props, State> {
   private onAppReady = async (): Promise<void> => {
     // this is for iOS only, Android TSAccountProtectionSDK is initialized from application onCreate.
     if (Platform.OS === 'ios') {
-      await TSAccountProtectionSDKModule.initializeIOS(config.clientId, null);
+      await initializeIOS(config.clientId, null);
     }
 
     const isLogEnabled = true;
-    await TSAccountProtectionSDKModule.setLogLevel(isLogEnabled);
+    await setLogLevel(isLogEnabled);
   }
 
   // Authentication
@@ -84,7 +92,7 @@ export default class App extends React.Component<Props, State> {
   private handleLogin = async (username: string, password: string) => {
     Keyboard.dismiss()
     this.setState({ isLoading: true });
-    await TSAccountProtectionSDKModule.setUserId(username);
+    await setUserId(username);
 
     setTimeout(async () => {
       this.navigateToAuthenticatedUserScreen();
@@ -103,7 +111,7 @@ export default class App extends React.Component<Props, State> {
   private onLogout = async () => {
     Keyboard.dismiss()
     this.setState({ isLoading: true });
-    await TSAccountProtectionSDKModule.clearUser();
+    await clearUser();
     this.setState({
       isLoading: false,
       currentScreen: AppScreen.Login
@@ -117,8 +125,8 @@ export default class App extends React.Component<Props, State> {
     this.setState({ isLoading: true });
 
     try {
-      const triggerActionResponse = await TSAccountProtectionSDKModule.triggerAction(
-        `${TSAccountProtectionSDK.TSAction.transaction}`,
+      const triggerActionResponse = await triggerAction(
+        `${TSAction.transaction}`,
         this.convertMoneyTransferDTOToEventOptions(requestDTO)
       );
 
@@ -141,8 +149,8 @@ export default class App extends React.Component<Props, State> {
   }
 
   private handleTriggerActionLoginExample = async () => {
-    const triggerActionResponse = await TSAccountProtectionSDKModule.triggerAction(
-      TSAccountProtectionSDK.TSAction.login,
+    const triggerActionResponse = await triggerAction(
+      TSAction.login,
       {
         correlationId: "CORRELATION_ID",
         claimUserId: "CLAIM_USER_ID",
@@ -154,8 +162,8 @@ export default class App extends React.Component<Props, State> {
     console.log("Action Token: ", actionToken);
   }
 
-  private convertMoneyTransferDTOToEventOptions = (requestDTO: MoneyTransferDTO): TSAccountProtectionSDK.TSActionEventOptions => {
-    const options: TSAccountProtectionSDK.TSActionEventOptions = {
+  private convertMoneyTransferDTOToEventOptions = (requestDTO: MoneyTransferDTO): TSActionEventOptions => {
+    const options: TSActionEventOptions = {
       transactionData: {
         amount: parseFloat(requestDTO.amount),
         currency: 'USD',
diff --git a/src/index.tsx b/src/index.tsx
index fde0b5e..9fd4427 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -17,90 +17,76 @@ const TsAccountprotection = NativeModules.TsAccountprotection
       }
     );
 
-export namespace TSAccountProtectionSDK {
-
-  export interface TSPayer {
-    name?: string;
-    branchIdentifier?: string;
-    accountNumber?: string;
-  }
-
-  export interface TSPayee {
-    name?: string;
-    bankIdentifier?: string;
-    branchIdentifier?: string;
-    accountNumber?: string;
-  }
-
-  export interface TSTransactionData {
-    amount: number;
-    currency: string;
-    reason?: string;
-    transactionDate?: number;
-    payer?: TSPayer;
-    payee?: TSPayee;
-  }
-  
-  export interface TSActionEventOptions {
-    correlationId?: string;
-    claimUserId?: string;
-    referenceUserId?: string;
-    transactionData?: TSTransactionData;
-  }
+// Type definitions
+export interface TSPayer {
+  name?: string;
+  branchIdentifier?: string;
+  accountNumber?: string;
+}
 
-  export interface TSSetActionResponse {
-    success: boolean;
-    actionToken: string;
-    error: string;
-  }
+export interface TSPayee {
+  name?: string;
+  bankIdentifier?: string;
+  branchIdentifier?: string;
+  accountNumber?: string;
+}
 
-  export const enum TSAction {
-    login = 'login',
-    register = 'register',
-    transaction = 'transaction',
-    checkout = 'checkout',
-    password_reset = 'password_reset',
-    logout = 'logout',
-    account_details_change = 'account_details_change',
-    account_auth_change = 'account_auth_change',
-    withdraw = 'withdraw',
-    credits_change = 'credits_change',
-  }
+export interface TSTransactionData {
+  amount: number;
+  currency: string;
+  reason?: string;
+  transactionDate?: number;
+  payer?: TSPayer;
+  payee?: TSPayee;
 }
 
-export interface TSAccountProtectionSDKModule {
-  initializeSDKIOS: () => Promise<boolean>;
-  initializeIOS: (clientId: string, baseUrl?: string | undefined) => Promise<boolean>; 
-  setUserId: (userId: string) => Promise<boolean>;
-  triggerAction: (action: string, options?: TSAccountProtectionSDK.TSActionEventOptions) => Promise<TSAccountProtectionSDK.TSSetActionResponse>;
-  clearUser: () => Promise<boolean>;
-  setLogLevel: (isLogEnabled: boolean) => Promise<boolean>;
+export interface TSActionEventOptions {
+  correlationId?: string;
+  claimUserId?: string;
+  referenceUserId?: string;
+  transactionData?: TSTransactionData;
 }
 
-class RNAccountProtectionSDK implements TSAccountProtectionSDKModule {
+export interface TSSetActionResponse {
+  success: boolean;
+  actionToken: string;
+  error: string;
+}
 
-  initializeSDKIOS(): Promise<boolean> {
-    return TsAccountprotection.initializeSDK();
-  }
+export const enum TSAction {
+  login = 'login',
+  register = 'register',
+  transaction = 'transaction',
+  checkout = 'checkout',
+  password_reset = 'password_reset',
+  logout = 'logout',
+  account_details_change = 'account_details_change',
+  account_auth_change = 'account_auth_change',
+  withdraw = 'withdraw',
+  credits_change = 'credits_change',
+}
 
-  initializeIOS(clientId: string, baseUrl?: string | null): Promise<boolean> {
-    return TsAccountprotection.initializeIOS(clientId, baseUrl);
-  }
+// SDK Functions - Direct exports of the native module methods
+export function initializeSDKIOS(): Promise<boolean> {
+  return TsAccountprotection.initializeSDK();
+}
 
-  setUserId(userId: string): Promise<boolean> {
-    return TsAccountprotection.setUserId(userId);
-  }
+export function initializeIOS(clientId: string, baseUrl?: string | null): Promise<boolean> {
+  return TsAccountprotection.initializeIOS(clientId, baseUrl);
+}
 
-  triggerAction(action: string, options?: TSAccountProtectionSDK.TSActionEventOptions): Promise<TSAccountProtectionSDK.TSSetActionResponse> {
-    return TsAccountprotection.triggerAction(action, options);
-  }
+export function setUserId(userId: string): Promise<boolean> {
+  return TsAccountprotection.setUserId(userId);
+}
 
-  clearUser(): Promise<boolean> {
-    return TsAccountprotection.clearUser();
-  }
+export function triggerAction(action: string, options?: TSActionEventOptions): Promise<TSSetActionResponse> {
+  return TsAccountprotection.triggerAction(action, options);
+}
 
-  setLogLevel(isLogEnabled: boolean): Promise<boolean> {
-    return TsAccountprotection.setLogLevel(isLogEnabled);
-  }
+export function clearUser(): Promise<boolean> {
+  return TsAccountprotection.clearUser();
 }
-export default new RNAccountProtectionSDK();
\ No newline at end of file
+
+export function setLogLevel(isLogEnabled: boolean): Promise<boolean> {
+  return TsAccountprotection.setLogLevel(isLogEnabled);
+}
\ No newline at end of file

From ab27e3e065499b3a9ca4aa59a0a4ea577f780df0 Mon Sep 17 00:00:00 2001
From: Shachar Udi <shachar@transmitsecurity.com>
Date: Fri, 20 Feb 2026 11:24:24 -0500
Subject: [PATCH 4/5] MOB-2372 Updated documentation

---
 MIGRATION_0.1.9-0.2.0.md | 55 ++++++++++++++++++++++++++++++++++++++++
 README.md                | 24 ++++++++++++------
 RELEASE_NOTES.md         | 45 ++++++++++++++++++++++++++++++++
 3 files changed, 116 insertions(+), 8 deletions(-)
 create mode 100644 MIGRATION_0.1.9-0.2.0.md

diff --git a/MIGRATION_0.1.9-0.2.0.md b/MIGRATION_0.1.9-0.2.0.md
new file mode 100644
index 0000000..bf78553
--- /dev/null
+++ b/MIGRATION_0.1.9-0.2.0.md
@@ -0,0 +1,55 @@
+# Migration Guide: v0.1.9 → v0.2.0
+
+## Breaking Changes
+
+### Import Syntax Changes
+
+**Before (v0.1.9):**
+```js
+import TSAccountProtectionSDKModule, { TSAccountProtectionSDK } from 'react-native-ts-accountprotection';
+```
+
+**After (v0.2.0):**
+```js
+import { 
+  initializeSDKIOS, 
+  setUserId, 
+  triggerAction, 
+  clearUser, 
+  setLogLevel, 
+  TSAction,
+  type TSActionEventOptions 
+} from 'react-native-ts-accountprotection';
+```
+
+### API Usage Changes
+
+| Function | Before | After |
+|----------|--------|-------|
+| Initialize iOS | `TSAccountProtectionSDKModule.initializeSDKIOS()` | `initializeSDKIOS()` |
+| Set User ID | `TSAccountProtectionSDKModule.setUserId(id)` | `setUserId(id)` |
+| Trigger Action | `TSAccountProtectionSDKModule.triggerAction(...)` | `triggerAction(...)` |
+| Clear User | `TSAccountProtectionSDKModule.clearUser()` | `clearUser()` |
+| Set Log Level | `TSAccountProtectionSDKModule.setLogLevel(...)` | `setLogLevel(...)` |
+
+### Type Reference Changes
+
+| Type | Before | After |
+|------|--------|-------|
+| Actions | `TSAccountProtectionSDK.TSAction.login` | `TSAction.login` |
+| Event Options | `TSAccountProtectionSDK.TSActionEventOptions` | `TSActionEventOptions` |
+| Response | `TSAccountProtectionSDK.TSSetActionResponse` | `TSSetActionResponse` |
+
+## Quick Migration Steps
+
+1. **Update imports** - Replace the old import with individual named imports
+2. **Remove module prefix** - Remove `TSAccountProtectionSDKModule.` from all function calls
+3. **Update type references** - Remove `TSAccountProtectionSDK.` namespace from type references
+4. **Add type imports** - Import types with `type` keyword for TypeScript projects
+
+## Benefits
+
+- ✅ Tree-shaking support for smaller bundle sizes
+- ✅ Cleaner, more intuitive API
+- ✅ Better TypeScript intellisense
+- ✅ Follows React Native community standards
diff --git a/README.md b/README.md
index af6caea..5fc5906 100644
--- a/README.md
+++ b/README.md
@@ -91,11 +91,11 @@ First, [Create](https://developer.transmitsecurity.com/guides/risk/quick_start_i
 
 Next initialize the SDK when your app component is ready
 ```js
-import TSAccountProtectionSDKModule, { TSAccountProtectionSDK } from 'react-native-ts-accountprotection';
+import { initializeSDKIOS } from 'react-native-ts-accountprotection';
 
 componentDidMount(): void {
     // Setup the module as soon your component is ready
-    await TSAccountProtectionSDKModule.initializeSDKIOS();
+    await initializeSDKIOS();
 }
 ```
 
@@ -103,14 +103,18 @@ componentDidMount(): void {
 
 #### Set UserID after authentication
 ```js
-await TSAccountProtectionSDKModule.setUserId(username);
+import { setUserId } from 'react-native-ts-accountprotection';
+
+await setUserId(username);
 ```
 
 #### Trigger Action
 ```js
+import { triggerAction, TSAction } from 'react-native-ts-accountprotection';
+
 private handleTriggerActionLoginExample = async () => {
-  const triggerActionResponse = await TSAccountProtectionSDKModule.triggerAction(
-    TSAccountProtectionSDK.TSAction.login,
+  const triggerActionResponse = await triggerAction(
+    TSAction.login,
     { 
       correlationId: "CORRELATION_ID", 
       claimUserId: "CLAIM_USER_ID", 
@@ -125,14 +129,18 @@ private handleTriggerActionLoginExample = async () => {
 
 #### Clear User ID
 ```js
-await TSAccountProtectionSDKModule.clearUser();
+import { clearUser } from 'react-native-ts-accountprotection';
+
+await clearUser();
 ```
 
 #### Set Log Level (Optional)
 Enable or disable SDK debug logging:
 ```js
-await TSAccountProtectionSDKModule.setLogLevel(true);  // Enable debug logging
-await TSAccountProtectionSDKModule.setLogLevel(false); // Disable debug logging
+import { setLogLevel } from 'react-native-ts-accountprotection';
+
+await setLogLevel(true);  // Enable debug logging
+await setLogLevel(false); // Disable debug logging
 ```
 
 ## Important
diff --git a/RELEASE_NOTES.md b/RELEASE_NOTES.md
index 6faa9f6..234eb17 100644
--- a/RELEASE_NOTES.md
+++ b/RELEASE_NOTES.md
@@ -1,5 +1,50 @@
 # Release Notes
 
+## Version 0.2.0
+
+### 🚀 Major API Refactor - Breaking Changes
+
+This release introduces a significant improvement to the module's API design, transitioning from a mixed export pattern to clean named exports. This change aligns with modern React Native best practices and provides a better developer experience.
+
+### Breaking Changes
+- **Removed default export**: The module no longer exports a default class instance
+- **Eliminated namespace**: All types previously under `TSAccountProtectionSDK` namespace are now direct exports
+- **Updated import syntax**: Imports now use named imports instead of mixed default + named imports
+- **Simplified type references**: Types no longer require namespace prefixes
+
+### API Changes
+
+**Before:**
+```js
+import TSAccountProtectionSDKModule, { TSAccountProtectionSDK } from 'react-native-ts-accountprotection';
+
+await TSAccountProtectionSDKModule.initializeIOS(clientId);
+await TSAccountProtectionSDKModule.triggerAction(TSAccountProtectionSDK.TSAction.login, options);
+```
+
+**After:**
+```js
+import { initializeIOS, triggerAction, TSAction } from 'react-native-ts-accountprotection';
+
+await initializeIOS(clientId);
+await triggerAction(TSAction.login, options);
+```
+
+### Benefits
+- **Tree-shaking support**: Enables better bundle optimization and smaller app sizes
+- **Cleaner imports**: More intuitive and concise import statements
+- **Better IntelliSense**: Improved TypeScript auto-completion and code navigation
+- **Modern standards**: Follows current React Native community best practices
+- **Simplified usage**: No more verbose namespace references
+
+### Migration
+A complete migration guide is available in `MIGRATION_0.1.9-0.2.0.md` with step-by-step instructions for updating your existing code.
+
+### Technical Details
+- Removed wrapper class layer for direct native module access
+- Streamlined type definitions without nested namespaces
+- Maintained full API functionality while improving ergonomics
+
 ## Version 0.1.9
 
 ### Breaking Changes (iOS only)

From 05c075363143ecb9b807cf70718661986cf38fcc Mon Sep 17 00:00:00 2001
From: Shachar Udi <shachar@transmitsecurity.com>
Date: Fri, 20 Feb 2026 12:32:22 -0500
Subject: [PATCH 5/5] MOB-2372 updated native android sdk

---
 android/build.gradle | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/android/build.gradle b/android/build.gradle
index e10dc2d..55c0353 100644
--- a/android/build.gradle
+++ b/android/build.gradle
@@ -92,7 +92,7 @@ dependencies {
   // For < 0.71, this will be from the local maven repo
   // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
   //noinspection GradleDynamicVersion
-  implementation("com.ts.sdk:accountprotection:2.2.4")
+  implementation("com.ts.sdk:accountprotection:2.2.5")
   implementation "com.facebook.react:react-native:+"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 }