@senguoyun/dsh-arkme 0.1.77 → 0.1.78

package/lib/client.js

@@ -560,7 +560,15 @@ window.__ModuleLoader__.load({
 					captcha
 				}, signal);
 			}
-			/** Verify a phone code and refresh the account auth/profile state. */
+			async checkPhoneUnbindEligibility(expectedUserId, signal) {
+				return await this.call("auth.phone.unbind.check", { expectedUserId }, signal);
+			}
+			async sendPhoneUnbindCode(captcha, signal) {
+				return await this.call("auth.phone.unbind.send", { captcha }, signal);
+			}
+			async unbindPhone(code, signal) {
+				return await this.call("auth.phone.unbind", { code: code.trim() }, signal);
+			}
 			async verifyPhoneCode(phone, code, signal) {
 				const normalized = phone.replace(/[\s-]/g, "");
 				const normalizedCode = code.trim();
@@ -33917,6 +33925,12 @@ TA 公开分享的内容|Publicly shared content
 微信号|WeChat
 绑定|Connect
 换绑|Change
+解/换绑|Disconnect / change
+解绑手机号|Disconnect phone number
+返回更换手机号|Back to changing phone number
+确认解绑|Confirm disconnect
+当前仅绑定了手机号，请先绑定其他登录方式|Link another sign-in method before unlinking your phone number.
+账号状态未确认，请重新打开账号设置|Account status could not be confirmed. Reopen account settings.
 绑定中…|Connecting…
 通用|General
 隐私与权限|Privacy & permissions
@@ -202678,7 +202692,7 @@ registerProcessor('arkme-pcm-journal', ArkmePcmJournal);
 		const c$3 = e$24;
 		//#endregion
 		//#region package.json
-		var version = "0.1.77";
+		var version = "0.1.78";
 		//#endregion
 		//#region src/client/profile-change-store.ts
 		let revision = 0;
@@ -227802,6 +227816,21 @@ button.arkme-account-info-row {
   cursor: default;
 }
 
+.arkme-account-dialog-actions button.arkme-phone-mode-action, body[data-ds-dark-theme] .arkme-account-dialog-actions button.arkme-phone-mode-action {
+  min-width: 0;
+  color: var(--dsw-alias-label-tertiary, #858992);
+  background: none;
+  border: 0;
+  margin-right: auto;
+  padding: 0;
+  font-size: 12px;
+}
+
+.arkme-account-dialog-actions button.arkme-phone-mode-action:hover:not(:disabled) {
+  color: var(--dsw-alias-label-primary, #343944);
+  text-decoration: underline;
+}
+
 .arkme-account-dialog-status {
   color: #13a85b;
   margin: 0;
@@ -235197,15 +235226,24 @@ body[data-ds-dark-theme] .arkme-member-label[data-tier="2"] {
 			});
 		}
 		function PhoneBindDialog({ config, profile, onClose, onUpdated }) {
+			const [unbind, setUnbind] = (0, react$1.useState)(false);
+			const busyRef = (0, react$1.useRef)(false);
+			const mountedRef = (0, react$1.useRef)(true);
+			(0, react$1.useEffect)(() => {
+				mountedRef.current = true;
+				return () => {
+					mountedRef.current = false;
+				};
+			}, []);
 			useArkmeLocale();
 			const [phone, setPhone] = (0, react$1.useState)("");
 			const [code, setCode] = (0, react$1.useState)("");
 			const [phoneBusy, setPhoneBusy] = (0, react$1.useState)(false);
 			const [status, setStatus] = (0, react$1.useState)("");
 			const [countdown, setCountdown] = (0, react$1.useState)(0);
-			const phoneValid = /^1[3-9][0-9]{9}$/.test(phone.replace(/[\s-]/g, ""));
+			const phoneValid = unbind || /^1[3-9][0-9]{9}$/.test(phone.replace(/[\s-]/g, ""));
 			const codeValid = /^[0-9]{6}$/.test(code.trim());
-			const actionLabel = profile.contact.phoneMasked === void 0 ? "绑定手机号" : "更换手机号";
+			const actionLabel = tr$1(unbind ? "解绑手机号" : profile.contact.phoneMasked === void 0 ? "绑定手机号" : "更换手机号");
 			(0, react$1.useEffect)(() => {
 				if (countdown <= 0) return;
 				const timer = window.setTimeout(() => {
@@ -235215,52 +235253,99 @@ body[data-ds-dark-theme] .arkme-member-label[data-tier="2"] {
 					window.clearTimeout(timer);
 				};
 			}, [countdown]);
+			const changePhoneMode = async () => {
+				if (busyRef.current) return;
+				if (unbind) {
+					setUnbind(false);
+					setCode("");
+					setStatus("");
+					setCountdown(0);
+					return;
+				}
+				busyRef.current = true;
+				setPhoneBusy(true);
+				setStatus("");
+				try {
+					const result = await callArkme("auth.phone.unbind.check", { expectedUserId: profile.userId });
+					if (!mountedRef.current) return;
+					if (result.allowed !== true) {
+						setStatus(result.allowed === false ? tr$1("当前仅绑定了手机号，请先绑定其他登录方式") : tr$1("账号状态未确认，请重新打开账号设置"));
+						return;
+					}
+					setUnbind(true);
+					setCode("");
+					setCountdown(0);
+				} catch (caught) {
+					if (mountedRef.current) setStatus(caught instanceof Error ? caught.message : String(caught));
+				} finally {
+					busyRef.current = false;
+					if (mountedRef.current) setPhoneBusy(false);
+				}
+			};
 			const sendCode = async () => {
+				if (busyRef.current || countdown > 0) return;
 				if (!phoneValid) {
 					setStatus("请输入正确的手机号");
 					return;
 				}
+				busyRef.current = true;
 				setPhoneBusy(true);
 				setStatus("");
 				try {
 					const captcha = await verifyPhoneCaptcha(config?.captchaId ?? "", phone);
-					await callArkme("auth.phone.send", {
+					await callArkme(unbind ? "auth.phone.unbind.send" : "auth.phone.send", unbind ? { captcha } : {
 						phone,
 						captcha
 					});
+					if (!mountedRef.current) return;
 					setCountdown(60);
 					setStatus("已发送验证码");
 				} catch (caught) {
+					if (!mountedRef.current) return;
 					setStatus(caught instanceof Error ? caught.message : String(caught));
 				} finally {
-					setPhoneBusy(false);
+					busyRef.current = false;
+					if (mountedRef.current) setPhoneBusy(false);
 				}
 			};
 			const verify = async (event) => {
 				event.preventDefault();
+				if (busyRef.current) return;
 				if (!phoneValid || !codeValid) {
 					setStatus("请输入正确的手机号和验证码");
 					return;
 				}
+				busyRef.current = true;
 				setPhoneBusy(true);
 				setStatus("");
 				try {
-					const auth = await callArkme("auth.phone.verify", {
+					const auth = await callArkme(unbind ? "auth.phone.unbind" : "auth.phone.verify", unbind ? { code } : {
 						phone,
 						code
 					});
+					if (!mountedRef.current) return;
 					arkmeAuthStore.setAuth(auth);
-					onUpdated(await callArkme("user.profile.refresh"), auth);
+					if (unbind && auth.status === "binding-required") {
+						onClose();
+						return;
+					}
+					const snapshot = await callArkme("user.profile.refresh");
+					if (!mountedRef.current) return;
+					onUpdated(snapshot, auth);
 					onClose();
 				} catch (caught) {
+					if (!mountedRef.current) return;
 					setStatus(caught instanceof Error ? caught.message : String(caught));
 				} finally {
-					setPhoneBusy(false);
+					busyRef.current = false;
+					if (mountedRef.current) setPhoneBusy(false);
 				}
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsDialog, {
 				title: actionLabel,
-				onClose,
+				onClose: () => {
+					if (!busyRef.current) onClose();
+				},
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 					className: "arkme-account-form",
 					onSubmit: (event) => {
@@ -235275,7 +235360,7 @@ body[data-ds-dark-theme] .arkme-member-label[data-tier="2"] {
 								profile.contact.phoneMasked
 							]
 						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tr$1("手机号") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						!unbind && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tr$1("手机号") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							value: phone,
 							autoFocus: true,
 							inputMode: "tel",
@@ -235311,21 +235396,35 @@ body[data-ds-dark-theme] .arkme-member-label[data-tier="2"] {
 						}) : null,
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "arkme-account-dialog-actions",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								"data-arkme-feedback": "neutral",
-								type: "button",
-								onClick: onClose,
-								children: tr$1("取消")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								"data-arkme-feedback": "primary",
-								type: "submit",
-								disabled: phoneBusy || !phoneValid || !codeValid,
-								children: [phoneBusy ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(s$14, {
-									className: "arkme-icon-spin",
-									size: 16,
-									"aria-hidden": true
-								}) : null, profile.contact.phoneMasked === void 0 ? tr$1("绑 定") : tr$1("更 换")]
-							})]
+							children: [
+								profile.contact.phoneMasked !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									"data-arkme-feedback": "neutral",
+									className: "arkme-phone-mode-action",
+									type: "button",
+									disabled: phoneBusy,
+									onClick: () => {
+										changePhoneMode();
+									},
+									children: tr$1(unbind ? "返回更换手机号" : "解绑手机号")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									"data-arkme-feedback": "neutral",
+									type: "button",
+									disabled: phoneBusy,
+									onClick: onClose,
+									children: tr$1("取消")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									"data-arkme-feedback": "primary",
+									type: "submit",
+									disabled: phoneBusy || !phoneValid || !codeValid,
+									children: [phoneBusy ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(s$14, {
+										className: "arkme-icon-spin",
+										size: 16,
+										"aria-hidden": true
+									}) : null, tr$1(unbind ? "确认解绑" : profile.contact.phoneMasked === void 0 ? "绑 定" : "更 换")]
+								})
+							]
 						})
 					]
 				})
@@ -235695,7 +235794,7 @@ body[data-ds-dark-theme] .arkme-member-label[data-tier="2"] {
 											icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(s$8, { size: 18 }),
 											title: tr$1("手机号"),
 											value: phoneMasked ?? tr$1("未绑定"),
-											action: tr$1(phoneMasked === void 0 ? "绑定" : "换绑"),
+											action: tr$1(phoneMasked === void 0 ? "绑定" : "解/换绑"),
 											disabled: profile === void 0,
 											onClick: profile !== void 0 ? () => {
 												setActiveAccountDialog("phone");