fix, refactor index file

Author: Laurell876

packages/core/src/index.ts

@@ -3,30 +3,15 @@ import { createIframe } from "./elements/iframe";
 import { verificationUrl } from "./helpers/defaultConfig";
 import { loadingDiv } from "./helpers/elements";
 import { OrbaOneConfig } from "./helpers/types";
-import { loader } from "./styles/templates";
+import { iframeLoader } from "./styles/templates";
 import { getSessionUrl, isValidConfig } from "./helpers/utils";
 
 function initializeVerification(config: OrbaOneConfig, button: ReturnType<typeof createButton>): void {
     const { apiKey, applicantId, onSuccess, onCancelled, onError, steps } = config;
 
     //Set Loading state
     button.setState("loading");
-    loadingDiv.innerHTML = `
-    <div 
-        style="
-            position:absolute; 
-            top:0;
-            bottom:0; 
-            left:0; 
-            right:0; 
-            display:flex; 
-            align-items:center; 
-            justify-content:center;
-            background-color: rgba(255, 255, 255, 0.8); 
-    ">
-    ${loader}
-    </div>
-    `;
+    loadingDiv.innerHTML = iframeLoader;
 
     document.body.appendChild(loadingDiv);
     const url = getSessionUrl(verificationUrl, apiKey, applicantId, steps);

packages/core/src/styles/templates.ts

@@ -119,3 +119,20 @@ export const loader = `
   </rect>
 </svg>
 `;
+
+export const iframeLoader = `
+<div 
+    style="
+        position:absolute; 
+        top:0;
+        bottom:0; 
+        left:0; 
+        right:0; 
+        display:flex; 
+        align-items:center; 
+        justify-content:center;
+        background-color: rgba(255, 255, 255, 0.8); 
+">
+${loader}
+</div>
+`;