Use unique contact identifiers for KOC claims

koc-portal/app/page.tsx

@@ -291,7 +291,7 @@ export default function Home() {
         body: JSON.stringify({
           action: "claim",
           taskToken,
-          claimantName,
+          claimantIdentifier: claimantName,
           quantity,
         }),
       });
@@ -335,7 +335,7 @@ export default function Home() {
         body: JSON.stringify({
           action: "recover",
           taskToken,
-          claimantName,
+          claimantIdentifier: claimantName,
         }),
       });
       const result = (await response.json()) as {
@@ -1222,7 +1222,7 @@ export default function Home() {
         </section>
         <div className="safe-tip">
           {isClaimOwner
-            ? "以后再次打开原任务链接，填写相同企微昵称即可找回全部领取批次和分享记录。"
+            ? "以后再次打开原任务链接，填写相同微信号或手机号即可找回全部领取批次和分享记录。"
             : "请保存当前分享链接；发布后仍需通过此链接回填第7天截图、曝光量和阅读量。"}
         </div>
         {toast && <div className="toast">{toast}</div>}
@@ -1276,11 +1276,15 @@ export default function Home() {
                 <h2>你要领取多少篇？</h2>
               </div>
               <label>
-                <span>企微昵称 / 联系人</span>
+                <span>微信号 / 手机号</span>
                 <input
                   value={claimantName}
                   onChange={(event) => setClaimantName(event.target.value)}
-                  placeholder="用于找回你的领取记录"
+                  placeholder="请输入微信号或手机号"
+                  autoCapitalize="none"
+                  autoCorrect="off"
+                  spellCheck={false}
+                  maxLength={64}
                   required
                 />
               </label>
@@ -1314,15 +1318,19 @@ export default function Home() {
                 <p className="micro">找回历史记录</p>
                 <h2>继续之前领取的笔记</h2>
                 <p className="recover-intro">
-                  输入领取时使用的企微昵称；同一任务多次领取会分批展示。
+                  输入领取时使用的微信号或手机号；同一任务多次领取会分批展示。
                 </p>
               </div>
               <label>
-                <span>领取时的企微昵称 / 联系人</span>
+                <span>领取时的微信号 / 手机号</span>
                 <input
                   value={claimantName}
                   onChange={(event) => setClaimantName(event.target.value)}
                   placeholder="需与领取时完全一致"
+                  autoCapitalize="none"
+                  autoCorrect="off"
+                  spellCheck={false}
+                  maxLength={64}
                   required
                 />
               </label>