@everymatrix/player-change-password 0.0.197 → 0.0.201

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-change-password",
-  "version": "0.0.197",
+  "version": "0.0.201",
   "main": "dist/player-change-password.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "89d693d3429e3dc0d6e642537452c8faa0ca008a"
+  "gitHead": "71051531499cfea745b53a0f7c0a77a252990ae7"
 }

package/src/PlayerChangePassword.svelte

@@ -2,6 +2,10 @@
 <script lang="typescript">
   import { onMount } from "svelte";
   import { getDevice } from 'rvhelper';
+  import { _, addNewMessages, setLocale } from './i18n';
+  import { PlayerChangePasswordTranslations } from './translations';
+
+  export let lang:string = 'en';
 
   let isLoading:boolean = false;
   let userAgent:String = window.navigator.userAgent;
@@ -32,6 +36,10 @@
   let errorPasswordChanged:string = '';
   let showErrorPasswordChanged:boolean = false;
 
+  Object.keys(PlayerChangePasswordTranslations).forEach((item:any) => {
+    addNewMessages(item, PlayerChangePasswordTranslations[item]);
+  });
+
   const togglePassword = (field) => {
     switch(field) {
       case 'userCurrentPassword':
@@ -60,6 +68,9 @@
       if(userCurrentPassword) {
         oldPasswordSameAsNew = (userCurrentPassword === userNewPassword) ? true : false;
       }
+      if(userConfirmPassword) {
+        invalidConfirmPassword = (userNewPassword === userConfirmPassword) ? !checkUserPassword(password) : true;
+      }
     } else {
         invalidConfirmPassword = (userNewPassword === userConfirmPassword) ? !checkUserPassword(password) : true;
     }
@@ -105,7 +116,11 @@
   }
 
   const backToCasino = () => {
+    window.postMessage({ type: 'GoToCasino' }, window.location.href);
+  }
 
+  const initialLoad = () => {
+    setLocale(lang);
   }
 
   const messageHandler = (e:any) => {
@@ -134,6 +149,7 @@
     }
   });
 
+  $: lang && initialLoad();
   $: passwordChanged;
 </script>
 
@@ -150,14 +166,14 @@
               <path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
             </g></g>
           </svg>
-          <h2 class="ChangePasswordTitleMobile">Change Password</h2>
+          <h2 class="ChangePasswordTitleMobile">{$_('changePassword.title')}</h2>
         </div>
       {/if}
-      <h2 class="ChangePasswordTitle {isMobile ? 'ChangePasswordTitleNone' : ''}">Change Password</h2>
+      <h2 class="ChangePasswordTitle {isMobile ? 'ChangePasswordTitleNone' : ''}">{$_('changePassword.title')}</h2>
 
       <section class="PlayerChangePasswordContent">
         <div class="PlayerChangePasswordBox { invalidCurrentPassword ? 'InvalidField' : '' }">
-          <label for="CurrentPassword">Current Password:</label>
+          <label for="CurrentPassword">{$_('changePassword.currentPassword')}</label>
           <input bind:value={userCurrentPassword} on:blur={validatePassword(invalidCurrentPassword, userCurrentPassword, currentPasswordVisibilityToggle)} id="CurrentPassword" type="password" bind:this={currentPasswordVisibilityToggle} />
           {#if isCurrentPasswordVisible}
             <svg on:click={() => togglePassword('userCurrentPassword')} class="TogglePasswordVisibility {invalidCurrentPassword ? 'InvalidToggle' : ''} { isMobile ? 'TogglePasswordVisibilityMobile' : '' }" xmlns="http://www.w3.org/2000/svg" width="18.844" height="12.887" viewBox="0 0 18.844 12.887"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-110.856 -23.242)"><circle class="a" cx="0.05" cy="0.05" r="0.05" transform="translate(121.017 31.148)"/><g transform="translate(117.499 27.37)"><path class="a" d="M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z" transform="translate(-142.164 -39.123)"/><path class="a" d="M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z" transform="translate(-136.413 -42.068)"/></g><g transform="translate(110.856 24.899)"><path class="a" d="M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z" transform="translate(-110.856 -33.157)"/><path class="a" d="M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z" transform="translate(-130.743 -29.617)"/></g><rect class="a" width="0.972" height="15.861" rx="0.486" transform="translate(114.827 23.858) rotate(-39.315)"/></g></svg>
