central-auth-js-sdk 1.2.1 → 1.2.3

package/login.js

@@ -353,7 +353,7 @@ export function mountLogin(container, options = {}) {
   }
 
   return {
-    unmount() { cleanupTheme(); layout.root.remove(); },
+    unmount() { cleanupTheme(); layout.cleanup(); layout.root.remove(); },
     getState() { return state.getAll(); },
     getFlow() { return flow; },
     getCurrentStep() { return flow.getCurrentStep(); },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "central-auth-js-sdk",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "Vanilla JS sign-up and login flow SDK — embeddable auth UI with configurable methods",
   "type": "module",
   "main": "index.js",

package/signup.js

@@ -301,6 +301,7 @@ export function mount(container, options = {}) {
   return {
     unmount() {
       cleanupTheme();
+      layout.cleanup();
       layout.root.remove();
     },
     getState() {

package/styles.css

@@ -917,7 +917,7 @@
 .wf-camera-icon svg { width: 1.25rem; height: 1.25rem; color: var(--wf-primary); }
 .wf-camera-placeholder p { font-size: 0.8125rem; color: var(--wf-muted); margin-bottom: 0.75rem; }
 
-.wf-video, .wf-captured { width: 100%; height: 100%; object-fit: cover; }
+.wf-video, .wf-captured { width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); }
 
 .wf-face-overlay {
   position: absolute;

package/ui/layout.js

@@ -67,6 +67,14 @@ export function createLayout(container) {
   const loadingStatus = root.querySelector('#wf-loading-status');
 
   function setContent(el) {
+    const oldEl = formInner.firstElementChild;
+    if (oldEl && typeof oldEl.cleanup === 'function') {
+      try {
+        oldEl.cleanup();
+      } catch (e) {
+        console.error('[Central Auth SDK] Error during screen cleanup:', e);
+      }
+    }
     formInner.innerHTML = '';
     if (el) formInner.appendChild(el);
   }
@@ -116,12 +124,24 @@ export function createLayout(container) {
     }
   }
 
+  function cleanup() {
+    const oldEl = formInner.firstElementChild;
+    if (oldEl && typeof oldEl.cleanup === 'function') {
+      try {
+        oldEl.cleanup();
+      } catch (e) {
+        console.error('[Central Auth SDK] Error during screen cleanup:', e);
+      }
+    }
+  }
+
   return {
     root,
     setContent,
     updateProgress,
     showError,
     setLoading,
+    cleanup,
     renderContent: setContent,
   };
 }

package/ui/screens/face-registration.js

@@ -174,5 +174,13 @@ export function createFaceRegistrationScreen(onNext, onBack, api) {
   const usePhoneBtn = wrap.querySelector('[data-action="use-phone"]');
   if (usePhoneBtn) usePhoneBtn.addEventListener('click', () => showPhoneCapture(true));
 
+  wrap.cleanup = () => {
+    stopStream();
+    if (phoneCaptureRef) {
+      phoneCaptureRef.destroy();
+      phoneCaptureRef = null;
+    }
+  };
+
   return wrap;
 }

package/ui/screens/login/frs.js

@@ -183,5 +183,13 @@ export function createLoginFrsScreen(onNext, onBack, opts = {}) {
   const usePhoneBtn = wrap.querySelector('[data-action="use-phone"]');
   if (usePhoneBtn) usePhoneBtn.addEventListener('click', () => showPhoneCapture(true));
 
+  wrap.cleanup = () => {
+    stopStream();
+    if (phoneCaptureRef) {
+      phoneCaptureRef.destroy();
+      phoneCaptureRef = null;
+    }
+  };
+
   return wrap;
 }