move duo connector to ts

src/connectors/duo.js

@@ -1,43 +0,0 @@
-require('../scripts/duo');
-require('./duo.scss');
-
-!(function () {
-    var frameElement = document.createElement('iframe');
-    frameElement.setAttribute('id', 'duo_iframe');
-    setFrameHeight();
-    document.body.appendChild(frameElement);
-
-    var hostParam = getQsParam('host');
-    var requestParam = getQsParam('request');
-    Duo.init({
-        host: hostParam,
-        sig_request: requestParam,
-        submit_callback: function (form) {
-            invokeCSCode(form.elements.sig_response.value);
-        }
-    });
-
-    window.onresize = setFrameHeight;
-    function setFrameHeight() {
-        frameElement.style.height = window.innerHeight + 'px';
-    }
-})();
-
-function getQsParam(name) {
-    var url = window.location.href;
-    name = name.replace(/[\[\]]/g, '\\$&');
-    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
-        results = regex.exec(url);
-    if (!results) return null;
-    if (!results[2]) return '';
-    return decodeURIComponent(results[2].replace(/\+/g, ' '));
-}
-
-function invokeCSCode(data) {
-    try {
-        invokeCSharpAction(data);
-    }
-    catch (err) {
-
-    }
-}

src/connectors/duo.ts

@@ -0,0 +1,50 @@
+import * as DuoWebSDK from 'jslib/misc/duo';
+
+// tslint:disable-next-line
+require('./duo.scss');
+
+document.addEventListener('DOMContentLoaded', (event) => {
+    const frameElement = document.createElement('iframe');
+    frameElement.setAttribute('id', 'duo_iframe');
+    setFrameHeight();
+    document.body.appendChild(frameElement);
+
+    const hostParam = getQsParam('host');
+    const requestParam = getQsParam('request');
+    DuoWebSDK.init({
+        iframe: 'duo_iframe',
+        host: hostParam,
+        sig_request: requestParam,
+        submit_callback: (form: any) => {
+            invokeCSCode(form.elements.sig_response.value);
+        },
+    });
+
+    window.onresize = setFrameHeight;
+
+    function setFrameHeight() {
+        frameElement.style.height = window.innerHeight + 'px';
+    }
+});
+
+function getQsParam(name: string) {
+    const url = window.location.href;
+    name = name.replace(/[\[\]]/g, '\\$&');
+    const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');
+    const results = regex.exec(url);
+
+    if (!results) {
+        return null;
+    }
+    if (!results[2]) {
+        return '';
+    }
+
+    return decodeURIComponent(results[2].replace(/\+/g, ' '));
+}
+
+function invokeCSCode(data: string) {
+    try {
+        (window as any).invokeCSharpAction(data);
+    } catch (err) { }
+}