@everymatrix/player-account-gaming-limits-wrapper-2 1.0.3 → 1.0.4

package/index.html

@@ -28,19 +28,19 @@
 
   <div class="webcomponent">
 <player-account-gaming-limits-wrapper-2
+  limitsamount="All(lugas): 10-9999999 | Casino(wager):10-9999999 | All(deposit):10-3100, Sports(wager):10-2500, All(loss):10-5500"
+  limitsperiods="All(lugas): M | Casino(wager): M | All(deposit):D-W-M, Sports(wager):M, All(loss):D-W-M"
+
   endpoint="https://betathome-de-stage-api.stage.norway.everymatrix.com/"
-  session="6e810eb4-8538-4573-8b7d-3748beb7a590"
-  userid="4516479" 
+  session="97fac551-b53b-407d-92d3-682124dbfcaa"
+  userid="4227950" 
   currency="EUR" 
   lang="en"
-  includedlimits="lugas:10-99999999 | wager:10-99999999 | deposit:10-99999999, stake:10-99999999, loss:10-99999999"
-  products="wager:Casino, deposit:Casino, stake:Sports, loss:All"
-  periods="lugas: M, deposit: D-W-M, loss: D-W-M, wager: M, stake: N"
+
   tablabels="Deposit limit, Slots limit, Other limits"
   historyenabled="true" 
   apiversion="gm16"
   clientstylingurl="https://storage.googleapis.com/css-upload/bahLimit-2.css"></player-account-gaming-limits-wrapper-2>
-
   </div>
 
 </body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-gaming-limits-wrapper-2",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "dist/player-account-gaming-limits-wrapper-2.js",
   "svelte": "src/index.ts",
   "scripts": {

package/src/PlayerAccountGamingLimitsWrapper_2.svelte

@@ -13,78 +13,45 @@
   export let endpoint:string = '';
   export let currency:string = '';
   export let apiversion:string = '';
-  export let includedlimits:string = '';
-  export let products:string = '';
-  export let periods:string = '';
+
   export let tablabels:string = '';
   export let historyenabled:string = "true";
+
+  export let limitsamount:string = '';
+  export let limitsperiods:string = '';
+
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
 
   let isLoading:boolean = true;
   let customStylingContainer:HTMLElement;
   let limitTabs:Array<any> = [];
-  let limitMinMax:object = {};
-  let multiLimit:string = '';
 
   let tabLabelArray:Array<string>;
   let mainContainer:HTMLElement | undefined = undefined;
   let tabsContainer:HTMLElement | undefined = undefined;
 
+  let amountsArray:Array<string>;
+  let periodsArray:Array<string>;
+
+  const unwrapLimitsConfig = (amounts:string, periods:string):void=> {
+    amountsArray = amounts.replace(/\s/g, '').split('|');
+    periodsArray = periods.replace(/\s/g, '').split('|');
+
+    if (amountsArray.length === 0) { throw new Error('Please provide a full limits configuration.') }
+    else if (amountsArray.length !== periodsArray.length) { throw new Error('Please make sure that the limit configuration parameters specify the same number of tabs.')};
+  }
+
   const determineTabs = ():void => {
-    let eachLimit;
-    let limits = includedlimits.split(' | ')
-
-    let productUnwrap = products.split(',').map(wordPair => wordPair.trim().split(':').map(word => word.trim()));
-    const productObject = productUnwrap.reduce((obj, valuePair) => {
-      obj[valuePair[0]] = valuePair[1];
-      return obj;
-    }, {});
-
-    let periodUnwrap:Array<any> = periods.split(',').map(limitPeriodPair => limitPeriodPair.trim().split(':'));
-    for (let limitPeriodPair of periodUnwrap) {
-      limitPeriodPair[1] = limitPeriodPair[1].trim().replace('D', 'Daily').replace('W', 'Weekly').replace('M', 'Monthly').replace('N', 'None').split('-');
-    }
-    const periodObject = periodUnwrap.reduce((obj, valuePair) => {
-      obj[valuePair[0]] = valuePair[1];
-      return obj;
-    }, {});
+    unwrapLimitsConfig(limitsamount, limitsperiods);
+    let limits = limitsamount.split('|');
 
     limits.forEach(element => {
-      if( element.indexOf(', ') >= 0 ){
-        let multiEachLimit = '';
-        eachLimit = element.split(', ');
-        eachLimit.forEach(element => {
-          if(element.indexOf(':') >= 0){
-            multiEachLimit = element.slice(0, element.indexOf(':'))
-            multiLimit += multiEachLimit + ' ';
-            limitMinMax[multiEachLimit] = element.slice(element.indexOf(':') + 1).trim()
-          } else {
-            multiLimit += element + ' '
-          }
-        });
-        limitTabs.push(multiLimit)
-      } else if(element.indexOf(':') >= 0){
-        eachLimit = element.slice(0, element.indexOf(':'))
-        limitTabs.push(eachLimit)
-        limitMinMax[eachLimit] = element.slice(element.indexOf(':') + 1).trim()
-      } else {
-        limitTabs.push(element)
-      }
+        limitTabs.push(element);
     });
 
     tabLabelArray = tablabels.split(',').map(word => word.trim());
     isLoading = false;
-
-    if(limitMinMax){
-      window.postMessage({ type: 'SetLimitsMinMax', limitMinMax}, window.location.href);
-    }
-    if(productObject){
-      window.postMessage({ type: 'SetLimitsProducts', productObject}, window.location.href);
-    }
-    if(periodObject){
-      window.postMessage({ type: 'SetLimitsPeriods', periodObject}, window.location.href);
-    }
   }
 
   const selectTab = (index:number):void => {
@@ -129,7 +96,7 @@
     }
   });
 
-  $: userid && session && endpoint && includedlimits && tablabels && lang && determineTabs();
+  $: userid && session && endpoint && tablabels && lang && apiversion && determineTabs();
   $: mainContainer && !isLoading && selectTab(0);
   $: clientstylingurl && setClientStylingURL();
   $: clientstyling && setClientStyling();
@@ -152,24 +119,12 @@
     {/if}
 
     <div class="player-account-gaming-limits-wrapper-2" bind:this={mainContainer}>
-      {#each limitTabs as limits}
-        {#if apiversion == 'gmcore'}
-          <player-account-gaming-limits-page-2-gm16 class="hidden selected"
-            {lang}
-            {currency}
-            {limits}
-            {userid}
-            {session}
-            {endpoint}
-            {apiversion}
-            {clientstyling}
-            {clientstylingurl}
-          ></player-account-gaming-limits-page-2-gm16>
-        {:else}
+      {#each limitTabs as _, i}
           <player-account-gaming-limits-page-2-gm16 class="hidden selected"
             {lang}
             {currency}
-            {limits}
+            amountsconfig = {amountsArray[i]}
+            periodsconfig = {periodsArray[i]}
             {userid}
             {session}
             {endpoint}
@@ -177,7 +132,6 @@
             {clientstyling}
             {clientstylingurl}
           ></player-account-gaming-limits-page-2-gm16>
-        {/if}
       {/each}
     </div>
     {#if historyenabled === 'true'}