react-native-persona 2.25.2 → 2.26.0

package/android/src/main/java/com/withpersona/sdk2/reactnative/PersonaInquiryModule2.java

@@ -12,54 +12,23 @@ import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.modules.core.DeviceEventManagerModule;
-import com.withpersona.sdk2.reactnative.R;
-import com.withpersona.sdk2.inquiry.ClientThemeSource;
-import com.withpersona.sdk2.inquiry.Environment;
 import com.withpersona.sdk2.inquiry.ExperimentalInlineApi;
 import com.withpersona.sdk2.inquiry.ExperimentalInquiryApi;
-import com.withpersona.sdk2.inquiry.Fields;
 import com.withpersona.sdk2.inquiry.Inquiry;
-import com.withpersona.sdk2.inquiry.InquiryBuilder;
-import com.withpersona.sdk2.inquiry.InquiryField;
 import com.withpersona.sdk2.inquiry.InquiryResponse;
-import com.withpersona.sdk2.inquiry.InquiryTemplateBuilder;
 import com.withpersona.sdk2.inquiry.OnInquiryEventListener;
-import com.withpersona.sdk2.inquiry.ServerThemeSource;
 import com.withpersona.sdk2.inquiry.inline_inquiry.InquiryEvent;
-import com.withpersona.sdk2.inquiry.types.collected_data.CollectedData;
-import com.withpersona.sdk2.inquiry.types.collected_data.DocumentFile;
-import com.withpersona.sdk2.inquiry.types.collected_data.GovernmentIdCapture;
-import com.withpersona.sdk2.inquiry.types.collected_data.SelfieCapture;
-import com.withpersona.sdk2.inquiry.types.collected_data.StepData;
 
 import java.util.HashMap;
-import java.util.List;
 import java.util.Map;
-import java.util.Objects;
 
 public class PersonaInquiryModule2 extends ReactContextBaseJavaModule
     implements ActivityEventListener {
 
   private static final int PERSONA_INQUIRY_REQUEST_CODE = 31416;
-  private static final String INQUIRY_ID = "inquiryId";
-  private static final String TEMPLATE_ID = "templateId";
-  private static final String TEMPLATE_VERSION = "templateVersion";
-  private static final String ACCOUNT_ID = "accountId";
-  private static final String REFERENCE_ID = "referenceId";
-  private static final String ACCESS_TOKEN = "sessionToken";
-  private static final String ENVIRONMENT = "environment";
-  private static final String ENVIRONMENT_ID = "environmentId";
-  private static final String FIELDS = "fields";
-  private static final String FIELD_ADDITIONAL_FIELDS = "additionalFields";
-  private static final String RETURN_COLLECTED_DATA = "returnCollectedData";
-  private static final String THEME_SOURCE = "themeSource";
-  private static final String THEME_SET_ID = "themeSetId";
-  private static final String LOCALE = "locale";
   private static final String DISABLE_PRESENTATION_ANIMATION = "disablePresentationAnimation";
 
   private boolean disablePresentationAnimation = false;
@@ -74,214 +43,25 @@ public class PersonaInquiryModule2 extends ReactContextBaseJavaModule
   }
 
   @Override
