@betarena/ad-engine 0.0.32 → 0.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@betarena/ad-engine",
-	"version": "0.0.32",
+	"version": "0.0.34",
 	"private": false,
 	"description": "Betarena ad-engine widget",
 	"keywords": [

package/src/lib/Advert-Engine-Widget.svelte

@@ -51,13 +51,13 @@
 
   import WidgetAdvertSlide from './Advert-Slide-Child.svelte';
   import WidgetAdGeneral from './Advert-General-Child.svelte';
+  import DevInfoBox from './misc/admin/Dev-Info-Box.svelte';
 
   import '../style/app.scss';
 
   import type { IAdsRequestBody, IAdsResponseBody } from '@betarena/scores-lib/types/ad-engine/index.js';
   import type { GeoJsResponse } from './types/geojs.js';
   import type { AdsCreativeMain } from '@betarena/scores-lib/types/_AUTO-HASURA_.js';
-  import DevInfoBox from './misc/admin/Dev-Info-Box.svelte';
 
   // #endregion ➤ 📦 Package Imports
 
@@ -118,7 +118,12 @@
      * @description
      * 📝 `Map` where, `key=ZoneId` and `value=HTMLElement`
      */
-    betarenaAdsInjectMap: Map < number, Element > = new Map()
+    betarenaAdsInjectMap: Map < number, Element > = new Map(),
+    /**
+     * @description
+     * 📝 temporary data
+     */
+    dataMap: Map < number, AdsCreativeMain >
   ;
 
   // #endregion ➤ 📌 VARIABLES
@@ -215,12 +220,9 @@
     // [🐞]
     console.log('response', response);
 
+    dataMap = new Map((response as IAdsResponseBody).ads ?? []);
+
     const
-      /**
-       * @description
-       * 📝 `Map`
-       */
-      dataMap = new Map((response as IAdsResponseBody).ads ?? []),
       /**
        * @description
        * 📝 `Map`
@@ -240,7 +242,7 @@
        * @description
        * 📝 `Map`
        */
-       mapZoneToTagIds = new Map ((response as IAdsResponseBody).mapZoneIdToTagIds)
+      mapZoneToTagIds = new Map ((response as IAdsResponseBody).mapZoneIdToTagIds)
     ;
 
     // ╭─────
@@ -354,7 +356,7 @@
 
       for (const [zoneId, tagIds] of mapZoneToTagIds)
       {
-        if (authorId && !tagIds.includes(authorId))
+        if (authorArticleTagIds.filter(x => { return tagIds.includes(x) } ).length == 0)
           continue;
         ;
 
@@ -427,7 +429,7 @@
     (
       {
         deviceType,
-        isoCountryCode: geoLocation?.country_code ?? 'EB',
+        isoCountryCode: geoLocation?.country_code ?? 'EN',
         authorId,
         tagIds: authorArticleTagIds,
         zoneIds: [...betarenaAdsInjectMap.keys()]
@@ -473,11 +475,11 @@
   }
 />
 
-<svelte:head>
+<!-- <svelte:head>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
-</svelte:head>
+</svelte:head> -->
 
 <!--
 ╭──────────────────────────────────────────────────────────────────────────────────╮
@@ -513,6 +515,9 @@
     <p>
       [properties] AuthorArticleTagIds :|: [{authorArticleTagIds}]
     </p>
+    <p>
+      [data] Adverts Fetched Number :|: {dataMap.size}
+    </p>
   </DevInfoBox>
 
   <!--

package/src/lib/misc/admin/Dev-Info-Box.svelte

@@ -39,6 +39,7 @@
   // ╰────────────────────────────────────────────────────────────────────────╯
 
   import { storeAdmin } from '../../store/admin.js';
+  import { betarenaAdEngineStore } from '../../_store.js';
 
   // #endregion ➤ 📦 Package Imports
 
@@ -65,6 +66,7 @@
   ;
 
   $: ({ numberOfAdvertsActive } = { ...$storeAdmin });
+  $: ({ advertDateLastShown, isBetarenaAdShownForToday } = { ...$betarenaAdEngineStore})
 
   // #endregion ➤ 📌 VARIABLES
 
@@ -131,6 +133,57 @@
     </p>
 
     <slot/>
+
+    <p>
+      [store] advertDateLastShown :|: {advertDateLastShown}
+    </p>
+
+    <p>
+      [store] isBetarenaAdShownForToday :|: {isBetarenaAdShownForToday}
+    </p>
+  </div>
+
+  <!--
+  ╭─────
+  │ > [I] Actions
+  ╰─────
+  -->
+  <div
+    class=
+    "
+    grid-box
+    "
+  >
+    <p
+      class=
+      "
+      title
+      "
+    >
+      Actions
+    </p>
+
+    <button
+      class=
+      "
+      btn-dark
+      "
+      on:click=
+      {
+        () =>
+        {
+          betarenaAdEngineStore.updateData
+          (
+            [
+              ['toggleAdShownState', undefined]
+            ]
+          );
+          return;
+        }
+      }
+    >
+      Toggle Advert Shown State [{isBetarenaAdShownForToday}]
+    </button>
   </div>
 
 </div>
@@ -209,7 +262,7 @@
     {
       /* 🛝 layout */
       display: grid;
-      grid-template-columns: 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr;
     }
   }