react-native-payengine 1.0.5

package/android/gradlew.bat

@@ -0,0 +1,84 @@
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS=
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

package/android/local.properties

@@ -0,0 +1,8 @@
+## This file must *NOT* be checked into Version Control Systems,
+# as it contains information specific to your local configuration.
+#
+# Location of the SDK. This is only used by Gradle.
+# For customization when using a Version Control System, please read the
+# header note.
+#Tue Sep 20 09:54:08 ICT 2022
+sdk.dir=/Users/tringuyen/Library/Android/sdk

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.reactnativepayengine">
+
+</manifest>

package/android/src/main/java/com/reactnativepayengine/PayengineModule.java

@@ -0,0 +1,33 @@
+package com.reactnativepayengine;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.module.annotations.ReactModule;
+
+@ReactModule(name = PayengineModule.NAME)
+public class PayengineModule extends ReactContextBaseJavaModule {
+    public static final String NAME = "Payengine";
+
+    public PayengineModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+    }
+
+    @Override
+    @NonNull
+    public String getName() {
+        return NAME;
+    }
+
+
+    // Example method
+    // See https://reactnative.dev/docs/native-modules-android
+    @ReactMethod
+    public void multiply(double a, double b, Promise promise) {
+        promise.resolve(a * b);
+    }
+
+}

package/android/src/main/java/com/reactnativepayengine/PayenginePackage.java

@@ -0,0 +1,64 @@
+package com.reactnativepayengine;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+import com.reactnativepayengine.collect.VGSCollectModule;
+import com.reactnativepayengine.collect.VGSCollectOnCreateViewInstanceListener;
+import com.reactnativepayengine.collect.fields.VGSCVCField;
+import com.reactnativepayengine.collect.fields.VGSCardHolderNameField;
+import com.reactnativepayengine.collect.fields.VGSCardNumberField;
+import com.reactnativepayengine.collect.fields.VGSExpDateField;
+import com.reactnativepayengine.collect.fields.VGSTextField;
+import com.reactnativepayengine.collect.fields.VGSZipCodeField;
+import com.verygoodsecurity.vgscollect.view.InputFieldView;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class PayenginePackage implements ReactPackage, VGSCollectOnCreateViewInstanceListener {
+
+  private VGSCollectModule module;
+
+  public VGSCollectOnCreateViewInstanceListener getListener() {
+    return this;
+  }
+
+  public VGSCollectModule getVGSCollectModule() {
+    return module;
+  }
+
+
+  @NonNull
+  @Override
+  public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
+    module = new VGSCollectModule(reactContext);
+
+    List<NativeModule> modules = new ArrayList<>();
+    modules.add(new PayengineModule(reactContext));
+    modules.add(module);
+
+    return modules;
+  }
+
+  @NonNull
+  @Override
+  public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
+    List<ViewManager> views = new ArrayList<>();
+    views.add(new VGSExpDateField(this, reactContext));
+    views.add(new VGSCardNumberField(this, reactContext));
+    views.add(new VGSCardHolderNameField(this, reactContext));
+    views.add(new VGSCVCField(this, reactContext));
+    views.add(new VGSZipCodeField(this, reactContext));
+    views.add(new VGSTextField(this, reactContext));
+    return views;
+  }
+
+  @Override
+  public void onCreateViewInstance(InputFieldView inputFieldView) {
+    module.bindView(inputFieldView);
+  }
+}

package/android/src/main/java/com/reactnativepayengine/collect/VGSCollectModule.java

