@openreplay/tracker 12.0.6 → 12.0.7-beta.1

package/lib/modules/userTesting/index.js

@@ -90,17 +90,16 @@ export default class UserTestManager {
             return false;
         };
         buttonElement.onclick = () => {
-            var _a, _b, _c, _d;
             this.removeGreeting();
-            const durations = (_a = this.signalManager) === null || _a === void 0 ? void 0 : _a.getDurations();
+            const durations = this.signalManager?.getDurations();
             if (durations && this.signalManager) {
                 durations.testStart = this.app.timestamp();
                 this.signalManager.setDurations(durations);
             }
-            void ((_b = this.signalManager) === null || _b === void 0 ? void 0 : _b.signalTest('begin'));
+            void this.signalManager?.signalTest('begin');
             this.container.style.fontFamily = `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`;
             Object.assign(this.container.style, styles.containerWidgetStyle);
-            this.showWidget(((_c = this.test) === null || _c === void 0 ? void 0 : _c.guidelines) || '', ((_d = this.test) === null || _d === void 0 ? void 0 : _d.tasks) || []);
+            this.showWidget(this.test?.guidelines || '', this.test?.tasks || []);
         };
         this.container.append(titleElement, descriptionElement, buttonElement);
         this.bg.appendChild(this.container);
@@ -137,9 +136,8 @@ export default class UserTestManager {
         this.stopButton = stopButton;
         this.stopButtonContainer = stopContainer;
         stopButton.onclick = () => {
-            var _a;
             this.userRecorder.discard();
-            void ((_a = this.signalManager) === null || _a === void 0 ? void 0 : _a.signalTest('skipped'));
+            void this.signalManager?.signalTest('skipped');
             document.body.removeChild(this.bg);
             window.close();
         };
@@ -151,7 +149,6 @@ export default class UserTestManager {
         }
     }
     createTitleSection() {
-        var _a;
         const title = createElement('div', 'title', styles.titleWidgetStyle);
         const leftIcon = generateGrid();
         const titleText = createElement('div', 'title_text', {
@@ -162,7 +159,7 @@ export default class UserTestManager {
             fontSize: 16,
             lineHeight: 'auto',
             cursor: 'pointer',
-        }, (_a = this.test) === null || _a === void 0 ? void 0 : _a.title);
+        }, this.test?.title);
         const rightIcon = generateChevron();
         title.append(leftIcon, titleText, rightIcon);
         const toggleWidget = (isVisible) => {
@@ -233,10 +230,9 @@ export default class UserTestManager {
             content.removeChild(button);
         };
         button.onclick = () => {
-            var _a, _b, _c;
             toggleDescriptionVisibility();
             if (this.test) {
-                const durations = (_a = this.signalManager) === null || _a === void 0 ? void 0 : _a.getDurations();
+                const durations = this.signalManager?.getDurations();
                 const taskDurationInd = durations
                     ? durations.tasks.findIndex((t) => this.test && t.taskId === this.test.tasks[0].task_id)
                     : null;
@@ -245,9 +241,9 @@ export default class UserTestManager {
                         taskId: this.test.tasks[0].task_id,
                         started: this.app.timestamp(),
                     });
-                    (_b = this.signalManager) === null || _b === void 0 ? void 0 : _b.setDurations(durations);
+                    this.signalManager?.setDurations(durations);
                 }
-                void ((_c = this.signalManager) === null || _c === void 0 ? void 0 : _c.signalTask(this.test.tasks[0].task_id, 'begin'));
+                void this.signalManager?.signalTask(this.test.tasks[0].task_id, 'begin');
             }
             this.showTaskSection();
             content.removeChild(button);
