@incodetech/welcome 1.85.0-rc.20251118132733 → 1.85.0-rc.20251118170350

package/dist/onBoarding.mjs

@@ -8374,7 +8374,7 @@ class MlWasmJSApi {
     );
   }
 }
-const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-rc.20251118132733";
+const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-rc.20251118170350";
 function e$2(Be, Le) {
   return function(Ye, tt) {
     return Object.prototype.hasOwnProperty.call(Ye, tt);
@@ -169704,7 +169704,245 @@ else {
     }
   };
 }
-const UiConfigSchema = /* @__PURE__ */ object({
+let shouldShowCache = !mobile.isBrowserSupported();
+function useBrowserNotSupported() {
+  const [Be, Le] = useState(shouldShowCache);
+  function Ye() {
+    Le(!1), shouldShowCache = !1;
+  }
+  return { shouldShow: Be, onContinue: Ye };
+}
+const isSurface$1 = isSurfaceTablet(), NotificationContainer = dt.div`
+  border-radius: 20px;
+  background-color: rgba(0, 0, 0, 0.8);
+  color: white;
+  padding: 15px 20px 15px 20px;
+  position: fixed;
+  top: 120px;
+  left: 0;
+  right: 0;
+  display: ${(Be) => Be.isOpen ? "block" : "none"};
+  max-width: calc(100% - 50px); // 40px are for the padding
+  width: fit-content;
+  margin: auto;
+  box-sizing: content-box;
+
+  &:focus {
+    outline: ${(Be) => Be.isOpen ? "auto" : "none"};
+  }
+
+  &.center {
+    font-size: 18px;
+
+    .icon {
+      text-align: center;
+    }
+
+    .notification-text {
+      line-height: 1.5;
+      margin: 0;
+    }
+  }
+
+  &.inline {
+    display: flex;
+  }
+
+  &.desktop {
+    top: unset;
+    padding: 0;
+    background-color: transparent;
+    color: #20263d;
+    display: block;
+    position: relative;
+  }
+`, NotificationText = dt.div`
+  text-align: center;
+
+  &.desktop {
+    div {
+      font-size: 24px;
+      line-height: 22px;
+
+      &.surface {
+        font-size: 55px;
+        line-height: unset;
+      }
+
+      div {
+        margin-top: 10px;
+      }
+    }
+  }
+`, DEFAULT_DURATION = 3e4, NotificationContext = createContext({}), reducer$1 = (Be, Le) => {
+  switch (Le.type) {
+    case "showNotification":
+      return Be.isOpen ? Be : {
+        ...Be,
+        children: Le.children,
+        icon: Le.icon,
+        isOpen: !0
+      };
+    case "showPriorityNotification":
+      return window.clearTimeout(closeTimeout), {
+        ...Be,
+        children: Le.children,
+        icon: Le.icon,
+        isOpen: !0
+      };
+    case "closeNotification":
+      return {
+        ...Be,
+        children: null,
+        icon: "",
+        isOpen: !1
+      };
+    default:
+      return Be;
+  }
+};
+let closeTimeout;
+const showNotification = (Be, Le) => (Ye, tt) => {
+  Be({ type: Le, children: Ye, icon: tt }), closeTimeout = setTimeout(() => {
+    closeNotification(Be);
+  }, DEFAULT_DURATION);
+}, closeNotification = (Be) => {
+  Be({ type: "closeNotification" });
+}, NotificationProvider = ({ children: Be, initialValue: Le }) => /* @__PURE__ */ jsxRuntimeExports.jsx(NotificationContext.Provider, { value: useReducer(reducer$1, Le), children: Be }), useNotifications = () => {
+  const [Be, Le] = useContext(NotificationContext);
+  return {
+    ...Be,
+    showNotification: useCallback(
+      showNotification(Le, "showNotification"),
+      []
+    ),
+    showPriorityNotification: useCallback(
+      showNotification(Le, "showPriorityNotification"),
+      []
+    ),
+    closeNotification: useCallback(
+      () => closeNotification(Le),
+      [Le]
+    )
+  };
+};
+function Portal({ children: Be }) {
+  const Le = useRef(null), [, Ye] = useState();
+  return useLayoutEffect(() => (Le.current = document.createElement("portal"), document.body.appendChild(Le.current), Ye({}), () => {
+    Le.current && document.body.removeChild(Le.current);
+  }), []), Le.current ? createPortal(Be, Le.current) : null;
+}
+function Notification$1({
+  center: Be = !1,
+  inline: Le = !0,
+  noPortal: Ye = !1,
+  isKiosk: tt = !1
+}) {
+  const [{ isOpen: nt, children: ft }] = useContext(NotificationContext);
+  return Ye ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    NotificationContainer,
+    {
+      className: cx("IncodeNotificationContainer", {
+        center: Be,
+        inline: Le,
+        desktop: mobile.isDesktop() || tt
+      }),
+      isOpen: nt,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        NotificationText,
+        {
+          role: "alert",
+          "aria-live": "assertive",
+          className: cx({
+            desktop: mobile.isDesktop() || tt,
+            surface: isSurface$1
+          }),
+          children: ft
+        }
+      )
+    }
+  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    NotificationContainer,
+    {
+      className: cx("IncodeNotificationContainer", {
+        center: Be,
+        inline: Le,
+        desktop: mobile.isDesktop() || tt
+      }),
+      isOpen: nt,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        NotificationText,
+        {
+          className: cx({
+            desktop: mobile.isDesktop() || tt
+          }),
+          role: "alert",
+          "aria-live": "assertive",
+          children: ft
+        }
+      )
+    }
+  ) });
+}
+const AppProvider = ({ children: Be }) => /* @__PURE__ */ jsxRuntimeExports.jsx(ot, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(I18nextProvider$1, { i18n, children: Be }) }), Container$g = dt.div`
+  height: calc(var(--vh) * 100);
+  width: 100vw;
+  min-height: 500px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  min-height: 100%;
+  overflow: scroll;
+
+  &.is-desktop {
+    position: relative;
+  }
+
+  &.kiosk {
+    width: 100%;
+    height: 100%;
+    position: relative;
+  }
+
+  &.disable-full-screen {
+    position: relative;
+    height: 100%;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  .hidden {
+    display: none;
+  }
+`, App$1 = ({
+  disableFullScreen: Be = !1,
+  isKiosk: Le = !1,
+  children: Ye,
+  token: tt,
+  style: nt,
+  disableUnsupportedBrowserScreen: ft = !1
+}) => {
+  const { isRotated: ht } = useOrientation(), { ready: gt } = useTranslation$1(), { shouldShow: At, onContinue: xt } = useBrowserNotSupported();
+  return useResize(), useEffect(() => {
+    tt && initialize(tt);
+  }, [tt]), gt ? options.redirectFromUnsupportedBrowsers && At && !ft ? /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserNotSupported, { onContinue: xt, token: tt }) : /* @__PURE__ */ jsxRuntimeExports.jsx(AppProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(NotificationProvider, { initialValue: { isOpen: !1 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Container$g,
+    {
+      className: cx("IncodeDefaultComponentContainer", {
+        "disable-full-screen": Be,
+        "is-desktop": mobile.isDesktop(),
+        kiosk: Le
+      }),
+      style: nt,
+      children: [
+        !!mobile.any() && !mobile.isIpad() && ht && /* @__PURE__ */ jsxRuntimeExports.jsx(LandscapeNotSupported, {}),
+        Ye
+      ]
+    }
+  ) }) }) : null;
+}, UiConfigSchema = /* @__PURE__ */ object({
   branding: /* @__PURE__ */ optional(
     /* @__PURE__ */ object({
       logo: /* @__PURE__ */ optional(
@@ -169735,7 +169973,7 @@ const UiConfigSchema = /* @__PURE__ */ object({
       minimal: /* @__PURE__ */ optional(/* @__PURE__ */ boolean$2())
     })
   )
-}), Container$g = dt.div`
+}), Container$f = dt.div`
   height: ${(Be) => Be.$height ? `${Be.$height}px` : `${window.innerHeight}px`};
   width: ${(Be) => Be.$width ? `${Be.$width}px` : `${window.innerWidth}px`};
   min-height: 100%;
@@ -169750,7 +169988,7 @@ const UiConfigSchema = /* @__PURE__ */ object({
   width: Ye
 }) => {
   const { isRotated: tt } = useOrientation(), { ready: nt } = useTranslation$1();
-  return nt ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$g, { $height: Le, $width: Ye, children: [
+  return nt ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$f, { $height: Le, $width: Ye, children: [
     !!mobile.any() && !mobile.isIpad() && tt && /* @__PURE__ */ jsxRuntimeExports.jsx(LandscapeNotSupported, {}),
     Be
   ] }) : null;
@@ -180531,7 +180769,7 @@ const StyledPath = dt.path`
       ]
     }
   );
-}, Notification$1 = ({ detectionState: Be }) => {
+}, Notification = ({ detectionState: Be }) => {
   const { t: Le } = useTranslation$1(), Ye = useTokens(), nt = {
     noFace: Le("notifications.faceNotFound"),
     tooManyFaces: Le("notifications.tooManyFaces"),
@@ -180728,7 +180966,7 @@ const StyledPath = dt.path`
                 }
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer, { size: 12, smSize: 4 }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Notification$1, { detectionState: Wt }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Notification, { detectionState: Wt }),
               Wt === "manualCapture" && /* @__PURE__ */ jsxRuntimeExports.jsx(
                 CameraButtonComponent,
                 {
@@ -180871,13 +181109,14 @@ const StyledPath = dt.path`
   "Expected HTMLElement"
 );
 function renderAuthFace(Be, Le) {
+  var tt;
   validate$2(
     { schema: HTMLElementSchema, value: Be },
     { schema: AuthFacePropsSchema, value: Le }
   );
   const Ye = createRoot(Be);
   return customRender(
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(App$1, { token: (tt = Le.session) == null ? void 0 : tt.token, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       AuthFace,
       {
         onSuccess: handleUnmountRoot(Le.onSuccess, Ye, Be),
@@ -180887,250 +181126,12 @@ function renderAuthFace(Be, Le) {
         parentSize: Le.parentSize,
         authHint: Le.authHint
       }
-    ),
+    ) }),
     Be,
     Ye
   ), { close: handleUnmountRoot(emptyFunc, Ye, Be) };
 }
-let shouldShowCache = !mobile.isBrowserSupported();
-function useBrowserNotSupported() {
-  const [Be, Le] = useState(shouldShowCache);
-  function Ye() {
-    Le(!1), shouldShowCache = !1;
-  }
-  return { shouldShow: Be, onContinue: Ye };
-}
-const isSurface$1 = isSurfaceTablet(), NotificationContainer = dt.div`
-  border-radius: 20px;
-  background-color: rgba(0, 0, 0, 0.8);
-  color: white;
-  padding: 15px 20px 15px 20px;
-  position: fixed;
-  top: 120px;
-  left: 0;
-  right: 0;
-  display: ${(Be) => Be.isOpen ? "block" : "none"};
-  max-width: calc(100% - 50px); // 40px are for the padding
-  width: fit-content;
-  margin: auto;
-  box-sizing: content-box;
-
-  &:focus {
-    outline: ${(Be) => Be.isOpen ? "auto" : "none"};
-  }
-
-  &.center {
-    font-size: 18px;
-
-    .icon {
-      text-align: center;
-    }
-
-    .notification-text {
-      line-height: 1.5;
-      margin: 0;
-    }
-  }
-
-  &.inline {
-    display: flex;
-  }
-
-  &.desktop {
-    top: unset;
-    padding: 0;
-    background-color: transparent;
-    color: #20263d;
-    display: block;
-    position: relative;
-  }
-`, NotificationText = dt.div`
-  text-align: center;
-
-  &.desktop {
-    div {
-      font-size: 24px;
-      line-height: 22px;
-
-      &.surface {
-        font-size: 55px;
-        line-height: unset;
-      }
-
-      div {
-        margin-top: 10px;
-      }
-    }
-  }
-`, DEFAULT_DURATION = 3e4, NotificationContext = createContext({}), reducer$1 = (Be, Le) => {
-  switch (Le.type) {
-    case "showNotification":
-      return Be.isOpen ? Be : {
-        ...Be,
-        children: Le.children,
-        icon: Le.icon,
-        isOpen: !0
-      };
-    case "showPriorityNotification":
-      return window.clearTimeout(closeTimeout), {
-        ...Be,
-        children: Le.children,
-        icon: Le.icon,
-        isOpen: !0
-      };
-    case "closeNotification":
-      return {
-        ...Be,
-        children: null,
-        icon: "",
-        isOpen: !1
-      };
-    default:
-      return Be;
-  }
-};
-let closeTimeout;
-const showNotification = (Be, Le) => (Ye, tt) => {
-  Be({ type: Le, children: Ye, icon: tt }), closeTimeout = setTimeout(() => {
-    closeNotification(Be);
-  }, DEFAULT_DURATION);
-}, closeNotification = (Be) => {
-  Be({ type: "closeNotification" });
-}, NotificationProvider = ({ children: Be, initialValue: Le }) => /* @__PURE__ */ jsxRuntimeExports.jsx(NotificationContext.Provider, { value: useReducer(reducer$1, Le), children: Be }), useNotifications = () => {
-  const [Be, Le] = useContext(NotificationContext);
-  return {
-    ...Be,
-    showNotification: useCallback(
-      showNotification(Le, "showNotification"),
-      []
-    ),
-    showPriorityNotification: useCallback(
-      showNotification(Le, "showPriorityNotification"),
-      []
-    ),
-    closeNotification: useCallback(
-      () => closeNotification(Le),
-      [Le]
-    )
-  };
-};
-function Portal({ children: Be }) {
-  const Le = useRef(null), [, Ye] = useState();
-  return useLayoutEffect(() => (Le.current = document.createElement("portal"), document.body.appendChild(Le.current), Ye({}), () => {
-    Le.current && document.body.removeChild(Le.current);
-  }), []), Le.current ? createPortal(Be, Le.current) : null;
-}
-function Notification({
-  center: Be = !1,
-  inline: Le = !0,
-  noPortal: Ye = !1,
-  isKiosk: tt = !1
-}) {
-  const [{ isOpen: nt, children: ft }] = useContext(NotificationContext);
-  return Ye ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    NotificationContainer,
-    {
-      className: cx("IncodeNotificationContainer", {
-        center: Be,
-        inline: Le,
-        desktop: mobile.isDesktop() || tt
-      }),
-      isOpen: nt,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        NotificationText,
-        {
-          role: "alert",
-          "aria-live": "assertive",
-          className: cx({
-            desktop: mobile.isDesktop() || tt,
-            surface: isSurface$1
-          }),
-          children: ft
-        }
-      )
-    }
-  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    NotificationContainer,
-    {
-      className: cx("IncodeNotificationContainer", {
-        center: Be,
-        inline: Le,
-        desktop: mobile.isDesktop() || tt
-      }),
-      isOpen: nt,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        NotificationText,
-        {
-          className: cx({
-            desktop: mobile.isDesktop() || tt
-          }),
-          role: "alert",
-          "aria-live": "assertive",
-          children: ft
-        }
-      )
-    }
-  ) });
-}
-const AppProvider = ({ children: Be }) => /* @__PURE__ */ jsxRuntimeExports.jsx(ot, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(I18nextProvider$1, { i18n, children: Be }) }), Container$f = dt.div`
-  height: calc(var(--vh) * 100);
-  width: 100vw;
-  min-height: 500px;
-  position: fixed;
-  top: 0;
-  left: 0;
-  min-height: 100%;
-  overflow: scroll;
-
-  &.is-desktop {
-    position: relative;
-  }
-
-  &.kiosk {
-    width: 100%;
-    height: 100%;
-    position: relative;
-  }
-
-  &.disable-full-screen {
-    position: relative;
-    height: 100%;
-  }
-
-  * {
-    box-sizing: border-box;
-  }
-
-  .hidden {
-    display: none;
-  }
-`, App$1 = ({
-  disableFullScreen: Be = !1,
-  isKiosk: Le = !1,
-  children: Ye,
-  token: tt,
-  style: nt,
-  disableUnsupportedBrowserScreen: ft = !1
-}) => {
-  const { isRotated: ht } = useOrientation(), { ready: gt } = useTranslation$1(), { shouldShow: At, onContinue: xt } = useBrowserNotSupported();
-  return useResize(), useEffect(() => {
-    tt && initialize(tt);
-  }, [tt]), gt ? options.redirectFromUnsupportedBrowsers && At && !ft ? /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserNotSupported, { onContinue: xt, token: tt }) : /* @__PURE__ */ jsxRuntimeExports.jsx(AppProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(NotificationProvider, { initialValue: { isOpen: !1 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Container$f,
-    {
-      className: cx("IncodeDefaultComponentContainer", {
-        "disable-full-screen": Be,
-        "is-desktop": mobile.isDesktop(),
-        kiosk: Le
-      }),
-      style: nt,
-      children: [
-        !!mobile.any() && !mobile.isIpad() && ht && /* @__PURE__ */ jsxRuntimeExports.jsx(LandscapeNotSupported, {}),
-        Ye
-      ]
-    }
-  ) }) }) : null;
-}, FaceFlow$1 = ({
+const FaceFlow$1 = ({
   onSuccess: Be,
   onError: Le,
   session: Ye,
@@ -202754,7 +202755,7 @@ function CaptureId$3({
             kiosk: !0
           }),
           children: !U0 && !Lr.isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Notification,
+            Notification$1,
             {
               inline: !0,
               center: !0,
@@ -202902,7 +202903,7 @@ function CaptureId$3({
         className: cx({
           surface: isSurface
         }),
-        children: !U0 && !Lr.isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(Notification, { inline: !0, center: !0, noPortal: !0 })
+        children: !U0 && !Lr.isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(Notification$1, { inline: !0, center: !0, noPortal: !0 })
       }
     ),
     !U0 && !Lr.isOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(NativeButton, { onClick: Fa, className: "IncodeNeedHelpButton", children: [
@@ -203153,7 +203154,7 @@ function CaptureId$3({
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "step__video-overlay" }),
-      !U0 && !Lr.isOpen && !A0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Notification, { inline: !1, center: !0 })
+      !U0 && !Lr.isOpen && !A0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Notification$1, { inline: !1, center: !0 })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("canvas", { id: "canvasFrame" })
   ] });
@@ -203701,15 +203702,23 @@ const ShowInstructions = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(IncodeProvider, { token: (Le = Be.session) == null ? void 0 : Le.token, uiConfig: Be.uiConfig, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CaptureFaceInside, { ...Be }) });
 };
 function renderCaptureFace(Be, { onSuccess: Le, onError: Ye, onCapture: tt, ...nt }) {
+  var ht;
   const ft = createRoot(Be);
   return customRender(
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      CaptureFace,
+      App$1,
       {
-        onSuccess: handleUnmountRoot(Le, ft, Be),
-        onError: handleUnmountRoot(Ye, ft, Be),
-        onCapture: tt ? handleUnmountRoot(tt, ft, Be) : void 0,
-        ...nt
+        token: (ht = nt.session) == null ? void 0 : ht.token,
+        disableUnsupportedBrowserScreen: nt.disableUnsupportedBrowserScreen,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CaptureFace,
+          {
+            onSuccess: handleUnmountRoot(Le, ft, Be),
+            onError: handleUnmountRoot(Ye, ft, Be),
+            onCapture: tt ? handleUnmountRoot(tt, ft, Be) : void 0,
+            ...nt
+          }
+        )
       }
     ),
     Be,
@@ -211405,7 +211414,7 @@ path {
     onContinue: _t,
     finishWithError: Gt
   }), X0 = async (O0) => {
-    It.isRecordingEnabled && await Ut(O0);
+    !Pt && It.isRecordingEnabled && await Ut(O0);
   };
   if (f0 === "offline")
     return /* @__PURE__ */ jsxRuntimeExports.jsx(NoInternetError, { isV2: !0 });
@@ -266502,15 +266511,23 @@ path {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(IncodeProvider, { token: (Le = Be.session) == null ? void 0 : Le.token, uiConfig: Be.uiConfig, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CaptureIdInside, { ...Be }) });
 };
 function renderCaptureId(Be, { onSuccess: Le, onError: Ye, onCapture: tt, ...nt }) {
+  var ht;
   const ft = createRoot$1(Be);
   return customRender(
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      CaptureId,
+      App$1,
       {
-        onSuccess: handleUnmountRoot(Le, ft, Be),
-        onError: handleUnmountRoot(Ye, ft, Be),
-        onCapture: tt ? handleUnmountRoot(tt, ft, Be) : void 0,
-        ...nt
+        token: (ht = nt.session) == null ? void 0 : ht.token,
+        disableUnsupportedBrowserScreen: nt.disableUnsupportedBrowserScreen,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CaptureId,
+          {
+            onSuccess: handleUnmountRoot(Le, ft, Be),
+            onError: handleUnmountRoot(Ye, ft, Be),
+            onCapture: tt ? handleUnmountRoot(tt, ft, Be) : void 0,
+            ...nt
+          }
+        )
       }
     ),
     Be,
@@ -312687,7 +312704,7 @@ function renderConference(Be, {
     onError: handleUnmountRoot(yt, vt, Be)
   };
   return customRender(
-    /* @__PURE__ */ jsxRuntimeExports.jsx(App$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(App$1, { token: Le, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConferenceApp,
       {
         token: Le,
@@ -368051,7 +368068,7 @@ function AdditionalId({
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("canvas", { id: "canvasFrame", hidden: !0 }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Notification,
+      Notification$1,
       {
         inline: !1,
         center: !0,
@@ -372852,7 +372869,7 @@ function renderVideoSelfie(Be, {
     onError: handleUnmountRoot(Tt, Dt, Be)
   };
   customRender(
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(App$1, { token: Le.token, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Recorder,
       {
         onBoarding: this,
@@ -372880,7 +372897,7 @@ function renderVideoSelfie(Be, {
         questionsCount: Et,
         useOpenVidu: Ct
       }
-    ),
+    ) }),
     Be,
     Dt
   );
@@ -381585,7 +381602,7 @@ function CameraPaperStatement({
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx("canvas", { id: "canvasFrame", hidden: !0 }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Notification,
+      Notification$1,
       {
         className: "IncodeCaptureDocumentNotification",
         inline: !1,