@@ -0,0 +1,148 @@
+package com.reactnativepayengine.collect;
+
+import android.app.Activity;
+import android.content.Intent;
+import android.util.Log;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.modules.core.DeviceEventManagerModule;
+import com.reactnativepayengine.util.JSONObjectUtil;
+import com.verygoodsecurity.vgscollect.VGSCollectLogger;
+import com.verygoodsecurity.vgscollect.core.Environment;
+import com.verygoodsecurity.vgscollect.core.HTTPMethod;
+import com.verygoodsecurity.vgscollect.core.VGSCollect;
+import com.verygoodsecurity.vgscollect.core.model.network.VGSRequest;
+import com.verygoodsecurity.vgscollect.core.model.network.VGSResponse;
+import com.verygoodsecurity.vgscollect.core.model.state.FieldState;
+import com.verygoodsecurity.vgscollect.view.InputFieldView;
+
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Optional;
+
+public class VGSCollectModule extends ReactContextBaseJavaModule {
+
+  private static ReactApplicationContext reactContext;
+
+  private VGSCollect collect;
+
+  public VGSCollectModule(ReactApplicationContext c) {
+    super(c);
+    reactContext = c;
+  }
+
+  @Override
+  public void initialize() {
+    super.initialize();
+//    Activity activity = reactContext.getCurrentActivity();
+//    collect = new VGSCollect.Builder(activity, "")
+//      .create();
+  }
+
+  @NonNull
+  @Override
+  public String getName() {
+    return "VGSCollectManager";
+  }
+
+  @ReactMethod
+  public void setConfiguration(String vaultId, String environment, String cname, double vgsSatellitePort) {
+    Log.e("test", "Create event called with name: " + vaultId + " and location: " + environment + " cname: " + cname);
+
+    VGSCollectLogger.INSTANCE.setLogLevel(VGSCollectLogger.Level.DEBUG);
+
+    Activity activity = reactContext.getCurrentActivity();
+    collect = new VGSCollect.Builder(activity, vaultId)
+      .setEnvironment(environment)
+//      .setHostname(cname)
+//      .setPort((int) Math.round(vgsSatellitePort))
+      .create();
+
+  }
+
+  @ReactMethod
+  public void createCard(String merchantId, Promise promise) {
+    this.submit("/api/cards", merchantId, promise);
+  }
+
+  @ReactMethod
+  public void createBankAccount(String merchantId, Promise promise) {
+    this.submit("/api/bank-accounts", merchantId, promise);
+  }
+
+  private void submit(String path, String merchantId, Promise promise) {
+    HashMap<String, Object> customData = new HashMap<>();
+    customData.put("pci_vault_provider", "vgs");
+    if (merchantId != null && !merchantId.isEmpty()) {
+      customData.put("merchant_id", merchantId);
+    }
+
+    HashMap<String, String> headers = new HashMap<>();
+    headers.put("CUSTOM-HEADER", "custom-header");
+
+    List<FieldState> states = collect.getAllStates();
+
+    for (int i = 0; i < states.size(); i++) {
+      FieldState state = states.get(i);
+
+      if (!state.isValid()) {
+        String message = new StringBuilder("Field ")
+          .append(state.getFieldName())
+          .append(" is not valid.")
+          .toString();
+        promise.reject("validation_error", message);
+        return;
+      }
+      if (state instanceof FieldState.CardNumberState) {
+        FieldState.CardNumberState cardState = (FieldState.CardNumberState) state;
+        customData.put("last_4", cardState.getNumber());
+        customData.put("bin", cardState.getBin());
+        customData.put("brand", cardState.getCardBrand());
+      }
+    }
+
+    VGSRequest request = new VGSRequest.VGSRequestBuilder()
+      .setMethod(HTTPMethod.POST)
+      .setPath(path)
+      .setCustomHeader(headers)
+      .setCustomData(customData)
+      .build();
+
+    VGSResponse response = collect.submit(request);
+    Log.e("test", "response " + response.getBody());
+    if (response instanceof VGSResponse.SuccessResponse) {
+      VGSResponse.SuccessResponse result = (VGSResponse.SuccessResponse) response;
+      try {
+        JSONObject jsonObj = new JSONObject(result.getBody());
+        promise.resolve(JSONObjectUtil.convertJsonToMap(jsonObj.getJSONObject("data")));
+        return;
+      } catch (JSONException e) {
+        e.printStackTrace();
+        promise.reject("invalid_response", "We got success response but unable to parse it");
+      }
+    } else if (response instanceof VGSResponse.ErrorResponse) {
+      VGSResponse.ErrorResponse error = (VGSResponse.ErrorResponse) response;
+      promise.reject(String.valueOf(error.getErrorCode()), error.getLocalizeMessage());
+    }
+
+  }
+
+  public void onActivityResult(final int requestCode, final int resultCode, final Intent data) {
+    if (collect != null) {
+      collect.onActivityResult(requestCode, resultCode, data);
+    }
+  }
+
+  public void bindView(InputFieldView inputFieldView) {
+    Log.e("test", "collect bindView " + inputFieldView.getFieldName() + " - Collect " + collect.getAllStates());
+    collect.bindView(inputFieldView);
+  }
+}