@@ -349,23 +345,22 @@ export default class UserTestManager {
         titleContainer.onclick = toggleTasksVisibility;
         closePanelButton.onclick = this.collapseWidget;
         nextButton.onclick = () => {
-            var _a, _b, _c, _d;
             const textAnswer = tasks[this.currentTaskIndex].allow_typing ? inputArea.value : undefined;
             inputArea.value = '';
-            void ((_a = this.signalManager) === null || _a === void 0 ? void 0 : _a.signalTask(tasks[this.currentTaskIndex].task_id, 'done', textAnswer));
+            void this.signalManager?.signalTask(tasks[this.currentTaskIndex].task_id, 'done', textAnswer);
             if (this.currentTaskIndex < tasks.length - 1) {
                 this.currentTaskIndex++;
                 updateTaskContent();
-                const durations = (_b = this.signalManager) === null || _b === void 0 ? void 0 : _b.getDurations();
+                const durations = this.signalManager?.getDurations();
                 if (durations &&
                     durations.tasks.findIndex((t) => t.taskId === tasks[this.currentTaskIndex].task_id) === -1) {
                     durations.tasks.push({
                         taskId: tasks[this.currentTaskIndex].task_id,
                         started: this.app.timestamp(),
                     });
-                    (_c = this.signalManager) === null || _c === void 0 ? void 0 : _c.setDurations(durations);
+                    this.signalManager?.setDurations(durations);
                 }
-                void ((_d = this.signalManager) === null || _d === void 0 ? void 0 : _d.signalTask(tasks[this.currentTaskIndex].task_id, 'begin'));
+                void this.signalManager?.signalTask(tasks[this.currentTaskIndex].task_id, 'begin');
                 highlightActive();
             }
             else {
@@ -384,21 +379,21 @@ export default class UserTestManager {
         return section;
     }
     showEndSection() {
-        var _a, _b, _c, _d, _e;
         let isLoading = true;
-        void ((_a = this.signalManager) === null || _a === void 0 ? void 0 : _a.signalTest('done'));
+        void this.signalManager?.signalTest('done');
         const section = createElement('div', 'end_section_or', styles.endSectionStyle);
         const title = createElement('div', 'end_title_or', {
             fontSize: '1.25rem',
             fontWeight: '500',
         }, 'Thank you! 👍');
-        const description = createElement('div', 'end_description_or', {}, (_c = (_b = this.test) === null || _b === void 0 ? void 0 : _b.conclusion) !== null && _c !== void 0 ? _c : 'Thank you for participating in our usability test. Your feedback has been captured and will be used to enhance our website. \n' +
-            '\n' +
-            'We appreciate your time and valuable input.');
+        const description = createElement('div', 'end_description_or', {}, this.test?.conclusion ??
+            'Thank you for participating in our usability test. Your feedback has been captured and will be used to enhance our website. \n' +
+                '\n' +
+                'We appreciate your time and valuable input.');
         const button = createElement('div', 'end_button_or', styles.buttonWidgetStyle, 'Submitting Feedback');
         const spinner = createSpinner();
         button.appendChild(spinner);
-        if (((_d = this.test) === null || _d === void 0 ? void 0 : _d.reqMic) || ((_e = this.test) === null || _e === void 0 ? void 0 : _e.reqCamera)) {
+        if (this.test?.reqMic || this.test?.reqCamera) {
             void this.userRecorder
                 .sendToAPI()
                 .then(() => {

package/lib/modules/userTesting/recorder.js

@@ -15,7 +15,7 @@ export default class Recorder {
         const videoConstraints = quality;
         try {
             this.stream = await navigator.mediaDevices.getUserMedia({
-                video: camReq ? Object.assign(Object.assign({}, videoConstraints), { frameRate: { ideal: fps } }) : false,
+                video: camReq ? { ...videoConstraints, frameRate: { ideal: fps } } : false,
                 audio: micReq,
             });
             this.mediaRecorder = new MediaRecorder(this.stream, {
@@ -91,8 +91,7 @@ export default class Recorder {
         document.body.removeChild(a);
     }
     discard() {
-        var _a, _b;
-        (_a = this.mediaRecorder) === null || _a === void 0 ? void 0 : _a.stop();
-        (_b = this.stream) === null || _b === void 0 ? void 0 : _b.getTracks().forEach((track) => track.stop());
+        this.mediaRecorder?.stop();
+        this.stream?.getTracks().forEach((track) => track.stop());
     }
 }

package/lib/modules/userTesting/styles.js

@@ -131,7 +131,13 @@ export const descriptionWidgetStyle = {
     fontWeight: '400',
     // lineHeight: '1.375rem',
 };
-export const endSectionStyle = Object.assign(Object.assign({}, descriptionWidgetStyle), { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '0.625rem' });
+export const endSectionStyle = {
+    ...descriptionWidgetStyle,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    gap: '0.625rem',
+};
 export const symbolIcon = {
     fontSize: '1.25rem',
     fontWeight: '500',
@@ -230,7 +236,16 @@ export const taskButtonStyle = {
     fontWeight: '500',
     lineHeight: 'auto',
 };
-export const taskButtonBorderedStyle = Object.assign(Object.assign({}, taskButtonStyle), { display: 'flex', padding: '0.25rem 0.9375rem', justifyContent: 'center', alignItems: 'center', gap: '0.5rem', borderRadius: '0.25rem', border: '1px solid #394EFF' });
+export const taskButtonBorderedStyle = {
+    ...taskButtonStyle,
+    display: 'flex',
+    padding: '0.25rem 0.9375rem',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: '0.5rem',
+    borderRadius: '0.25rem',
+    border: '1px solid #394EFF',
+};
 export const taskButtonsRow = {
     display: 'flex',
     justifyContent: 'space-between',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "12.0.6",
+  "version": "12.0.7-beta.1",
   "keywords": [
     "logging",
     "replay"

package/tsconfig-base.json

@@ -7,7 +7,7 @@
     "noImplicitThis": true,
     "strictNullChecks": true,
     "alwaysStrict": true,
-    "target": "es2017",
+    "target": "es2020",
     "module": "es6",
     "moduleResolution": "nodenext",
     "esModuleInterop": true