@everymatrix/casino-game-page 1.7.1 → 1.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-game-page",
3
- "version": "1.7.1",
3
+ "version": "1.7.3",
4
4
  "main": "dist/casino-game-page.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "c0b2bf42b27d9f10a77af4c5be6a2708be5435cf"
39
+ "gitHead": "af607736d2fefc2fcb0fc155b2023fcd62806a5c"
40
40
  }
@@ -43,6 +43,7 @@
43
43
  let iframe:any;
44
44
 
45
45
  let isLoggedIn:boolean = false;
46
+ let isFavLoading:boolean = false;
46
47
  let hasErrors:boolean = false;
47
48
  let isLoading:boolean = true;
48
49
 
@@ -138,7 +139,6 @@
138
139
  detailsObtained = true;
139
140
  funMode = playforfun == 'true' ? game.hasFunMode : false;
140
141
  anonymousFunMode = playforfun == 'true' ? game.hasAnonymousFunMode : false;
141
- game.isFavored = checkFavorite(game.id);
142
142
  }
143
143
  }, (err:any) => {
144
144
  console.error('There was an error', err);
@@ -196,7 +196,7 @@
196
196
 
197
197
  case 'ModalClosed':
198
198
  if (!(integratedgameframedesktop == 'false') || isMobile(userAgent)) {
199
-
199
+
200
200
  window.postMessage({ type: 'EnableScroll'}, window.location.href);
201
201
  // the timeout is necessary in order to sync with the closing of the modal frame and provide a smoother transition
202
202
 
@@ -209,7 +209,7 @@
209
209
  setTimeout(() => { detailsObtained = integratedgameframedesktop === "true";}, 500);
210
210
  }
211
211
  }
212
-
212
+
213
213
  break;
214
214
 
215
215
  case 'UserSessionID':
@@ -250,6 +250,11 @@
250
250
  case 'UpdateCategoryFavoriteGames':
251
251
  if (e.data.receivedFavoriteResults) {
252
252
  favoriteGames = e.data.receivedFavoriteResults.items;
253
+
254
+ if (game && game.id) {
255
+ game.isFavored = checkFavorite(game.id);
256
+ isFavLoading = false;
257
+ }
253
258
  }
254
259
  break;
255
260
  }
@@ -418,7 +423,7 @@
418
423
  gtag('event', 'OpenLoginModal', {
419
424
  'context': 'GeneralPlayerRegisterForm'
420
425
  });
421
- }
426
+ }
422
427
  }
423
428
 
424
429
  const toggleRegister = ():void => {
@@ -439,7 +444,7 @@
439
444
  gtag('event', 'OpenRegisterModal', {
440
445
  'context': 'GeneralPlayerRegisterForm'
441
446
  });
442
- }
447
+ }
443
448
  }
444
449
 
445
450
  const toggleDeposit = ():void => {
@@ -452,7 +457,7 @@
452
457
  gtag('event', 'GoToDeposit', {
453
458
  'context': 'GamePage'
454
459
  });
455
- }
460
+ }
456
461
  }
457
462
 
458
463
  if (depositurl) {
@@ -605,12 +610,16 @@
605
610
  });
606
611
 
607
612
 
613
+ const setFavLoading = ():void => {
614
+ isFavLoading = true;
615
+ }
608
616
 
609
617
  $: lang && setActiveLanguage();
610
618
  $: endpoint && gameid && lang && createGameURL(gameid, true);
611
619
  $: session && userid && endpoint && setSession();
612
620
  $: checksession == 'false' && session && endpoint && setSession();
613
621
  $: translationurl && setTranslationUrl();
622
+ $: favorites && setFavLoading();
614
623
  $: clientstyling && customStylingContainer && setClientStyling();
615
624
  $: clientstylingurl && customStylingContainer && setClientStylingURL();
616
625
  $: (showModal == 'true') && panicButton && addEventsToDisplayedElements();
@@ -630,25 +639,27 @@
630
639
  {#if mobileView}
631
640
  {#if isLoggedIn}
632
641
  {#if favorites == 'true'}
633
- {#if game.isFavored}
634
- <div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" part="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
635
- <svg version="1.1" class="FavoredIcon" part="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
636
- <path style="fill: white" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
637
- </svg>
638
- </div>
639
- {:else}
640
- <div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" part="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
641
- <svg version="1.1" class="UnfavoredIcon" part="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
642
- viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: white" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
643
- c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
644
- c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
645
- c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
646
- c2.195,1.154,4.591,1.723,6.979,1.723c3.11,0,6.206-0.966,8.818-2.865c4.619-3.356,6.933-9.043,5.968-14.671L392.61,324.587
647
- l114.86-111.954C511.559,208.647,513.031,202.686,511.266,197.256z M366.023,308.608c-3.536,3.446-5.15,8.412-4.314,13.278
648
- l23.311,135.898l-122.038-64.162c-4.37-2.297-9.591-2.297-13.961,0l-122.045,64.163l23.304-135.9
649
- c0.834-4.866-0.779-9.83-4.313-13.276l-98.731-96.244l136.445-19.829c4.886-0.71,9.108-3.778,11.294-8.205L256,60.685
650
- l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"/></svg>
651
- </div>
642
+ {#if !isFavLoading}
643
+ {#if game.isFavored}
644
+ <div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" part="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
645
+ <svg version="1.1" class="FavoredIcon" part="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
646
+ <path style="fill: white" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
647
+ </svg>
648
+ </div>
649
+ {:else}
650
+ <div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" part="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
651
+ <svg version="1.1" class="UnfavoredIcon" part="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
652
+ viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: white" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
653
+ c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
654
+ c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
655
+ c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
656
+ c2.195,1.154,4.591,1.723,6.979,1.723c3.11,0,6.206-0.966,8.818-2.865c4.619-3.356,6.933-9.043,5.968-14.671L392.61,324.587
657
+ l114.86-111.954C511.559,208.647,513.031,202.686,511.266,197.256z M366.023,308.608c-3.536,3.446-5.15,8.412-4.314,13.278
658
+ l23.311,135.898l-122.038-64.162c-4.37-2.297-9.591-2.297-13.961,0l-122.045,64.163l23.304-135.9
659
+ c0.834-4.866-0.779-9.83-4.313-13.276l-98.731-96.244l136.445-19.829c4.886-0.71,9.108-3.778,11.294-8.205L256,60.685
660
+ l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"/></svg>
661
+ </div>
662
+ {/if}
652
663
  {/if}
653
664
  {/if}
654
665
  <div class="GameDetails" part="GameDetails">
@@ -789,7 +800,7 @@
789
800
  button {
790
801
  cursor: pointer;
791
802
  }
792
-
803
+
793
804
  &.BottomGamePanicSection {
794
805
  grid-template-columns: 1fr 1fr 1fr 1fr;
795
806
  }