@everymatrix/general-player-register-form 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-player-register-form",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "main": "dist/general-player-register-form.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3800c3e93fdc948c5bc48101acce6cd81ce65706"
+  "gitHead": "02dbae5b4d167acdb57c72905b756343a318870a"
 }

package/src/GeneralPlayerRegisterForm.svelte

@@ -31,7 +31,7 @@
   export let userroles:string = '';
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
-  export let translationUrl:string = '';
+  export let translationurl:string = '';
 
   let customStylingContainer:HTMLElement;
   let displayNone:boolean = false;
@@ -85,7 +85,7 @@
   // setupI18n({ withLocale: 'en', translations: {}});
 
   const setTranslationUrl = ():void => {
-    let url:string = translationUrl;
+    let url:string = translationurl;
 
     fetch(url).then((res:any) => res.json())
     .then((res) => {
@@ -347,6 +347,7 @@
   }
 
   const sendSmsToken = async (userData, playerId) => {
+    localStorage.setItem('smsTimer', JSON.stringify(Math.floor(Date.now() / 1000)));
     try {
       const res = await fetch(`${endpoint}/player/sms/token`,{
         method: 'POST',
@@ -431,7 +432,7 @@ $: lang && setActiveLanguage();
 $: disabledfields && formatDisabledFields();
 $: clientstyling && customStylingContainer && setClientStyling();
 $: clientstylingurl && customStylingContainer && setClientStylingURL();
-$: translationUrl && setTranslationUrl();
+$: translationurl && setTranslationUrl();
 </script>
 <div bind:this={customStylingContainer}>
   {#if isLoading}
@@ -479,11 +480,11 @@ $: translationUrl && setTranslationUrl();
               >
             </general-player-sms-verification-form>
           {:else}
-            <p>
-              We encountered an issue sending the sms to your number,
-              you can verify your number while loging in
-            </p>
+            <p class="SMSErrorText">{$_('registerForm.error')}</p>
           {/if}
+        {:else if smsSendApiFailed}
+          <!-- this case is valid only until NW fixes the internal error on the /player/sms/token which reproduces aprox 1/5 cases. was added as to avoid empty screen due to untreated error -->
+          <p class="SMSErrorText">{$_('registerForm.error')}</p>
         {/if}
         {#if showConfirmation}
           <div class="RegisterConfirmation" part="RegisterConfirmation">
@@ -526,8 +527,8 @@ $: translationUrl && setTranslationUrl();
     scrollbar-color: var(--emfe-w-color-gray-100, #E6E6E6) var(--emfe-w-color-gray-50, #F9F8F8);
     scrollbar-width: thin;
     &.RegisterFormContainerMobile {
-      padding: 40px 20px;
-      height: 70vh;
+      padding: 40px 20px 100%;
+      height: 65vh;
       overflow-y: scroll;
     }
   }
@@ -578,6 +579,12 @@ $: translationUrl && setTranslationUrl();
     margin-top: 24px;
   }
 
+  .SMSErrorText {
+    height: 80%;
+    display: flex;
+    align-items: center;
+  }
+
   .RegisterConfirmation {
     display: flex;
     flex-direction: column;

package/src/translations.js

@@ -2,36 +2,43 @@ export const RegisterFormTranslations = {
   en: {
     registerForm: {
       goToLoginButton: 'Go To Login',
+      error: 'We encountered an issue. Please go to Login to receive your SMS code.'
     }
   },
   zhs: {
     registerForm: {
       goToLoginButton: '去登錄',
+      error: '我们遇到了一个问题。请转到登录以接收您的短信代码'
     }
   },
   fr: {
     registerForm: {
       goToLoginButton: 'Aller à la connexion',
+      error: 'Nous avons rencontré un problème. Veuillez vous connecter pour recevoir votre code SMS.'
     }
   },
   tr: {
     registerForm: {
       goToLoginButton: 'Giriş Yap',
+      error: 'Bir sorunla karşılaştık. SMS kodunuzu almak için lütfen Giriş\'e gidin.'
     }
   },
   ro: {
     registerForm: {
       goToLoginButton: 'Catre Autentificare',
+      error: 'Am întâmpinat o problemă. Vă rugăm să accesați Login pentru a primi codul SMS.'
     }
   },
   es: {
     registerForm: {
       goToLoginButton: 'Ir a Iniciar sesión',
+      error: 'Encontramos un problema. Vaya a Iniciar sesión para recibir su código SMS.'
     }
   },
   pt: {
     registerForm: {
       goToLoginButton: 'Ir para o Login',
+      error: 'Encontramos um problema. Vá para Login para receber seu código SMS.'
     }
   },
 };