package/android/src/main/java/com/reactnativepayengine/collect/VGSCollectOnCreateViewInstanceListener.java

@@ -0,0 +1,6 @@
+package com.reactnativepayengine.collect;
+import com.verygoodsecurity.vgscollect.view.InputFieldView;
+
+public interface VGSCollectOnCreateViewInstanceListener {
+  void onCreateViewInstance(InputFieldView inputFieldView);
+}

package/android/src/main/java/com/reactnativepayengine/collect/fields/VGSCVCField.java

@@ -0,0 +1,67 @@
+package com.reactnativepayengine.collect.fields;
+
+import android.graphics.Rect;
+import android.graphics.drawable.Drawable;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.annotations.ReactProp;
+import com.reactnativepayengine.collect.VGSCollectOnCreateViewInstanceListener;
+import com.verygoodsecurity.vgscollect.view.card.CardType;
+import com.verygoodsecurity.vgscollect.view.cvc.CVCIconAdapter;
+import com.verygoodsecurity.vgscollect.widget.CardVerificationCodeEditText;
+import com.verygoodsecurity.vgscollect.widget.VGSCardNumberEditText;
+import com.verygoodsecurity.vgscollect.widget.VGSTextInputLayout;
+
+import org.jetbrains.annotations.NotNull;
+
+public class VGSCVCField extends SimpleViewManager<VGSTextInputLayout> {
+  private final VGSCollectOnCreateViewInstanceListener listener;
+
+  private CardVerificationCodeEditText editText;
+  private VGSTextInputLayout vgsTextInputLayout;
+
+  ReactApplicationContext mCallerContext;
+
+  public VGSCVCField(VGSCollectOnCreateViewInstanceListener listener, ReactApplicationContext reactContext) {
+    this.listener = listener;
+    mCallerContext = reactContext;
+  }
+
+  @Override
+  public String getName() {
+    return "VGSCVCField";
+  }
+
+  @NonNull
+  @Override
+  protected VGSTextInputLayout createViewInstance(@NonNull ThemedReactContext reactContext) {
+    vgsTextInputLayout = new VGSTextInputLayout(reactContext);
+    vgsTextInputLayout.setHint("CVC");
+    editText = new CardVerificationCodeEditText(reactContext);
+    editText.setIsRequired(true);
+    editText.setFieldName("card_cvc");
+    CVCIconAdapter adapter = new CVCIconAdapter(reactContext) {
+      @Override
+      protected Drawable getIcon(@NotNull CardType cardType, @Nullable String cardBrand, int cvcLength, @NotNull Rect r) {
+        return super.getIcon(cardType, cardBrand, cvcLength, r);
+      }
+    };
+    editText.setPreviewIconAdapter(adapter);
+    editText.setPadding(10, 0, 10, 0);
+
+    vgsTextInputLayout.addView(editText);
+
+    this.listener.onCreateViewInstance(editText);
+    return vgsTextInputLayout;
+  }
+
+  @ReactProp(name = "placeholder")
+  public void setPlaceholder(VGSTextInputLayout view, @Nullable String placeholder) {
+    vgsTextInputLayout.setHint(placeholder);
+  }
+}

package/android/src/main/java/com/reactnativepayengine/collect/fields/VGSCardHolderNameField.java

