@everymatrix/casino-game-page 0.0.244 → 0.0.245

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.
Files changed (4) hide show
  1. package/dist/casino-game-page.js +1 -1
  2. package/dist/casino-game-page.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/CasinoGamePage.svelte +20 -26
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-game-page",
3
- "version": "0.0.244",
3
+ "version": "0.0.245",
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": "23ca6a1db8e19fea0b5f18176f0d846ed03c43f4"
39
+ "gitHead": "d96554d716d8c3b41f947c85c9b8cae8f03aa5bf"
40
40
  }
package/src/CasinoGamePage.svelte CHANGED
@@ -63,7 +63,6 @@
63
63
  let mobileView:boolean = false;
64
64
  let favoriteGames: Array<Object> = [];
65
65
  let customStylingContainer:HTMLElement;
66
-
67
66
  let isOnNative:boolean = false;
68
67
 
69
68
  setupI18n({ withLocale: 'en', translations: {}});
@@ -75,9 +74,7 @@
75
74
  // @TODO game typescript model type
76
75
  const formatGameLaunchUrl = (game:any):void => {
77
76
  let url:URL = new URL(game.launchUrl);
78
-
79
77
  url.searchParams.append('language', lang);
80
-
81
78
  // @TODO wtf? session check or go home
82
79
  // Maybe we should check if the session is valid, somehow?
83
80
  if (sessionID && sessionID.length > 0) {
@@ -85,9 +82,7 @@
85
82
 
86
83
  url.searchParams.append('_sid', sessionID)
87
84
  url.searchParams.append('funMode', 'false')
88
- url.searchParams.append('language', lang)
89
85
  }
90
-
91
86
  game.launchUrl = url;
92
87
 
93
88
  return game;
@@ -206,7 +201,6 @@
206
201
 
207
202
  url.searchParams.append('language', lang);
208
203
  // url.searchParams.append('expand', 'vendor');
209
-
210
204
  fetch(url.href)
211
205
  .then((res:any) => res.json())
212
206
  .then((data:any) => {
@@ -521,7 +515,7 @@
521
515
  {/if}
522
516
  {#if isFullscreen}
523
517
  <button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
524
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
518
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
525
519
  </button>
526
520
  {:else}
527
521
  <button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
@@ -544,7 +538,7 @@
544
538
  </div>
545
539
  {#if isFullscreen}
546
540
  <button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
547
- <svg width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
541
+ <svg width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
548
542
  </button>
549
543
  {:else}
550
544
  <button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
@@ -591,7 +585,7 @@
591
585
  padding-right: 60px;
592
586
  padding-bottom: 15px;
593
587
  min-height: 85px;
594
- background-color: var(--emfe-w-color-contrast, #07072A);
588
+ background-color: #14143B;
595
589
  display: flex;
596
590
  justify-content: space-between;
597
591
  align-items: center;
@@ -600,13 +594,13 @@
600
594
  border: none;
601
595
  width: 129px;
602
596
  height: 60px;
603
- background-color: var(--emfe-w-color-green, #48952a);
597
+ background-color: #28A745;
604
598
  color: white;
605
599
  border-radius: 2px;
606
600
  cursor: pointer;
607
601
  }
608
602
  .PlayNowButton {
609
- background-color: var(--emfe-w-color-primary, #D0046C);
603
+ background-color: #D0046C;
610
604
  }
611
605
  .GameThumbnail {
612
606
  border-radius: 2px;
@@ -618,7 +612,7 @@
618
612
  border: none;
619
613
  width: 60px;
620
614
  height: 60px;
621
- background-color: var(--emfe-w-color-primary, #D0046C);
615
+ background-color: #D0046C;
622
616
  float: right;
623
617
  margin-top: 20px;
624
618
  }
@@ -628,7 +622,7 @@
628
622
  align-items: center;
629
623
  }
630
624
  .GameDetails h3 {
631
- color: var(--emfe-w-color-white, #FFFFFF);
625
+ color: #fff;
632
626
  font-size: 26px;
633
627
  }
634
628
  .ButtonsContainer {
@@ -639,26 +633,26 @@
639
633
  justify-content: space-between;
640
634
  }
641
635
  .RegisterButton {
642
- color: var(--emfe-w-color-white, #FFFFFF);
643
- background-color: var(--emfe-w-color-primary, #D0046C);
636
+ color: #ffffff;
637
+ background-color: #D0046C;
644
638
  border-radius: 2px;
645
639
  border: none;
646
640
  width: 129px;
647
641
  height: 60px;
648
642
  }
649
643
  .LoginButton {
650
- color: var(--emfe-w-color-primary, #D0046C);
651
- background-color: var(--emfe-w-color-contrast, #07072A);
644
+ color: #D0046C;
645
+ background-color: #07072A;
652
646
  border-radius: 2px;
653
- border: 1px solid var(--emfe-w-color-primary, #D0046C);
647
+ border: 1px solid #D0046C;
654
648
  width: 129px;
655
649
  height: 60px;
656
650
  }
657
651
  .FullWidthButton {
658
- color: var(--emfe-w-color-primary, #D0046C);
659
- background-color: var(--emfe-w-color-contrast, #07072A);
652
+ color: #D0046C;
653
+ background-color: #07072A;
660
654
  border-radius: 2px;
661
- border: 1px solid var(--emfe-w-color-primary, #D0046C);
655
+ border: 1px solid #D0046C;
662
656
  width: 100%;
663
657
  height: 60px;
664
658
  margin-top: 20px;
@@ -677,7 +671,7 @@
677
671
  justify-content: center;
678
672
  }
679
673
  svg {
680
- fill: var(--emfe-w-color-white, #FFFFFF);
674
+ fill: #ffffff;
681
675
  }
682
676
  p {
683
677
  color: white;
@@ -727,15 +721,15 @@
727
721
  }
728
722
  p {
729
723
  font-size: ttp(1);
730
- color: var(--emfe-w-color-white, #FFFFFF);
724
+ color: #fff;
731
725
  }
732
726
  .Button {
733
727
  border-radius: 2px;
734
- border: 1px solid var(--emfe-w-color-primary, #D0046C);
735
- background-color: var(--emfe-w-color-primary, #D0046C);
728
+ border: 1px solid #D0046C;
729
+ background-color: #D0046C;
736
730
  width: ttp(15);
737
731
  height: 60px;
738
- color: var(--emfe-w-color-white, #FFFFFF);
732
+ color: #fff;
739
733
  cursor: pointer;
740
734
  }
741
735
  }