@rownd/react-native 2.6.0 → 2.7.1

package/README.md

@@ -20,7 +20,7 @@ npm install @rownd/react-native
 ext {
   ...
   minSdkVersion = 26
-  compileSdkVersion = 32
+  compileSdkVersion = 33
   targetSdkVersion = 31
   ...
 }
@@ -124,6 +124,37 @@ export default function MyProtectedComponent(props) {
 }
 ```
 
+### Customizing the UI
+
+Customizing the UI
+While most customizations are handled via the [Rownd dashboard](https://app.rownd.io), there are a few things that have to be customized directly in the SDK.
+
+The `customization` prop for `RowndProvider` allows specific customizations to be set:
+
+- `sheetBackgroundHexColor: string` (Hex color) Allows changing the background color underlaying the bottom sheet that appears when signing in, managing the user account, transferring encryption keys, etc.
+- `loadingAnimation: string` (JSON animation) Replace Rownd's use of the system default loading spinner with a custom animation. Any animation compatible with [Lottie](https://airbnb.design/lottie/) should work, but will be scaled to fit a 1:1 aspect ratio.
+- `sheetCornerBorderRadius: string` (Number) Modifies the curvature radius of the bottom sheet corners.
+
+```tsx
+const loadingAnimation = require('../assets/loading.json');
+
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <RowndProvider
+        config={{ appKey: '######-####-####-####-#########' }}
+        customizations={{
+          sheetBackgroundHexColor: '#ffffff',
+          sheetCornerBorderRadius: '20',
+          loadingAnimation: JSON.stringify(loadingAnimation),
+        }}
+      >
+        <Main />
+      </RowndProvider>
+    </View>
+  );
+}
+```
 ## API reference
 
 Most API methods are made available via the Rownd Provider and its associated `useRownd` React hook. Unless otherwise noted, we're assuming that you're using hooks.
@@ -154,7 +185,7 @@ Retrieves the active, valid access token for the current user.&#x20;
 ```javascript
 const { getAccessToken } = useRownd();
 
