Fixed CDN problems in UI demo

ui/demo.html

@@ -165,12 +165,18 @@ <h2>Minimal example</h2>
       (function (){
         const el = document.querySelector('#example-minimal photopay-in-browser');
 
+        /* [TEMPORARY FIX]
+         * Use basic WebAssembly builds since most performant option requires server setup and unpkg.com, which is used
+         * for examples, doesn't support COOP and COEP headers.
+         *
+         * For more information see "Integration" section in the official documentation.
+         */
+        el.wasmType = "BASIC";
+
         el.engineLocation = window.engineLocation;
         el.licenseKey = window.licenseKey;
         el.recognizers = ['CroatiaPdf417PaymentRecognizer'];
 
-
-
         el.addEventListener('scanError', ev => {
           console.log('scanError', ev.detail);
 
@@ -183,11 +189,6 @@ <h2>Minimal example</h2>
       })();
     </script>
 
-
-
-
-
-
     <section id="example-feedback-message">
     <h2>Example with feedback message</h2>
     <p>UI component with default behaviour where it's required to set valid license key and recognizer.</p>
@@ -204,6 +205,14 @@ <h2>Example with feedback message</h2>
     (function (){
         const el = document.querySelector('#example-feedback-message photopay-in-browser');
 
+        /* [TEMPORARY FIX]
+         * Use basic WebAssembly builds since most performant option requires server setup and unpkg.com, which is used
+         * for examples, doesn't support COOP and COEP headers.
+         *
+         * For more information see "Integration" section in the official documentation.
+         */
+        el.wasmType = "BASIC";
+
         el.engineLocation = window.engineLocation;
         el.licenseKey = window.licenseKey;
         el.recognizers = ['CroatiaPdf417PaymentRecognizer'];
@@ -245,24 +254,30 @@ <h2>Custom messages</h2>
       (function (){
         const el = document.querySelector('#example-localization photopay-in-browser');
 
+        /* [TEMPORARY FIX]
+         * Use basic WebAssembly builds since most performant option requires server setup and unpkg.com, which is used
+         * for examples, doesn't support COOP and COEP headers.
+         *
+         * For more information see "Integration" section in the official documentation.
+         */
+        el.wasmType = "BASIC";
+
         el.engineLocation = window.engineLocation;
         el.licenseKey = window.licenseKey;
         el.recognizers = ['CroatiaPdf417PaymentRecognizer'];
+
         window.setTimeout(() => {
-          el.translations = { 
+          el.translations = {
             'action-message': 'Alternative CTA'
           };
         }, 3000);
 
-
-
         el.addEventListener('scanError', ev => {
           console.log('scanError', ev.detail);
 
           el.setUiState('ERROR');
         });
 
-
         el.addEventListener('scanSuccess', ev => {
           console.log('scanSuccess', ev.detail);
         });
@@ -293,18 +308,24 @@ <h2>RTL support</h2>
       (function (){
         const el = document.querySelector('#example-localization-rtl photopay-in-browser');
 
+        /* [TEMPORARY FIX]
+         * Use basic WebAssembly builds since most performant option requires server setup and unpkg.com, which is used
+         * for examples, doesn't support COOP and COEP headers.
+         *
+         * For more information see "Integration" section in the official documentation.
+         */
+        el.wasmType = "BASIC";
+
         el.engineLocation = window.engineLocation;
         el.licenseKey = window.licenseKey;
         el.recognizers = ['CroatiaPdf417PaymentRecognizer'];
 
         window.setTimeout(() => {
-          el.translations = { 
+          el.translations = {
             'action-message': 'Alternative CTA'
           };
         }, 3000);
 
-
-
         el.addEventListener('scanError', ev => {
           console.log('scanError', ev.detail);
 
@@ -388,12 +409,18 @@ <h3>CSS variables</h3>
       (function (){
         const el = document.querySelector('#example-customization photopay-in-browser');
 
+        /* [TEMPORARY FIX]
+         * Use basic WebAssembly builds since most performant option requires server setup and unpkg.com, which is used
+         * for examples, doesn't support COOP and COEP headers.
+         *
+         * For more information see "Integration" section in the official documentation.
+         */
+        el.wasmType = "BASIC";
+
         el.engineLocation = window.engineLocation;
         el.licenseKey = window.licenseKey;
         el.recognizers = ['CroatiaPdf417PaymentRecognizer'];
 
-
-
         el.addEventListener('scanError', ev => {
           console.log('scanError', ev.detail);
 
@@ -468,7 +495,7 @@ <h3>CSS variables</h3>
 
         customizatorForm.addEventListener('submit', ev => {
           ev.preventDefault();
-          
+
           document.querySelector(
             '#example-customization .box'
           ).style.background = document.getElementById('customization-background').value;
@@ -487,4 +514,4 @@ <h3>CSS variables</h3>
     </script>
 
   </body>
-</html>
+</html>