From cf9d9e4596c7827ad0f81a5b140d8e378809073c Mon Sep 17 00:00:00 2001
From: Kuyoshbek <kuyoshbek.mekhmonov@thomsonreuters.com>
Date: Thu, 15 Feb 2024 14:37:07 +0500
Subject: [PATCH] ensure script laod flow is correct

---
 src/components/AdSlot/AdScripts.svelte        | 16 +++++-----------
 src/components/AdSlot/adScripts/bootstrap.ts  |  4 ++++
 src/components/AdSlot/adScripts/loadScript.ts |  6 ++++++
 3 files changed, 15 insertions(+), 11 deletions(-)
 create mode 100644 src/components/AdSlot/adScripts/loadScript.ts

diff --git a/src/components/AdSlot/AdScripts.svelte b/src/components/AdSlot/AdScripts.svelte
index c3460a95..34c61282 100644
--- a/src/components/AdSlot/AdScripts.svelte
+++ b/src/components/AdSlot/AdScripts.svelte
@@ -1,9 +1,14 @@
 <script>
   import { onMount } from 'svelte';
   import { loadBootstrap } from './adScripts/bootstrap';
+  import { loadScript } from './adScripts/loadScript';
 
   onMount(() => {
     window.graphicsAdQueue = window.graphicsAdQueue || [];
+    loadScript(
+      'https://graphics.thomsonreuters.com/cdn/js/bootstrap.static.js',
+      loadBootstrap
+    );
   });
 </script>
 
@@ -22,15 +27,4 @@
     crossorigin=""
   />
   <link rel="stylesheet" href="https://a.pub.network/reuters-com/cls.css" />
-
-  <script
-    src="https://graphics.thomsonreuters.com/cdn/js/bootstrap.static.js"
-    on:load="{loadBootstrap}"
-  ></script>
-
-  <script
-    src="https://a.pub.network/reuters-com/pubfig.min.js"
-    data-cfasync="false"
-    async
-  ></script>
 </svelte:head>
diff --git a/src/components/AdSlot/adScripts/bootstrap.ts b/src/components/AdSlot/adScripts/bootstrap.ts
index d102ed77..cc8011d2 100644
--- a/src/components/AdSlot/adScripts/bootstrap.ts
+++ b/src/components/AdSlot/adScripts/bootstrap.ts
@@ -1,5 +1,6 @@
 import getParameterByName from './getParameterByName';
 import Ias from './ias';
+import { loadScript } from './loadScript';
 
 const ONETRUST_LOGS = 'ot_logs';
 const ONETRUST_GEOLOCATION_MOCK = 'ot_geolocation_mock';
@@ -46,6 +47,9 @@ export const loadBootstrap = () => {
   );
 
   (<any>window).bootstrap.getResults((result) => {
+    // Load Freestar script
+    loadScript('https://a.pub.network/reuters-com/pubfig.min.js');
+
     // Set GAM
     (<any>window).googletag = (<any>window).googletag || { cmd: [] };
     (<any>window).googletag.cmd.push(() => {
diff --git a/src/components/AdSlot/adScripts/loadScript.ts b/src/components/AdSlot/adScripts/loadScript.ts
new file mode 100644
index 00000000..389d92e8
--- /dev/null
+++ b/src/components/AdSlot/adScripts/loadScript.ts
@@ -0,0 +1,6 @@
+export const loadScript = (src: string, onload?: () => void) => {
+  const script = document.createElement('script');
+  script.addEventListener('load', onload);
+  script.src = src;
+  document.head.append(script);
+};