@everymatrix/general-player-register-form 0.0.316 → 0.0.319

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-player-register-form",
-  "version": "0.0.316",
+  "version": "0.0.319",
   "main": "dist/general-player-register-form.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f7fc15774d608e0711662d4e0df2b39e3c18e745"
+  "gitHead": "303df572e2a23ddc3a1c2f113be36d9db5606323"
 }

package/src/GeneralPlayerRegisterForm.svelte

@@ -12,12 +12,12 @@
   import '@everymatrix/general-player-register-form-step1';
   import '@everymatrix/general-player-register-form-step2';
   import '@everymatrix/general-player-register-form-step3';
+  import '@everymatrix/general-player-sms-verification-form';
 
   export let endpoint:string = '';
   export let cmsendpoint:string = '';
   export let env:string = '';
   export let imagedesktop:string = '';
-  export let playerid:string = '';
   export let session:string = '';
   export let trackedanalyticsdata:string = '';
   export let captchakey:string = '';
@@ -25,14 +25,17 @@
   export let licenseyears:string = '';
   export let disabledfields:string = '';
   export let dummydata:string = '';
+  export let smsverification = 'false';
 
   let isLoading:boolean = false;
 
   let disabledFieldsList:Array<string> = [];
 
+  let playerid:string = '';
   let showRegisterStepOne:boolean = true;
   let showRegisterStepTwo:boolean = false;
   let showRegisterStepThree:boolean = false;
+  let showSmsVerification: boolean = false;
   let showConfirmation:boolean = false;
   let cmsData:any;
   let showError:boolean = false;
@@ -54,6 +57,10 @@
   let smsoffers:string = 'false';
   let emailmarketing:string = 'false';
   let error:string = '';
+  let smsTemplate: string = 'Please use this code {0} to activate your account';
+  let smstokenid;
+  let smsSendApiFailed = false;
+  let number;
 
   let scrollSteps:HTMLElement;
 
@@ -164,6 +171,7 @@
         userData.mobile = {};
         userData.mobile.prefix = data.mobilePrefixSelected;
         userData.mobile.number = data.mobile;
+        number = `${data.mobilePrefixSelected}${data.mobile}`
       }
 
       userData.userConsents = {};
@@ -212,6 +220,11 @@
           sendData(userData);
           break;
 
+        case 'SmsHasBeenValidated':
+          showConfirmation = true;
+          showSmsVerification = false;
+          break;
+
         case 'GoBackStepTwo':
           createData('RegisterStepTwo', e.data.registerStepTwoData);
           scrollTop();
@@ -270,8 +283,12 @@
 
     if (response.ok) {
       showRegisterStepThree = false;
-      showConfirmation = true;
-
+      if(smsverification === 'false') {
+        showConfirmation = true;
+      } else {
+        playerid = data.id;
+        sendSmsToken(userData, data.id);
+      }
 
       loginFields = {
         username: userData.username,
@@ -288,6 +305,40 @@
     }
   }
 
+  const sendSmsToken = async (userData, playerId) => {
+    try {
+      const res = await fetch(`${endpoint}/player/sms/token`,{
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          accept: 'application/json',
+        },
+        body: JSON.stringify(
+          {
+            userId: playerId,
+            messageTemplate: smsTemplate,
+            destination: `${userData.mobile.prefix}${userData.mobile.number}`,
+          }
+        ),
+      });
+
+      const data = await res.json();
+
+      if(res.ok) {
+        smstokenid = data.id;
+        let smsMaxValidations = data.maxValidationAttempts;
+        showSmsVerification = true;
+        smsSendApiFailed = false;
+      } else {
+        smsSendApiFailed = true;
+        throw new Error("Failed to fetch");
+      }
+    } catch(err) {
+      smsSendApiFailed = true;
+      console.error(err);
+    }
+  }
+
   const formatDisabledFields = ():void => {
     disabledFieldsList = disabledfields.split(',');
   }
@@ -349,6 +400,22 @@ $: disabledfields && formatDisabledFields();
           <general-player-register-form-step3 {userconsentsexist} {termsconditions} {smsoffers} {emailmarketing} {endpoint} {captchakey} {lang} {disabledfields} {dummydata} />
         </div>
       {/if}
+      {#if smsverification && showSmsVerification}
+        {#if !smsSendApiFailed}
+          <general-player-sms-verification-form 
+            {endpoint}
+            {session}
+            {number}
+            {playerid}
+            tokenid={smstokenid}>
+          </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>
+        {/if}
+      {/if}
       {#if showConfirmation}
         <div class="RegisterConfirmation" part="RegisterConfirmation">
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.95 51"><defs><style>.a{fill:#16ce16;}</style></defs><path class="a" d="M29.325,51,0,21.675l5.95-5.95,23.375,22.95L68,0l5.95,5.95Z"/></svg>