@myinterview/widget-react 1.0.56-experimental-15 → 1.0.56-experimental-8647f49-4c92db4

package/dist/cjs/interfaces/microphoneInterface.d.ts

@@ -12,6 +12,7 @@ export declare const enum STATES {
     DATA_CHECK = "dataCheck"
 }
 export declare const enum ACTIONS {
+    COLLECT_BREADCRUMB = "collectBreadcrumb",
     INIT_WEB_WORKER = "initWebWorker",
     CONSOLE_LOG = "consoleLog",
     SET_MEDIA_STREAM = "setMediaStream",

package/dist/cjs/utils/sentry.utils.d.ts

@@ -1,4 +1,6 @@
 import * as Sentry from '@sentry/browser';
 import { DoneInvokeEvent } from 'xstate';
+import { Breadcrumb } from '@sentry/types';
 export declare const SentryHub: Sentry.Hub;
 export declare const SentryTrackingFn: (event: DoneInvokeEvent<any>, context: any, name: string, level: 'fatal' | 'error' | 'warning' | 'log' | 'info' | 'debug') => void;
+export declare const SentryBreadcrumb: ({ type, level, event_id, category, message, data }: Breadcrumb) => void;

package/dist/esm/index.js

@@ -32046,6 +32046,16 @@ const SentryTrackingFn = (event, context, name, level) => {
         SentryHub.captureMessage(name, level);
     });
 };
+const SentryBreadcrumb = ({ type, level, event_id, category, message, data }) => {
+    SentryHub.addBreadcrumb({
+        type,
+        level,
+        event_id,
+        category,
+        message,
+        data,
+    });
+};
 
 const PlayIcon = ({ playing }) => (React__default.createElement("div", { className: "myinterview-widget-icons__play-button" },
     React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", fill: "currentColor", viewBox: "0 0 50 50" },
@@ -43208,6 +43218,7 @@ var STATES$3;
 })(STATES$3 || (STATES$3 = {}));
 var ACTIONS$3;
 (function (ACTIONS) {
+    ACTIONS["COLLECT_BREADCRUMB"] = "collectBreadcrumb";
     ACTIONS["INIT_WEB_WORKER"] = "initWebWorker";
     ACTIONS["CONSOLE_LOG"] = "consoleLog";
     ACTIONS["SET_MEDIA_STREAM"] = "setMediaStream";
@@ -43369,7 +43380,7 @@ const microphoneMachine = createMachine({
                     },
                 },
                 [STATES$3.NOT_RECEIVING_DATA]: {
-                    entry: [
+                    entry: [ACTIONS$3.COLLECT_BREADCRUMB,
                         sendParent((context, event) => ({
                             data: recorderErrors.NoSoundError,
                             type: EVENTS$5.RECORDER_DEVICE_ERROR,
@@ -43400,6 +43411,22 @@ const microphoneMachine = createMachine({
     },
 }, {
     actions: {
+        [ACTIONS$3.COLLECT_BREADCRUMB]: (context) => {
+            var _a, _b, _c;
+            SentryBreadcrumb({
+                type: 'debug',
+                level: 'warning',
+                category: 'mic',
+                message: 'mic is inactive, this is the status of audioTrack',
+                data: {
+                    audioTrack: {
+                        enabled: (_a = context === null || context === void 0 ? void 0 : context.mediaStream) === null || _a === void 0 ? void 0 : _a.getAudioTracks()[0].enabled,
+                        label: (_b = context === null || context === void 0 ? void 0 : context.mediaStream) === null || _b === void 0 ? void 0 : _b.getAudioTracks()[0].label,
+                        muted: (_c = context === null || context === void 0 ? void 0 : context.mediaStream) === null || _c === void 0 ? void 0 : _c.getAudioTracks()[0].muted,
+                    },
+                },
+            });
+        },
         [ACTIONS$3.INIT_WEB_WORKER]: assign({
             webWorker: (context, _event) => (context.mediaStream ? new Builder(Worker$1) : null),
         }),
@@ -43464,6 +43491,14 @@ const microphoneMachine = createMachine({
                 };
             }
             getVolume(0);
+            ctx.onstatechange = () => {
+                var _a, _b;
+                if (ctx.state === 'suspended') {
+                    SentryTrackingFn({ type: 'status === suspended', data: ctx.state }, { label: (_a = context === null || context === void 0 ? void 0 : context.mediaStream) === null || _a === void 0 ? void 0 : _a.getAudioTracks()[0].label,
+                        muted: (_b = context === null || context === void 0 ? void 0 : context.mediaStream) === null || _b === void 0 ? void 0 : _b.getAudioTracks()[0].muted,
+                        status: ctx.state }, 'mic onstatechange', 'fatal');
+                }
+            };
             return () => {
                 var _a;
                 mic = null;