-let accessToken = await getAccessToken(=);
+let accessToken = await getAccessToken();
 ```
 
 #### is\_authenticated

package/android/build.gradle

@@ -135,8 +135,10 @@ dependencies {
     //noinspection GradleDynamicVersion
   implementation "com.facebook.react:react-native:+"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-  implementation 'io.rownd:android:1.7.0'
+  implementation 'io.rownd:android:2.1.0'
   implementation "org.jetbrains.kotlinx:kotlinx-serialization-json:1.3.2"
+  implementation 'androidx.compose.ui:ui-unit:1.3.0'
+  implementation 'androidx.compose.ui:ui-graphics:1.3.0'
 // From node_modules
 }
 

package/android/src/main/java/com/reactnativerowndplugin/RowndPluginModule.kt

@@ -1,19 +1,47 @@
 package com.reactnativerowndplugin
 
-import android.app.Application
+import android.content.res.Configuration
 import android.os.Handler
 import android.os.Looper
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
 import androidx.fragment.app.FragmentActivity
 import com.facebook.react.bridge.*
 import com.facebook.react.modules.core.DeviceEventManagerModule
+import io.rownd.android.*
 import io.rownd.android.Rownd
 import io.rownd.android.RowndSignInHint
 import io.rownd.android.RowndSignInOptions
+import io.rownd.android.models.RowndCustomizations
 import io.rownd.android.models.repos.GlobalState
-import io.rownd.android.models.repos.UserRepo
 import kotlinx.coroutines.*
 import kotlinx.serialization.json.Json
 
+class AppCustomizations(app: FragmentActivity) : RowndCustomizations() {
+  private var app: FragmentActivity
+  open var reactNativeSheetBackgroundColor: Color? = null
+
+  init {
+    this.app = app
+  }
+
+  override val dynamicSheetBackgroundColor: Color
+    get() {
+      if (reactNativeSheetBackgroundColor != null) {
+        return reactNativeSheetBackgroundColor as Color
+      }
+      val uiMode = app.resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK
+      return if (uiMode == Configuration.UI_MODE_NIGHT_YES) {
+        Color(0xff123456)
+      } else {
+        Color(0xfffedcba)
+      }
+    }
+
+  override var sheetCornerBorderRadius: Dp = 25.dp
+}
+
 
 class RowndPluginModule(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
     private var uiThreadHandler = Handler(Looper.getMainLooper())
@@ -32,7 +60,7 @@ class RowndPluginModule(reactContext: ReactApplicationContext) : ReactContextBas
     init {
       coroutineScope = CoroutineScope(Dispatchers.IO).launch {
         Rownd.state.collect {
-          uiThreadHandler.post{
+          uiThreadHandler.post {
             val params = Arguments.createMap().apply {
               putString("state", Json.encodeToString(GlobalState.serializer(), it))
             }
@@ -53,6 +81,28 @@ class RowndPluginModule(reactContext: ReactApplicationContext) : ReactContextBas
          promise.resolve(a * b * 10)
     }
 
+    @ReactMethod
+    fun customizations(config: ReadableMap) {
+      var appCustomizations = AppCustomizations(reactApplicationContext.currentActivity as FragmentActivity)
+
+      val sheetBackgroundHexColor: String? = config.getString("sheetBackgroundHexColor")
+      if (sheetBackgroundHexColor != null) {
+        appCustomizations.reactNativeSheetBackgroundColor = Color(android.graphics.Color.parseColor(sheetBackgroundHexColor))
+      }
+
+      val sheetCornerBorderRadius: String? = config.getString("sheetCornerBorderRadius")
+      if (sheetCornerBorderRadius != null && sheetCornerBorderRadius.toDoubleOrNull() != null) {
+        appCustomizations.sheetCornerBorderRadius = sheetCornerBorderRadius.toDouble().dp
+      }
+
+      val loadingAnimation: String? = config.getString("loadingAnimation")
+      if (loadingAnimation != null) {
+        appCustomizations.loadingAnimationJsonString = loadingAnimation
+      }
+
+      Rownd.config.customizations = appCustomizations
+    }
+
     @ReactMethod
     fun configure(config: ReadableMap) {
       val appKey = config.getString("appKey")
@@ -99,26 +149,27 @@ class RowndPluginModule(reactContext: ReactApplicationContext) : ReactContextBas
 
     @ReactMethod
     fun setUserData(data: ReadableMap) {
-      UserRepo.set(data.toHashMap())
+      Rownd.userRepo.set(data.toHashMap())
     }
 
     @ReactMethod
     fun setUserDataValue(key: String, array: ReadableMap) {
       val value = array.toHashMap().entries.find { it.key == "value" }?.value
       if (value != null) {
-        UserRepo.set(key, value)
+        Rownd.userRepo.set(key, value)
       } else {
         println("ROWND ANDROID PLUGIN: Missing content for value")
       }
     }
 
-//    @ReactMethod
-//    suspend fun getAccessToken(promise: Promise) {
-//      try {
-//        val accessToken = Rownd.getAccessToken()
-//        promise.resolve(accessToken ?: "")
-//      } catch (e: Throwable) {
-//        promise.reject("GET_ACCESS_TOKEN_ERROR: ", e)
-//      }
-//    }
+    @ReactMethod
+    fun getAccessToken(promise: Promise) {
+      coroutineScope = CoroutineScope(Dispatchers.IO).launch {
+        try {
+          promise.resolve(Rownd.getAccessToken() ?: "")
+        } catch (e: Throwable) {
+          promise.reject("ROWND PLUGIN MODULE ERROR: ")
+        }
+      }
+    }
 }

package/ios/RowndHelper.swift

@@ -0,0 +1,62 @@
+//
+//  RowndHelper.swift
+//  rownd-react-native
+//
+//  Created by Michael Murray on 11/4/22.
+//
+import Foundation
+import Rownd
+import Lottie
+
+extension UIViewController {
+    var colorScheme: UIUserInterfaceStyle {
+        if #available(iOS 13.0, *) {
+            return self.traitCollection.userInterfaceStyle
+        }
+        else {
+            return UIUserInterfaceStyle.unspecified
+        }
+    }
+
+}
+
+class AppCustomizations : RowndCustomizations {
+    override var sheetBackgroundColor: UIColor {
+        if let color = reactNativeSheetBackgroundColor {
+            return color
+        }
+        switch(UIViewController().colorScheme) {
+        case .light, .unspecified:
+            return .white
+        case .dark:
+            return .systemGray6
+        @unknown default:
+            return .white
+        }
+    }
+    open var reactNativeSheetBackgroundColor: UIColor? = nil
+}
+
+
+func colorWithHexString(hexString: String, alpha:CGFloat = 1.0) -> UIColor {
+        // Convert hex string to an integer
+        let hexint = Int(intFromHexString(hexStr: hexString))
+        let red = CGFloat((hexint & 0xff0000) >> 16) / 255.0
+        let green = CGFloat((hexint & 0xff00) >> 8) / 255.0
+        let blue = CGFloat((hexint & 0xff) >> 0) / 255.0
+
+        // Create color object, specifying alpha as well
+        let color = UIColor(red: red, green: green, blue: blue, alpha: alpha)
+        return color
+}
+
+func intFromHexString(hexStr: String) -> UInt32 {
+        var hexInt: UInt32 = 0
+        // Create scanner
+        let scanner: Scanner = Scanner(string: hexStr)
+        // Tell scanner to skip the # character
+        scanner.charactersToBeSkipped = CharacterSet(charactersIn: "#")
+        // Scan hex value
+        hexInt = UInt32(bitPattern: scanner.scanInt32(representation: .hexadecimal) ?? 0)
+        return hexInt
+}

package/ios/RowndPlugin.m

@@ -12,9 +12,7 @@ RCT_EXTERN_METHOD(configure:(NSDictionary *)config
 
 RCT_EXTERN_METHOD(requestSignIn:(NSDictionary *)signInConfig)
 
-RCT_EXTERN_METHOD(requestSignInApple)
-
-RCT_EXTERN_METHOD(requestSignInGoogle)
+RCT_EXTERN_METHOD(customizations:(NSDictionary *)customizations)
 
 RCT_EXTERN_METHOD(signOut)
 

package/ios/RowndPlugin.swift

@@ -2,6 +2,7 @@ import Rownd
 import SwiftUI
 import Combine
 import AnyCodable
+import Lottie
 
 @objc(RowndPlugin)
 class RowndPlugin: NSObject {
@@ -31,6 +32,34 @@ class RowndPlugin: NSObject {
             resolve(appKey)
         }
     }
+    
+    @objc(customizations:)
+    func customizations(customizations: NSDictionary) -> Void {
+        let appCustomizations = AppCustomizations()
+        
+        if let sheetBackgroundColor = customizations.value(forKey: "sheetBackgroundHexColor") as? String {
+            appCustomizations.reactNativeSheetBackgroundColor = colorWithHexString(hexString: sheetBackgroundColor)
+        }
+        
+        if let sheetCornerBorderRadius = customizations.value(forKey: "sheetCornerBorderRadius") as? String {
+            if let doubleValue = Double(sheetCornerBorderRadius) {
+                appCustomizations.sheetCornerBorderRadius = CGFloat(doubleValue)
+            }
+        }
+
+        if let loadingAnimation = customizations.value(forKey: "loadingAnimation") as? String {
+            let json = loadingAnimation.data(using: .utf8)!
+            do {
+                let decoder = JSONDecoder()
+                let animation = try decoder.decode(Animation.self, from: json)
+                appCustomizations.loadingAnimation = animation
+            } catch {
+                print("Failed to encode Loading Animation: \(error)")
+            }
+        }
+        
+        Rownd.config.customizations = appCustomizations
+    }
 
     @objc(requestSignIn:)
     func requestSignIn(signInConfig: NSDictionary) -> Void {
@@ -80,8 +109,13 @@ class RowndPlugin: NSObject {
 
     @objc(getAccessToken:withResolver:)
     func getAccessToken(resolve: @escaping RCTPromiseResolveBlock) async -> Void {
-        let accessToken = await Rownd.getAccessToken()
-        resolve(accessToken)
+        do {
+            let accessToken = try await Rownd.getAccessToken()
+            resolve(accessToken)
+        } catch {
+            print("Failed to fetch Rownd access token")
+            resolve("")
+        }
     }
 
     @objc(setUserData:)

package/lib/commonjs/components/GlobalContext.js

@@ -31,7 +31,8 @@ const eventEmitter = new _reactNative.NativeEventEmitter(NativeRowndModules.IOSR
 const RowndProvider = _ref => {
   let {
     children,
-    config
+    config,
+    customizations
   } = _ref;
   const [state, dispatch] = (0, _react.useReducer)(_rowndReducer.rowndReducer, _rowndReducer.initialRowndState);
   const value = {
@@ -39,9 +40,11 @@ const RowndProvider = _ref => {
     dispatch
   };
   (0, _react.useEffect)(() => {
-    NativeRowndModules.configure({
-      appKey: config.appKey
-    });
+    NativeRowndModules.configure(config);
+
+    if (customizations) {
+      NativeRowndModules.customizations(customizations);
+    }
   }, [config.appKey]);
   (0, _react.useEffect)(() => {
     const onSessionConnect = event => {

package/lib/commonjs/components/GlobalContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["YellowBox","ignoreWarnings","GlobalContext","createContext","undefined","eventEmitter","NativeEventEmitter","IOSRowndEventEmitter","Rownd","RowndProvider","children","config","state","dispatch","useReducer","rowndReducer","initialRowndState","value","useEffect","NativeRowndModules","configure","appKey","onSessionConnect","event","type","ActionType","UPDATE_STATE","payload","Platform","OS","JSON","parse","subscription","addListener","remove","Linking","addEventListener","handleSignInLink","url","initialUrl","getInitialURL","useRowndContext","context","useContext","Error"],"sources":["GlobalContext.tsx"],"sourcesContent":["import React, {\n  useReducer,\n  createContext,\n  FunctionComponent,\n  useEffect,\n  useContext,\n} from 'react';\nimport { NativeEventEmitter, YellowBox, Platform, Linking } from 'react-native';\nimport { initialRowndState, rowndReducer } from '../reducer/rowndReducer';\n\nimport * as NativeRowndModules from '../utils/nativeModule';\nimport { Rownd, IOSRowndEventEmitter } from '../utils/nativeModule';\nimport type { ContextProps, GlobalState } from './GlobalContext.types';\nimport type { TAction } from '../constants/action';\nimport { ActionType } from '../constants/action';\n\nYellowBox.ignoreWarnings([\n  'Sending `update_state` with no listeners registered.',\n]);\nYellowBox.ignoreWarnings(['YellowBox has been replaced with LogBox.']);\n\nexport const GlobalContext = createContext<\n  { state: GlobalState; dispatch: React.Dispatch<TAction> } | undefined\n>(undefined);\n\nconst eventEmitter = new NativeEventEmitter(IOSRowndEventEmitter || Rownd);\n\nconst RowndProvider: FunctionComponent<ContextProps> = ({\n  children,\n  config,\n}) => {\n  const [state, dispatch] = useReducer(rowndReducer, initialRowndState);\n  const value = { state, dispatch };\n\n  useEffect(() => {\n    NativeRowndModules.configure({appKey: config.appKey});\n  }, [config.appKey]);\n\n  useEffect(() => {\n    const onSessionConnect = (event: any) => {\n      dispatch({\n        type: ActionType.UPDATE_STATE,\n        payload: Platform.OS === 'android' ? JSON.parse(event.state) : event,\n      });\n    };\n    const subscription = eventEmitter.addListener(\n      'update_state',\n      onSessionConnect\n    );\n\n    if (!subscription) return;\n\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  // Handle deep linking\n  useEffect(() => {\n    if (Platform.OS !== 'ios') {\n      return;\n    }\n\n    Linking.addEventListener('url', (event) =>\n      NativeRowndModules.handleSignInLink(event.url)\n    );\n\n    (async () => {\n      const initialUrl = await Linking.getInitialURL();\n      if (initialUrl) {\n        NativeRowndModules.handleSignInLink(initialUrl);\n      }\n    })();\n  }, []);\n\n  return (\n    <GlobalContext.Provider value={value}>{children}</GlobalContext.Provider>\n  );\n};\n\nfunction useRowndContext() {\n  const context = useContext(GlobalContext);\n\n  if (context === undefined) {\n    throw new Error(\n      'useGlobalContext must be used within a GlobalContext Provider'\n    );\n  }\n\n  return context;\n}\n\nexport { RowndProvider, useRowndContext };\n"],"mappings":";;;;;;;;AAAA;;AAOA;;AACA;;AAEA;;AAIA;;;;;;AAEAA,sBAAA,CAAUC,cAAV,CAAyB,CACvB,sDADuB,CAAzB;;AAGAD,sBAAA,CAAUC,cAAV,CAAyB,CAAC,0CAAD,CAAzB;;AAEO,MAAMC,aAAa,gBAAG,IAAAC,oBAAA,EAE3BC,SAF2B,CAAtB;;AAIP,MAAMC,YAAY,GAAG,IAAIC,+BAAJ,CAAuBC,uCAAA,IAAwBC,wBAA/C,CAArB;;AAEA,MAAMC,aAA8C,GAAG,QAGjD;EAAA,IAHkD;IACtDC,QADsD;IAEtDC;EAFsD,CAGlD;EACJ,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,iBAAA,EAAWC,0BAAX,EAAyBC,+BAAzB,CAA1B;EACA,MAAMC,KAAK,GAAG;IAAEL,KAAF;IAASC;EAAT,CAAd;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACdC,kBAAkB,CAACC,SAAnB,CAA6B;MAACC,MAAM,EAAEV,MAAM,CAACU;IAAhB,CAA7B;EACD,CAFD,EAEG,CAACV,MAAM,CAACU,MAAR,CAFH;EAIA,IAAAH,gBAAA,EAAU,MAAM;IACd,MAAMI,gBAAgB,GAAIC,KAAD,IAAgB;MACvCV,QAAQ,CAAC;QACPW,IAAI,EAAEC,kBAAA,CAAWC,YADV;QAEPC,OAAO,EAAEC,qBAAA,CAASC,EAAT,KAAgB,SAAhB,GAA4BC,IAAI,CAACC,KAAL,CAAWR,KAAK,CAACX,KAAjB,CAA5B,GAAsDW;MAFxD,CAAD,CAAR;IAID,CALD;;IAMA,MAAMS,YAAY,GAAG3B,YAAY,CAAC4B,WAAb,CACnB,cADmB,EAEnBX,gBAFmB,CAArB;IAKA,IAAI,CAACU,YAAL,EAAmB;IAEnB,OAAO,MAAM;MACXA,YAAY,CAACE,MAAb;IACD,CAFD;EAGD,CAjBD,EAiBG,EAjBH,EARI,CA2BJ;;EACA,IAAAhB,gBAAA,EAAU,MAAM;IACd,IAAIU,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;MACzB;IACD;;IAEDM,oBAAA,CAAQC,gBAAR,CAAyB,KAAzB,EAAiCb,KAAD,IAC9BJ,kBAAkB,CAACkB,gBAAnB,CAAoCd,KAAK,CAACe,GAA1C,CADF;;IAIA,CAAC,YAAY;MACX,MAAMC,UAAU,GAAG,MAAMJ,oBAAA,CAAQK,aAAR,EAAzB;;MACA,IAAID,UAAJ,EAAgB;QACdpB,kBAAkB,CAACkB,gBAAnB,CAAoCE,UAApC;MACD;IACF,CALD;EAMD,CAfD,EAeG,EAfH;EAiBA,oBACE,6BAAC,aAAD,CAAe,QAAf;IAAwB,KAAK,EAAEtB;EAA/B,GAAuCP,QAAvC,CADF;AAGD,CAnDD;;;;AAqDA,SAAS+B,eAAT,GAA2B;EACzB,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWzC,aAAX,CAAhB;;EAEA,IAAIwC,OAAO,KAAKtC,SAAhB,EAA2B;IACzB,MAAM,IAAIwC,KAAJ,CACJ,+DADI,CAAN;EAGD;;EAED,OAAOF,OAAP;AACD"}
+{"version":3,"names":["YellowBox","ignoreWarnings","GlobalContext","createContext","undefined","eventEmitter","NativeEventEmitter","IOSRowndEventEmitter","Rownd","RowndProvider","children","config","customizations","state","dispatch","useReducer","rowndReducer","initialRowndState","value","useEffect","NativeRowndModules","configure","appKey","onSessionConnect","event","type","ActionType","UPDATE_STATE","payload","Platform","OS","JSON","parse","subscription","addListener","remove","Linking","addEventListener","handleSignInLink","url","initialUrl","getInitialURL","useRowndContext","context","useContext","Error"],"sources":["GlobalContext.tsx"],"sourcesContent":["import React, {\n  useReducer,\n  createContext,\n  FunctionComponent,\n  useEffect,\n  useContext,\n} from 'react';\nimport { NativeEventEmitter, YellowBox, Platform, Linking } from 'react-native';\nimport { initialRowndState, rowndReducer } from '../reducer/rowndReducer';\n\nimport * as NativeRowndModules from '../utils/nativeModule';\nimport { Rownd, IOSRowndEventEmitter } from '../utils/nativeModule';\nimport type { ContextProps, GlobalState } from './GlobalContext.types';\nimport type { TAction } from '../constants/action';\nimport { ActionType } from '../constants/action';\n\nYellowBox.ignoreWarnings([\n  'Sending `update_state` with no listeners registered.',\n]);\nYellowBox.ignoreWarnings(['YellowBox has been replaced with LogBox.']);\n\nexport const GlobalContext = createContext<\n  { state: GlobalState; dispatch: React.Dispatch<TAction> } | undefined\n>(undefined);\n\nconst eventEmitter = new NativeEventEmitter(IOSRowndEventEmitter || Rownd);\n\nconst RowndProvider: FunctionComponent<ContextProps> = ({\n  children,\n  config,\n  customizations\n}) => {\n  const [state, dispatch] = useReducer(rowndReducer, initialRowndState);\n  const value = { state, dispatch };\n\n  useEffect(() => {\n    NativeRowndModules.configure(config);\n    if (customizations) {\n      NativeRowndModules.customizations(customizations);\n    }\n  }, [config.appKey]);\n\n  useEffect(() => {\n    const onSessionConnect = (event: any) => {\n      dispatch({\n        type: ActionType.UPDATE_STATE,\n        payload: Platform.OS === 'android' ? JSON.parse(event.state) : event,\n      });\n    };\n    const subscription = eventEmitter.addListener(\n      'update_state',\n      onSessionConnect\n    );\n\n    if (!subscription) return;\n\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  // Handle deep linking\n  useEffect(() => {\n    if (Platform.OS !== 'ios') {\n      return;\n    }\n\n    Linking.addEventListener('url', (event) =>\n      NativeRowndModules.handleSignInLink(event.url)\n    );\n\n    (async () => {\n      const initialUrl = await Linking.getInitialURL();\n      if (initialUrl) {\n        NativeRowndModules.handleSignInLink(initialUrl);\n      }\n    })();\n  }, []);\n\n  return (\n    <GlobalContext.Provider value={value}>{children}</GlobalContext.Provider>\n  );\n};\n\nfunction useRowndContext() {\n  const context = useContext(GlobalContext);\n\n  if (context === undefined) {\n    throw new Error(\n      'useGlobalContext must be used within a GlobalContext Provider'\n    );\n  }\n\n  return context;\n}\n\nexport { RowndProvider, useRowndContext };\n"],"mappings":";;;;;;;;AAAA;;AAOA;;AACA;;AAEA;;AAIA;;;;;;AAEAA,sBAAA,CAAUC,cAAV,CAAyB,CACvB,sDADuB,CAAzB;;AAGAD,sBAAA,CAAUC,cAAV,CAAyB,CAAC,0CAAD,CAAzB;;AAEO,MAAMC,aAAa,gBAAG,IAAAC,oBAAA,EAE3BC,SAF2B,CAAtB;;AAIP,MAAMC,YAAY,GAAG,IAAIC,+BAAJ,CAAuBC,uCAAA,IAAwBC,wBAA/C,CAArB;;AAEA,MAAMC,aAA8C,GAAG,QAIjD;EAAA,IAJkD;IACtDC,QADsD;IAEtDC,MAFsD;IAGtDC;EAHsD,CAIlD;EACJ,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,iBAAA,EAAWC,0BAAX,EAAyBC,+BAAzB,CAA1B;EACA,MAAMC,KAAK,GAAG;IAAEL,KAAF;IAASC;EAAT,CAAd;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACdC,kBAAkB,CAACC,SAAnB,CAA6BV,MAA7B;;IACA,IAAIC,cAAJ,EAAoB;MAClBQ,kBAAkB,CAACR,cAAnB,CAAkCA,cAAlC;IACD;EACF,CALD,EAKG,CAACD,MAAM,CAACW,MAAR,CALH;EAOA,IAAAH,gBAAA,EAAU,MAAM;IACd,MAAMI,gBAAgB,GAAIC,KAAD,IAAgB;MACvCV,QAAQ,CAAC;QACPW,IAAI,EAAEC,kBAAA,CAAWC,YADV;QAEPC,OAAO,EAAEC,qBAAA,CAASC,EAAT,KAAgB,SAAhB,GAA4BC,IAAI,CAACC,KAAL,CAAWR,KAAK,CAACX,KAAjB,CAA5B,GAAsDW;MAFxD,CAAD,CAAR;IAID,CALD;;IAMA,MAAMS,YAAY,GAAG5B,YAAY,CAAC6B,WAAb,CACnB,cADmB,EAEnBX,gBAFmB,CAArB;IAKA,IAAI,CAACU,YAAL,EAAmB;IAEnB,OAAO,MAAM;MACXA,YAAY,CAACE,MAAb;IACD,CAFD;EAGD,CAjBD,EAiBG,EAjBH,EAXI,CA8BJ;;EACA,IAAAhB,gBAAA,EAAU,MAAM;IACd,IAAIU,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;MACzB;IACD;;IAEDM,oBAAA,CAAQC,gBAAR,CAAyB,KAAzB,EAAiCb,KAAD,IAC9BJ,kBAAkB,CAACkB,gBAAnB,CAAoCd,KAAK,CAACe,GAA1C,CADF;;IAIA,CAAC,YAAY;MACX,MAAMC,UAAU,GAAG,MAAMJ,oBAAA,CAAQK,aAAR,EAAzB;;MACA,IAAID,UAAJ,EAAgB;QACdpB,kBAAkB,CAACkB,gBAAnB,CAAoCE,UAApC;MACD;IACF,CALD;EAMD,CAfD,EAeG,EAfH;EAiBA,oBACE,6BAAC,aAAD,CAAe,QAAf;IAAwB,KAAK,EAAEtB;EAA/B,GAAuCR,QAAvC,CADF;AAGD,CAvDD;;;;AAyDA,SAASgC,eAAT,GAA2B;EACzB,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAW1C,aAAX,CAAhB;;EAEA,IAAIyC,OAAO,KAAKvC,SAAhB,EAA2B;IACzB,MAAM,IAAIyC,KAAJ,CACJ,+DADI,CAAN;EAGD;;EAED,OAAOF,OAAP;AACD"}

package/lib/commonjs/components/GlobalContext.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["GlobalContext.types.ts"],"sourcesContent":["import type { TAction } from '../constants/action';\nimport type { IConfig } from '../utils/config';\n\nexport type ContextProps = {\n  config: IConfig;\n};\n\nexport type Dispatch = (action: TAction) => void;\n\nexport type GlobalState = {\n  // is_initializing: boolean;\n  // is_container_visible: boolean;\n  // use_modal: boolean;\n  // nav: {\n  //   current_route: string;\n  //   route_trigger: string;\n  //   event_id: string;\n  //   section: string;\n  //   options?: any;\n  // };\n  user: {\n    data: {\n      id?: string;\n      email?: string | null;\n      [key: string]: any;\n    };\n    // needs_refresh?: boolean;\n    // redacted: string[];\n  };\n  auth: {\n    access_token: string | null;\n    refresh_token: string | null;\n    app_id: string | null;\n    init_data?: Record<string, any>;\n    is_verified_user?: boolean;\n  };\n  app: {\n    id?: string;\n    icon?: string;\n    icon_content_type?: string;\n    config: AppConfig | null;\n    schema: AppSchema | null;\n    user_verification_field?: string;\n    user_verification_fields?: string[];\n  };\n  // local_acls: Record<string, { shared: boolean }> | null;\n  // is_saving_user_data: boolean;\n  config?: IConfig;\n};\n\ntype AppSchema = Record<string, SchemaField>;\n\nexport interface SchemaField {\n  display_name: string;\n  type: string;\n  data_category: string;\n  required: boolean;\n  owned_by: string;\n  user_visible: boolean;\n  revoke_after: string;\n  required_retention: string;\n  collection_justification: string;\n  opt_out_warning: string;\n}\n\nexport interface AppConfig {\n  customizations: {\n    primary_color: string;\n  };\n  default_user_id_format?: string;\n  hub: {\n    auth: {\n      allow_unverified_users?: boolean;\n      additional_fields: [\n        {\n          name: string;\n          type: string;\n          label: string;\n          placeholder?: string;\n          options: [\n            {\n              value: string;\n              label: string;\n            }\n          ];\n        }\n      ];\n      email: {\n        from_address: string;\n        image: string;\n      };\n      show_app_icon: boolean;\n    };\n    customizations: HubCustomizations;\n  };\n}\n\nexport interface HubCustomizations {\n  rounded_corners: boolean;\n  primary_color: string;\n  placement: 'bottom-left' | 'hidden';\n  offset_x: number;\n  offset_y: number;\n  property_overrides: Record<string, string>;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["GlobalContext.types.ts"],"sourcesContent":["import type { TAction } from '../constants/action';\nimport type { Customizations, IConfig } from '../utils/config';\n\nexport type ContextProps = {\n  config: IConfig;\n  customizations?: Customizations\n};\n\nexport type Dispatch = (action: TAction) => void;\n\nexport type GlobalState = {\n  // is_initializing: boolean;\n  // is_container_visible: boolean;\n  // use_modal: boolean;\n  // nav: {\n  //   current_route: string;\n  //   route_trigger: string;\n  //   event_id: string;\n  //   section: string;\n  //   options?: any;\n  // };\n  user: {\n    data: {\n      id?: string;\n      email?: string | null;\n      [key: string]: any;\n    };\n    // needs_refresh?: boolean;\n    // redacted: string[];\n  };\n  auth: {\n    access_token: string | null;\n    refresh_token: string | null;\n    app_id: string | null;\n    init_data?: Record<string, any>;\n    is_verified_user?: boolean;\n  };\n  app: {\n    id?: string;\n    icon?: string;\n    icon_content_type?: string;\n    config: AppConfig | null;\n    schema: AppSchema | null;\n    user_verification_field?: string;\n    user_verification_fields?: string[];\n  };\n  // local_acls: Record<string, { shared: boolean }> | null;\n  // is_saving_user_data: boolean;\n  config?: IConfig;\n};\n\ntype AppSchema = Record<string, SchemaField>;\n\nexport interface SchemaField {\n  display_name: string;\n  type: string;\n  data_category: string;\n  required: boolean;\n  owned_by: string;\n  user_visible: boolean;\n  revoke_after: string;\n  required_retention: string;\n  collection_justification: string;\n  opt_out_warning: string;\n}\n\nexport interface AppConfig {\n  customizations: {\n    primary_color: string;\n  };\n  default_user_id_format?: string;\n  hub: {\n    auth: {\n      allow_unverified_users?: boolean;\n      additional_fields: [\n        {\n          name: string;\n          type: string;\n          label: string;\n          placeholder?: string;\n          options: [\n            {\n              value: string;\n              label: string;\n            }\n          ];\n        }\n      ];\n      email: {\n        from_address: string;\n        image: string;\n      };\n      show_app_icon: boolean;\n    };\n    customizations: HubCustomizations;\n  };\n}\n\nexport interface HubCustomizations {\n  rounded_corners: boolean;\n  primary_color: string;\n  placement: 'bottom-left' | 'hidden';\n  offset_x: number;\n  offset_y: number;\n  property_overrides: Record<string, string>;\n}\n"],"mappings":""}

package/lib/commonjs/utils/config.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["config.ts"],"sourcesContent":["export interface IConfig {\n  appKey: string;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["config.ts"],"sourcesContent":["export interface IConfig {\n  appKey: string;\n}\n\nexport interface Customizations {\n  sheetBackgroundHexColor?: string;\n  sheetCornerBorderRadius?: string;\n  loadingAnimation?: string;\n}\n"],"mappings":""}

package/lib/commonjs/utils/nativeModule.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Rownd = exports.LINKING_ERROR = exports.IOSRowndEventEmitter = void 0;
 exports.configure = configure;
+exports.customizations = customizations;
 exports.getAccessToken = getAccessToken;
 exports.handleSignInLink = handleSignInLink;
 exports.manageAccount = manageAccount;
@@ -35,24 +36,23 @@ const IOSRowndEventEmitter = _reactNative.Platform.OS !== 'ios' ? null : _reactN
 });
 exports.IOSRowndEventEmitter = IOSRowndEventEmitter;
 
-const isNotAvailableInAndroidYet = () => {
-  console.log('ROWND: NOT AVAILABLE IN ANDROID YET');
-  return true;
-};
-
 function configure(config) {
   return Rownd.configure(config);
 }
 
+function customizations(customizationConfig) {
+  return Rownd.customizations(customizationConfig);
+}
+
 function requestSignIn(config) {
   if (!config) {
     Rownd.requestSignIn({
-      method: "default"
+      method: 'default'
     });
   }
 
   return Rownd.requestSignIn({
-    method: (config === null || config === void 0 ? void 0 : config.method) || "default",
+    method: (config === null || config === void 0 ? void 0 : config.method) || 'default',
     postSignInRedirect: (config === null || config === void 0 ? void 0 : config.postSignInRedirect) || undefined
   });
 }
@@ -66,7 +66,6 @@ function manageAccount() {
 }
 
 function getAccessToken() {
-  if (isNotAvailableInAndroidYet()) return Promise.resolve('');
   return Rownd.getAccessToken();
 }
 

package/lib/commonjs/utils/nativeModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","Rownd","NativeModules","RowndPlugin","Proxy","get","Error","IOSRowndEventEmitter","OS","RowndPluginEventEmitter","isNotAvailableInAndroidYet","console","log","configure","config","requestSignIn","method","postSignInRedirect","undefined","signOut","manageAccount","getAccessToken","Promise","resolve","setUserDataValue","key","value","setUserData","data","handleSignInLink","url"],"sources":["nativeModule.ts"],"sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport type { RequestSignIn } from 'src/hooks/rownd';\nimport type { IConfig } from './config';\n\nexport const LINKING_ERROR =\n  `The package '@rownd/react-native' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\nexport const Rownd = NativeModules.RowndPlugin\n  ? NativeModules.RowndPlugin\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\nexport const IOSRowndEventEmitter =\n  Platform.OS !== 'ios'\n    ? null\n    : NativeModules.RowndPluginEventEmitter\n    ? NativeModules.RowndPluginEventEmitter\n    : new Proxy(\n        {},\n        {\n          get() {\n            throw new Error(LINKING_ERROR);\n          },\n        }\n      );\n\nconst isNotAvailableInAndroidYet = () => {\n  console.log('ROWND: NOT AVAILABLE IN ANDROID YET');\n  return true;\n};\n\nexport function configure(config: IConfig): Promise<string> {\n  return Rownd.configure(config);\n}\n\nexport function requestSignIn(config?: RequestSignIn) {\n  if (!config) {\n    Rownd.requestSignIn({method: \"default\"});\n  }\n  return Rownd.requestSignIn({ method: config?.method || \"default\", postSignInRedirect: config?.postSignInRedirect || undefined });\n}\n\nexport function signOut() {\n  return Rownd.signOut();\n}\n\nexport function manageAccount() {\n  return Rownd.manageAccount();\n}\n\nexport function getAccessToken(): Promise<string> {\n  if (isNotAvailableInAndroidYet()) return Promise.resolve('');\n  return Rownd.getAccessToken();\n}\n\nexport function setUserDataValue(key: string, value: any) {\n  return Rownd.setUserDataValue(\n    key,\n    Platform.OS === 'android' ? { value } : value\n  );\n}\n\nexport function setUserData(data: Record<string, any>) {\n  return Rownd.setUserData(data);\n}\n\nexport function handleSignInLink(url: string) {\n  return Rownd.handleSignInLink(url);\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAIO,MAAMA,aAAa,GACvB,8EAAD,GACAC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJK;;AAMA,MAAMC,KAAK,GAAGC,0BAAA,CAAcC,WAAd,GACjBD,0BAAA,CAAcC,WADG,GAEjB,IAAIC,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUV,aAAV,CAAN;EACD;;AAHH,CAFF,CAFG;;AAWA,MAAMW,oBAAoB,GAC/BV,qBAAA,CAASW,EAAT,KAAgB,KAAhB,GACI,IADJ,GAEIN,0BAAA,CAAcO,uBAAd,GACAP,0BAAA,CAAcO,uBADd,GAEA,IAAIL,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUV,aAAV,CAAN;EACD;;AAHH,CAFF,CALC;;;AAcP,MAAMc,0BAA0B,GAAG,MAAM;EACvCC,OAAO,CAACC,GAAR,CAAY,qCAAZ;EACA,OAAO,IAAP;AACD,CAHD;;AAKO,SAASC,SAAT,CAAmBC,MAAnB,EAAqD;EAC1D,OAAOb,KAAK,CAACY,SAAN,CAAgBC,MAAhB,CAAP;AACD;;AAEM,SAASC,aAAT,CAAuBD,MAAvB,EAA+C;EACpD,IAAI,CAACA,MAAL,EAAa;IACXb,KAAK,CAACc,aAAN,CAAoB;MAACC,MAAM,EAAE;IAAT,CAApB;EACD;;EACD,OAAOf,KAAK,CAACc,aAAN,CAAoB;IAAEC,MAAM,EAAE,CAAAF,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEE,MAAR,KAAkB,SAA5B;IAAuCC,kBAAkB,EAAE,CAAAH,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEG,kBAAR,KAA8BC;EAAzF,CAApB,CAAP;AACD;;AAEM,SAASC,OAAT,GAAmB;EACxB,OAAOlB,KAAK,CAACkB,OAAN,EAAP;AACD;;AAEM,SAASC,aAAT,GAAyB;EAC9B,OAAOnB,KAAK,CAACmB,aAAN,EAAP;AACD;;AAEM,SAASC,cAAT,GAA2C;EAChD,IAAIX,0BAA0B,EAA9B,EAAkC,OAAOY,OAAO,CAACC,OAAR,CAAgB,EAAhB,CAAP;EAClC,OAAOtB,KAAK,CAACoB,cAAN,EAAP;AACD;;AAEM,SAASG,gBAAT,CAA0BC,GAA1B,EAAuCC,KAAvC,EAAmD;EACxD,OAAOzB,KAAK,CAACuB,gBAAN,CACLC,GADK,EAEL5B,qBAAA,CAASW,EAAT,KAAgB,SAAhB,GAA4B;IAAEkB;EAAF,CAA5B,GAAwCA,KAFnC,CAAP;AAID;;AAEM,SAASC,WAAT,CAAqBC,IAArB,EAAgD;EACrD,OAAO3B,KAAK,CAAC0B,WAAN,CAAkBC,IAAlB,CAAP;AACD;;AAEM,SAASC,gBAAT,CAA0BC,GAA1B,EAAuC;EAC5C,OAAO7B,KAAK,CAAC4B,gBAAN,CAAuBC,GAAvB,CAAP;AACD"}
+{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","Rownd","NativeModules","RowndPlugin","Proxy","get","Error","IOSRowndEventEmitter","OS","RowndPluginEventEmitter","configure","config","customizations","customizationConfig","requestSignIn","method","postSignInRedirect","undefined","signOut","manageAccount","getAccessToken","setUserDataValue","key","value","setUserData","data","handleSignInLink","url"],"sources":["nativeModule.ts"],"sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport type { RequestSignIn } from 'src/hooks/rownd';\nimport type { Customizations, IConfig } from './config';\n\nexport const LINKING_ERROR =\n  `The package '@rownd/react-native' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\nexport const Rownd = NativeModules.RowndPlugin\n  ? NativeModules.RowndPlugin\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\nexport const IOSRowndEventEmitter =\n  Platform.OS !== 'ios'\n    ? null\n    : NativeModules.RowndPluginEventEmitter\n    ? NativeModules.RowndPluginEventEmitter\n    : new Proxy(\n        {},\n        {\n          get() {\n            throw new Error(LINKING_ERROR);\n          },\n        }\n      );\n\nexport function configure(config: IConfig): Promise<string> {\n  return Rownd.configure(config);\n}\n\nexport function customizations(customizationConfig: Customizations) {\n  return Rownd.customizations(customizationConfig);\n}\n\nexport function requestSignIn(config?: RequestSignIn) {\n  if (!config) {\n    Rownd.requestSignIn({ method: 'default' });\n  }\n  return Rownd.requestSignIn({\n    method: config?.method || 'default',\n    postSignInRedirect: config?.postSignInRedirect || undefined,\n  });\n}\n\nexport function signOut() {\n  return Rownd.signOut();\n}\n\nexport function manageAccount() {\n  return Rownd.manageAccount();\n}\n\nexport function getAccessToken(): Promise<string> {\n  return Rownd.getAccessToken();\n}\n\nexport function setUserDataValue(key: string, value: any) {\n  return Rownd.setUserDataValue(\n    key,\n    Platform.OS === 'android' ? { value } : value\n  );\n}\n\nexport function setUserData(data: Record<string, any>) {\n  return Rownd.setUserData(data);\n}\n\nexport function handleSignInLink(url: string) {\n  return Rownd.handleSignInLink(url);\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AAIO,MAAMA,aAAa,GACvB,8EAAD,GACAC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJK;;AAMA,MAAMC,KAAK,GAAGC,0BAAA,CAAcC,WAAd,GACjBD,0BAAA,CAAcC,WADG,GAEjB,IAAIC,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUV,aAAV,CAAN;EACD;;AAHH,CAFF,CAFG;;AAWA,MAAMW,oBAAoB,GAC/BV,qBAAA,CAASW,EAAT,KAAgB,KAAhB,GACI,IADJ,GAEIN,0BAAA,CAAcO,uBAAd,GACAP,0BAAA,CAAcO,uBADd,GAEA,IAAIL,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUV,aAAV,CAAN;EACD;;AAHH,CAFF,CALC;;;AAcA,SAASc,SAAT,CAAmBC,MAAnB,EAAqD;EAC1D,OAAOV,KAAK,CAACS,SAAN,CAAgBC,MAAhB,CAAP;AACD;;AAEM,SAASC,cAAT,CAAwBC,mBAAxB,EAA6D;EAClE,OAAOZ,KAAK,CAACW,cAAN,CAAqBC,mBAArB,CAAP;AACD;;AAEM,SAASC,aAAT,CAAuBH,MAAvB,EAA+C;EACpD,IAAI,CAACA,MAAL,EAAa;IACXV,KAAK,CAACa,aAAN,CAAoB;MAAEC,MAAM,EAAE;IAAV,CAApB;EACD;;EACD,OAAOd,KAAK,CAACa,aAAN,CAAoB;IACzBC,MAAM,EAAE,CAAAJ,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEI,MAAR,KAAkB,SADD;IAEzBC,kBAAkB,EAAE,CAAAL,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEK,kBAAR,KAA8BC;EAFzB,CAApB,CAAP;AAID;;AAEM,SAASC,OAAT,GAAmB;EACxB,OAAOjB,KAAK,CAACiB,OAAN,EAAP;AACD;;AAEM,SAASC,aAAT,GAAyB;EAC9B,OAAOlB,KAAK,CAACkB,aAAN,EAAP;AACD;;AAEM,SAASC,cAAT,GAA2C;EAChD,OAAOnB,KAAK,CAACmB,cAAN,EAAP;AACD;;AAEM,SAASC,gBAAT,CAA0BC,GAA1B,EAAuCC,KAAvC,EAAmD;EACxD,OAAOtB,KAAK,CAACoB,gBAAN,CACLC,GADK,EAELzB,qBAAA,CAASW,EAAT,KAAgB,SAAhB,GAA4B;IAAEe;EAAF,CAA5B,GAAwCA,KAFnC,CAAP;AAID;;AAEM,SAASC,WAAT,CAAqBC,IAArB,EAAgD;EACrD,OAAOxB,KAAK,CAACuB,WAAN,CAAkBC,IAAlB,CAAP;AACD;;AAEM,SAASC,gBAAT,CAA0BC,GAA1B,EAAuC;EAC5C,OAAO1B,KAAK,CAACyB,gBAAN,CAAuBC,GAAvB,CAAP;AACD"}

package/lib/module/components/GlobalContext.js

@@ -12,7 +12,8 @@ const eventEmitter = new NativeEventEmitter(IOSRowndEventEmitter || Rownd);
 const RowndProvider = _ref => {
   let {
     children,
-    config
+    config,
+    customizations
   } = _ref;
   const [state, dispatch] = useReducer(rowndReducer, initialRowndState);
   const value = {
@@ -20,9 +21,11 @@ const RowndProvider = _ref => {
     dispatch
   };
   useEffect(() => {
-    NativeRowndModules.configure({
-      appKey: config.appKey
-    });
+    NativeRowndModules.configure(config);
+
+    if (customizations) {
+      NativeRowndModules.customizations(customizations);
+    }
   }, [config.appKey]);
   useEffect(() => {
     const onSessionConnect = event => {

package/lib/module/components/GlobalContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useReducer","createContext","useEffect","useContext","NativeEventEmitter","YellowBox","Platform","Linking","initialRowndState","rowndReducer","NativeRowndModules","Rownd","IOSRowndEventEmitter","ActionType","ignoreWarnings","GlobalContext","undefined","eventEmitter","RowndProvider","children","config","state","dispatch","value","configure","appKey","onSessionConnect","event","type","UPDATE_STATE","payload","OS","JSON","parse","subscription","addListener","remove","addEventListener","handleSignInLink","url","initialUrl","getInitialURL","useRowndContext","context","Error"],"sources":["GlobalContext.tsx"],"sourcesContent":["import React, {\n  useReducer,\n  createContext,\n  FunctionComponent,\n  useEffect,\n  useContext,\n} from 'react';\nimport { NativeEventEmitter, YellowBox, Platform, Linking } from 'react-native';\nimport { initialRowndState, rowndReducer } from '../reducer/rowndReducer';\n\nimport * as NativeRowndModules from '../utils/nativeModule';\nimport { Rownd, IOSRowndEventEmitter } from '../utils/nativeModule';\nimport type { ContextProps, GlobalState } from './GlobalContext.types';\nimport type { TAction } from '../constants/action';\nimport { ActionType } from '../constants/action';\n\nYellowBox.ignoreWarnings([\n  'Sending `update_state` with no listeners registered.',\n]);\nYellowBox.ignoreWarnings(['YellowBox has been replaced with LogBox.']);\n\nexport const GlobalContext = createContext<\n  { state: GlobalState; dispatch: React.Dispatch<TAction> } | undefined\n>(undefined);\n\nconst eventEmitter = new NativeEventEmitter(IOSRowndEventEmitter || Rownd);\n\nconst RowndProvider: FunctionComponent<ContextProps> = ({\n  children,\n  config,\n}) => {\n  const [state, dispatch] = useReducer(rowndReducer, initialRowndState);\n  const value = { state, dispatch };\n\n  useEffect(() => {\n    NativeRowndModules.configure({appKey: config.appKey});\n  }, [config.appKey]);\n\n  useEffect(() => {\n    const onSessionConnect = (event: any) => {\n      dispatch({\n        type: ActionType.UPDATE_STATE,\n        payload: Platform.OS === 'android' ? JSON.parse(event.state) : event,\n      });\n    };\n    const subscription = eventEmitter.addListener(\n      'update_state',\n      onSessionConnect\n    );\n\n    if (!subscription) return;\n\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  // Handle deep linking\n  useEffect(() => {\n    if (Platform.OS !== 'ios') {\n      return;\n    }\n\n    Linking.addEventListener('url', (event) =>\n      NativeRowndModules.handleSignInLink(event.url)\n    );\n\n    (async () => {\n      const initialUrl = await Linking.getInitialURL();\n      if (initialUrl) {\n        NativeRowndModules.handleSignInLink(initialUrl);\n      }\n    })();\n  }, []);\n\n  return (\n    <GlobalContext.Provider value={value}>{children}</GlobalContext.Provider>\n  );\n};\n\nfunction useRowndContext() {\n  const context = useContext(GlobalContext);\n\n  if (context === undefined) {\n    throw new Error(\n      'useGlobalContext must be used within a GlobalContext Provider'\n    );\n  }\n\n  return context;\n}\n\nexport { RowndProvider, useRowndContext };\n"],"mappings":"AAAA,OAAOA,KAAP,IACEC,UADF,EAEEC,aAFF,EAIEC,SAJF,EAKEC,UALF,QAMO,OANP;AAOA,SAASC,kBAAT,EAA6BC,SAA7B,EAAwCC,QAAxC,EAAkDC,OAAlD,QAAiE,cAAjE;AACA,SAASC,iBAAT,EAA4BC,YAA5B,QAAgD,yBAAhD;AAEA,OAAO,KAAKC,kBAAZ,MAAoC,uBAApC;AACA,SAASC,KAAT,EAAgBC,oBAAhB,QAA4C,uBAA5C;AAGA,SAASC,UAAT,QAA2B,qBAA3B;AAEAR,SAAS,CAACS,cAAV,CAAyB,CACvB,sDADuB,CAAzB;AAGAT,SAAS,CAACS,cAAV,CAAyB,CAAC,0CAAD,CAAzB;AAEA,OAAO,MAAMC,aAAa,gBAAGd,aAAa,CAExCe,SAFwC,CAAnC;AAIP,MAAMC,YAAY,GAAG,IAAIb,kBAAJ,CAAuBQ,oBAAoB,IAAID,KAA/C,CAArB;;AAEA,MAAMO,aAA8C,GAAG,QAGjD;EAAA,IAHkD;IACtDC,QADsD;IAEtDC;EAFsD,CAGlD;EACJ,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBtB,UAAU,CAACS,YAAD,EAAeD,iBAAf,CAApC;EACA,MAAMe,KAAK,GAAG;IAAEF,KAAF;IAASC;EAAT,CAAd;EAEApB,SAAS,CAAC,MAAM;IACdQ,kBAAkB,CAACc,SAAnB,CAA6B;MAACC,MAAM,EAAEL,MAAM,CAACK;IAAhB,CAA7B;EACD,CAFQ,EAEN,CAACL,MAAM,CAACK,MAAR,CAFM,CAAT;EAIAvB,SAAS,CAAC,MAAM;IACd,MAAMwB,gBAAgB,GAAIC,KAAD,IAAgB;MACvCL,QAAQ,CAAC;QACPM,IAAI,EAAEf,UAAU,CAACgB,YADV;QAEPC,OAAO,EAAExB,QAAQ,CAACyB,EAAT,KAAgB,SAAhB,GAA4BC,IAAI,CAACC,KAAL,CAAWN,KAAK,CAACN,KAAjB,CAA5B,GAAsDM;MAFxD,CAAD,CAAR;IAID,CALD;;IAMA,MAAMO,YAAY,GAAGjB,YAAY,CAACkB,WAAb,CACnB,cADmB,EAEnBT,gBAFmB,CAArB;IAKA,IAAI,CAACQ,YAAL,EAAmB;IAEnB,OAAO,MAAM;MACXA,YAAY,CAACE,MAAb;IACD,CAFD;EAGD,CAjBQ,EAiBN,EAjBM,CAAT,CARI,CA2BJ;;EACAlC,SAAS,CAAC,MAAM;IACd,IAAII,QAAQ,CAACyB,EAAT,KAAgB,KAApB,EAA2B;MACzB;IACD;;IAEDxB,OAAO,CAAC8B,gBAAR,CAAyB,KAAzB,EAAiCV,KAAD,IAC9BjB,kBAAkB,CAAC4B,gBAAnB,CAAoCX,KAAK,CAACY,GAA1C,CADF;;IAIA,CAAC,YAAY;MACX,MAAMC,UAAU,GAAG,MAAMjC,OAAO,CAACkC,aAAR,EAAzB;;MACA,IAAID,UAAJ,EAAgB;QACd9B,kBAAkB,CAAC4B,gBAAnB,CAAoCE,UAApC;MACD;IACF,CALD;EAMD,CAfQ,EAeN,EAfM,CAAT;EAiBA,oBACE,oBAAC,aAAD,CAAe,QAAf;IAAwB,KAAK,EAAEjB;EAA/B,GAAuCJ,QAAvC,CADF;AAGD,CAnDD;;AAqDA,SAASuB,eAAT,GAA2B;EACzB,MAAMC,OAAO,GAAGxC,UAAU,CAACY,aAAD,CAA1B;;EAEA,IAAI4B,OAAO,KAAK3B,SAAhB,EAA2B;IACzB,MAAM,IAAI4B,KAAJ,CACJ,+DADI,CAAN;EAGD;;EAED,OAAOD,OAAP;AACD;;AAED,SAASzB,aAAT,EAAwBwB,eAAxB"}
+{"version":3,"names":["React","useReducer","createContext","useEffect","useContext","NativeEventEmitter","YellowBox","Platform","Linking","initialRowndState","rowndReducer","NativeRowndModules","Rownd","IOSRowndEventEmitter","ActionType","ignoreWarnings","GlobalContext","undefined","eventEmitter","RowndProvider","children","config","customizations","state","dispatch","value","configure","appKey","onSessionConnect","event","type","UPDATE_STATE","payload","OS","JSON","parse","subscription","addListener","remove","addEventListener","handleSignInLink","url","initialUrl","getInitialURL","useRowndContext","context","Error"],"sources":["GlobalContext.tsx"],"sourcesContent":["import React, {\n  useReducer,\n  createContext,\n  FunctionComponent,\n  useEffect,\n  useContext,\n} from 'react';\nimport { NativeEventEmitter, YellowBox, Platform, Linking } from 'react-native';\nimport { initialRowndState, rowndReducer } from '../reducer/rowndReducer';\n\nimport * as NativeRowndModules from '../utils/nativeModule';\nimport { Rownd, IOSRowndEventEmitter } from '../utils/nativeModule';\nimport type { ContextProps, GlobalState } from './GlobalContext.types';\nimport type { TAction } from '../constants/action';\nimport { ActionType } from '../constants/action';\n\nYellowBox.ignoreWarnings([\n  'Sending `update_state` with no listeners registered.',\n]);\nYellowBox.ignoreWarnings(['YellowBox has been replaced with LogBox.']);\n\nexport const GlobalContext = createContext<\n  { state: GlobalState; dispatch: React.Dispatch<TAction> } | undefined\n>(undefined);\n\nconst eventEmitter = new NativeEventEmitter(IOSRowndEventEmitter || Rownd);\n\nconst RowndProvider: FunctionComponent<ContextProps> = ({\n  children,\n  config,\n  customizations\n}) => {\n  const [state, dispatch] = useReducer(rowndReducer, initialRowndState);\n  const value = { state, dispatch };\n\n  useEffect(() => {\n    NativeRowndModules.configure(config);\n    if (customizations) {\n      NativeRowndModules.customizations(customizations);\n    }\n  }, [config.appKey]);\n\n  useEffect(() => {\n    const onSessionConnect = (event: any) => {\n      dispatch({\n        type: ActionType.UPDATE_STATE,\n        payload: Platform.OS === 'android' ? JSON.parse(event.state) : event,\n      });\n    };\n    const subscription = eventEmitter.addListener(\n      'update_state',\n      onSessionConnect\n    );\n\n    if (!subscription) return;\n\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  // Handle deep linking\n  useEffect(() => {\n    if (Platform.OS !== 'ios') {\n      return;\n    }\n\n    Linking.addEventListener('url', (event) =>\n      NativeRowndModules.handleSignInLink(event.url)\n    );\n\n    (async () => {\n      const initialUrl = await Linking.getInitialURL();\n      if (initialUrl) {\n        NativeRowndModules.handleSignInLink(initialUrl);\n      }\n    })();\n  }, []);\n\n  return (\n    <GlobalContext.Provider value={value}>{children}</GlobalContext.Provider>\n  );\n};\n\nfunction useRowndContext() {\n  const context = useContext(GlobalContext);\n\n  if (context === undefined) {\n    throw new Error(\n      'useGlobalContext must be used within a GlobalContext Provider'\n    );\n  }\n\n  return context;\n}\n\nexport { RowndProvider, useRowndContext };\n"],"mappings":"AAAA,OAAOA,KAAP,IACEC,UADF,EAEEC,aAFF,EAIEC,SAJF,EAKEC,UALF,QAMO,OANP;AAOA,SAASC,kBAAT,EAA6BC,SAA7B,EAAwCC,QAAxC,EAAkDC,OAAlD,QAAiE,cAAjE;AACA,SAASC,iBAAT,EAA4BC,YAA5B,QAAgD,yBAAhD;AAEA,OAAO,KAAKC,kBAAZ,MAAoC,uBAApC;AACA,SAASC,KAAT,EAAgBC,oBAAhB,QAA4C,uBAA5C;AAGA,SAASC,UAAT,QAA2B,qBAA3B;AAEAR,SAAS,CAACS,cAAV,CAAyB,CACvB,sDADuB,CAAzB;AAGAT,SAAS,CAACS,cAAV,CAAyB,CAAC,0CAAD,CAAzB;AAEA,OAAO,MAAMC,aAAa,gBAAGd,aAAa,CAExCe,SAFwC,CAAnC;AAIP,MAAMC,YAAY,GAAG,IAAIb,kBAAJ,CAAuBQ,oBAAoB,IAAID,KAA/C,CAArB;;AAEA,MAAMO,aAA8C,GAAG,QAIjD;EAAA,IAJkD;IACtDC,QADsD;IAEtDC,MAFsD;IAGtDC;EAHsD,CAIlD;EACJ,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBvB,UAAU,CAACS,YAAD,EAAeD,iBAAf,CAApC;EACA,MAAMgB,KAAK,GAAG;IAAEF,KAAF;IAASC;EAAT,CAAd;EAEArB,SAAS,CAAC,MAAM;IACdQ,kBAAkB,CAACe,SAAnB,CAA6BL,MAA7B;;IACA,IAAIC,cAAJ,EAAoB;MAClBX,kBAAkB,CAACW,cAAnB,CAAkCA,cAAlC;IACD;EACF,CALQ,EAKN,CAACD,MAAM,CAACM,MAAR,CALM,CAAT;EAOAxB,SAAS,CAAC,MAAM;IACd,MAAMyB,gBAAgB,GAAIC,KAAD,IAAgB;MACvCL,QAAQ,CAAC;QACPM,IAAI,EAAEhB,UAAU,CAACiB,YADV;QAEPC,OAAO,EAAEzB,QAAQ,CAAC0B,EAAT,KAAgB,SAAhB,GAA4BC,IAAI,CAACC,KAAL,CAAWN,KAAK,CAACN,KAAjB,CAA5B,GAAsDM;MAFxD,CAAD,CAAR;IAID,CALD;;IAMA,MAAMO,YAAY,GAAGlB,YAAY,CAACmB,WAAb,CACnB,cADmB,EAEnBT,gBAFmB,CAArB;IAKA,IAAI,CAACQ,YAAL,EAAmB;IAEnB,OAAO,MAAM;MACXA,YAAY,CAACE,MAAb;IACD,CAFD;EAGD,CAjBQ,EAiBN,EAjBM,CAAT,CAXI,CA8BJ;;EACAnC,SAAS,CAAC,MAAM;IACd,IAAII,QAAQ,CAAC0B,EAAT,KAAgB,KAApB,EAA2B;MACzB;IACD;;IAEDzB,OAAO,CAAC+B,gBAAR,CAAyB,KAAzB,EAAiCV,KAAD,IAC9BlB,kBAAkB,CAAC6B,gBAAnB,CAAoCX,KAAK,CAACY,GAA1C,CADF;;IAIA,CAAC,YAAY;MACX,MAAMC,UAAU,GAAG,MAAMlC,OAAO,CAACmC,aAAR,EAAzB;;MACA,IAAID,UAAJ,EAAgB;QACd/B,kBAAkB,CAAC6B,gBAAnB,CAAoCE,UAApC;MACD;IACF,CALD;EAMD,CAfQ,EAeN,EAfM,CAAT;EAiBA,oBACE,oBAAC,aAAD,CAAe,QAAf;IAAwB,KAAK,EAAEjB;EAA/B,GAAuCL,QAAvC,CADF;AAGD,CAvDD;;AAyDA,SAASwB,eAAT,GAA2B;EACzB,MAAMC,OAAO,GAAGzC,UAAU,CAACY,aAAD,CAA1B;;EAEA,IAAI6B,OAAO,KAAK5B,SAAhB,EAA2B;IACzB,MAAM,IAAI6B,KAAJ,CACJ,+DADI,CAAN;EAGD;;EAED,OAAOD,OAAP;AACD;;AAED,SAAS1B,aAAT,EAAwByB,eAAxB"}

package/lib/module/components/GlobalContext.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["GlobalContext.types.ts"],"sourcesContent":["import type { TAction } from '../constants/action';\nimport type { IConfig } from '../utils/config';\n\nexport type ContextProps = {\n  config: IConfig;\n};\n\nexport type Dispatch = (action: TAction) => void;\n\nexport type GlobalState = {\n  // is_initializing: boolean;\n  // is_container_visible: boolean;\n  // use_modal: boolean;\n  // nav: {\n  //   current_route: string;\n  //   route_trigger: string;\n  //   event_id: string;\n  //   section: string;\n  //   options?: any;\n  // };\n  user: {\n    data: {\n      id?: string;\n      email?: string | null;\n      [key: string]: any;\n    };\n    // needs_refresh?: boolean;\n    // redacted: string[];\n  };\n  auth: {\n    access_token: string | null;\n    refresh_token: string | null;\n    app_id: string | null;\n    init_data?: Record<string, any>;\n    is_verified_user?: boolean;\n  };\n  app: {\n    id?: string;\n    icon?: string;\n    icon_content_type?: string;\n    config: AppConfig | null;\n    schema: AppSchema | null;\n    user_verification_field?: string;\n    user_verification_fields?: string[];\n  };\n  // local_acls: Record<string, { shared: boolean }> | null;\n  // is_saving_user_data: boolean;\n  config?: IConfig;\n};\n\ntype AppSchema = Record<string, SchemaField>;\n\nexport interface SchemaField {\n  display_name: string;\n  type: string;\n  data_category: string;\n  required: boolean;\n  owned_by: string;\n  user_visible: boolean;\n  revoke_after: string;\n  required_retention: string;\n  collection_justification: string;\n  opt_out_warning: string;\n}\n\nexport interface AppConfig {\n  customizations: {\n    primary_color: string;\n  };\n  default_user_id_format?: string;\n  hub: {\n    auth: {\n      allow_unverified_users?: boolean;\n      additional_fields: [\n        {\n          name: string;\n          type: string;\n          label: string;\n          placeholder?: string;\n          options: [\n            {\n              value: string;\n              label: string;\n            }\n          ];\n        }\n      ];\n      email: {\n        from_address: string;\n        image: string;\n      };\n      show_app_icon: boolean;\n    };\n    customizations: HubCustomizations;\n  };\n}\n\nexport interface HubCustomizations {\n  rounded_corners: boolean;\n  primary_color: string;\n  placement: 'bottom-left' | 'hidden';\n  offset_x: number;\n  offset_y: number;\n  property_overrides: Record<string, string>;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["GlobalContext.types.ts"],"sourcesContent":["import type { TAction } from '../constants/action';\nimport type { Customizations, IConfig } from '../utils/config';\n\nexport type ContextProps = {\n  config: IConfig;\n  customizations?: Customizations\n};\n\nexport type Dispatch = (action: TAction) => void;\n\nexport type GlobalState = {\n  // is_initializing: boolean;\n  // is_container_visible: boolean;\n  // use_modal: boolean;\n  // nav: {\n  //   current_route: string;\n  //   route_trigger: string;\n  //   event_id: string;\n  //   section: string;\n  //   options?: any;\n  // };\n  user: {\n    data: {\n      id?: string;\n      email?: string | null;\n      [key: string]: any;\n    };\n    // needs_refresh?: boolean;\n    // redacted: string[];\n  };\n  auth: {\n    access_token: string | null;\n    refresh_token: string | null;\n    app_id: string | null;\n    init_data?: Record<string, any>;\n    is_verified_user?: boolean;\n  };\n  app: {\n    id?: string;\n    icon?: string;\n    icon_content_type?: string;\n    config: AppConfig | null;\n    schema: AppSchema | null;\n    user_verification_field?: string;\n    user_verification_fields?: string[];\n  };\n  // local_acls: Record<string, { shared: boolean }> | null;\n  // is_saving_user_data: boolean;\n  config?: IConfig;\n};\n\ntype AppSchema = Record<string, SchemaField>;\n\nexport interface SchemaField {\n  display_name: string;\n  type: string;\n  data_category: string;\n  required: boolean;\n  owned_by: string;\n  user_visible: boolean;\n  revoke_after: string;\n  required_retention: string;\n  collection_justification: string;\n  opt_out_warning: string;\n}\n\nexport interface AppConfig {\n  customizations: {\n    primary_color: string;\n  };\n  default_user_id_format?: string;\n  hub: {\n    auth: {\n      allow_unverified_users?: boolean;\n      additional_fields: [\n        {\n          name: string;\n          type: string;\n          label: string;\n          placeholder?: string;\n          options: [\n            {\n              value: string;\n              label: string;\n            }\n          ];\n        }\n      ];\n      email: {\n        from_address: string;\n        image: string;\n      };\n      show_app_icon: boolean;\n    };\n    customizations: HubCustomizations;\n  };\n}\n\nexport interface HubCustomizations {\n  rounded_corners: boolean;\n  primary_color: string;\n  placement: 'bottom-left' | 'hidden';\n  offset_x: number;\n  offset_y: number;\n  property_overrides: Record<string, string>;\n}\n"],"mappings":""}

package/lib/module/utils/config.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["config.ts"],"sourcesContent":["export interface IConfig {\n  appKey: string;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["config.ts"],"sourcesContent":["export interface IConfig {\n  appKey: string;\n}\n\nexport interface Customizations {\n  sheetBackgroundHexColor?: string;\n  sheetCornerBorderRadius?: string;\n  loadingAnimation?: string;\n}\n"],"mappings":""}

package/lib/module/utils/nativeModule.js

@@ -15,24 +15,21 @@ export const IOSRowndEventEmitter = Platform.OS !== 'ios' ? null : NativeModules
   }
 
 });
-
-const isNotAvailableInAndroidYet = () => {
-  console.log('ROWND: NOT AVAILABLE IN ANDROID YET');
-  return true;
-};
-
 export function configure(config) {
   return Rownd.configure(config);
 }
+export function customizations(customizationConfig) {
+  return Rownd.customizations(customizationConfig);
+}
 export function requestSignIn(config) {
   if (!config) {
     Rownd.requestSignIn({
-      method: "default"
+      method: 'default'
     });
   }
 
   return Rownd.requestSignIn({
-    method: (config === null || config === void 0 ? void 0 : config.method) || "default",
+    method: (config === null || config === void 0 ? void 0 : config.method) || 'default',
     postSignInRedirect: (config === null || config === void 0 ? void 0 : config.postSignInRedirect) || undefined
   });
 }
@@ -43,7 +40,6 @@ export function manageAccount() {
   return Rownd.manageAccount();
 }
 export function getAccessToken() {
-  if (isNotAvailableInAndroidYet()) return Promise.resolve('');
   return Rownd.getAccessToken();
 }
 export function setUserDataValue(key, value) {

package/lib/module/utils/nativeModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModules","Platform","LINKING_ERROR","select","ios","default","Rownd","RowndPlugin","Proxy","get","Error","IOSRowndEventEmitter","OS","RowndPluginEventEmitter","isNotAvailableInAndroidYet","console","log","configure","config","requestSignIn","method","postSignInRedirect","undefined","signOut","manageAccount","getAccessToken","Promise","resolve","setUserDataValue","key","value","setUserData","data","handleSignInLink","url"],"sources":["nativeModule.ts"],"sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport type { RequestSignIn } from 'src/hooks/rownd';\nimport type { IConfig } from './config';\n\nexport const LINKING_ERROR =\n  `The package '@rownd/react-native' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\nexport const Rownd = NativeModules.RowndPlugin\n  ? NativeModules.RowndPlugin\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\nexport const IOSRowndEventEmitter =\n  Platform.OS !== 'ios'\n    ? null\n    : NativeModules.RowndPluginEventEmitter\n    ? NativeModules.RowndPluginEventEmitter\n    : new Proxy(\n        {},\n        {\n          get() {\n            throw new Error(LINKING_ERROR);\n          },\n        }\n      );\n\nconst isNotAvailableInAndroidYet = () => {\n  console.log('ROWND: NOT AVAILABLE IN ANDROID YET');\n  return true;\n};\n\nexport function configure(config: IConfig): Promise<string> {\n  return Rownd.configure(config);\n}\n\nexport function requestSignIn(config?: RequestSignIn) {\n  if (!config) {\n    Rownd.requestSignIn({method: \"default\"});\n  }\n  return Rownd.requestSignIn({ method: config?.method || \"default\", postSignInRedirect: config?.postSignInRedirect || undefined });\n}\n\nexport function signOut() {\n  return Rownd.signOut();\n}\n\nexport function manageAccount() {\n  return Rownd.manageAccount();\n}\n\nexport function getAccessToken(): Promise<string> {\n  if (isNotAvailableInAndroidYet()) return Promise.resolve('');\n  return Rownd.getAccessToken();\n}\n\nexport function setUserDataValue(key: string, value: any) {\n  return Rownd.setUserDataValue(\n    key,\n    Platform.OS === 'android' ? { value } : value\n  );\n}\n\nexport function setUserData(data: Record<string, any>) {\n  return Rownd.setUserData(data);\n}\n\nexport function handleSignInLink(url: string) {\n  return Rownd.handleSignInLink(url);\n}\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC;AAIA,OAAO,MAAMC,aAAa,GACvB,8EAAD,GACAD,QAAQ,CAACE,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJK;AAMP,OAAO,MAAMC,KAAK,GAAGN,aAAa,CAACO,WAAd,GACjBP,aAAa,CAACO,WADG,GAEjB,IAAIC,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUR,aAAV,CAAN;EACD;;AAHH,CAFF,CAFG;AAWP,OAAO,MAAMS,oBAAoB,GAC/BV,QAAQ,CAACW,EAAT,KAAgB,KAAhB,GACI,IADJ,GAEIZ,aAAa,CAACa,uBAAd,GACAb,aAAa,CAACa,uBADd,GAEA,IAAIL,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUR,aAAV,CAAN;EACD;;AAHH,CAFF,CALC;;AAcP,MAAMY,0BAA0B,GAAG,MAAM;EACvCC,OAAO,CAACC,GAAR,CAAY,qCAAZ;EACA,OAAO,IAAP;AACD,CAHD;;AAKA,OAAO,SAASC,SAAT,CAAmBC,MAAnB,EAAqD;EAC1D,OAAOZ,KAAK,CAACW,SAAN,CAAgBC,MAAhB,CAAP;AACD;AAED,OAAO,SAASC,aAAT,CAAuBD,MAAvB,EAA+C;EACpD,IAAI,CAACA,MAAL,EAAa;IACXZ,KAAK,CAACa,aAAN,CAAoB;MAACC,MAAM,EAAE;IAAT,CAApB;EACD;;EACD,OAAOd,KAAK,CAACa,aAAN,CAAoB;IAAEC,MAAM,EAAE,CAAAF,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEE,MAAR,KAAkB,SAA5B;IAAuCC,kBAAkB,EAAE,CAAAH,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEG,kBAAR,KAA8BC;EAAzF,CAApB,CAAP;AACD;AAED,OAAO,SAASC,OAAT,GAAmB;EACxB,OAAOjB,KAAK,CAACiB,OAAN,EAAP;AACD;AAED,OAAO,SAASC,aAAT,GAAyB;EAC9B,OAAOlB,KAAK,CAACkB,aAAN,EAAP;AACD;AAED,OAAO,SAASC,cAAT,GAA2C;EAChD,IAAIX,0BAA0B,EAA9B,EAAkC,OAAOY,OAAO,CAACC,OAAR,CAAgB,EAAhB,CAAP;EAClC,OAAOrB,KAAK,CAACmB,cAAN,EAAP;AACD;AAED,OAAO,SAASG,gBAAT,CAA0BC,GAA1B,EAAuCC,KAAvC,EAAmD;EACxD,OAAOxB,KAAK,CAACsB,gBAAN,CACLC,GADK,EAEL5B,QAAQ,CAACW,EAAT,KAAgB,SAAhB,GAA4B;IAAEkB;EAAF,CAA5B,GAAwCA,KAFnC,CAAP;AAID;AAED,OAAO,SAASC,WAAT,CAAqBC,IAArB,EAAgD;EACrD,OAAO1B,KAAK,CAACyB,WAAN,CAAkBC,IAAlB,CAAP;AACD;AAED,OAAO,SAASC,gBAAT,CAA0BC,GAA1B,EAAuC;EAC5C,OAAO5B,KAAK,CAAC2B,gBAAN,CAAuBC,GAAvB,CAAP;AACD"}
+{"version":3,"names":["NativeModules","Platform","LINKING_ERROR","select","ios","default","Rownd","RowndPlugin","Proxy","get","Error","IOSRowndEventEmitter","OS","RowndPluginEventEmitter","configure","config","customizations","customizationConfig","requestSignIn","method","postSignInRedirect","undefined","signOut","manageAccount","getAccessToken","setUserDataValue","key","value","setUserData","data","handleSignInLink","url"],"sources":["nativeModule.ts"],"sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport type { RequestSignIn } from 'src/hooks/rownd';\nimport type { Customizations, IConfig } from './config';\n\nexport const LINKING_ERROR =\n  `The package '@rownd/react-native' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\nexport const Rownd = NativeModules.RowndPlugin\n  ? NativeModules.RowndPlugin\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\nexport const IOSRowndEventEmitter =\n  Platform.OS !== 'ios'\n    ? null\n    : NativeModules.RowndPluginEventEmitter\n    ? NativeModules.RowndPluginEventEmitter\n    : new Proxy(\n        {},\n        {\n          get() {\n            throw new Error(LINKING_ERROR);\n          },\n        }\n      );\n\nexport function configure(config: IConfig): Promise<string> {\n  return Rownd.configure(config);\n}\n\nexport function customizations(customizationConfig: Customizations) {\n  return Rownd.customizations(customizationConfig);\n}\n\nexport function requestSignIn(config?: RequestSignIn) {\n  if (!config) {\n    Rownd.requestSignIn({ method: 'default' });\n  }\n  return Rownd.requestSignIn({\n    method: config?.method || 'default',\n    postSignInRedirect: config?.postSignInRedirect || undefined,\n  });\n}\n\nexport function signOut() {\n  return Rownd.signOut();\n}\n\nexport function manageAccount() {\n  return Rownd.manageAccount();\n}\n\nexport function getAccessToken(): Promise<string> {\n  return Rownd.getAccessToken();\n}\n\nexport function setUserDataValue(key: string, value: any) {\n  return Rownd.setUserDataValue(\n    key,\n    Platform.OS === 'android' ? { value } : value\n  );\n}\n\nexport function setUserData(data: Record<string, any>) {\n  return Rownd.setUserData(data);\n}\n\nexport function handleSignInLink(url: string) {\n  return Rownd.handleSignInLink(url);\n}\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC;AAIA,OAAO,MAAMC,aAAa,GACvB,8EAAD,GACAD,QAAQ,CAACE,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJK;AAMP,OAAO,MAAMC,KAAK,GAAGN,aAAa,CAACO,WAAd,GACjBP,aAAa,CAACO,WADG,GAEjB,IAAIC,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUR,aAAV,CAAN;EACD;;AAHH,CAFF,CAFG;AAWP,OAAO,MAAMS,oBAAoB,GAC/BV,QAAQ,CAACW,EAAT,KAAgB,KAAhB,GACI,IADJ,GAEIZ,aAAa,CAACa,uBAAd,GACAb,aAAa,CAACa,uBADd,GAEA,IAAIL,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUR,aAAV,CAAN;EACD;;AAHH,CAFF,CALC;AAcP,OAAO,SAASY,SAAT,CAAmBC,MAAnB,EAAqD;EAC1D,OAAOT,KAAK,CAACQ,SAAN,CAAgBC,MAAhB,CAAP;AACD;AAED,OAAO,SAASC,cAAT,CAAwBC,mBAAxB,EAA6D;EAClE,OAAOX,KAAK,CAACU,cAAN,CAAqBC,mBAArB,CAAP;AACD;AAED,OAAO,SAASC,aAAT,CAAuBH,MAAvB,EAA+C;EACpD,IAAI,CAACA,MAAL,EAAa;IACXT,KAAK,CAACY,aAAN,CAAoB;MAAEC,MAAM,EAAE;IAAV,CAApB;EACD;;EACD,OAAOb,KAAK,CAACY,aAAN,CAAoB;IACzBC,MAAM,EAAE,CAAAJ,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEI,MAAR,KAAkB,SADD;IAEzBC,kBAAkB,EAAE,CAAAL,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEK,kBAAR,KAA8BC;EAFzB,CAApB,CAAP;AAID;AAED,OAAO,SAASC,OAAT,GAAmB;EACxB,OAAOhB,KAAK,CAACgB,OAAN,EAAP;AACD;AAED,OAAO,SAASC,aAAT,GAAyB;EAC9B,OAAOjB,KAAK,CAACiB,aAAN,EAAP;AACD;AAED,OAAO,SAASC,cAAT,GAA2C;EAChD,OAAOlB,KAAK,CAACkB,cAAN,EAAP;AACD;AAED,OAAO,SAASC,gBAAT,CAA0BC,GAA1B,EAAuCC,KAAvC,EAAmD;EACxD,OAAOrB,KAAK,CAACmB,gBAAN,CACLC,GADK,EAELzB,QAAQ,CAACW,EAAT,KAAgB,SAAhB,GAA4B;IAAEe;EAAF,CAA5B,GAAwCA,KAFnC,CAAP;AAID;AAED,OAAO,SAASC,WAAT,CAAqBC,IAArB,EAAgD;EACrD,OAAOvB,KAAK,CAACsB,WAAN,CAAkBC,IAAlB,CAAP;AACD;AAED,OAAO,SAASC,gBAAT,CAA0BC,GAA1B,EAAuC;EAC5C,OAAOzB,KAAK,CAACwB,gBAAN,CAAuBC,GAAvB,CAAP;AACD"}

package/lib/typescript/components/GlobalContext.types.d.ts

@@ -1,7 +1,8 @@
 import type { TAction } from '../constants/action';
-import type { IConfig } from '../utils/config';
+import type { Customizations, IConfig } from '../utils/config';
 export declare type ContextProps = {
     config: IConfig;
+    customizations?: Customizations;
 };
 export declare type Dispatch = (action: TAction) => void;
 export declare type GlobalState = {

package/lib/typescript/utils/config.d.ts

@@ -1,3 +1,8 @@
 export interface IConfig {
     appKey: string;
 }
+export interface Customizations {
+    sheetBackgroundHexColor?: string;
+    sheetCornerBorderRadius?: string;
+    loadingAnimation?: string;
+}

package/lib/typescript/utils/nativeModule.d.ts

@@ -1,9 +1,10 @@
 import type { RequestSignIn } from 'src/hooks/rownd';
-import type { IConfig } from './config';
+import type { Customizations, IConfig } from './config';
 export declare const LINKING_ERROR: string;
 export declare const Rownd: any;
 export declare const IOSRowndEventEmitter: any;
 export declare function configure(config: IConfig): Promise<string>;
+export declare function customizations(customizationConfig: Customizations): any;
 export declare function requestSignIn(config?: RequestSignIn): any;
 export declare function signOut(): any;
 export declare function manageAccount(): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rownd/react-native",
-  "version": "2.6.0",
+  "version": "2.7.1",
   "description": "test",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/rownd-react-native.podspec

@@ -17,7 +17,7 @@ Pod::Spec.new do |s|
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
   s.dependency "React-Core"
-  s.dependency "Rownd", "~> 1.13.0"
+  s.dependency "Rownd", "~> 2.1.0"
 
   # Don't install the dependencies when we run `pod install` in the old architecture.
   if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then

package/src/components/GlobalContext.tsx

@@ -28,12 +28,16 @@ const eventEmitter = new NativeEventEmitter(IOSRowndEventEmitter || Rownd);
 const RowndProvider: FunctionComponent<ContextProps> = ({
   children,
   config,
+  customizations
 }) => {
   const [state, dispatch] = useReducer(rowndReducer, initialRowndState);
   const value = { state, dispatch };
 
   useEffect(() => {
-    NativeRowndModules.configure({appKey: config.appKey});
+    NativeRowndModules.configure(config);
+    if (customizations) {
+      NativeRowndModules.customizations(customizations);
+    }
   }, [config.appKey]);
 
   useEffect(() => {

package/src/components/GlobalContext.types.ts

@@ -1,8 +1,9 @@
 import type { TAction } from '../constants/action';
-import type { IConfig } from '../utils/config';
+import type { Customizations, IConfig } from '../utils/config';
 
 export type ContextProps = {
   config: IConfig;
+  customizations?: Customizations
 };
 
 export type Dispatch = (action: TAction) => void;

package/src/utils/config.ts

@@ -1,3 +1,9 @@
 export interface IConfig {
   appKey: string;
 }
+
+export interface Customizations {
+  sheetBackgroundHexColor?: string;
+  sheetCornerBorderRadius?: string;
+  loadingAnimation?: string;
+}

package/src/utils/nativeModule.ts

@@ -1,6 +1,6 @@
 import { NativeModules, Platform } from 'react-native';
 import type { RequestSignIn } from 'src/hooks/rownd';
-import type { IConfig } from './config';
+import type { Customizations, IConfig } from './config';
 
 export const LINKING_ERROR =
   `The package '@rownd/react-native' doesn't seem to be linked. Make sure: \n\n` +
@@ -33,20 +33,22 @@ export const IOSRowndEventEmitter =
         }
       );
 
-const isNotAvailableInAndroidYet = () => {
-  console.log('ROWND: NOT AVAILABLE IN ANDROID YET');
-  return true;
-};
-
 export function configure(config: IConfig): Promise<string> {
   return Rownd.configure(config);
 }
 
+export function customizations(customizationConfig: Customizations) {
+  return Rownd.customizations(customizationConfig);
+}
+
 export function requestSignIn(config?: RequestSignIn) {
   if (!config) {
-    Rownd.requestSignIn({method: "default"});
+    Rownd.requestSignIn({ method: 'default' });
   }
-  return Rownd.requestSignIn({ method: config?.method || "default", postSignInRedirect: config?.postSignInRedirect || undefined });
+  return Rownd.requestSignIn({
+    method: config?.method || 'default',
+    postSignInRedirect: config?.postSignInRedirect || undefined,
+  });
 }
 
 export function signOut() {
@@ -58,7 +60,6 @@ export function manageAccount() {
 }
 
 export function getAccessToken(): Promise<string> {
-  if (isNotAvailableInAndroidYet()) return Promise.resolve('');
   return Rownd.getAccessToken();
 }