@akropolys/kiku 1.5.15 → 1.5.18

package/dist/index.mjs

@@ -1507,6 +1507,18 @@ var getFriendlyError = (err) => {
     return str;
   }
 };
+var MK_ADJ = ["flying", "silent", "golden", "lucky", "brave", "swift", "royal", "cosmic"];
+var MK_NOUN = ["thunder", "falcon", "river", "ember", "tiger", "comet", "willow", "onyx"];
+function generateMagicWord() {
+  return MK_ADJ[Math.floor(Math.random() * MK_ADJ.length)] + MK_NOUN[Math.floor(Math.random() * MK_NOUN.length)];
+}
+function parseMemoryKey(raw) {
+  const cleaned = raw.trim().replace(/\s+/g, "");
+  const m = cleaned.match(/^(\d{6,})([a-zA-Z].*)?$/);
+  const phone = m?.[1] || cleaned.replace(/\D/g, "");
+  const word = (m?.[2] || "").toLowerCase() || generateMagicWord();
+  return { phone, word };
+}
 function parseThinking(text) {
   const openMatch = text.match(/<\s*thinking\s*>/i);
   if (!openMatch) {
@@ -1648,17 +1660,34 @@ function ChatModal({
     const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
     const recognition = new SR();
     recognition.lang = "en-US";
-    recognition.interimResults = false;
+    recognition.interimResults = true;
     recognition.maxAlternatives = 1;
     recognitionRef.current = recognition;
     recognition.onstart = () => setVoiceState("listening");
     recognition.onresult = (event) => {
-      const transcript = event.results[0][0].transcript;
-      setInput(transcript);
-      pendingVoiceRef.current = transcript;
-      setVoiceState("processing");
+      let finalText = "";
+      let interimText = "";
+      for (let i = 0; i < event.results.length; i++) {
+        const seg = event.results[i][0].transcript;
+        if (event.results[i].isFinal) finalText += seg;
+        else interimText += seg;
+      }
+      const live = (finalText + " " + interimText).trim();
+      if (live) setInput(live);
+      if (finalText.trim()) {
+        pendingVoiceRef.current = finalText.trim();
+        setVoiceState("processing");
+      }
+    };
+    recognition.onerror = (event) => {
+      const err = event?.error;
+      if (err === "not-allowed" || err === "service-not-allowed") {
+        setInput("Microphone access was blocked \u2014 enable it in your browser to use voice.");
+      } else if (err === "no-speech") {
+        setInput("Didn't catch that \u2014 tap the mic and try again.");
+      }
+      setVoiceState("idle");
     };
-    recognition.onerror = () => setVoiceState("idle");
     recognition.onend = () => {
       setVoiceState((prev) => prev === "listening" ? "idle" : prev);
     };
@@ -1686,6 +1715,7 @@ function ChatModal({
   });
   const [merchantRef, setMerchantRef] = useState5(null);
   const [paymentPhase, setPaymentPhase] = useState5("idle");
+  const [memoryKey, setMemoryKey] = useState5(null);
   const [sessions, setSessions] = useState5(() => loadSessions());
   const [sidebarOpen, setSidebarOpen] = useState5(false);
   const [replayMessages, setReplayMessages] = useState5(null);
@@ -1721,26 +1751,14 @@ function ChatModal({
   } : void 0;
   const handlePhoneSubmit = async () => {
     if (!phoneInput.trim()) return;
-    try {
-      if (typeof window !== "undefined") {
-        localStorage.setItem("akropolys_user_phone", phoneInput.trim());
-      }
-      const isHistoryIntent = lastIntent === "capture" || lastIntent === "delete" || lastIntent === "view_history";
-      if (isHistoryIntent) {
-        setPaymentPhase("idle");
-        const lastUserMsg = [...messages].reverse().find((m) => m.role === "user");
-        if (lastUserMsg) {
-          await send(lastUserMsg.content);
-        }
-        return;
-      }
-      const res = await client.api.initiatePayment(phoneInput.trim());
-      setMerchantRef(res.merchantReference);
-      setPaymentPhase("awaiting");
-    } catch (e) {
-      console.error("[Akropolys] initiatePayment error", e);
-      setPaymentPhase("failed");
-    }
+    const { phone, word } = parseMemoryKey(phoneInput);
+    if (!phone) return;
+    if (typeof window !== "undefined") localStorage.setItem("akropolys_user_phone", phone);
+    client.setShopperIdentity(phone, word);
+    setMemoryKey(phone + word);
+    setPaymentPhase("idle");
+    const lastUserMsg = [...messages].reverse().find((m) => m.role === "user");
+    if (lastUserMsg) await send(lastUserMsg.content);
   };
   const msgsContainerRef = useRef5(null);
   useEffect3(() => {
@@ -2029,31 +2047,41 @@ function ChatModal({
               ] })
             ] }),
             error && /* @__PURE__ */ jsx7("div", { className: "hsk-cb-error", children: getFriendlyError(error) }),
-            !replayMessages && paymentPhase === "prompt_phone" && (() => {
-              const isHistoryIntent = lastIntent === "capture" || lastIntent === "delete" || lastIntent === "view_history";
-              if (isHistoryIntent) {
-                return null;
-              }
-              return /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-ai-msg", children: [
-                /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-icon", style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx7(SparkleIcon2, {}) }),
-                /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-body", children: /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-text", children: /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-phone-form", children: [
-                  /* @__PURE__ */ jsx7("label", { className: "hsk-cb-phone-label", children: "Enter your M-Pesa number to pay" }),
-                  /* @__PURE__ */ jsx7(
-                    "input",
-                    {
-                      type: "tel",
-                      className: "hsk-cb-phone-input",
-                      placeholder: "0712 345 678",
-                      value: phoneInput,
-                      onChange: (e) => setPhoneInput(e.target.value.replace(/\D/g, "")),
-                      onKeyDown: (e) => e.key === "Enter" && handlePhoneSubmit(),
-                      autoFocus: true
+            !replayMessages && paymentPhase === "prompt_phone" && /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-ai-msg", children: [
+              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-icon", style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx7(SparkleIcon2, {}) }),
+              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-body", children: /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-text", children: /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-phone-form", children: [
+                /* @__PURE__ */ jsx7("label", { className: "hsk-cb-phone-label", children: "Your phone number \u2014 or paste your memory key" }),
+                /* @__PURE__ */ jsx7(
+                  "input",
+                  {
+                    type: "text",
+                    className: "hsk-cb-phone-input",
+                    placeholder: "0712345678  or  0712345678flyingthunder",
+                    value: phoneInput,
+                    onChange: (e) => setPhoneInput(e.target.value.replace(/[^0-9a-zA-Z]/g, "")),
+                    onKeyDown: (e) => e.key === "Enter" && handlePhoneSubmit(),
+                    autoFocus: true
+                  }
+                ),
+                /* @__PURE__ */ jsx7("button", { className: "hsk-cb-phone-submit", onClick: handlePhoneSubmit, children: "Save & sync my items" })
+              ] }) }) })
+            ] }),
+            !replayMessages && memoryKey && /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-ai-msg", children: [
+              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-icon", style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx7(SparkleIcon2, {}) }),
+              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-body", children: /* @__PURE__ */ jsx7("div", { className: "hsk-cb-ai-text", children: /* @__PURE__ */ jsxs6("div", { style: { padding: "10px 12px", border: "1px solid var(--hsk-border, #e5e5e5)", borderRadius: 8 }, children: [
+                /* @__PURE__ */ jsx7("div", { style: { fontSize: 12, fontWeight: 600, marginBottom: 4 }, children: "\u{1F511} Your memory key" }),
+                /* @__PURE__ */ jsx7("code", { style: { display: "block", fontSize: 14, fontWeight: 700, marginBottom: 6, wordBreak: "break-all" }, children: memoryKey }),
+                /* @__PURE__ */ jsxs6("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+                  /* @__PURE__ */ jsx7("button", { className: "hsk-cb-phone-submit", style: { padding: "4px 10px" }, onClick: () => {
+                    try {
+                      navigator.clipboard?.writeText(memoryKey);
+                    } catch {
                     }
-                  ),
-                  /* @__PURE__ */ jsx7("button", { className: "hsk-cb-phone-submit", onClick: handlePhoneSubmit, children: "Send STK push" })
-                ] }) }) })
-              ] });
-            })(),
+                  }, children: "Copy" }),
+                  /* @__PURE__ */ jsx7("span", { style: { fontSize: 11, opacity: 0.7 }, children: "Save it \u2014 enter it on any site to get your items back." })
+                ] })
+              ] }) }) })
+            ] }),
             !replayMessages && paymentPhase === "awaiting" && /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-payment-prompt hsk-cb-payment-prompt--awaiting", children: [
               /* @__PURE__ */ jsx7("div", { className: "hsk-cb-payment-pulse-ring" }),
               /* @__PURE__ */ jsx7("div", { className: "hsk-cb-payment-icon-wrap", children: /* @__PURE__ */ jsx7("span", { style: { fontSize: "2rem" }, children: "\u{1F4F1}" }) }),
@@ -2150,7 +2178,7 @@ function ChatModal({
                   value: input,
                   onChange: handleInput,
                   onKeyDown: handleKeyDown,
-                  placeholder: activePlaceholder,
+                  placeholder: voiceState === "listening" ? "\u{1F399}\uFE0F Listening\u2026 tap the mic to stop" : voiceState === "processing" ? "Got it \u2014 sending\u2026" : activePlaceholder,
                   rows: 1,
                   disabled: loading,
                   autoFocus: true