teamshare-bridge 0.26.24 → 0.26.25

package/dist/lib/browser/otp.js

@@ -18,57 +18,57 @@ exports.fillOtpGroup = fillOtpGroup;
  * and only submits when the widget did NOT auto-submit itself.
  */
 const cdp_1 = require("./cdp");
-const FILL_OTP_JS = `(() => {
-  const vis = (el) => {
-    if (!el) return false;
-    const r = el.getBoundingClientRect();
-    if (r.width === 0 || r.height === 0) return false;
-    const cs = getComputedStyle(el);
-    return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
-  };
-  const dialogSel = 'dialog[open],[role="dialog"],[aria-modal="true"],' +
-    '[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]';
-  const dialogs = [...document.querySelectorAll(dialogSel)].filter(vis);
-  const scope = dialogs.length ? dialogs[dialogs.length - 1] : document;
-  const inputs = [...scope.querySelectorAll('input')]
-    .filter(vis)
-    .filter((el) => !el.disabled && !el.readOnly && (el.type || '').toLowerCase() !== 'hidden');
-  const single = inputs.filter((el) => {
-    const ml = el.getAttribute('maxlength') ?? el.getAttribute('maxLength');
-    const n = ml === null || ml === undefined ? NaN : Number(ml);
-    return n === 1;
-  });
-  // A segmented OTP widget: at least 4 single-char inputs, or an explicit
-  // one-time-code input with siblings of the same shape.
-  let group = [];
-  if (single.length >= 4) {
-    // Keep the largest run of adjacent single-char inputs in DOM order.
-    group = single;
-  } else {
-    const otpish = inputs.filter((el) => {
-      const ac = (el.getAttribute('autocomplete') || '').toLowerCase();
-      if (ac === 'one-time-code') return true;
-      const hint = [el.getAttribute('name'), el.id, el.getAttribute('aria-label')].filter(Boolean).join(' ');
-      return /otp|one[- ]?time|verif|code/i.test(hint);
-    });
-    if (otpish.length >= 4) group = otpish;
-    else if (otpish.length === 1 && single.length >= 2) group = [otpish[0], ...single.filter((el) => el !== otpish[0])];
-  }
-  if (group.length < 4) return null;
-  // Sort by on-screen position (top then left) so auto-advance order is right.
-  group = group.slice().sort((a, b) => {
-    const ra = a.getBoundingClientRect();
-    const rb = b.getBoundingClientRect();
-    if (Math.abs(ra.y - rb.y) > ra.height / 2) return ra.y - rb.y;
-    return ra.x - rb.x;
-  });
-  group.forEach((el, i) => el.setAttribute('data-ts-otp', String(i)));
-  return {
-    length: group.length,
-    tags: group.map((el) => String(el.tagName || '').toLowerCase()),
-    modal: scope !== document,
-    values: group.map((el) => typeof el.value === 'string' ? el.value : ''),
-  };
+const FILL_OTP_JS = `(() => {
+  const vis = (el) => {
+    if (!el) return false;
+    const r = el.getBoundingClientRect();
+    if (r.width === 0 || r.height === 0) return false;
+    const cs = getComputedStyle(el);
+    return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
+  };
+  const dialogSel = 'dialog[open],[role="dialog"],[aria-modal="true"],' +
+    '[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]';
+  const dialogs = [...document.querySelectorAll(dialogSel)].filter(vis);
+  const scope = dialogs.length ? dialogs[dialogs.length - 1] : document;
+  const inputs = [...scope.querySelectorAll('input')]
+    .filter(vis)
+    .filter((el) => !el.disabled && !el.readOnly && (el.type || '').toLowerCase() !== 'hidden');
+  const single = inputs.filter((el) => {
+    const ml = el.getAttribute('maxlength') ?? el.getAttribute('maxLength');
+    const n = ml === null || ml === undefined ? NaN : Number(ml);
+    return n === 1;
+  });
+  // A segmented OTP widget: at least 4 single-char inputs, or an explicit
+  // one-time-code input with siblings of the same shape.
+  let group = [];
+  if (single.length >= 4) {
+    // Keep the largest run of adjacent single-char inputs in DOM order.
+    group = single;
+  } else {
+    const otpish = inputs.filter((el) => {
+      const ac = (el.getAttribute('autocomplete') || '').toLowerCase();
+      if (ac === 'one-time-code') return true;
+      const hint = [el.getAttribute('name'), el.id, el.getAttribute('aria-label')].filter(Boolean).join(' ');
+      return /otp|one[- ]?time|verif|code/i.test(hint);
+    });
+    if (otpish.length >= 4) group = otpish;
+    else if (otpish.length === 1 && single.length >= 2) group = [otpish[0], ...single.filter((el) => el !== otpish[0])];
+  }
+  if (group.length < 4) return null;
+  // Sort by on-screen position (top then left) so auto-advance order is right.
+  group = group.slice().sort((a, b) => {
+    const ra = a.getBoundingClientRect();
+    const rb = b.getBoundingClientRect();
+    if (Math.abs(ra.y - rb.y) > ra.height / 2) return ra.y - rb.y;
+    return ra.x - rb.x;
+  });
+  group.forEach((el, i) => el.setAttribute('data-ts-otp', String(i)));
+  return {
+    length: group.length,
+    tags: group.map((el) => String(el.tagName || '').toLowerCase()),
+    modal: scope !== document,
+    values: group.map((el) => typeof el.value === 'string' ? el.value : ''),
+  };
 })()`;
 async function detectOtpGroup(page) {
     try {
@@ -153,15 +153,15 @@ async function typeOtpDigit(page, digit) {
 }
 async function visibleOtpError(page) {
     try {
-        const v = await (0, cdp_1.evaluateJs)(page, `(() => {
-        const sel = '[role="alert"],.error,.text-red-500,.text-destructive,[class*="error" i]';
-        const els = [...document.querySelectorAll(sel)].filter((el) => {
-          const r = el.getBoundingClientRect();
-          if (r.width === 0 || r.height === 0) return false;
-          const t = (el.innerText || '').trim();
-          return t.length > 0 && t.length < 300;
-        });
-        return els.length ? els[0].innerText.trim().slice(0, 300) : null;
+        const v = await (0, cdp_1.evaluateJs)(page, `(() => {
+        const sel = '[role="alert"],.error,.text-red-500,.text-destructive,[class*="error" i]';
+        const els = [...document.querySelectorAll(sel)].filter((el) => {
+          const r = el.getBoundingClientRect();
+          if (r.width === 0 || r.height === 0) return false;
+          const t = (el.innerText || '').trim();
+          return t.length > 0 && t.length < 300;
+        });
+        return els.length ? els[0].innerText.trim().slice(0, 300) : null;
       })()`);
         return typeof v === 'string' && v ? v : null;
     }
@@ -171,18 +171,18 @@ async function visibleOtpError(page) {
 }
 async function clickOtpSubmit(page) {
     try {
-        const clicked = await (0, cdp_1.evaluateJs)(page, `(() => {
-        const scope = document;
-        const btns = [...scope.querySelectorAll('button,input[type="submit"],[role="button"]')].filter((el) => {
-          const r = el.getBoundingClientRect();
-          if (r.width === 0 || r.height === 0) return false;
-          if (el.disabled) return false;
-          const t = ((el.innerText || el.textContent || el.value || '')).trim();
-          return /verify|confirm|continue|submit|next/i.test(t);
-        });
-        if (!btns.length) return false;
-        btns[0].click();
-        return true;
+        const clicked = await (0, cdp_1.evaluateJs)(page, `(() => {
+        const scope = document;
+        const btns = [...scope.querySelectorAll('button,input[type="submit"],[role="button"]')].filter((el) => {
+          const r = el.getBoundingClientRect();
+          if (r.width === 0 || r.height === 0) return false;
+          if (el.disabled) return false;
+          const t = ((el.innerText || el.textContent || el.value || '')).trim();
+          return /verify|confirm|continue|submit|next/i.test(t);
+        });
+        if (!btns.length) return false;
+        btns[0].click();
+        return true;
       })()`);
         return clicked === true;
     }