@everymatrix/general-player-login-form 0.0.209 → 0.0.214

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-player-login-form",
-  "version": "0.0.209",
+  "version": "0.0.214",
   "main": "dist/general-player-login-form.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0cdc5a5de8fee8ead3a559d272a436d01db74a1c"
+  "gitHead": "504c889b442d1a70906bdb23ddaef68e256963b6"
 }

package/src/GeneralPlayerLoginForm.svelte

@@ -4,6 +4,12 @@
   import { onMount } from "svelte";
   import { isMobile } from 'rvhelper';
 
+  import {
+    isNative,
+    call as callNative,
+    registerEventListener as registerNativeEventListener,
+  } from 'js-native-bridge';
+
   export let imagedesktop:string = '';
   export let captchakey:string = '';
 
@@ -25,6 +31,13 @@
   let isPasswordVisible:boolean = false;
   let isFormDataInvalid:boolean = true;
 
+  let isOnNative:boolean = !!isNative(userAgent);
+  let waitingForCredentials:boolean = isOnNative;
+
+  let nativeCredentials:any = {};
+
+  const captchaKey = '6Lc7w8YcAAAAAEMHc_VNN9bqfVnILoUOHSHyZ0yn';
+
   const regexValidators = {
     user: /^(?!(?:.*\d){9})(?=(?:.*[a-zA-Z]){2})^[a-zA-Z\d]*$/,
     email: /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i,
@@ -132,6 +145,32 @@
     window.addEventListener('message', messageHandler, false);
     window.postMessage({ type: "LoginRegisterModalActive" }, window.location.href);
 
+    if (isOnNative) {
+      registerNativeEventListener(
+        'GET_CREDENTIALS',
+        (credentials:any):void => {
+          if (waitingForCredentials) {
+            if (credentials) {
+              const { username, password } = credentials;
+
+              userValue = username;
+              userPassword = password;
+
+              submitLoginForm();
+            } else {
+              waitingForCredentials = false;
+            }
+          }
+        }
+      );
+
+      const methodFound = callNative('GET_CREDENTIALS');
+
+      if (!methodFound) {
+        waitingForCredentials = false;
+      }
+    }
+
     mobileView = isMobile(userAgent);
 
     return () => {