flowlink-auth 2.8.0 → 2.8.2

package/dist/SignUp.js

@@ -22,15 +22,24 @@ function SignUp({ agency = { name: "MyApp", logo: "" } }) {
   const toastId = useRef(0);
   const [toasts, setToasts] = useState([]);
   useEffect(() => {
+    const meta = document.createElement("meta");
+    meta.name = "viewport";
+    meta.content = "width=device-width, initial-scale=1, maximum-scale=1";
+    document.head.appendChild(meta);
     return () => {
       if (redirectTimer.current) clearTimeout(redirectTimer.current);
-      toasts.forEach((t) => clearTimeout(t._timer));
+      const existing = document.querySelector('meta[name="viewport"]');
+      if (existing && existing.content === meta.content) {
+        document.head.removeChild(existing);
+      }
+      toasts.forEach((t) => {
+        if (t._timer) clearTimeout(t._timer);
+      });
     };
   }, []);
   function showToast(type, message, ms = 5e3) {
     const id = ++toastId.current;
-    const created = Date.now();
-    const t = { id, type, message, created, _timer: null };
+    const t = { id, type, message, _timer: null };
     setToasts((prev) => {
       const next = [t, ...prev].slice(0, 6);
       return next;
@@ -43,7 +52,7 @@ function SignUp({ agency = { name: "MyApp", logo: "" } }) {
   function removeToast(id) {
     setToasts((prev) => {
       prev.forEach((t) => {
-        if (t.id === id) clearTimeout(t._timer);
+        if (t.id === id && t._timer) clearTimeout(t._timer);
       });
       return prev.filter((x) => x.id !== id);
     });
@@ -142,7 +151,7 @@ function SignUp({ agency = { name: "MyApp", logo: "" } }) {
     if (e && typeof e.preventDefault === "function") e.preventDefault();
     startOAuthFlow("github");
   };
-  return /* @__PURE__ */ React.createElement("div", { style: overlay }, /* @__PURE__ */ React.createElement("div", { style: toastContainer }, toasts.map((t) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { style: overlay }, /* @__PURE__ */ React.createElement("div", { style: toastContainer, "aria-live": "polite", "aria-atomic": "true" }, toasts.map((t) => /* @__PURE__ */ React.createElement(
     "div",
     {
       key: t.id,
@@ -153,7 +162,7 @@ function SignUp({ agency = { name: "MyApp", logo: "" } }) {
         ...t.type === "error" ? toastError : t.type === "success" ? toastSuccess : toastInfo
       },
       onMouseEnter: () => {
-        clearTimeout(t._timer);
+        if (t._timer) clearTimeout(t._timer);
       },
       onMouseLeave: () => {
         const timer = setTimeout(() => removeToast(t.id), 3e3);
@@ -233,34 +242,36 @@ function SignUp({ agency = { name: "MyApp", logo: "" } }) {
 const overlay = {
   position: "fixed",
   inset: 0,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
+  display: "block",
+  // page scroll model
   padding: 20,
   background: "linear-gradient(180deg, rgba(2,6,23,0.22), rgba(2,6,23,0.32))",
   backdropFilter: "blur(6px)",
+  overflowY: "auto",
+  WebkitOverflowScrolling: "touch",
   minHeight: "100vh",
   zIndex: 9999
 };
 const modal = {
   width: "100%",
-  maxWidth: 560,
+  maxWidth: 460,
+  // reduced width per request
+  margin: "40px auto",
   borderRadius: 14,
   background: "linear-gradient(180deg, rgba(15,19,24,0.6), rgba(10,12,16,0.6))",
-  // translucent neutral so background peeks through
   border: "1px solid rgba(99,102,106,0.12)",
-  // slightly stronger neutral border
   boxShadow: "0 20px 50px rgba(2,6,23,0.55), inset 0 1px 0 rgba(255,255,255,0.02)",
   overflow: "hidden",
   display: "flex",
   flexDirection: "column",
-  transform: "translateY(-6px)"
+  maxHeight: "calc(100vh - 80px)"
 };
 const modalInner = {
   padding: 18,
   display: "flex",
   flexDirection: "column",
-  gap: 12
+  gap: 12,
+  overflowY: "auto"
 };
 const header = {
   paddingBottom: 6,