@trycourier/courier-react-native 2.5.0 → 3.0.0

package/lib/typescript/models/iOS_CourierCell.d.ts

@@ -0,0 +1,12 @@
+export interface iOS_CourierCell {
+    separatorStyle?: 'none' | 'singleLine' | 'singleLineEtched';
+    separatorInsets?: {
+        top?: number;
+        left?: number;
+        bottom?: number;
+        right?: number;
+    };
+    separatorColor?: string;
+    selectionStyle?: 'none' | 'blue' | 'gray' | 'default';
+}
+//# sourceMappingURL=iOS_CourierCell.d.ts.map

package/lib/typescript/models/iOS_CourierCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iOS_CourierCell.d.ts","sourceRoot":"","sources":["../../../src/models/iOS_CourierCell.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,kBAAkB,CAAA;IAC3D,eAAe,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACtD"}

package/lib/typescript/models/iOS_CourierSheet.d.ts

@@ -0,0 +1,6 @@
+import { CourierFont } from "./CourierFont";
+export interface iOS_CourierSheet {
+    font?: CourierFont;
+    toggleColor?: string;
+}
+//# sourceMappingURL=iOS_CourierSheet.d.ts.map

package/lib/typescript/models/iOS_CourierSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iOS_CourierSheet.d.ts","sourceRoot":"","sources":["../../../src/models/iOS_CourierSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB"}

package/lib/typescript/views/CourierPreferencesView.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { ViewStyle } from "react-native";
+import { CourierPreferencesMode, CourierPreferencesTheme } from "src/models/CourierPreferencesTheme";
+type CourierPreferencesProps = {
+    mode?: CourierPreferencesMode;
+    theme?: {
+        light?: CourierPreferencesTheme;
+        dark?: CourierPreferencesTheme;
+    };
+    onPreferenceError?: (message: string) => void;
+    style?: ViewStyle;
+};
+export declare const CourierPreferencesView: (props: CourierPreferencesProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=CourierPreferencesView.d.ts.map

package/lib/typescript/views/CourierPreferencesView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourierPreferencesView.d.ts","sourceRoot":"","sources":["../../../src/views/CourierPreferencesView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+C,SAAS,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAErG,KAAK,uBAAuB,GAAG;IAC7B,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,uBAAuB,CAAC;QAChC,IAAI,CAAC,EAAE,uBAAuB,CAAA;KAC/B,CAAC;IACF,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAiBF,eAAO,MAAM,sBAAsB,UAAW,uBAAuB,sBAuBpE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/courier-react-native",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "description": "Inbox & Push Notifications for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -72,7 +72,7 @@
     "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
     "react": "18.2.0",
-    "react-native": "0.72.4",
+    "react-native": "0.73.7",
     "react-native-builder-bob": "^0.21.3",
     "release-it": "^15.0.0",
     "turbo": "^1.10.7",
@@ -161,5 +161,8 @@
         }
       ]
     ]
+  },
+  "dependencies": {
+    "react-native-toast-message": "^2.2.0"
   }
 }

package/src/index.tsx

@@ -19,13 +19,19 @@ import { Events, Utils } from './utils';
 
 // Exports
 export { CourierInboxView } from './views/CourierInboxView';
+export { CourierPreferencesView } from './views/CourierPreferencesView';
 export { CourierInboxListener } from './models/CourierInboxListener';
 export { CourierPushListener } from './models/CourierPushListener';
 export { CourierAuthenticationListener } from './models/CourierAuthenticationListener';
 export { CourierUserPreferencesChannel } from './models/CourierUserPreferencesChannel';
 export { CourierUserPreferencesStatus } from './models/CourierUserPreferencesStatus';
 export { CourierPushProvider } from './models/CourierPushProvider';
-export { CourierInboxFont, CourierInboxButtonStyle, CourierInboxButton, CourierInboxTextStyle, CourierInboxInfoViewStyle, CourierInboxUnreadIndicatorStyle, CourierInboxTheme } from './models/CourierInboxTheme';
+export { CourierFont } from './models/CourierFont';
+export { CourierButton } from './models/CourierButton';
+export { CourierInfoViewStyle } from './models/CourierInfoViewStyle';
+export { iOS_CourierCell } from './models/iOS_CourierCell';
+export { iOS_CourierSheet } from './models/iOS_CourierSheet';
+export { CourierInboxButtonStyle, CourierInboxTextStyle, CourierInboxUnreadIndicatorStyle, CourierInboxTheme } from './models/CourierInboxTheme';
 export type iOSForegroundPresentationOptions = 'sound' | 'badge' | 'list' | 'banner';
 
 const LINKING_ERROR =