@@ -165,11 +181,11 @@
             <svg on:click={() => togglePassword('userCurrentPassword')} class="TogglePasswordVisibility {invalidCurrentPassword ? 'InvalidToggle' : ''} { isMobile ? 'TogglePasswordVisibilityMobile' : '' }" xmlns="http://www.w3.org/2000/svg" width="18.843" height="10.5" viewBox="0 0 18.843 10.5"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-14.185 -27.832)"><path class="a" d="M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z" transform="translate(0)"/><circle class="a" cx="2.779" cy="2.779" r="2.779" transform="translate(20.827 30.303)"/></g></svg>
           {/if}
           {#if invalidCurrentPassword}
-            <p class="InvalidInput">The password should be 8-20 characters long, and contain at least 1 uppercase letter, 1 number and 1 special character.</p>
+            <p class="InvalidInput">{$_('changePassword.invalidCurrentPassword')}</p>
           {/if}
         </div>
         <div class="PlayerChangePasswordBox { invalidNewPassword ? 'InvalidField' : '' }">
-          <label for="NewPassword">New Password:</label>
+          <label for="NewPassword">{$_('changePassword.newPassword')}</label>
           <input bind:value={userNewPassword} on:blur={validatePassword(invalidNewPassword, userNewPassword, newPasswordVisibilityToggle)} id="NewPassword" type="password" bind:this={newPasswordVisibilityToggle} />
           {#if isNewPasswordVisible}
             <svg on:click={() => togglePassword('userNewPassword')} class="TogglePasswordVisibility {invalidNewPassword ? 'InvalidToggle' : ''} { isMobile ? 'TogglePasswordVisibilityMobile' : '' }" xmlns="http://www.w3.org/2000/svg" width="18.844" height="12.887" viewBox="0 0 18.844 12.887"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-110.856 -23.242)"><circle class="a" cx="0.05" cy="0.05" r="0.05" transform="translate(121.017 31.148)"/><g transform="translate(117.499 27.37)"><path class="a" d="M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z" transform="translate(-142.164 -39.123)"/><path class="a" d="M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z" transform="translate(-136.413 -42.068)"/></g><g transform="translate(110.856 24.899)"><path class="a" d="M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z" transform="translate(-110.856 -33.157)"/><path class="a" d="M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z" transform="translate(-130.743 -29.617)"/></g><rect class="a" width="0.972" height="15.861" rx="0.486" transform="translate(114.827 23.858) rotate(-39.315)"/></g></svg>
@@ -177,13 +193,13 @@
             <svg on:click={() => togglePassword('userNewPassword')} class="TogglePasswordVisibility {invalidNewPassword ? 'InvalidToggle' : ''} { isMobile ? 'TogglePasswordVisibilityMobile' : '' }" xmlns="http://www.w3.org/2000/svg" width="18.843" height="10.5" viewBox="0 0 18.843 10.5"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-14.185 -27.832)"><path class="a" d="M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z" transform="translate(0)"/><circle class="a" cx="2.779" cy="2.779" r="2.779" transform="translate(20.827 30.303)"/></g></svg>
           {/if}
           {#if oldPasswordSameAsNew}
-            <p class="InvalidInputNew">The new password must be different from the old password.</p>
+            <p class="InvalidInputNew">{$_('changePassword.invalidNewPassword')}</p>
           {:else if invalidNewPassword}
-            <p class="InvalidInput">The password should be 8-20 characters long, and contain at least 1 uppercase letter, 1 number and 1 special character.</p>
+            <p class="InvalidInput">{$_('changePassword.invalidNewPasswordSecondary')}</p>
           {/if}
         </div>
         <div class="PlayerChangePasswordBox { invalidConfirmPassword ? 'InvalidField' : '' }">
-          <label for="ConfirmPassword">Confirm Password:</label>
+          <label for="ConfirmPassword">{$_('changePassword.confirmPassword')}</label>
           <input bind:value={userConfirmPassword} on:blur={validatePassword(invalidConfirmPassword, userConfirmPassword, confirmPasswordVisibilityToggle)} id="ConfirmPassword" type="password" bind:this={confirmPasswordVisibilityToggle} />
           {#if isConfirmPasswordVisible}
             <svg on:click={() => togglePassword('userConfirmPassword')} class="TogglePasswordVisibility {invalidConfirmPassword ? 'InvalidToggle' : ''} { isMobile ? 'TogglePasswordVisibilityMobile' : '' }" xmlns="http://www.w3.org/2000/svg" width="18.844" height="12.887" viewBox="0 0 18.844 12.887"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-110.856 -23.242)"><circle class="a" cx="0.05" cy="0.05" r="0.05" transform="translate(121.017 31.148)"/><g transform="translate(117.499 27.37)"><path class="a" d="M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z" transform="translate(-142.164 -39.123)"/><path class="a" d="M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z" transform="translate(-136.413 -42.068)"/></g><g transform="translate(110.856 24.899)"><path class="a" d="M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z" transform="translate(-110.856 -33.157)"/><path class="a" d="M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z" transform="translate(-130.743 -29.617)"/></g><rect class="a" width="0.972" height="15.861" rx="0.486" transform="translate(114.827 23.858) rotate(-39.315)"/></g></svg>
@@ -191,7 +207,7 @@
             <svg on:click={() => togglePassword('userConfirmPassword')} class="TogglePasswordVisibility {invalidConfirmPassword ? 'InvalidToggle' : ''} { isMobile ? 'TogglePasswordVisibilityMobile' : '' }" xmlns="http://www.w3.org/2000/svg" width="18.843" height="10.5" viewBox="0 0 18.843 10.5"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-14.185 -27.832)"><path class="a" d="M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z" transform="translate(0)"/><circle class="a" cx="2.779" cy="2.779" r="2.779" transform="translate(20.827 30.303)"/></g></svg>
           {/if}
           {#if invalidConfirmPassword}
-            <p class="InvalidInput">Password must match the new password and must follow the same rules.</p>
+            <p class="InvalidInput">{$_('changePassword.confirmPasswordInvalid')}</p>
           {/if}
         </div>
       </section>
@@ -203,7 +219,7 @@
       <section class="PlayerChangePasswordButtonsArea">
         <div class="PlayerChangePasswordSaveButton {activateSubmit ? '' : 'ButtonInactive'}"
         disabled={!activateSubmit}
-        on:click={() => submitNewPassword()}>Change Password</div>
+        on:click={() => submitNewPassword()}>{$_('changePassword.submitChangePassword')}</div>
       </section>
     {:else}
       {#if isMobile}
@@ -216,11 +232,11 @@
                 C52.942,116.507,52.942,124.327,57.633,129.007z"/>
             </g>
           </svg>
-          <span>Return to menu</span>
+          <span>{$_('changePassword.returnToMenu')}</span>
         </div>
       {/if}
       <div class="PlayerChangePasswordHeader">
-        <h3>Change Password</h3>
+        <h3>{$_('changePassword.changePasswordText')}</h3>
       </div>
       <div class="ChangedPasswordSuccessfully">
         <div class="SuccessWrapper">
@@ -228,11 +244,11 @@
             <div class="Checkmark"></div>
           </div>
           <div class="TextContainer">
-            <h3>PASSWORD RESET</h3>
-            <p>Your password has been reset successfully.</p>
+            <h3>{$_('changePassword.passwordReset')}</h3>
+            <p>{$_('changePassword.passwordResetConfirmation')}</p>
           </div>
         </div>
-        <div class="PlayerChangePasswordBackButton" on:click={() => backToCasino()}>Back to Casino</div>
+        <div class="PlayerChangePasswordBackButton" on:click={() => backToCasino()}>{$_('changePassword.backButtonText')}</div>
       </div>
     {/if}
   </form>
@@ -275,7 +291,7 @@
   .PlayerChangePasswordContent {
     display: grid;
     grid-column-gap: ttp(3.125);
-    grid-row-gap: 15px;
+    grid-row-gap: 30px;
     grid-template-rows: auto;
     grid-template-columns: 1fr;
     padding-bottom: ttp(1.875);
@@ -359,6 +375,12 @@
       margin: 0;
     }
 
+    /* MS Edge */
+    input::-ms-reveal,
+    input::-ms-clear {
+      display: none;
+    }
+
     /* Firefox */
     input[type=number] {
       -moz-appearance: textfield;
@@ -386,8 +408,9 @@
     height: 20px;
     position: absolute;
     right: 10px;
-    top: 33px;
+    top: 38px;
     cursor: pointer;
+    color: #58586B;
     &.InvalidToggle {
       path, circle, rect {
         fill: #D0046C;
@@ -399,7 +422,7 @@
   }
 
   .TogglePasswordVisibilityMobile {
-    top: 31px;
+    top: 35px;
 
   }
   .InvalidInput, .InvalidInputNew {
@@ -568,6 +591,14 @@
       .TogglePasswordVisibility {
         width: ttp(1.875);
         top: ttp(2.875);
+        &.InvalidToggle {
+          path, circle, rect {
+            fill: #D0046C;
+          }
+        }
+        path, circle, rect {
+          fill: #58586B;
+        }
       }
       .InvalidInput {
         font-size: ttp(1);

package/src/i18n.js

@@ -0,0 +1,27 @@
+import {
+  dictionary,
+  locale,
+  addMessages,
+  _
+} from 'svelte-i18n';
+
+function setupI18n({ withLocale: _locale, translations }) {
+  locale.subscribe((data) => {
+    if (data == null) {
+      dictionary.set(translations);
+      locale.set(_locale);
+    }
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*dictionary.set(translations);
+  locale.set(_locale);*/
+}
+
+function addNewMessages(lang, dict) {
+  addMessages(lang, dict);
+}
+
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+export { _, setupI18n, addNewMessages, setLocale };

package/src/translations.js

@@ -0,0 +1,38 @@
+export const PlayerChangePasswordTranslations = {
+  en: {
+    changePassword: {
+      title: `Change Password`,
+      currentPassword: `Current Password:`,
+      invalidCurrentPassword: `The password should be 8-20 characters long, and contain at least 1 uppercase letter, 1 number and 1 special character.`,
+      newPassword: `New Password:`,
+      invalidNewPassword: `The new password must be different from the old password.`,
+      invalidNewPasswordSecondary: `The password should be 8-20 characters long, and contain at least 1 uppercase letter, 1 number and 1 special character.`,
+      confirmPassword: `Confirm Password:`,
+      confirmPasswordInvalid: `Password must match the new password and must follow the same rules.`,
+      submitChangePassword: `Change Password`,
+      returnToMenu: `Return to menu`,
+      changePasswordText: `Change Password`,
+      passwordReset: `PASSWORD RESET`,
+      passwordResetConfirmation: `Your password has been reset successfully.`,
+      backButtonText: `Back to Casino`
+    }
+  },
+  ro: {
+    changePassword: {
+      title: `Change Password`,
+      currentPassword: `Current Password:`,
+      invalidCurrentPassword: `The password should be 8-20 characters long, and contain at least 1 uppercase letter, 1 number and 1 special character.`,
+      newPassword: `New Password:`,
+      invalidNewPassword: `The new password must be different from the old password.`,
+      invalidNewPasswordSecondary: `The password should be 8-20 characters long, and contain at least 1 uppercase letter, 1 number and 1 special character.`,
+      confirmPassword: `Confirm Password:`,
+      confirmPasswordInvalid: `Password must match the new password and must follow the same rules.`,
+      submitChangePassword: `Change Password`,
+      returnToMenu: `Return to menu`,
+      changePasswordText: `Change Password`,
+      passwordReset: `PASSWORD RESET`,
+      passwordResetConfirmation: `Your password has been reset successfully.`,
+      backButtonText: `Back to Casino`
+    }
+  }
+};