feat(flagged): add code to call out to VMO a/b testing framework (#5061)

Author: hoorayimhelping

src/App.tsx

@@ -39,7 +39,8 @@ import {AppState} from 'src/types'
 // Utils
 import {isFlagEnabled} from 'src/shared/utils/featureFlag'
 import {CLOUD} from 'src/shared/constants'
-import {shouldUseQuartzIdentity} from './identity/utils/shouldUseQuartzIdentity'
+import {shouldUseQuartzIdentity} from 'src/identity/utils/shouldUseQuartzIdentity'
+import {executeVWO} from 'src/utils/vwo'
 
 // Styles
 const fullScreen = {height: '100%', width: '100%'}
@@ -78,6 +79,11 @@ const App: FC = () => {
         document.body.removeChild(script)
       }
     }
+
+    if (CLOUD && isFlagEnabled('vwoAbTesting')) {
+      executeVWO()
+    }
+
     setAutoFreeze(false)
   }, [])
 

src/utils/vwo.ts

@@ -0,0 +1,75 @@
+// this code is related to implementing the A/B testing tool VMO: https://vwo.com/
+/* eslint-disable */
+// @ts-nocheck
+export const executeVWO = () => {
+  window._vwo_code =
+    window._vwo_code ||
+    (function() {
+      var account_id = 634566,
+        settings_tolerance = 2000,
+        library_tolerance = 2500,
+        use_existing_jquery = false,
+        is_spa = 1,
+        hide_element = 'body',
+        /* DO NOT EDIT BELOW THIS LINE */
+        f = false,
+        d = document,
+        code = {
+          use_existing_jquery: function() {
+            return use_existing_jquery
+          },
+          library_tolerance: function() {
+            return library_tolerance
+          },
+          finish: function() {
+            if (!f) {
+              f = true
+              var a = d.getElementById('_vis_opt_path_hides')
+              if (a) a.parentNode.removeChild(a)
+            }
+          },
+          finished: function() {
+            return f
+          },
+          load: function(a) {
+            var b = d.createElement('script')
+            b.src = a
+            b.type = 'text/javascript'
+            b.innerText
+            b.onerror = function() {
+              window._vwo_code.finish()
+            }
+            d.getElementsByTagName('head')[0].appendChild(b)
+          },
+          init: function() {
+            window.settings_timer = setTimeout(function() {
+              window._vwo_code.finish()
+            }, settings_tolerance)
+            var a = d.createElement('style'),
+              b = hide_element
+                ? hide_element +
+                  '{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}'
+                : '',
+              h = d.getElementsByTagName('head')[0]
+            a.setAttribute('id', '_vis_opt_path_hides')
+            a.setAttribute('type', 'text/css')
+            if (a.styleSheet) a.styleSheet.cssText = b
+            else a.appendChild(d.createTextNode(b))
+            h.appendChild(a)
+            this.load(
+              'https://dev.visualwebsiteoptimizer.com/j.php?a=' +
+                account_id +
+                '&u=' +
+                encodeURIComponent(d.URL) +
+                '&f=' +
+                +is_spa +
+                '&r=' +
+                Math.random()
+            )
+            return window.settings_timer
+          },
+        }
+      window._vwo_settings_timer = code.init()
+      return code
+    })()
+}