@@ -207,8 +213,8 @@ class Courier {
   }
 
   /**
-   * Gets the user id that is currently being used
-   * This is the user id associated with the http requests the sdk does
+   * Gets the user id that is currently being used.
+   * This is the user id associated with the network requests the sdk does.
    */
   get userId(): string | undefined {
     return CourierReactNativeModules.getUserId() ?? undefined
@@ -234,7 +240,7 @@ class Courier {
    public addAuthenticationListener(props: { onUserChanged: (userId?: string) => void }): CourierAuthenticationListener {
 
     // Event listener id
-    const authId = Utils.generateUUID();
+    const authId = `authentication_${Utils.generateUUID()}`;
 
     // Get the id
     const id = CourierReactNativeModules.addAuthenticationListener(authId);
@@ -310,9 +316,9 @@ class Courier {
   public addInboxListener(props: { onInitialLoad?: () => void, onError?: (error: string) => void, onMessagesChanged?: (messages: InboxMessage[], unreadMessageCount: number, totalMessageCount: number, canPaginate: boolean) => void }): CourierInboxListener {
 
     const listenerIds = {
-      loading: Utils.generateUUID(),
-      error: Utils.generateUUID(),
-      messages: Utils.generateUUID()
+      loading: `inbox_loading_${Utils.generateUUID()}`,
+      error: `inbox_error_${Utils.generateUUID()}`,
+      messages: `inbox_messages_${Utils.generateUUID()}`
     }
 
     // Set the listener id
@@ -325,28 +331,22 @@ class Courier {
     // Create the initial listeners
     const listener = new CourierInboxListener(id);
 
-    if (props.onInitialLoad) {
-      listener.onInitialLoad = Utils.addEventListener(listenerIds.loading, CourierEventEmitter, (_: any) => {
-        props.onInitialLoad?.();
-      });
-    }
+    listener.onInitialLoad = Utils.addEventListener(listenerIds.loading, CourierEventEmitter, (_: any) => {
+      props.onInitialLoad?.();
+    });
 
-    if (props.onError) {
-      listener.onError = Utils.addEventListener(listenerIds.error, CourierEventEmitter, (event: any) => {
-        props.onError?.(event);
-      });
-    }
+    listener.onError = Utils.addEventListener(listenerIds.error, CourierEventEmitter, (event: any) => {
+      props.onError?.(event);
+    });
 
-    if (props.onMessagesChanged) {
-      listener.onMessagesChanged = Utils.addEventListener(listenerIds.messages, CourierEventEmitter, (event: any) => {
-        props.onMessagesChanged?.(
-          event.messages,
-          event.unreadMessageCount,
-          event.totalMessageCount,
-          event.canPaginate,
-        );
-      });
-    }
+    listener.onMessagesChanged = Utils.addEventListener(listenerIds.messages, CourierEventEmitter, (event: any) => {
+      props.onMessagesChanged?.(
+        event.messages,
+        event.unreadMessageCount,
+        event.totalMessageCount,
+        event.canPaginate,
+      );
+    });
 
     // Add listener to manager
     this.inboxListeners.set(id, listener);

package/src/models/Android_CourierSheet.tsx

@@ -0,0 +1,7 @@
+import { CourierFont } from "./CourierFont"
+
+export interface Android_CourierSheet {
+  font?: CourierFont
+  toggleTrackColor?: string
+  toggleThumbColor?: string
+}

package/src/models/CourierButton.tsx

@@ -0,0 +1,7 @@
+import { CourierFont } from "./CourierFont"
+
+export interface CourierButton {
+  font?: CourierFont
+  backgroundColor?: string
+  cornerRadius?: number
+}

package/src/models/CourierFont.tsx

@@ -0,0 +1,5 @@
+export interface CourierFont {
+  family?: string
+  size?: number
+  color?: string
+}

package/src/models/CourierInboxTheme.tsx

@@ -1,28 +1,15 @@
-export interface CourierInboxFont {
-  family?: string
-  size?: number
-  color?: string
-}
+import { CourierButton } from "./CourierButton"
+import { CourierFont } from "./CourierFont"
+import { CourierInfoViewStyle } from "./CourierInfoViewStyle"
 
 export interface CourierInboxButtonStyle {
-  unread?: CourierInboxButton
-  read?: CourierInboxButton
-}
-
-export interface CourierInboxButton {
-  font?: CourierInboxFont
-  backgroundColor?: string
-  cornerRadius?: number
+  unread?: CourierButton
+  read?: CourierButton
 }
 
 export interface CourierInboxTextStyle {
-  unread?: CourierInboxFont
-  read?: CourierInboxFont
-}
-
-export interface CourierInboxInfoViewStyle {
-  font?: CourierInboxFont
-  button?: CourierInboxButton
+  unread?: CourierFont
+  read?: CourierFont
 }
 
 export interface CourierInboxUnreadIndicatorStyle {
@@ -31,13 +18,14 @@ export interface CourierInboxUnreadIndicatorStyle {
 }
 
 export interface CourierInboxTheme {
+  brandId?: string,
   loadingIndicatorColor?: string
   unreadIndicatorStyle?: CourierInboxUnreadIndicatorStyle
   titleStyle?: CourierInboxTextStyle
   timeStyle?: CourierInboxTextStyle
   bodyStyle?: CourierInboxTextStyle
   buttonStyle?: CourierInboxButtonStyle
-  infoViewStyle?: CourierInboxInfoViewStyle
+  infoViewStyle?: CourierInfoViewStyle
   iOS?: {
     messageAnimationStyle?: 'fade' | 'right' | 'left' | 'top' | 'bottom' | 'none' | 'middle' | 'automatic',
     cellStyles?: {

package/src/models/CourierInfoViewStyle.tsx

@@ -0,0 +1,7 @@
+import { CourierButton } from "./CourierButton"
+import { CourierFont } from "./CourierFont"
+
+export interface CourierInfoViewStyle {
+  font?: CourierFont
+  button?: CourierButton
+}

package/src/models/CourierPreferencesTheme.tsx

@@ -0,0 +1,34 @@
+import { Android_CourierSheet } from "./Android_CourierSheet";
+import { CourierButton } from "./CourierButton";
+import { CourierFont } from "./CourierFont"
+import { CourierInfoViewStyle } from "./CourierInfoViewStyle";
+import { iOS_CourierCell } from "./iOS_CourierCell";
+import { iOS_CourierSheet } from "./iOS_CourierSheet";
+
+export type CourierPreferencesChannel = 'direct_message' | 'email' | 'push' | 'sms' | 'webhook';
+
+export type CourierPreferencesMode = 
+  | { type: 'topic' }
+  | { type: 'channels', channels: CourierPreferencesChannel[] };
+
+export interface CourierPreferencesTheme {
+  brandId?: string
+  loadingIndicatorColor?: string
+  sectionTitleFont?: CourierFont
+  topicTitleFont?: CourierFont
+  topicSubtitleFont?: CourierFont
+  topicButton?: CourierButton
+  sheetTitleFont?: CourierFont
+  infoViewStyle?: CourierInfoViewStyle
+  iOS?: {
+    topicCellStyles?: iOS_CourierCell
+    sheetSettingStyles?: iOS_CourierSheet
+    sheetCornerRadius?: number
+    sheetCellStyles?: iOS_CourierCell
+  },
+  android?: {
+    topicDividerItemDecoration?: 'none' | 'vertical'
+    sheetDividerItemDecoration?: 'none' | 'vertical'
+    sheetSettingStyles?: Android_CourierSheet
+  }
+}

package/src/models/CourierUserPreferencesTopic.tsx

@@ -3,9 +3,11 @@ import { CourierUserPreferencesStatus } from "./CourierUserPreferencesStatus";
 
 export interface CourierUserPreferencesTopic {
   defaultStatus?: string;
-  hasCustomRouting?: string;
+  hasCustomRouting?: boolean;
   customRouting?: CourierUserPreferencesChannel[];
   status?: CourierUserPreferencesStatus;
+  setionName?: string;
+  setionId?: string;
   topicId?: string;
   topicName?: string;
 }

package/src/models/iOS_CourierCell.tsx

@@ -0,0 +1,6 @@
+export interface iOS_CourierCell {
+  separatorStyle?: 'none' | 'singleLine' | 'singleLineEtched'
+  separatorInsets?: { top?: number, left?: number, bottom?: number, right?: number }
+  separatorColor?: string
+  selectionStyle?: 'none' | 'blue' | 'gray' | 'default'
+}

package/src/models/iOS_CourierSheet.tsx

@@ -0,0 +1,6 @@
+import { CourierFont } from "./CourierFont"
+
+export interface iOS_CourierSheet {
+  font?: CourierFont
+  toggleColor?: string
+}

package/src/views/CourierInboxView.tsx

@@ -15,7 +15,7 @@ type CourierInboxViewProps = {
   style?: ViewStyle;
 };
 
-const ComponentName = 'CourierReactNativeView';
+const ComponentName = 'CourierInboxView';
 
 const LINKING_ERROR =
   `The package '@trycourier/courier-react-native' doesn't seem to be linked. Make sure: \n\n` +
@@ -44,7 +44,7 @@ export const CourierInboxView = (props: CourierInboxViewProps) => {
       onScrollInboxListener?.remove();
     }
 
-  }, [])
+  }, []);
 
   useEffect(() => {
 
@@ -54,17 +54,17 @@ export const CourierInboxView = (props: CourierInboxViewProps) => {
       onClickInboxMessageAtIndexListener = DeviceEventEmitter.addListener('courierClickMessageAtIndex', onClickInboxMessageAtIndex);
     }
 
-  }, [props.onClickInboxMessageAtIndex])
+  }, [props.onClickInboxMessageAtIndex]);
 
   const onClickInboxMessageAtIndex = (event: any) => {
 
     // Parse the native event data
     if (props.onClickInboxMessageAtIndex) {
 
-      const index = event["index"]
-      const message = event["message"] as InboxMessage
+      const index = event["index"];
+      const message = event["message"] as InboxMessage;
 
-      props.onClickInboxMessageAtIndex(message, index)
+      props.onClickInboxMessageAtIndex(message, index);
 
     }
 
@@ -85,11 +85,11 @@ export const CourierInboxView = (props: CourierInboxViewProps) => {
     // Parse the native event data
     if (props.onClickInboxActionForMessageAtIndex) {
 
-      const index = event["index"]
-      const action = event["action"] as InboxAction
-      const message = event["message"] as InboxMessage
+      const index = event["index"];
+      const action = event["action"] as InboxAction;
+      const message = event["message"] as InboxMessage;
 
-      props.onClickInboxActionForMessageAtIndex(action, message, index)
+      props.onClickInboxActionForMessageAtIndex(action, message, index);
 
     }
 
@@ -110,8 +110,8 @@ export const CourierInboxView = (props: CourierInboxViewProps) => {
     // Parse the native event data
     if (props.onScrollInbox) {
 
-      const contentOffset = event["contentOffset"]
-      props.onScrollInbox(contentOffset["y"], contentOffset["x"])
+      const contentOffset = event["contentOffset"];
+      props.onScrollInbox(contentOffset["y"], contentOffset["x"]);
 
     }
 

package/src/views/CourierPreferencesView.tsx

@@ -0,0 +1,53 @@
+import React from "react";
+import { Platform, requireNativeComponent, UIManager, ViewStyle } from "react-native";
+import { CourierPreferencesMode, CourierPreferencesTheme } from "src/models/CourierPreferencesTheme";
+
+type CourierPreferencesProps = {
+  mode?: CourierPreferencesMode,
+  theme?: { 
+    light?: CourierPreferencesTheme, 
+    dark?: CourierPreferencesTheme 
+  };
+  onPreferenceError?: (message: string) => void;
+  style?: ViewStyle;
+};
+
+const ComponentName = 'CourierPreferencesView';
+
+const LINKING_ERROR =
+  `The package '@trycourier/courier-react-native' doesn't seem to be linked. Make sure: \n\n` +
+  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+const CourierPreferences =
+  UIManager.getViewManagerConfig(ComponentName) != null
+    ? requireNativeComponent<CourierPreferencesProps>(ComponentName)
+    : () => {
+        throw new Error(LINKING_ERROR);
+      };
+
+export const CourierPreferencesView = (props: CourierPreferencesProps) => {
+
+  const onPreferenceError = (event: any) => {
+
+    // Parse the native event data
+    if (props.onPreferenceError) {
+
+      const message = event["error"];
+      props.onPreferenceError(message);
+
+    }
+
+  }
+
+  return (
+    <CourierPreferences 
+      mode={props.mode}
+      theme={props.theme ?? { light: undefined, dark: undefined }}
+      onPreferenceError={(event: any) => onPreferenceError(event.nativeEvent)}
+      style={props.style}
+    />
+  )
+
+}

package/android/src/main/java/com/courierreactnative/CourierReactNativeViewManager.kt

@@ -1,225 +0,0 @@
-package com.courierreactnative
-
-import android.content.Context
-import android.graphics.Color
-import android.graphics.Typeface
-import android.view.View
-import androidx.recyclerview.widget.DividerItemDecoration
-import com.courier.android.inbox.*
-import com.facebook.react.bridge.Arguments
-import com.facebook.react.bridge.ReadableMap
-import com.facebook.react.uimanager.SimpleViewManager
-import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.annotations.ReactProp
-
-
-class CourierReactNativeViewManager : SimpleViewManager<CourierInbox>() {
-
-  private companion object {
-    const val ON_CLICK_MESSAGE_AT_INDEX = "courierClickMessageAtIndex"
-    const val ON_CLICK_ACTION_AT_INDEX = "courierClickActionAtIndex"
-    const val ON_SCROLL = "courierScrollInbox"
-  }
-
-  override fun getName() = "CourierReactNativeView"
-
-  override fun createViewInstance(reactContext: ThemedReactContext): CourierInbox = CourierInbox(reactContext)
-
-  private val View.reactContext: ThemedReactContext get() = context as ThemedReactContext
-
-  @ReactProp(name = "onClickInboxMessageAtIndex")
-  fun setOnClickInboxMessageAtIndex(view: CourierInbox, callback: Boolean) {
-
-    view.setOnClickMessageListener { message, index ->
-
-      val map = Arguments.createMap()
-      map.putMap("message", message.toWritableMap())
-      map.putInt("index", index)
-
-      view.reactContext.sendEvent(ON_CLICK_MESSAGE_AT_INDEX, map)
-
-    }
-
-  }
-
-  @ReactProp(name = "onClickInboxActionForMessageAtIndex")
-  fun setOnClickInboxActionForMessageAtIndex(view: CourierInbox, callback: Boolean) {
-
-    view.setOnClickActionListener { action, message, index ->
-
-      val map = Arguments.createMap()
-      map.putMap("action", action.toWritableMap())
-      map.putMap("message", message.toWritableMap())
-      map.putInt("index", index)
-
-      view.reactContext.sendEvent(ON_CLICK_ACTION_AT_INDEX, map)
-
-    }
-
-  }
-
-  @ReactProp(name = "onScrollInbox")
-  fun setOnScrollInbox(view: CourierInbox, callback: Boolean) {
-
-    view.setOnScrollInboxListener { offsetInDp ->
-
-      val offset = Arguments.createMap()
-      offset.putInt("y", offsetInDp)
-      offset.putInt("x", 0)
-
-      val map = Arguments.createMap()
-      map.putMap("contentOffset", offset)
-
-      view.reactContext.sendEvent(ON_SCROLL, map)
-
-    }
-
-  }
-
-  @ReactProp(name = "theme")
-  fun setTheme(view: CourierInbox, theme: ReadableMap) {
-    view.lightTheme = theme.getMap("light")?.toTheme(view) ?: CourierInboxTheme.DEFAULT_LIGHT
-    view.darkTheme = theme.getMap("dark")?.toTheme(view) ?: CourierInboxTheme.DEFAULT_DARK
-  }
-
-  private fun ReadableMap.toTheme(view: View): CourierInboxTheme {
-
-    val android = getMap("android")
-    val dividerItemDecoration = android?.getString("dividerItemDecoration")
-
-    val unreadIndicatorStyle = getMap("unreadIndicatorStyle")
-    val loadingIndicatorColor = getString("loadingIndicatorColor")
-
-    val titleStyle = getMap("titleStyle")
-    val timeStyle = getMap("timeStyle")
-    val bodyStyle = getMap("bodyStyle")
-    val infoViewStyle = getMap("infoViewStyle")
-    val buttonStyles = getMap("buttonStyles")
-
-    val context = view.context
-
-    return CourierInboxTheme(
-      unreadIndicatorStyle = unreadIndicatorStyle?.toUnreadIndicatorStyle() ?: CourierInboxUnreadIndicatorStyle(),
-      loadingIndicatorColor = loadingIndicatorColor?.toColor(),
-      titleStyle = titleStyle?.toTextStyle(context) ?: CourierInboxTextStyle(
-        unread = CourierInboxFont(),
-        read = CourierInboxFont(),
-      ),
-      timeStyle = timeStyle?.toTextStyle(context) ?: CourierInboxTextStyle(
-        unread = CourierInboxFont(),
-        read = CourierInboxFont(),
-      ),
-      bodyStyle = bodyStyle?.toTextStyle(context) ?: CourierInboxTextStyle(
-        unread = CourierInboxFont(),
-        read = CourierInboxFont(),
-      ),
-      buttonStyle = buttonStyles?.toButtonStyle(context) ?: CourierInboxButtonStyle(
-        unread = CourierInboxButton(),
-        read = CourierInboxButton(),
-      ),
-      infoViewStyle = infoViewStyle?.toInfoStyle(context) ?: CourierInboxInfoViewStyle(
-        font = CourierInboxFont(),
-        button = CourierInboxButton(),
-      ),
-      dividerItemDecoration = dividerItemDecoration?.toDivider(context),
-    )
-
-  }
-
-  private fun String.toColor(): Int = Color.parseColor(this)
-
-  private fun String.toFont(context: Context): Typeface? {
-    return try {
-      val assetManager = context.assets
-      Typeface.createFromAsset(assetManager, this)
-    } catch (e: Exception) {
-      e.printStackTrace()
-      null
-    }
-  }
-
-  private fun String.toDivider(context: Context): DividerItemDecoration? = if (this == "vertical") DividerItemDecoration(context, DividerItemDecoration.VERTICAL) else null
-
-  private fun ReadableMap.toFont(context: Context): CourierInboxFont {
-
-    val typeface = getString("family")
-    val size = if (isNull("size")) null else getDouble("size")
-    val color = getString("color")
-
-    return CourierInboxFont(
-        typeface = typeface?.toFont(context),
-        color = color?.toColor(),
-        sizeInSp = size?.toInt()
-      )
-
-  }
-
-  private fun ReadableMap.toTextStyle(context: Context): CourierInboxTextStyle {
-
-    val unread = getMap("unread")
-    val read = getMap("read")
-
-    return CourierInboxTextStyle(
-      unread = unread?.toFont(context) ?: CourierInboxFont(),
-      read = read?.toFont(context) ?: CourierInboxFont(),
-    )
-
-  }
-
-  private fun ReadableMap.toUnreadIndicatorStyle(): CourierInboxUnreadIndicatorStyle {
-
-    val indicator = getString("indicator")
-    val color = getString("color")
-
-    var style = CourierInboxUnreadIndicator.LINE
-
-    if (indicator == "dot") {
-      style = CourierInboxUnreadIndicator.DOT
-    }
-
-    return CourierInboxUnreadIndicatorStyle(
-      indicator = style,
-      color = color?.toColor(),
-    )
-
-  }
-
-  private fun ReadableMap.toButton(context: Context): CourierInboxButton {
-
-    val font = getMap("font")
-    val backgroundColor = getString("backgroundColor")
-    val cornerRadius = if (isNull("cornerRadius")) null else getDouble("cornerRadius")
-
-    return CourierInboxButton(
-      font = font?.toFont(context),
-      backgroundColor = backgroundColor?.toColor(),
-      cornerRadiusInDp = cornerRadius?.toInt()
-    )
-
-  }
-
-  private fun ReadableMap.toButtonStyle(context: Context): CourierInboxButtonStyle {
-
-    val unread = getMap("unread")
-    val read = getMap("read")
-
-    return CourierInboxButtonStyle(
-      unread = unread?.toButton(context) ?: CourierInboxButton(),
-      read = read?.toButton(context) ?: CourierInboxButton()
-    )
-
-  }
-
-  private fun ReadableMap.toInfoStyle(context: Context): CourierInboxInfoViewStyle {
-
-    val font = getMap("font")
-    val button = getMap("button")
-
-    return CourierInboxInfoViewStyle(
-      font = font?.toFont(context) ?: CourierInboxFont(),
-      button = button?.toButton(context) ?: CourierInboxButton()
-    )
-
-  }
-
-}