-  public void onNewIntent(Intent intent) {
+  public void onNewIntent(@NonNull Intent intent) {
     // Do nothing
   }
 
   @Override
   public void onActivityResult(
-      final Activity activity,
-      final int requestCode,
-      final int resultCode,
-      @Nullable Intent data) {
+    @NonNull final Activity activity,
+    final int requestCode,
+    final int resultCode,
+    @Nullable Intent data) {
     if (this.disablePresentationAnimation) {
       getCurrentActivity().overridePendingTransition(0, 0);
     }
 
     if (requestCode == PERSONA_INQUIRY_REQUEST_CODE) {
       InquiryResponse response = Inquiry.onActivityResult(data);
-      DeviceEventManagerModule.RCTDeviceEventEmitter jsModule =
-          this.reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class);
 
-      if (response instanceof InquiryResponse.Complete) {
-        InquiryResponse.Complete complete = ((InquiryResponse.Complete) response);
-
-        // Build event params
-        WritableMap params = Arguments.createMap();
-        params.putString("inquiryId", complete.getInquiryId());
-        params.putString("status", complete.getStatus());
-
-        WritableMap fields = Arguments.createMap();
-        Map<String, InquiryField> rawFields = complete.getFields();
-        for (String fieldName : rawFields.keySet()) {
-          InquiryField rawField = rawFields.get(fieldName);
-          if (rawField instanceof InquiryField.StringField) {
-            fields.putMap(fieldName,
-                wrapField("string", ((InquiryField.StringField) rawField).getValue()));
-          } else if (rawField instanceof InquiryField.IntegerField) {
-            Integer value = ((InquiryField.IntegerField) rawField).getValue();
-            fields.putMap(fieldName,
-                wrapField("integer", (value == null) ? null : value.toString()));
-          } else if (rawField instanceof InquiryField.BooleanField) {
-            Boolean value = ((InquiryField.BooleanField) rawField).getValue();
-            fields.putMap(fieldName,
-                wrapField("boolean", (value == null) ? null : value.toString()));
-          } else if (rawField instanceof InquiryField.UnknownField) {
-            String type = ((InquiryField.UnknownField) rawField).getType();
-            fields.putMap(fieldName, wrapField("unknown", type));
-          } else {
-            fields.putMap(fieldName, wrapField("unknown", null));
-          }
-        }
-        params.putMap("fields", fields);
-
-        params.putMap("collectedData", collectedDataToMap(complete.getCollectedData()));
-
-        jsModule.emit("onComplete", params);
-      } else if (response instanceof InquiryResponse.Cancel) {
-        InquiryResponse.Cancel cancel = (InquiryResponse.Cancel) response;
-
-        // Build event params
-        WritableMap params = Arguments.createMap();
-        params.putString("inquiryId", cancel.getInquiryId());
-        params.putString("sessionToken", cancel.getSessionToken());
-        jsModule.emit("onCanceled", params);
-      } else if (response instanceof InquiryResponse.Error) {
-        InquiryResponse.Error error = (InquiryResponse.Error) response;
-
-        WritableMap params = Arguments.createMap();
-        params.putString("debugMessage", error.getDebugMessage());
-        params.putString("errorCode", error.getErrorCode().name());
-        jsModule.emit("onError", params);
-      }
-    }
-  }
-
-  @Nullable
-  private ReadableMap collectedDataToMap(@Nullable CollectedData collectedData) {
-    if (collectedData == null) {
-      return null;
-    }
-
-    WritableMap collectedDataMap = Arguments.createMap();
-
-    WritableArray stepDataMap = Arguments.createArray();
-    for (StepData stepDatum : collectedData.getStepData()) {
-      WritableMap stepDatumMap = Arguments.createMap();
-      stepDatumMap.putString("stepName", stepDatum.getStepName());
-
-      if (stepDatum instanceof StepData.DocumentStepData) {
-        WritableArray documentsArr = Arguments.createArray();
-
-        for (DocumentFile document : ((StepData.DocumentStepData) stepDatum).getDocuments()) {
-          WritableMap documentMap = Arguments.createMap();
-          documentMap.putString("absoluteFilePath", document.getData().getAbsolutePath());
-          documentsArr.pushMap(documentMap);
-        }
-
-        stepDatumMap.putArray("documents", documentsArr);
-        stepDatumMap.putString("type", "DocumentStepData");
-      } else if (stepDatum instanceof StepData.GovernmentIdStepData) {
-        WritableArray capturesArr = Arguments.createArray();
-
-        for (GovernmentIdCapture capture : ((StepData.GovernmentIdStepData) stepDatum).getCaptures()) {
-          WritableMap captureMap = Arguments.createMap();
-          captureMap.putString("idClass", capture.getIdClass());
-          captureMap.putString("captureMethod", capture.getCaptureMethod().name());
-          captureMap.putString("side", capture.getSide().name());
-
-          WritableArray framesArr = Arguments.createArray();
-          for (GovernmentIdCapture.Frame frame : capture.getFrames()) {
-            WritableMap frameMap = Arguments.createMap();
-            frameMap.putString("absoluteFilePath", frame.getData().getAbsolutePath());
-
-            framesArr.pushMap(frameMap);
-          }
-          captureMap.putArray("frames", framesArr);
-
-          capturesArr.pushMap(captureMap);
-        }
-
-        stepDatumMap.putArray("captures", capturesArr);
-        stepDatumMap.putString("type", "GovernmentIdStepData");
-      } else if (stepDatum instanceof StepData.SelfieStepData) {
-        StepData.SelfieStepData selfieStepData = (StepData.SelfieStepData) stepDatum;
-        ReadableMap centerCaptureMap = selfieCaptureToMap(selfieStepData.getCenterCapture());
-        ReadableMap leftCaptureMap = selfieCaptureToMap(selfieStepData.getLeftCapture());
-        ReadableMap rightCaptureMap = selfieCaptureToMap(selfieStepData.getRightCapture());
-
-        stepDatumMap.putMap("centerCapture", centerCaptureMap);
-        stepDatumMap.putMap("leftCapture", leftCaptureMap);
-        stepDatumMap.putMap("rightCapture", rightCaptureMap);
-        stepDatumMap.putString("type", "SelfieStepData");
-      } else if (stepDatum instanceof StepData.UiStepData) {
-        Map<String, Object> componentParams = ((StepData.UiStepData) stepDatum).getComponentParams();
-
-        stepDatumMap.putMap("componentParams", uiStepParamsMapToMap(componentParams));
-        stepDatumMap.putString("type", "UiStepData");
-      } else {
-        // do nothing
-      }
-
-      stepDataMap.pushMap(stepDatumMap);
+      new InquiryEventEmitter(reactContext).emitResponse(response);
     }
-
-    collectedDataMap.putArray("stepData", stepDataMap);
-
-    return collectedDataMap;
-  }
-
-  private ReadableMap uiStepParamsMapToMap(Map<?, ?> map) {
-    WritableMap resultMap = Arguments.createMap();
-    for (Map.Entry<?, ?> param : map.entrySet()) {
-      Object key = param.getKey();
-      Object value = param.getValue();
-
-      if (!(key instanceof String)) {
-        continue; // All ui step params should have string keys.
-      }
-
-      String keyStr = (String) key;
-
-      if (value instanceof Map<?, ?>) {
-        resultMap.putMap(keyStr, uiStepParamsMapToMap((Map<?, ?>) value));
-      } else if (value instanceof List<?>) {
-        resultMap.putArray(keyStr, uiStepParamsArrToArr((List<?>) value));
-      } else if (value instanceof String) {
-        resultMap.putString(keyStr, (String) value);
-      } else if (value instanceof Boolean) {
-        resultMap.putBoolean(keyStr, (Boolean) value);
-      } else if (value instanceof Number) {
-        resultMap.putDouble(keyStr, (Double) value);
-      }
-    }
-
-    return resultMap;
-  }
-
-  private ReadableArray uiStepParamsArrToArr(List<?> arr) {
-    WritableArray resultArr = Arguments.createArray();
-
-    for (Object element : arr) {
-      if (element instanceof String) {
-        resultArr.pushString((String) element);
-      } else if (element instanceof Boolean) {
-        resultArr.pushBoolean((Boolean) element);
-      } else if (element instanceof Number) {
-        resultArr.pushDouble((Double) element);
-      }
-    }
-
-    return resultArr;
-  }
-
-  private ReadableMap selfieCaptureToMap(@Nullable SelfieCapture selfieCapture) {
-    if (selfieCapture == null) {
-      return null;
-    }
-
-    WritableMap captureMap = Arguments.createMap();
-    captureMap.putString("captureMethod", selfieCapture.getCaptureMethod().name());
-    captureMap.putString("absoluteFilePath", selfieCapture.getData().getAbsolutePath());
-    return captureMap;
-  }
-
-
-  private static ReadableMap wrapField(String type, String value) {
-    WritableMap map = Arguments.createMap();
-    map.putString("type", type);
-    map.putString("value", value);
-    return map;
   }
 
   @NonNull