@@ -0,0 +1,53 @@
+package com.reactnativepayengine.collect.fields;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.annotations.ReactProp;
+import com.reactnativepayengine.collect.VGSCollectOnCreateViewInstanceListener;
+import com.verygoodsecurity.vgscollect.widget.ExpirationDateEditText;
+import com.verygoodsecurity.vgscollect.widget.PersonNameEditText;
+import com.verygoodsecurity.vgscollect.widget.VGSTextInputLayout;
+
+public class VGSCardHolderNameField extends SimpleViewManager<VGSTextInputLayout> {
+  private final VGSCollectOnCreateViewInstanceListener listener;
+
+  private PersonNameEditText editText;
+  private VGSTextInputLayout vgsTextInputLayout;
+
+  ReactApplicationContext mCallerContext;
+
+  public VGSCardHolderNameField(VGSCollectOnCreateViewInstanceListener listener, ReactApplicationContext reactContext) {
+    this.listener = listener;
+    mCallerContext = reactContext;
+  }
+
+  @Override
+  public String getName() {
+    return "VGSCardHolderNameField";
+  }
+
+  @NonNull
+  @Override
+  protected VGSTextInputLayout createViewInstance(@NonNull ThemedReactContext reactContext) {
+    vgsTextInputLayout = new VGSTextInputLayout(reactContext);
+    vgsTextInputLayout.setHint("Card holder name");
+    editText = new PersonNameEditText(reactContext);
+    editText.setIsRequired(true);
+    editText.setFieldName("card_holder");
+    editText.setPadding(10, 0, 10, 0);
+
+    vgsTextInputLayout.addView(editText);
+
+    this.listener.onCreateViewInstance(editText);
+    return vgsTextInputLayout;
+  }
+
+  @ReactProp(name = "placeholder")
+  public void setPlaceholder(VGSTextInputLayout view, @Nullable String placeholder) {
+    vgsTextInputLayout.setHint(placeholder);
+  }
+}

package/android/src/main/java/com/reactnativepayengine/collect/fields/VGSCardNumberField.java

@@ -0,0 +1,57 @@
+package com.reactnativepayengine.collect.fields;
+
+import android.view.Gravity;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.annotations.ReactProp;
+import com.reactnativepayengine.collect.VGSCollectOnCreateViewInstanceListener;
+import com.verygoodsecurity.vgscollect.widget.PersonNameEditText;
+import com.verygoodsecurity.vgscollect.widget.VGSCardNumberEditText;
+import com.verygoodsecurity.vgscollect.widget.VGSTextInputLayout;
+
+public class VGSCardNumberField extends SimpleViewManager<VGSTextInputLayout> {
+  private final VGSCollectOnCreateViewInstanceListener listener;
+
+  private VGSCardNumberEditText editText;
+  private VGSTextInputLayout vgsTextInputLayout;
+
+  ReactApplicationContext mCallerContext;
+
+  public VGSCardNumberField(VGSCollectOnCreateViewInstanceListener listener, ReactApplicationContext reactContext) {
+    this.listener = listener;
+    mCallerContext = reactContext;
+  }
+
+  @Override
+  public String getName() {
+    return "VGSCardNumberField";
+  }
+
+  @NonNull
+  @Override
+  protected VGSTextInputLayout createViewInstance(@NonNull ThemedReactContext reactContext) {
+    vgsTextInputLayout = new VGSTextInputLayout(reactContext);
+    vgsTextInputLayout.setHint("Card number");
+    editText = new VGSCardNumberEditText(reactContext);
+    editText.setIsRequired(true);
+    editText.setFieldName("card_number");
+    editText.setDivider(' ');
+    editText.setCardBrandIconGravity(Gravity.END);
+    editText.setPadding(10, 0, 10, 0);
+
+    vgsTextInputLayout.addView(editText);
+
+    this.listener.onCreateViewInstance(editText);
+    return vgsTextInputLayout;
+  }
+
+  @ReactProp(name = "placeholder")
+  public void setPlaceholder(VGSTextInputLayout view, @Nullable String placeholder) {
+    vgsTextInputLayout.setHint(placeholder);
+  }
+}

