lab 3 task b

Code/azure.js

@@ -0,0 +1 @@
+export const KEY = "b24ba4a82dad46ba9ee9a88ebed807f1";

Code/dm.js

@@ -27,9 +27,11 @@ const grammar = {
   vasilis: {person: "Vasilis Daniilidis"},
   eva: {person:"Evaggelia Deligianni"},
   eleni: {person:"Eleni Dochtsi"},
+  minas: {person: "Minas Daskalakis"},
+  george: {person: "George Mariolos"},
   rasmus: { person: "Rasmus Blanck" },
   victoria: {person: "Victoria Daniilidou"},
-  george: {person: "George Daniilidis"},
+  //george: {person: "George Daniilidis"},
   ivan: {person:"Ivan Kostov"},
   monday: { day: "Monday" },
   tuesday: { day: "Tuesday" },
@@ -290,7 +292,7 @@ const dmMachine = setup({
             params: `Your appointment has been created.`,
           }],   
 
-          on: {SPEAK_COMPLETE: "#DM.Done"},
+          on: {SPEAK_COMPLETE: "#DM.Done"},     //LIsten nlu:value=true 
           },},},
           Done:{
             on:{

Code/dm3.js

@@ -0,0 +1,74 @@
+import { assign, createActor, setup } from "xstate";
+import { speechstate } from "speechstate";
+import { createBrowserInspector } from "@statelyai/inspect";
+import { KEY } from "./azure.js";
+
+const inspector = createBrowserInspector();
+
+const azureCredentials = {
+endpoint:
+    "https://northeurope.api.cognitive.microsoft.com/sts/v1.0/issuetoken",
+key: KEY,
+
+};
+
+const settings = {
+    azureCredentials: azureCredentials,
+    asrDefaultCompleteTimeout: 0,
+    asrDefaultNoInputTimeout: 5000,
+    locale: "en-US",
+    ttsDefaultVoice: "en-US-DavisNeural",
+    speechRecognitionEndpointId: "c28746b8-2cad-48aa-ada0-7aba121e1ede"
+
+};
+const dmMachine = setup({
+    actions: {
+    listen : ({context}) =>     
+    context.ssRef.send({
+        type: "LISTEN"
+    }),
+    },
+    }).createMachine({
+    context: {
+    count: 0,
+    },
+    id: "DM",
+    initial: "Prepare",
+    states: {
+    Prepare: {
+        entry: [
+        assign({
+            ssRef: ({ spawn }) => spawn(speechstate, { input: settings }),
+        }),
+        ({ context }) => context.ssRef.send({ type: "PREPARE" }),
+        ],
+        on: { ASRTTS_READY: "Listen" },
+    },
+
+    Listen: {
+            entry :  "listen",
+        on : {
+            RECOGNISED : {
+                actions : ({event}) => console.log(event.value[0].confidence)
+        }
+        }
+    }
+},
+});
+
+const dmActor = createActor(dmMachine, {
+    inspect: inspector.inspect,
+}).start();
+
+dmActor.subscribe((state) => {
+    console.log(state)
+});
+
+export function setupButton(element) {
+    element.addEventListener("click", () => {
+    dmActor.send({ type: "CLICK" });
+    });
+    dmActor.getSnapshot().context.ssRef.subscribe((snapshot) => {
+    element.innerHTML = `${snapshot.value.AsrTtsManager.Ready}`;
+    });
+}