@@ -296,124 +76,19 @@ public class PersonaInquiryModule2 extends ReactContextBaseJavaModule
    * the React Native bridge.
    */
   @ReactMethod
-  @SuppressWarnings("unchecked")
+  @SuppressWarnings("unused") // react uses this
   public void startInquiry(
       ReadableMap options
   ) {
     Activity currentActivity = reactContext.getCurrentActivity();
-
-    String inquiryId = options.hasKey(INQUIRY_ID) ? options.getString(INQUIRY_ID) : null;
-    String templateId = options.hasKey(TEMPLATE_ID) ? options.getString(TEMPLATE_ID) : null;
-    String templateVersion = options.hasKey(TEMPLATE_VERSION) ? options.getString(TEMPLATE_VERSION) : null;
+    Inquiry inquiry = InquiryUtils.newInquiryFromMap(options);
 
     this.disablePresentationAnimation = options.hasKey(DISABLE_PRESENTATION_ANIMATION) ? options.getBoolean(DISABLE_PRESENTATION_ANIMATION) : false;
 
-    if (inquiryId != null) {
-      InquiryBuilder builder = Inquiry.fromInquiry(inquiryId);
-
-      String themeSource = options.hasKey(THEME_SOURCE) ? options.getString(THEME_SOURCE) : null;
-      builder = builder.theme(themeSource != null && themeSource.equals("server") ?
-              new ServerThemeSource(R.style.Persona_Inquiry2_Theme) : new ClientThemeSource(R.style.Persona_Inquiry2_Theme));
-
-      String sessionToken = options.hasKey(ACCESS_TOKEN) ? options.getString(ACCESS_TOKEN) : null;
-      if (sessionToken != null) {
-        builder = builder.sessionToken(sessionToken);
-      }
-
-      String locale = options.hasKey(LOCALE) ? options.getString(LOCALE) : null;
-      if (locale != null) {
-        builder = builder.locale(locale);
-      }
-
-      if (currentActivity != null) {
-        builder.build().start(currentActivity, PERSONA_INQUIRY_REQUEST_CODE);
-        if (this.disablePresentationAnimation) {
-          currentActivity.overridePendingTransition(0, 0);
-        }
-      }
-    }
-
-    if (templateId != null || templateVersion != null) {
-      InquiryTemplateBuilder builder;
-      if (templateId != null) {
-        builder = Inquiry.fromTemplate(templateId);
-      } else {
-        builder = Inquiry.fromTemplateVersion(templateVersion);
-      }
-
-      String themeSource = options.hasKey(THEME_SOURCE) ? options.getString(THEME_SOURCE) : null;
-      builder = builder.theme(themeSource != null && themeSource.equals("server") ?
-              new ServerThemeSource(R.style.Persona_Inquiry2_Theme) : new ClientThemeSource(R.style.Persona_Inquiry2_Theme));
-
-      String referenceId = options.hasKey(REFERENCE_ID) ? options.getString(REFERENCE_ID) : null;
-      if (referenceId != null) {
-        builder = builder.referenceId(referenceId);
-      }
-
-      String accountId = options.hasKey(ACCOUNT_ID) ? options.getString(ACCOUNT_ID) : null;
-      if (accountId != null) {
-        builder = builder.accountId(accountId);
-      }
-
-      Environment environment = environmentFromString(
-          options.hasKey(ENVIRONMENT) ? options.getString(ENVIRONMENT) : null
-      );
-      if (environment != null) {
-        builder = builder.environment(environment);
-      }
-
-      String environmentId = options.hasKey(ENVIRONMENT_ID) ? options.getString(ENVIRONMENT_ID) : null;
-      if (environmentId != null) {
-        builder = builder.environmentId(environmentId);
-      }
-
-      String themeSetId = options.hasKey(THEME_SET_ID) ? options.getString(THEME_SET_ID) : null;
-      if (themeSetId != null) {
-        builder = builder.themeSetId(themeSetId);
-      }
-
-      String locale = options.hasKey(LOCALE) ? options.getString(LOCALE) : null;
-      if (locale != null) {
-        builder = builder.locale(locale);
-      }
-
-      ReadableMap fields = options.hasKey(FIELDS) ? options.getMap(FIELDS) : null;
-
-      if (fields != null) {
-        Fields.Builder fieldsBuilder = new Fields.Builder();
-
-        for (HashMap.Entry<String, Object> entry : fields.toHashMap().entrySet()) {
-          String key = entry.getKey();
-          Map<String, Object> wrappedValue = (Map<String, Object>) entry.getValue();
-          String type = (String) wrappedValue.get("type");
-          Object value = wrappedValue.get("value");
-
-          if (value == null) {
-            continue;
-          }
-
-          if (Objects.equals(type, "string")) {
-            fieldsBuilder.field(key, (String) value);
-          } else if (Objects.equals(type, "integer")) {
-            fieldsBuilder.field(key, ((Double) value).intValue());
-          } else if (Objects.equals(type, "boolean")) {
-            fieldsBuilder.field(key, (Boolean) value);
-          }
-        }
-
-        builder = builder.fields(fieldsBuilder.build());
-      }
-
-      Boolean returnCollectedData = options.hasKey(RETURN_COLLECTED_DATA) ? options.getBoolean(RETURN_COLLECTED_DATA) : null;
-      if (returnCollectedData != null) {
-        builder = builder.returnCollectedData(returnCollectedData);
-      }
-
-      if (currentActivity != null) {
-        builder.build().start(currentActivity, PERSONA_INQUIRY_REQUEST_CODE);
-        if (this.disablePresentationAnimation) {
-          currentActivity.overridePendingTransition(0, 0);
-        }
+    if (currentActivity != null && inquiry != null) {
+      inquiry.start(currentActivity, PERSONA_INQUIRY_REQUEST_CODE);
+      if (this.disablePresentationAnimation) {
+        currentActivity.overridePendingTransition(0, 0);
       }
     }
   }
@@ -425,22 +100,6 @@ public class PersonaInquiryModule2 extends ReactContextBaseJavaModule
     return constants;
   }
 
-  private Environment environmentFromString(@Nullable String environment) {
-    if (environment == null) {
-      return null;
-    }
-
-    switch (environment) {
-      case "production":
-        return Environment.PRODUCTION;
-      case "sandbox":
-        return Environment.SANDBOX;
-      default:
-        return null;
-    }
-  }
-
-
   @OptIn(markerClass = ExperimentalInquiryApi.class)
   private void registerOnInquiryEventListener() {
     Inquiry.Companion.setOnEventListener(new OnInquiryEventListener() {

package/android/src/main/java/com/withpersona/sdk2/reactnative/PersonaInquiryPackage2.java

@@ -1,14 +1,14 @@
 package com.withpersona.sdk2.reactnative;
 
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-
 import com.facebook.react.ReactPackage;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;
 
+import java.util.Arrays;
+import java.util.List;
+
+@SuppressWarnings("unused") // react uses this
 public class PersonaInquiryPackage2 implements ReactPackage {
     @Override
     public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
@@ -17,6 +17,8 @@ public class PersonaInquiryPackage2 implements ReactPackage {
 
     @Override
     public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-        return Collections.emptyList();
+        return Arrays.<ViewManager>asList(
+                new PersonaInquiryViewManager()
+        );
     }
 }

package/android/src/main/java/com/withpersona/sdk2/reactnative/PersonaInquiryViewManager.java

@@ -0,0 +1,190 @@
+package com.withpersona.sdk2.reactnative;
+
+import static android.view.ViewGroup.LayoutParams.MATCH_PARENT;
+import static com.withpersona.sdk2.inquiry.types.ConstsKt.DEFAULT_REQUEST_KEY;
+
+import android.graphics.Color;
+import android.view.Choreographer;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import androidx.fragment.app.FragmentActivity;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.common.MapBuilder;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.ViewGroupManager;
+import com.facebook.react.uimanager.annotations.ReactProp;
+import com.withpersona.sdk2.inquiry.Inquiry;
+import com.withpersona.sdk2.inquiry.InquiryResponse;
+
+import java.util.Map;
+
+class PersonaInquiryViewManager extends ViewGroupManager<FrameLayout> {
+    public static final String REACT_CLASS = "PersonaInquiryView";
+    public final int COMMAND_CREATE = 1;
+
+    @Nullable
+    ThemedReactContext reactContext;
+
+    @NonNull
+    @Override
+    public String getName() {
+        return REACT_CLASS;
+    }
+
+    /**
+     * Return a FrameLayout which will later hold the Fragment
+     */
+    @NonNull
+    @Override
+    public FrameLayout createViewInstance(@NonNull ThemedReactContext reactContext) {
+        this.reactContext = reactContext;
+        FrameLayout frameLayout = new FrameLayout(reactContext);
+        frameLayout.setLayoutParams(new ViewGroup.LayoutParams(MATCH_PARENT, MATCH_PARENT));
+        return frameLayout;
+    }
+
+    /**
+     * Map the "create" command to an integer
+     */
+    @Nullable
+    @Override
+    public Map<String, Integer> getCommandsMap() {
+        return MapBuilder.of("create", COMMAND_CREATE);
+    }
+
+    /**
+     * Handle "create" command (called from JS) and call createFragment method
+     */
+    @Override
+    public void receiveCommand(
+            @NonNull FrameLayout root,
+            int commandId,
+            @Nullable ReadableArray args
+    ) {
+        super.receiveCommand(root, commandId, args);
+        int reactNativeViewId = args.getInt(0);
+
+        switch (commandId) {
+            case COMMAND_CREATE:
+                createFragment(root, reactNativeViewId);
+                break;
+            default: {}
+        }
+    }
+
+    @ReactProp(name = "inquiry")
+    public void setInquiry(FrameLayout view, @Nullable ReadableMap options) {
+        view.setTag(R.id.pi2_rn_inquiry_options, options);
+    }
+
+    @Override
+    @NonNull
+    public Map getExportedCustomBubblingEventTypeConstants() {
+        return MapBuilder.builder()
+                .put(
+                        "onComplete",
+                        MapBuilder.of(
+                                "phasedRegistrationNames",
+                                MapBuilder.of("bubbled", "onComplete")
+                        )
+                ).put(
+                        "onCanceled",
+                        MapBuilder.of(
+                                "phasedRegistrationNames",
+                                MapBuilder.of("bubbled", "onCanceled")
+                        )
+                ).put(
+                        "onError",
+                        MapBuilder.of(
+                                "phasedRegistrationNames",
+                                MapBuilder.of("bubbled", "onError")
+                        )
+                ).build();
+    }
+
+    /**
+     * Replace your React Native view with a custom fragment
+     */
+    public void createFragment(FrameLayout root, int reactNativeViewId) {
+        if (reactContext == null) {
+            return;
+        }
+
+        ViewGroup parentView = root.findViewById(reactNativeViewId);
+        setupLayout(parentView);
+
+        Object inquiryOptions = root.getTag(R.id.pi2_rn_inquiry_options);
+        Inquiry inquiry = null;
+        if (inquiryOptions instanceof ReadableMap) {
+            inquiry = InquiryUtils.newInquiryFromMap((ReadableMap) inquiryOptions);
+        }
+
+        if (inquiry == null) {
+            return;
+        }
+
+        Fragment fragment = inquiry
+                .buildInlineInquiry()
+                .build()
+                .createFragment();
+
+        if (fragment == null) {
+            return;
+        }
+
+        FragmentActivity activity = (FragmentActivity) reactContext.getCurrentActivity();
+
+        if (activity == null) {
+            return;
+        }
+
+        activity.getSupportFragmentManager()
+            .setFragmentResultListener(DEFAULT_REQUEST_KEY, activity, (requestKey, result) -> {
+                InquiryResponse response = Inquiry.extractInquiryResponseFromBundle(result, reactContext);
+                new InquiryEventEmitter(reactContext).emitResponse(response, root);
+            });
+
+        activity.getSupportFragmentManager()
+                .beginTransaction()
+                .replace(reactNativeViewId, fragment, String.valueOf(reactNativeViewId))
+                .commit();
+        parentView.requestLayout();
+    }
+
+    public void setupLayout(View view) {
+        Choreographer.getInstance().postFrameCallback(new Choreographer.FrameCallback() {
+            @Override
+            public void doFrame(long frameTimeNanos) {
+                manuallyLayoutChildren(view);
+                view.getViewTreeObserver().dispatchOnGlobalLayout();
+                Choreographer.getInstance().postFrameCallback(this);
+            }
+        });
+    }
+
+    /**
+     * Layout all children properly
+     */
+    public void manuallyLayoutChildren(View view) {
+        if (view instanceof ViewGroup) {
+            ViewGroup viewGroup = (ViewGroup) view;
+            for (int i = 0; i < viewGroup.getChildCount(); i++) {
+                View child = viewGroup.getChildAt(i);
+
+                child.measure(
+                        View.MeasureSpec.makeMeasureSpec(view.getMeasuredWidth(), View.MeasureSpec.EXACTLY),
+                        View.MeasureSpec.makeMeasureSpec(view.getMeasuredHeight(), View.MeasureSpec.EXACTLY));
+
+                child.layout(0, 0, child.getMeasuredWidth(), child.getMeasuredHeight());
+            }
+        }
+    }
+}

package/android/src/main/res/values/ids.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <item name="pi2_rn_inquiry_options" type="id" />
+</resources>

package/ios/PersonaInquiry-Bridging-Header.h

@@ -1,2 +1,4 @@
 #import "React/RCTBridgeModule.h"
 #import "React/RCTEventEmitter.h"
+#import "React/RCTViewManager.h"
+#import "React/RCTUIManager.h"

package/ios/PersonaInquiry.xcodeproj/project.pbxproj

@@ -9,6 +9,7 @@
 /* Begin PBXBuildFile section */
 		16D866A42A1575D800721E31 /* PersonaInquiryBridge.m in Sources */ = {isa = PBXBuildFile; fileRef = 16D866A22A1575D800721E31 /* PersonaInquiryBridge.m */; };
 		16D866A52A1575D800721E31 /* PersonaInquiry2.swift in Sources */ = {isa = PBXBuildFile; fileRef = 16D866A32A1575D800721E31 /* PersonaInquiry2.swift */; };
+		7CE7D6FB2EE2307C0038CF67 /* PersonaInquiryViewManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = 7CE7D6FA2EE230730038CF67 /* PersonaInquiryViewManager.swift */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXCopyFilesBuildPhase section */
@@ -27,6 +28,7 @@
 		134814201AA4EA6300B7C361 /* libPersonaInquiry.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libPersonaInquiry.a; sourceTree = BUILT_PRODUCTS_DIR; };
 		16D866A22A1575D800721E31 /* PersonaInquiryBridge.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = PersonaInquiryBridge.m; sourceTree = "<group>"; };
 		16D866A32A1575D800721E31 /* PersonaInquiry2.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = PersonaInquiry2.swift; sourceTree = "<group>"; };
+		7CE7D6FA2EE230730038CF67 /* PersonaInquiryViewManager.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PersonaInquiryViewManager.swift; sourceTree = "<group>"; };
 		F618109E242AD27000CF7049 /* PersonaInquiry-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "PersonaInquiry-Bridging-Header.h"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
@@ -52,6 +54,7 @@
 		58B511D21A9E6C8500147676 = {
 			isa = PBXGroup;
 			children = (
+				7CE7D6FA2EE230730038CF67 /* PersonaInquiryViewManager.swift */,
 				16D866A32A1575D800721E31 /* PersonaInquiry2.swift */,
 				16D866A22A1575D800721E31 /* PersonaInquiryBridge.m */,
 				134814211AA4EA7D00B7C361 /* Products */,
@@ -117,6 +120,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				7CE7D6FB2EE2307C0038CF67 /* PersonaInquiryViewManager.swift in Sources */,
 				16D866A42A1575D800721E31 /* PersonaInquiryBridge.m in Sources */,
 				16D866A52A1575D800721E31 /* PersonaInquiry2.swift in Sources */,
 			);