package/android/src/main/java/com/reactnativepayengine/collect/fields/VGSExpDateField.java

@@ -0,0 +1,54 @@
+package com.reactnativepayengine.collect.fields;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.annotations.ReactProp;
+import com.reactnativepayengine.collect.VGSCollectOnCreateViewInstanceListener;
+import com.verygoodsecurity.vgscollect.widget.ExpirationDateEditText;
+import com.verygoodsecurity.vgscollect.widget.VGSTextInputLayout;
+
+public class VGSExpDateField extends SimpleViewManager<VGSTextInputLayout> {
+  private final VGSCollectOnCreateViewInstanceListener listener;
+
+  private ExpirationDateEditText editText;
+  private VGSTextInputLayout vgsTextInputLayout;
+
+  ReactApplicationContext mCallerContext;
+
+  public VGSExpDateField(VGSCollectOnCreateViewInstanceListener listener, ReactApplicationContext reactContext) {
+    this.listener = listener;
+    mCallerContext = reactContext;
+  }
+
+  @Override
+  public String getName() {
+    return "VGSExpDateField";
+  }
+
+  @NonNull
+  @Override
+  protected VGSTextInputLayout createViewInstance(@NonNull ThemedReactContext reactContext) {
+    vgsTextInputLayout = new VGSTextInputLayout(reactContext);
+    vgsTextInputLayout.setHint("Exp Date");
+    editText = new ExpirationDateEditText(reactContext);
+    editText.setIsRequired(true);
+    editText.setDateRegex("MM/yy");
+    editText.setFieldName("card_exp");
+    editText.setPadding(10, 0, 10, 0);
+
+    vgsTextInputLayout.addView(editText);
+
+    this.listener.onCreateViewInstance(editText);
+    return vgsTextInputLayout;
+  }
+
+  @ReactProp(name = "placeholder")
+  public void setPlaceholder(VGSTextInputLayout view, @Nullable String placeholder) {
+    vgsTextInputLayout.setHint(placeholder);
+  }
+}
+

package/android/src/main/java/com/reactnativepayengine/collect/fields/VGSTextField.java

@@ -0,0 +1,57 @@
+package com.reactnativepayengine.collect.fields;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.annotations.ReactProp;
+import com.reactnativepayengine.collect.VGSCollectOnCreateViewInstanceListener;
+import com.verygoodsecurity.vgscollect.widget.VGSEditText;
+import com.verygoodsecurity.vgscollect.widget.VGSTextInputLayout;
+
+public class VGSTextField extends SimpleViewManager<VGSTextInputLayout> {
+  private final VGSCollectOnCreateViewInstanceListener listener;
+
+  private VGSEditText editText;
+  private VGSTextInputLayout vgsTextInputLayout;
+
+  ReactApplicationContext mCallerContext;
+
+  public VGSTextField(VGSCollectOnCreateViewInstanceListener listener, ReactApplicationContext reactContext) {
+    this.listener = listener;
+    mCallerContext = reactContext;
+  }
+
+  @Override
+  public String getName() {
+    return "VGSTextField";
+  }
+
+  @NonNull
+  @Override
+  protected VGSTextInputLayout createViewInstance(@NonNull ThemedReactContext reactContext) {
+    vgsTextInputLayout = new VGSTextInputLayout(reactContext);
+    vgsTextInputLayout.setHint("");
+    editText = new VGSEditText(reactContext);
+    editText.setFieldName("custom_text");
+    editText.setPadding(10, 0, 10, 0);
+
+    vgsTextInputLayout.addView(editText);
+
+    this.listener.onCreateViewInstance(editText);
+    return vgsTextInputLayout;
+  }
+
+  @ReactProp(name = "placeholder")
+  public void setPlaceholder(VGSTextInputLayout view, @Nullable String placeholder) {
+    vgsTextInputLayout.setHint(placeholder);
+  }
+
+  @ReactProp(name = "maxlength")
+  public void setMaxLength(VGSTextInputLayout view, @Nullable double maxLength) {
+    editText.setMaxLength((int) maxLength);
+  }
+}
+