@axiom-lattice/react-sdk 2.1.92 → 2.1.93

package/dist/index.js

@@ -30908,25 +30908,30 @@ var PersonalAssistantChannelModal = ({
   const [qrLoading, setQrLoading] = (0, import_react101.useState)(false);
   const [qrCodeUrl, setQrCodeUrl] = (0, import_react101.useState)(null);
   const [qrStatus, setQrStatus] = (0, import_react101.useState)("idle");
+  const [qrCountdown, setQrCountdown] = (0, import_react101.useState)(0);
   const qrCodeRef = (0, import_react101.useRef)(null);
-  const qrPollRef = (0, import_react101.useRef)(null);
-  const clearQrPoll = (0, import_react101.useCallback)(() => {
-    if (qrPollRef.current) {
-      clearInterval(qrPollRef.current);
-      qrPollRef.current = null;
+  const qrCountdownRef = (0, import_react101.useRef)(null);
+  const clearQrCountdown = (0, import_react101.useCallback)(() => {
+    if (qrCountdownRef.current) {
+      clearInterval(qrCountdownRef.current);
+      qrCountdownRef.current = null;
     }
   }, []);
   const resetQrState = (0, import_react101.useCallback)(() => {
-    clearQrPoll();
+    clearQrCountdown();
     setQrLoading(false);
     setQrCodeUrl(null);
     setQrStatus("idle");
+    setQrCountdown(0);
     qrCodeRef.current = null;
-  }, [clearQrPoll]);
+  }, [clearQrCountdown]);
+  const QR_EXPIRY_SECONDS = 300;
   const fetchQrCode = (0, import_react101.useCallback)(async () => {
     setQrLoading(true);
     setQrStatus("loading");
     setQrCodeUrl(null);
+    clearQrCountdown();
+    setQrCountdown(0);
     try {
       const res = await get(
         "/api/channels/wechat/setup/qrcode"
@@ -30935,32 +30940,17 @@ var PersonalAssistantChannelModal = ({
         qrCodeRef.current = res.data.qrcode;
         setQrCodeUrl(res.data.qrcodeImgUrl);
         setQrStatus("wait");
-        clearQrPoll();
-        qrPollRef.current = setInterval(async () => {
-          try {
-            const statusRes = await get(`/api/channels/wechat/setup/status?qrcode=${encodeURIComponent(qrCodeRef.current)}`);
-            if (statusRes.success && statusRes.data) {
-              const s = statusRes.data.status;
-              if (s === "confirmed" && statusRes.data.botToken) {
-                setQrStatus("confirmed");
-                clearQrPoll();
-                form.setFieldsValue({
-                  botToken: statusRes.data.botToken,
-                  uin: statusRes.data.uin
-                });
-                import_antd90.message.success("WeChat login confirmed!");
-              } else if (s === "expired") {
-                setQrStatus("expired");
-                clearQrPoll();
-              } else if (s === "scaned") {
-                setQrStatus("scaned");
-              } else if (s === "wait") {
-                setQrStatus("wait");
-              }
+        setQrCountdown(QR_EXPIRY_SECONDS);
+        qrCountdownRef.current = setInterval(() => {
+          setQrCountdown((prev) => {
+            if (prev <= 1) {
+              clearQrCountdown();
+              setQrStatus("expired");
+              return 0;
             }
-          } catch {
-          }
-        }, 2e3);
+            return prev - 1;
+          });
+        }, 1e3);
       } else {
         setQrStatus("error");
         import_antd90.message.error("Failed to get QR code");
@@ -30971,10 +30961,36 @@ var PersonalAssistantChannelModal = ({
     } finally {
       setQrLoading(false);
     }
-  }, [get, clearQrPoll, form]);
+  }, [get, clearQrCountdown]);
+  const checkQrStatus = (0, import_react101.useCallback)(async () => {
+    if (!qrCodeRef.current) return;
+    try {
+      const statusRes = await get(`/api/channels/wechat/setup/status?qrcode=${encodeURIComponent(qrCodeRef.current)}`);
+      if (statusRes.success && statusRes.data) {
+        const s = statusRes.data.status;
+        if (s === "confirmed" && statusRes.data.botToken) {
+          setQrStatus("confirmed");
+          clearQrCountdown();
+          form.setFieldsValue({
+            botToken: statusRes.data.botToken,
+            uin: statusRes.data.uin
+          });
+          import_antd90.message.success("WeChat login confirmed!");
+        } else if (s === "expired") {
+          setQrStatus("expired");
+          clearQrCountdown();
+          setQrCountdown(0);
+        } else if (s === "scaned") {
+          setQrStatus("scaned");
+        }
+      }
+    } catch {
+      import_antd90.message.error("Failed to check QR status");
+    }
+  }, [get, clearQrCountdown, form]);
   (0, import_react101.useEffect)(() => {
     return () => {
-      if (qrPollRef.current) clearInterval(qrPollRef.current);
+      if (qrCountdownRef.current) clearInterval(qrCountdownRef.current);
     };
   }, []);
   const loadInstallations = (0, import_react101.useCallback)(async () => {
@@ -31352,7 +31368,7 @@ var PersonalAssistantChannelModal = ({
                   /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_antd90.Spin, {}),
                   /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text48, { type: "secondary", style: { display: "block", marginTop: 8, fontSize: 12 }, children: "Generating QR code..." })
                 ] }),
-                (qrStatus === "wait" || qrStatus === "scaned") && qrCodeUrl && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { children: [
+                (qrStatus === "wait" || qrStatus === "scaned") && qrCodeUrl && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_antd90.QRCode, { value: qrCodeUrl, size: 180 }),
                   /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                     Text48,
@@ -31367,7 +31383,16 @@ var PersonalAssistantChannelModal = ({
                       children: qrStatus === "scaned" ? "Scanned! Confirm on your phone..." : "Scan with WeChat"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text48, { type: "secondary", style: { fontSize: 11, marginTop: 4, display: "block" }, children: "QR expires in 5 minutes" })
+                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text48, { type: "secondary", style: { fontSize: 11, marginTop: 4, display: "block" }, children: qrCountdown > 0 ? `Expires in ${Math.floor(qrCountdown / 60)}:${String(qrCountdown % 60).padStart(2, "0")}` : "QR code expired" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+                    import_antd90.Button,
+                    {
+                      size: "small",
+                      style: { marginTop: 8 },
+                      onClick: checkQrStatus,
+                      children: "Refresh Status"
+                    }
+                  )
                 ] }),
                 qrStatus === "confirmed" && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { style: { padding: "12px 0" }, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text48, { strong: true, style: { fontSize: 14, color: "var(--color-success, #22c55e)", display: "block" }, children: "Login confirmed!" }),