@everymatrix/player-account-controller 1.0.16 → 1.0.69

package/src/PlayerAccountController.svelte

@@ -1,925 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import { onMount, tick } from 'svelte';
-  import { getDevice } from 'rvhelper';
-  import { _, addNewMessages, setLocale, setupI18n } from './i18n';
-  import { PlayerAccountControllerTranslations } from './translations';
-
-  import '@everymatrix/player-account-menu';
-  import '@everymatrix/player-account-notifications';
-  import '@everymatrix/player-account-timeout';
-  import '@everymatrix/player-account-self-exclusion';
-  import '@everymatrix/player-account-closure';
-  import '@everymatrix/player-account-gaming-limits';
-  import '@everymatrix/player-active-bonuses';
-  import '@everymatrix/player-profile-info';
-  import '@everymatrix/player-change-password';
-  import '@everymatrix/player-reality-check';
-  import '@everymatrix/player-bonus-history';
-  import '@everymatrix/player-deposit';
-  import '@everymatrix/player-withdrawal';
-  import '@everymatrix/player-pending-withdrawals';
-  import '@everymatrix/player-transaction-history';
-  import '@everymatrix/player-gaming-history';
-  import '@everymatrix/player-account-betting-history';
-  import type { OmWidgets } from './PlayerAccountController.types';
-
-  export let cmsendpoint:string = '';
-  export let env:string = '';
-  export let customnotifications:string = '';
-  export let limitspath:string = '';
-  export let playerid:string = '';
-  export let session:string = '';
-  export let endpoint:string = '';
-  export let lang:string = '';
-  export let operator:string = 'Everymatrix';
-  export let operatorid: string = ''
-  export let realm: string = ''
-  export let webapiendpoint: string = 'wss://api-stage.everymatrix.com/v2'
-  export let separatelimits:string = 'true';
-  export let hasdefaultamount:string = 'false';
-  export let userroles:string = '';
-  export let simplepasswordvalidation:string = 'false';
-  export let translationUrl:string = '';
-
-  setupI18n({ withLocale: 'en', translations: {}});
-
-  let isLoading:boolean = false;
-  let userAgent:string = window.navigator.userAgent;
-  let isMobile:boolean = (getDevice(userAgent) === 'PC') ? false : true;
-  let menuData:any = [];
-  let notificationsData:any = [];
-  let userId:string = '';
-  let sessionId:string = '';
-  let pagePath:string = '';
-  let countrycode:string = '';
-  let playercurrency: string = null;
-  // limits variables
-  let deviceSegregationValue: string = '';
-  let playerlimits: any = {};
-  let depositlimit:any;
-  let wageringlimit:any;
-  let losslimit:any;
-  let timelimit:any;
-  let showsuccessnotification:boolean = false;
-  let showdeletenotification:boolean = false;
-  let realityCheckData:any;
-  let storedRealityCheck:string = '';
-  let errorPasswordChanged:string = '';
-  let showErrorPasswordChanged:boolean = false;
-  let selected:string;
-  let isOmInitalized: boolean = false;
-  let omWebWidgets: OmWidgets;
-
-  const widgetTitle = ['Profile Info',
-                      'Change password',
-                      'Reality Check',
-                      'Timeout',
-                      'Account Closure',
-                      'Gaming Limits',
-                      'Self Exclusion',
-                      'Active Bonuses',
-                      'Bonus History',
-                      'Gaming History',
-                      'Deposit',
-                      'Withdrawal',
-                      'Pending Withdrawals',
-                      'Transaction History',
-                      'Betting History'];
-  const widgetPath = ['/profile-info',
-                      '/change-password',
-                      '/reality-check',
-                      '/timeout',
-                      '/account-closure',
-                      '/gaming-limits',
-                      '/self-exclusion',
-                      '/active-bonuses',
-                      '/bonus-history',
-                      '/gaming-history',
-                      '/deposit',
-                      '/withdrawal',
-                      '/pending-withdrawals',
-                      '/transaction-history',
-                      '/betting-history'];
-  
-  let switchContent:boolean = false;
-
-  const setDevice = ():void => {
-    let device = getDevice(userAgent);
-
-    if (device){
-      if (device === 'PC'){
-        deviceSegregationValue = 'dk';
-      } else if (device === 'iPad' || device === 'iPhone') {
-        deviceSegregationValue = 'ios';
-      } else {
-        deviceSegregationValue = 'mtWeb';
-      }
-    }
-  }
-
-  const setTranslationUrl = ():void => {
-    let url:string = translationUrl;
-
-    fetch(url).then((res:any) => res.json())
-    .then((res) => {
-      Object.keys(res).forEach((item:any):void => {
-        addNewMessages(item, res[item]);
-      });
-    }).catch((err:any) => {
-      console.log(err);
-    });
-  }
-
-  Object.keys(PlayerAccountControllerTranslations).forEach((item:any) => {
-    addNewMessages(item, PlayerAccountControllerTranslations[item]);
-  });
-
-  const messageHandler = (e:any):void => {
-    let url:URL;
-    if (e.data) {
-      switch(e.data.type) {
-        case 'AccountMenuDetails':
-          // @TODO open after launch event is triggered from CMS menu
-          // @TODO what is dis?
-          break;
-
-        case 'ChangeAccountPage':
-          switchContent = true;
-          pagePath = e.data.page.path;
-
-          selected = e.data.page.id;
-          if(pagePath == '/profile-info') {
-            getUserProfileInfo();
-            getUserProfileConsent();
-          }
-
-          if(pagePath == '/deposit'){
-            //Analytics event
-            if(typeof gtag == 'function'){
-              gtag('event', 'GoToDeposit', {
-                'context': 'PlayerAccountController'
-              });
-            } 
-          }
-
-          if(pagePath == '/withdrawal'){
-            //Analytics event
-            if(typeof gtag == 'function'){
-              gtag('event', 'GoToWithdrawal', {
-                'context': 'PlayerAccountController'
-              });
-            } 
-          }
-          break;
-
-        case 'SetActivePage':
-          switchContent = true;
-          pagePath = e.data.pagePath;
-
-          let accountDetailsURL:URL = new URL(`${cmsendpoint}/${lang}/profile-menu?env=${env}`);
-          accountDetailsURL.searchParams.append('device', deviceSegregationValue)
-
-          getAccountMenuDetails(accountDetailsURL).then((menuData:any):void => {
-            let aux:Array<any> = menuData.filter((item) => {
-              return item.label == e.data.pageName;
-            });
-
-            if (aux.length > 0) {
-              selected = aux[0].id;
-            }
-
-            /*if (e.data.pageId == 10) { // if it is the deposit page
-              let currentItem = menuData.filter((item) => {
-                if (item.id == selected) {
-                  return item;
-                }
-              })
-              switchContent = true;
-              pagePath = currentItem[0].path;
-            }*/
-          });
-
-          break;
-
-        case 'PlayerAccountMenuActive':
-          if (e.data.isMobile) {
-            switchContent = false;
-            initialLoad();
-          }
-          break;
-
-        case 'UpdatePlayerInfo':
-          let profileData = e.data.provisionalArray;
-          let sentData = {
-            mobile: {
-              prefix: profileData.mobilePrefix,
-              number: profileData.mobileNumber
-            },
-            address1: profileData.address,
-            city: profileData.city,
-            postalCode: profileData.postalCode,
-            securityQuestion: profileData.securityQuestion,
-            securityAnswer: profileData.securityAnswer,
-          };
-
-          url = new URL(`${endpoint}/player/${userId}/profile`);
-
-          let options = {
-            method: "POST",
-            headers: {
-              'X-SessionID': sessionId,
-              'Content-Type': "application/json",
-              'Accept': 'application/json',
-            },
-            body: JSON.stringify(sentData)
-          };
-
-          fetch(url.href, options)
-            .then((res:any) => {
-              if (res.status == 200) {
-                window.postMessage({ type: 'WidgetNotification', data: {
-                  type: 'success',
-                  message: $_('playerAccount.profileUpdateSuccess')
-                }}, window.location.href);
-                window.postMessage({ type: 'ConfirmProfileInfoSave' }, window.location.href);
-              }
-            });
-          break;
-
-        case 'UpdatePlayerConsent':
-          url = new URL(`${endpoint}/player/${userId}/consent`);
-
-          let optionsConsent = {
-            method: "POST",
-            headers: {
-              'X-SessionID': sessionId,
-              'Content-Type': "application/json",
-              'Accept': 'application/json',
-            },
-            body: JSON.stringify(e.data.consentArray)
-          };
-
-          fetch(url.href, optionsConsent)
-            .then((res:any) => {
-              if (res.status == 200) {
-                window.postMessage({ type: 'ConfirmProfileInfoSave' }, window.location.href);
-              }
-            });
-          break;
-
-        case 'ChangePassword':
-          sendChangePassword(e.data.userCurrentPassword, e.data.userNewPassword);
-          break;
-
-        case 'SetPlayerAccountTimeout':
-          url = new URL(`v2/player/${userId}/limits`, endpoint.slice(0, -2));
-          url.searchParams.append('playerId', userId);
-
-          let timeoutValue = e.data.timeoutSelected;
-
-          let dataTimeout = {
-            coolOff: {
-              period: timeoutValue
-            }
-          };
-          let setTimeout = {
-            method: "PUT",
-            headers: {
-              'X-SessionID': sessionId,
-              'Content-Type': "application/json",
-              'Accept': 'application/json',
-            },
-            body: JSON.stringify(dataTimeout)
-          };
-
-          fetch(url.href, setTimeout)
-            .then((res:any) => {
-              if (res.status == 200) {
-                window.postMessage({ type: 'WidgetNotification', data: {
-                  type: 'success',
-                  message: $_('playerAccount.timeoutSuccess')
-                }}, window.location.href);
-                window.postMessage({ type: 'LogoutSuccessfull' }, window.location.href);
-              } else {
-                throw new Error('Failed to fetch')
-              }
-            }).catch((err) => console.error(err))
-          break;
-
-        case 'SetSelfExclusion':
-          url = new URL(`v2/player/${userId}/limits`, endpoint.slice(0, -2));
-          url.searchParams.append('playerId', userId);
-
-          let selfExclusionPeriod = e.data.selfExclusionPeriod;
-          let selfExclusionExpiryDate = e.data.selfExclusionExpiryDate;
-
-          let dataSelfExclusion = {
-            selfExclusion: {
-              period: selfExclusionPeriod,
-              expiryDate: selfExclusionExpiryDate,
-              selfExclusionReason: 'UserRequest',
-            }
-          };
-          let setSelfExclusion = {
-            method: "PUT",
-            headers: {
-              'X-SessionID': sessionId,
-              'Content-Type': "application/json",
-              'Accept': 'application/json',
-            },
-            body: JSON.stringify(dataSelfExclusion)
-          };
-
-          fetch(url.href, setSelfExclusion)
-            .then((res:any):void => {
-              if (res.status == 200) {
-                window.postMessage({ type: 'WidgetNotification', data: {
-                  type: 'success',
-                  message: $_('playerAccount.selfExclusionSuccess')
-                }}, window.location.href);
-                window.postMessage({ type: 'LogoutSuccessfull'}, window.location.href);
-              } else {
-                // ERROR
-              }
-            });
-          break;
-
-        case 'AccountClosure':
-          url = new URL(`v2/player/${userId}/limits`, endpoint.slice(0, -2))
-          url.searchParams.append('playerId', userId);
-
-          let accountClosureData = 'UserRequest';
-          let accountClosureSelection = {
-            selfExclusion: {
-              period: "SelfExclusionPermanent",
-              sendNotificationEmail: true,
-              selfExclusionReason: accountClosureData
-            }
-          };
-
-          let optionsAccountClosure = {
-            method: "PUT",
-            headers: {
-              'X-SessionID': sessionId,
-              'Content-Type': "application/json",
-              'Accept': 'application/json',
-            },
-            body: JSON.stringify(accountClosureSelection)
-          };
-
-          fetch(url.href, optionsAccountClosure)
-            .then((res:any):void => {
-              if (res.status == 200) {
-                window.postMessage({ type: 'WidgetNotification', data: {
-                  type: 'success',
-                  message: $_('playerAccount.accountClosureSuccess')
-                }}, window.location.href);
-                window.postMessage({ type: 'LogoutSuccessfull'}, window.location.href);
-              } else {
-                // ERROR
-              }
-            });
-          break;
-
-        case 'UserSessionID':
-          sessionId = e.data.session;
-          userId = e.data.userid;
-
-          getData();
-          break;
-
-        case 'PlayerAccountGamingLimitsUpdate':
-          url = new URL(`v2/player/${userId}/limits`, endpoint.slice(0, -2));
-
-          let limitsData = e.data.payload;
-          let optionsEditLimits = {
-            method: "PUT",
-            headers: {
-              'X-SessionID': sessionId,
-              'Content-Type': "application/json",
-              'Accept': 'application/json',
-            },
-            body: JSON.stringify(limitsData)
-          };
-
-          fetch(url.href, optionsEditLimits)
-            .then((res:any):void => {
-              if (res.status == 200) {
-                showsuccessnotification = true;
-
-                window.postMessage({ type: 'WidgetNotification', data: {
-                  type: 'success',
-                  message: $_('playerAccount.limitsUpdateSuccess')
-                }}, window.location.href);
-                getGamingLimits(new URL(`v2/player/${userId}/limits`, endpoint.slice(0, -2)));
-              } else {
-                // ERROR
-              }
-            });
-          break;
-
-        case 'PlayerAccountGamingLimitDelete':
-          let limitsDeleteData:any = e.data.limit ? e.data.limit : {};
-          let deletedPeriodLimit:any;
-
-          if (Array.isArray(limitsDeleteData)) {
-            deletedPeriodLimit = limitsDeleteData.map((item) => item.period);
-          } else {
-            deletedPeriodLimit = limitsDeleteData.period;
-          }
-          let limitsCategoryTitle = e.data.name;
-          let limitName:string = '';
-
-          switch (limitsCategoryTitle) {
-            case 'depositLimits':
-              limitName = 'deposit';
-              break;
-
-            case 'cumulativeSessionLimits':
-              limitName = 'cumulativeSession';
-              break;
-
-            case 'wageringLimit':
-              limitName = 'wagering';
-              break;
-
-            case 'lossLimit':
-              limitName = 'loss';
-              break;
-          }
-
-          let deleteOptions = {
-            method: "DELETE",
-            headers: {
-              'X-SessionID': sessionId,
-            },
-            body: JSON.stringify(limitsDeleteData)
-          };
-
-          url = new URL(`v2/player/${userId}/limits/${limitName}`, endpoint.slice(0, -2))
-
-          //if single limit send string
-          if (Array.isArray(deletedPeriodLimit)) {
-            deletedPeriodLimit.forEach((item) => {
-              url.searchParams.append('periods', item);
-            });
-          } else {
-            url.searchParams.append('periods', deletedPeriodLimit);
-          }
-
-          fetch(url.href, deleteOptions)
-            .then((res:any):void => {
-              if (res.status == 200) {
-                showdeletenotification = true;
-                window.postMessage({ type: 'WidgetNotification', data: {
-                  type: 'success',
-                  message: $_('playerAccount.limitsDeleteSuccess')
-                }}, window.location.href);
-              } else {
-                // ERROR
-              }
-            }).then((res:any):void => {
-              getGamingLimits(new URL(`v2/player/${userId}/limits`, endpoint.slice(0, -2)));
-            });
-
-
-          break;
-
-        case 'GamingLimitsConfirmChanges':
-          getGamingLimits(new URL(`v2/player/${userId}/limits`, endpoint.slice(0, -2)));
-          break;
-
-        case 'CancelGamingLimitsChanges':
-          getGamingLimits(new URL(`v2/player/${userId}/limits`, endpoint.slice(0, -2)));
-          break;
-
-        case 'SubmittedRealityCheck':
-          setRealityCheckValue(e.data.realityCheckUpdatedValue);
-          break;
-      }
-    }
-  }
-
-  async function getAccountMenuDetails(url:URL) {
-    url.searchParams.append('device', deviceSegregationValue)
-    const response = await fetch(url.href);
-    const dataMenuItems = await response.json();
-    return dataMenuItems;
-  }
-
-  const getNotificationsDetails = (url:URL):void => {
-
-    url.searchParams.append('userRoles', userroles);
-    url.searchParams.append('device', deviceSegregationValue)
-
-    fetch(url.href)
-      .then((res:any) => res.json())
-      .then((data:any):void => {
-        if(data.length) {
-          notificationsData = data[0].children;
-          window.postMessage({ type: 'NotificationsDetails', notificationsInfo: notificationsData }, window.location.href);
-        }
-      }, (err:any):void => {
-        console.error(err);
-      });
-  }
-
-  const getUserProfileInfo = ():void => {
-    let url:URL = new URL(`${endpoint}/player/${userId}/profile`);
-    let options = {
-      method: "GET",
-      headers: {
-        'X-SessionID': sessionId,
-      }
-    };
-
-    fetch(url.href, options)
-      .then((res:any) => { return res.json(); })
-      .then((data:any) => {
-        countrycode = data.country;
-        playercurrency = data.currency;
-        window.postMessage({ type: 'ProfileDetailsData', profileDetails: data }, window.location.href);
-      }, (err:any) => {
-        console.error(err);
-      });
-  }
-
-  const getUserProfileConsent = ():void => {
-    let url:URL = new URL(`${endpoint}/player/${userId}/consent`);
-    let options = {
-      method: "GET",
-      headers: {
-        'X-SessionID': sessionId,
-      }
-    };
-
-    fetch(url.href, options)
-      .then((res:any) => { return res.json(); })
-      .then((data:any) => {
-        window.postMessage({ type: 'ProfileConsentData', consent: data }, window.location.href);
-      }, (err:any) => {
-        console.error(err);
-      });
-  }
-
-  const sendChangePassword = async (playerCurrentPassword:string, playerNewPassword:string) => {
-    let url:URL = new URL(`${endpoint}/player/${userId}/password`)
-    let data = {
-      currentPassword: playerCurrentPassword,
-      newPassword: playerNewPassword
-    };
-    let optionsChangePassword = {
-      method: "POST",
-      headers: {
-        'X-SessionID': sessionId,
-        'Content-Type': "application/json",
-        'Accept': 'application/json',
-      },
-      body: JSON.stringify(data)
-    };
-
-    let response:any = await fetch(url.href, optionsChangePassword);
-
-    if (response.ok) {
-      window.postMessage({ type: 'PasswordChangedSuccessfully' }, window.location.href);
-      window.postMessage({ type: 'WidgetNotification', data: {
-        type: 'success',
-        message: $_('playerAccount.passwordChangedSuccess')
-      }}, window.location.href);
-    } else {
-      let dataResponse:any = await response.json();
-      // Parsing GMCore message 'cuz it's stupid and it doesn't know how to send error messages in 2021 ffs
-      errorPasswordChanged = dataResponse.error.substring(dataResponse.error.indexOf('errorMessage') + 13, dataResponse.error.length);
-      showErrorPasswordChanged = true;
-      window.postMessage({ type: "ShowPasswordChangedError", showErrorPasswordChanged, errorPasswordChanged }, window.location.href);
-      window.postMessage({ type: 'WidgetNotification', data: {
-        type: 'error',
-        message: errorPasswordChanged
-      }}, window.location.href);
-    }
-  }
-
-  const getRealityCheckData = (url:URL):void => {
-    let options = {
-      method: 'GET',
-      headers: {
-        'X-SessionID': sessionId,
-      }
-    }
-    fetch(url.href, options)
-      .then((res:any) => { return res.json(); })
-      .then((data:any) => {
-        realityCheckData = data.UserRealityCheckValue;
-      }, (err:any) => {
-        console.error(err);
-      });
-  }
-
-  const setRealityCheckValue = (updatedData:string):void => {
-    let url:URL = new URL(`${endpoint}/player/${userId}/realitycheck`);
-
-    if (updatedData) {
-      storedRealityCheck = updatedData;
-    }
-
-    let optionsRealityCheck = {
-      method: "POST",
-      headers: {
-        'X-SessionID': sessionId,
-        'Content-Type': "application/json",
-        'Accept': 'application/json',
-        'realityCheckValue': parseInt(storedRealityCheck, 10)
-      }
-    };
-
-    fetch(url.href, optionsRealityCheck)
-      .then((res:any) => {
-        if (res.status == 200) {
-          getRealityCheckData(new URL(`${endpoint}/player/${playerid}/realitycheck`));
-          window.postMessage({ type: 'RealityCheckValueUpdated' }, window.location.href);
-          window.postMessage({ type: 'WidgetNotification', data: {
-            type: 'success',
-            message: $_('playerAccount.realityCheckSuccess')
-          }}, window.location.href);
-        }
-      }, (err:any) => {
-        console.error(err);
-      });
-  }
-
-  const getGamingLimits = (url:URL):void => {
-    if (showsuccessnotification === true) {
-      setTimeout(() => {showsuccessnotification = false; }, 3000);
-    } else if(showdeletenotification === true) {
-      setTimeout(() => {showdeletenotification = false; }, 3000);
-    }
-
-    let options = {
-      method: "GET",
-      headers: {
-        'X-SessionID': sessionId,
-      }
-    };
-
-    fetch(url.href, options)
-      .then((res:any) => res.json())
-      .then((data:any):void => {
-        playerlimits = data;
-        // add name property for info boxes
-        if (Object.keys(playerlimits).length !== 0) {
-          depositlimit = playerlimits.depositLimits ?? [];
-          wageringlimit = playerlimits.wageringLimits ?? [];
-          losslimit = playerlimits.lossLimits ?? [];
-
-          if (playerlimits.hasOwnProperty('cumulativeSessionLimits')) {
-            timelimit = playerlimits.timeLimit;
-            timelimit = playerlimits.cumulativeSessionLimits.map((item) => {
-              item.amount = item.minutes;
-              return item;
-            });
-          } else {
-            timelimit = [];
-          }
-
-          window.postMessage({ type: 'PlayerLimitsData', limits: {
-            playercurrency,
-            depositlimit,
-            wageringlimit,
-            losslimit,
-            timelimit,
-            showsuccessnotification,
-            showdeletenotification,
-            lang,
-          }});
-
-        } else {
-          depositlimit = [];
-          wageringlimit = [];
-          losslimit = [];
-          timelimit = [];
-        }
-
-        tick();
-      }, (err:any) => {
-        console.error(err);
-      });
-  }
-
-  const getData = ():void => {
-    getAccountMenuDetails(new URL(`${cmsendpoint}/${lang}/profile-menu?env=${env}`))
-      .then((data:any):void => {
-        menuData = data;
-        window.postMessage({ type: 'AccountMenuDetails', accountMenuInfo: menuData }, window.location.href);
-    });
-
-    getNotificationsDetails(new URL(`${cmsendpoint}/${lang}/support-information?env=${env}`));
-    getUserProfileInfo();
-    getUserProfileConsent();
-    getRealityCheckData(new URL(`${endpoint}/player/${playerid}/realitycheck`));
-  }
-
-  const setActiveLanguage = ():void => {
-    setLocale(lang);
-  }
-
-  const sendLimitsData = (e:any):void => {
-    getGamingLimits(new URL(`v2/player/${userId}/limits`, endpoint.slice(0, -2)));
-  }
-
-  const initialLoad = ():void => {
-    setDevice()
-    userId = playerid;
-    sessionId = session;
-    if (!isMobile) {
-      switchContent = true;
-    }
-    getData();
-  }
-
-  // const initOMWidgets = () => {
-  //   //@ts-ignore
-  //   import('https://static.everymatrix.com/omfe-widgets/s/widgets/0.158.13/widgets.min.js').then(() => {
-  //     const omWidgetsConfig = {
-  //         operatorId: operatorid,
-  //         publicPath: 'https://static.everymatrix.com/omfe-widgets/s/widgets/0.158.13/',
-  //         webApiWampy: {
-  //             'url': webapiendpoint,
-  //             'realm': realm
-  //         },
-  //         icons: 'https://static.everymatrix.com/omfe-widgets/s/assets/1.10.3/om2/icons/',
-  //         reconnectDetails: {
-  //       active: true, // if reconnect details should be active
-  //       minInterval: 1000, // the min period until a reconnect attempt
-  //       maxInterval: 10000, // the max period until a reconnect
-  //       intervalIncrement: 1000, // the incremental period added for each failed reconnect attempt
-  //     },
-  //     oddsInfo:{
-  //       oddsFormat:'DECIMAL'
-  //     },
-  //     auth: {
-  //         type: 'EmSession',
-  //         sessionId: 'AuthenticationNotLoaded' // show loading until token is passed
-  //     },
-  //     };
-  //     omWebWidgets = (window as any).omWebWidgets 
-  //     omWebWidgets.init(omWidgetsConfig);
-  //   }).catch(error => {
-  //     console.error(error);
-  //   }).finally(() => {
-  //      isOmInitalized = true;
-  //   })
-  // }
-
-  const updateOMSession = (session: string) => {
-    omWebWidgets.updateAuthMethod({
-      type: 'EmSession',
-      sessionId: session
-    })
-  }
-
-  onMount(() => {
-    window.addEventListener('message', messageHandler, false);
-
-    return () => {
-      window.removeEventListener('message', messageHandler);
-    }
-  });
-
-  $: lang && switchContent && pagePath && setActiveLanguage();
-  $: cmsendpoint && endpoint && customnotifications && playerid && session && lang && env && userroles && initialLoad();
-  $: depositlimit && wageringlimit && losslimit && timelimit;
-  $: translationUrl && setTranslationUrl();
-
-</script>
-
-{#if isLoading}
-  <div class="ModalLoader" part="ModalLoader"></div>
-{:else}
-  <section class="PlayerAccountPage {isMobile ? 'PlayerAccountMobilePage' : ''}" part="PlayerAccountPage {isMobile ? 'PlayerAccountMobilePage' : ''}">
-    {#if isMobile}
-      {#if !switchContent}
-        <nav class="PlayerAccountMobile" part="PlayerAccountMobile">
-          <player-account-menu {endpoint} {session} {playerid} {lang} {userroles}></player-account-menu>
-          <player-account-notifications customnotif={customnotifications}></player-account-notifications>
-        </nav>
-      {:else}
-        {#if switchContent && pagePath === widgetPath[0]}
-          <player-profile-info {endpoint} {lang} {countrycode}></player-profile-info>
-        {:else if switchContent && pagePath === widgetPath[1]}
-          <player-change-password {simplepasswordvalidation}{lang}></player-change-password>
-        {:else if switchContent && pagePath === widgetPath[2]}
-          <player-reality-check realitycheck={realityCheckData} {endpoint} {playerid} {session} {lang}></player-reality-check>
-        {:else if switchContent && pagePath === widgetPath[3]}
-          <player-account-timeout {lang} {operator}></player-account-timeout>
-        {:else if switchContent && pagePath === widgetPath[4]}
-          <player-account-closure {lang}></player-account-closure>
-        {:else if switchContent && pagePath === widgetPath[5]}
-          <player-account-gaming-limits use:sendLimitsData {playercurrency} {separatelimits}></player-account-gaming-limits>
-        {:else if switchContent && pagePath === widgetPath[6]}
-          <player-account-self-exclusion {lang} {operator}></player-account-self-exclusion>
-        {:else if switchContent && pagePath === widgetPath[7]}
-          <player-active-bonuses {endpoint} {session} {playerid} {lang}></player-active-bonuses>
-        {:else if switchContent && pagePath === widgetPath[8]}
-          <player-bonus-history {endpoint} {session} {playerid} {lang}></player-bonus-history>
-        {:else if switchContent && pagePath === widgetPath[9]}
-          <player-gaming-history {endpoint} {session} {playerid} {lang}></player-gaming-history>
-        {:else if switchContent && pagePath === widgetPath[10]}
-          <player-deposit {endpoint} {session} {playerid} {lang} {hasdefaultamount} {playercurrency}></player-deposit>
-        {:else if switchContent && pagePath === widgetPath[11]}
-          <player-withdrawal {endpoint} {session} {playerid} {lang} {hasdefaultamount} {playercurrency}></player-withdrawal>
-        {:else if switchContent && pagePath === widgetPath[12]}
-          <player-pending-withdrawals {endpoint} {session} {playerid} {lang}></player-pending-withdrawals>
-        {:else if switchContent && pagePath === widgetPath[13]}
-          <player-transaction-history {endpoint} {session} {playerid} {lang}></player-transaction-history>
-        {:else if switchContent && pagePath === widgetPath[14]}
-          <player-account-betting-history {endpoint} {session} {playerid} {lang} ></player-account-betting-history>
-        {/if}
-      {/if}
-    {:else}
-      <nav>
-        <player-account-menu {endpoint} {session} {playerid} {lang} selecteditem={selected} {userroles}></player-account-menu>
-      </nav>
-      
-      <main>
-        {#if switchContent && pagePath === widgetPath[0]}
-          <player-profile-info {endpoint} {lang} {countrycode}></player-profile-info>
-        {:else if switchContent && pagePath === widgetPath[1]}
-          <player-change-password {simplepasswordvalidation}{lang}></player-change-password>
-        {:else if switchContent && pagePath === widgetPath[2]}
-          <player-reality-check realitycheck={realityCheckData} {endpoint} {playerid} {session} {lang}></player-reality-check>
-        {:else if switchContent && pagePath === widgetPath[3]}
-          <player-account-timeout {lang} {operator}></player-account-timeout>
-        {:else if switchContent && pagePath === widgetPath[4]}
-          <player-account-closure {lang}></player-account-closure>
-        {:else if switchContent && pagePath == widgetPath[5]}
-          <player-account-gaming-limits use:sendLimitsData {playercurrency} {separatelimits}></player-account-gaming-limits>
-        {:else if switchContent && pagePath === widgetPath[6]}
-          <player-account-self-exclusion {lang} {operator}></player-account-self-exclusion>
-        {:else if switchContent && pagePath === widgetPath[7]}
-          <player-active-bonuses {endpoint} {session} {playerid} {lang}></player-active-bonuses>
-        {:else if switchContent && pagePath === widgetPath[8]}
-          <player-bonus-history {endpoint} {session} {playerid} {lang}></player-bonus-history>
-        {:else if switchContent && pagePath === widgetPath[9]}
-          <player-gaming-history {endpoint} {session} {playerid} {lang}></player-gaming-history>
-        {:else if switchContent && pagePath === widgetPath[10]}
-          <player-deposit {endpoint} {session} {playerid} {lang} {hasdefaultamount} {playercurrency}></player-deposit>
-        {:else if switchContent && pagePath === widgetPath[11]}
-          <player-withdrawal {endpoint} {session} {playerid} {lang} {hasdefaultamount} {playercurrency}></player-withdrawal>
-        {:else if switchContent && pagePath === widgetPath[12]}
-          <player-pending-withdrawals {endpoint} {session} {playerid} {lang}></player-pending-withdrawals>
-        {:else if switchContent && pagePath === widgetPath[13]}
-          <player-transaction-history {endpoint} {session} {playerid} {lang}></player-transaction-history>
-        {:else if switchContent && pagePath === widgetPath[14]}
-          <player-account-betting-history {endpoint} {session} {playerid} {lang} ></player-account-betting-history>
-        {/if}
-      </main>
-      <aside>
-        <player-account-notifications customnotif={customnotifications}></player-account-notifications>
-      </aside>
-    {/if}
-  </section>
-{/if}
-
-<style lang="scss">
-
-  :host {
-    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  }
-
-  *, *::before, *::after, body {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
-
-  .PlayerAccountPage {
-    display: grid;
-    width: 100%;
-    grid-template-areas: "nav  main  aside";
-    grid-template-rows: auto;
-    grid-template-columns: 250px 1fr 230px;
-    background: var(--emfe-w-color-gray-50, #F9F8F8);
-    padding-right: 30px;
-    &.PlayerAccountMobilePage {
-      display: block;
-      background: var(--emfe-w-color-gray-50, #F9F8F8);
-      padding-right: 0px;
-    }
-  }
-  .PlayerAccountPage > nav {
-    grid-area: nav;
-    background: var(--emfe-w-color-gray-300, #58586B);
-    &.PlayerAccountMobile {
-      background: var(--emfe-w-color-contrast, #07072A);
-      color: var(--emfe-w-color-white, #FFFFFF);
-    }
-  }
-  .PlayerAccountPage > main {
-    grid-area: main;
-  }
-  .PlayerAccountPage > aside {
-    grid-area: aside;
-  }
-</style>