@genpact/genome.mfe.mgtwin-app 1.1.82 → 1.1.83

package/dist/AssessmentAMA-9be0b589.mjs

@@ -0,0 +1,351 @@
+import { _ as U, a as V, L as B } from "./LoadingSimulation-76664f39.mjs";
+import { _ as H, Q as M, a as z } from "./Modal-2cffa816.mjs";
+import { d as y, r as d, H as R, o as c, c as u, a as s, u as k, y as L, t as S, G, p as N, g as E, C as Q, z as D, h as x, F as O, e as Z, f as I, b as v, k as F, w as K, m as W, L as Y, q as P, s as J, l as X } from "./main-edcc4839.mjs";
+import { _ as $ } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { p as ee, g as se } from "./api-80b5293d.mjs";
+import "./loadernew-ac153a51.mjs";
+const te = { class: "flex h-14 w-full flex-1 items-center justify-between bg-[#021c42] md:pr-6 lg:pr-6" }, ae = ["href"], oe = /* @__PURE__ */ s("img", {
+  class: "h-11 w-auto cursor-pointer",
+  src: U,
+  alt: "Genome Logo"
+}, null, -1), ne = [
+  oe
+], re = ["href"], le = /* @__PURE__ */ s("img", {
+  class: "h-9 w-28 cursor-pointer md:w-36",
+  src: H,
+  alt: "Aiguru Logo"
+}, null, -1), ie = [
+  le
+], ce = /* @__PURE__ */ y({
+  __name: "headerAMA",
+  setup(n) {
+    const e = d(""), o = d("");
+    return R === "prod" ? e.value = "https://genome.genpact.com" : e.value = "https://genome-dev.genpact.com", R === "prod" ? o.value = "https://genome.genpact.com/#aiguru" : o.value = "https://genome-dev.genpact.com/#aiguru", (l, p) => (c(), u("nav", te, [
+      s("a", {
+        class: "px-2 md:px-0 lg:px-0",
+        href: e.value,
+        target: "_blank"
+      }, ne, 8, ae),
+      s("a", {
+        class: "px-2 md:px-0 lg:px-0",
+        href: o.value,
+        target: "_blank"
+      }, ie, 8, re)
+    ]));
+  }
+}), de = { class: "flex items-end justify-start" }, ue = { class: "fontFormattingAMA w-full bg-gray-100 rounded-lg" }, _e = { class: "w-full rounded-md px-3 py-2 text-lg text-black md:text-xl" }, pe = ["innerHTML"], me = /* @__PURE__ */ s("br", null, null, -1), he = /* @__PURE__ */ y({
+  __name: "greetingsAMA",
+  setup(n) {
+    const e = k(), o = ` Hi ${e.learnerName || "Learner"}! 👋`, l = L(() => o);
+    return L(() => `I'm here and ready to help! What would you like to know about <span class='font-[600]'>${e.amaSkillName || "Skill"}</span>? <br/> Ask me to explain concepts, provide examples, or clarify anything that seems confusing.`), (p, m) => (c(), u("section", null, [
+      s("div", de, [
+        s("div", ue, [
+          s("div", _e, [
+            s("div", { innerHTML: l.value }, null, 8, pe)
+          ])
+        ])
+      ]),
+      me
+    ]));
+  }
+}), fe = { class: "fontFormattingAMA flex items-end justify-start py-2" }, ge = { class: "line-break w-full bg-gray-100 p-3 text-[0.8125rem] md:text-[0.9375rem] text-black rounded-lg" }, ve = ["innerHTML"], xe = /* @__PURE__ */ y({
+  __name: "responseAMA",
+  props: {
+    answer: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(n) {
+    const e = n, o = L(() => {
+      const l = e.answer.replace(/[*#]/g, "").replace(
+        /Assessment Rating & Feedback/g,
+        '<div style="font-size: 26px; font-weight: bold; text-decoration: underline;">Rating & Feedback</div>'
+      ), p = /\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g;
+      return l.replace(p, (m, r, t) => `<a href="${t}" target="_blank" rel="noopener noreferrer" style="color: blue; text-decoration: underline;">${r}</a>`);
+    });
+    return (l, p) => (c(), u("div", fe, [
+      s("div", ge, [
+        s("span", {
+          class: "fontFormattingAMA",
+          innerHTML: o.value
+        }, null, 8, ve)
+      ])
+    ]));
+  }
+});
+const ye = /* @__PURE__ */ $(xe, [["__scopeId", "data-v-f88d6450"]]), we = { class: "flex justify-end items-end py-3" }, Ae = { class: "max-w-[80%]" }, be = { class: "w-fit fontFormattingAMA text-[0.8125rem] md:text-[0.9375rem] text-white bg-genpact-blue-box leading-6 p-3 rounded-lg" }, $e = /* @__PURE__ */ y({
+  __name: "learnerAMA",
+  props: {
+    question: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(n) {
+    return (e, o) => (c(), u("div", we, [
+      s("div", Ae, [
+        s("div", be, S(n.question), 1)
+      ])
+    ]));
+  }
+}), ke = (n) => (N("data-v-12a02acf"), n = n(), E(), n), qe = { class: "flex w-full flex-col items-start justify-start bg-white" }, Me = { class: "bot-typing-animation gap-1" }, Ie = { class: "block w-full text-lg italic text-gray-800" }, Le = /* @__PURE__ */ ke(() => /* @__PURE__ */ s("span", { class: "dot-animation" }, [
+  /* @__PURE__ */ s("span", null, "."),
+  /* @__PURE__ */ s("span", null, "."),
+  /* @__PURE__ */ s("span", null, ".")
+], -1)), Se = /* @__PURE__ */ G('<div class="block w-full max-w-full items-stretch" data-v-12a02acf><div class="flex animate-pulse items-start justify-start space-x-4" data-v-12a02acf><div class="flex-1 space-y-6 py-1" data-v-12a02acf><div class="h-2 w-full rounded bg-gray-300" data-v-12a02acf></div><div class="space-y-3" data-v-12a02acf><div class="grid grid-cols-3 gap-4" data-v-12a02acf><div class="col-span-2 h-2 rounded bg-gray-300" data-v-12a02acf></div><div class="col-span-1 h-2 rounded bg-gray-300" data-v-12a02acf></div></div><div class="h-2 rounded bg-gray-300" data-v-12a02acf></div></div></div></div></div>', 1), Ne = /* @__PURE__ */ y({
+  __name: "LoadingResponseAMA",
+  setup(n) {
+    const e = d("Generating response"), o = d([
+      "This may take a few seconds",
+      "Fetching the best response for you",
+      "Thinking... give me a moment",
+      "One moment while I gather the information",
+      "Hang in tight, we are almost there",
+      "Almost there... just a bit longer",
+      "Compiling a response for you"
+    ]);
+    return setTimeout(() => {
+      const l = Math.floor(Math.random() * o.value.length);
+      e.value = o.value[l];
+    }, 15e3), (l, p) => (c(), u("div", qe, [
+      s("div", Me, [
+        s("div", Ie, S(e.value), 1),
+        Le
+      ]),
+      Se
+    ]));
+  }
+});
+const Ee = /* @__PURE__ */ $(Ne, [["__scopeId", "data-v-12a02acf"]]), Qe = { key: 0 }, Ce = { key: 1 }, Re = {
+  key: 0,
+  class: "flex"
+}, Fe = /* @__PURE__ */ y({
+  __name: "conversationAMA",
+  setup(n) {
+    let e = d(""), o = d("");
+    e.value = '<a style="color:#00AECF;"', o.value = '<ul style="list-style: disc !important; margin-left: 3.5rem !important; padding: 0;"';
+    const l = k(), p = d();
+    return Q(() => {
+      var t;
+      const m = document.getElementsByName("askQuestion"), r = Array.from(m);
+      m.length && ((t = r == null ? void 0 : r.pop()) == null || t.scrollIntoView({ behavior: "smooth", block: "center" }));
+    }), D(() => {
+      var t;
+      const m = document.getElementsByName("askQuestion"), r = Array.from(m);
+      m.length && ((t = r == null ? void 0 : r.pop()) == null || t.scrollIntoView({ behavior: "smooth", block: "center" }));
+    }), (m, r) => (c(), u("div", {
+      ref_key: "nestedElement",
+      ref: p,
+      class: "smooth-scroll overflow-auto md:px-6 px-2"
+    }, [
+      x(he),
+      (c(!0), u(O, null, Z(v(l).conversations, (t, _) => (c(), u("div", { key: _ }, [
+        t.question ? (c(), u("div", Qe, [
+          x($e, {
+            question: t.question,
+            c2question: t.c2question,
+            "show-feedback": t.showFeedback,
+            id: `qId${_}`,
+            name: "askQuestion",
+            "que-id": _
+          }, null, 8, ["question", "c2question", "show-feedback", "id", "que-id"])
+        ])) : I("", !0),
+        t.answer ? (c(), u("div", Ce, [
+          x(ye, {
+            question: t == null ? void 0 : t.question,
+            c2question: t == null ? void 0 : t.c2question,
+            "show-sources": t == null ? void 0 : t.showSources,
+            questionId: t.id,
+            answer: t.answer.replaceAll("<a", v(e)).replaceAll("<ul", v(o)),
+            "show-feedback": t.showFeedback,
+            "related-ques": t.relatedQues,
+            "options-array": t.optionsArray,
+            "ans-id": _
+          }, null, 8, ["question", "c2question", "show-sources", "questionId", "answer", "show-feedback", "related-ques", "options-array", "ans-id"])
+        ])) : I("", !0)
+      ]))), 128)),
+      v(l).dotLoader ? (c(), u("div", Re, [
+        x(Ee)
+      ])) : I("", !0)
+    ], 512));
+  }
+});
+const Pe = /* @__PURE__ */ $(Fe, [["__scopeId", "data-v-e6168dd4"]]), q = (n) => (N("data-v-4d4db1ef"), n = n(), E(), n), Te = { class: "z-3 absolute bottom-0 mt-4 w-full bg-white px-2 md:px-6" }, je = { class: "py-2" }, Ue = { class: "flex" }, Ve = { class: "z-1 relative w-full" }, Be = { class: "relative w-full" }, He = { class: "absolute inset-y-0 right-0 flex items-center md:pr-8 pr-3" }, ze = { key: 0 }, Ge = /* @__PURE__ */ q(() => /* @__PURE__ */ s("path", { d: "M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z" }, null, -1)), De = [
+  Ge
+], Oe = {
+  key: 1,
+  class: "tooltip"
+}, Ze = /* @__PURE__ */ q(() => /* @__PURE__ */ s("span", { class: "tooltiptext" }, "Processing", -1)), Ke = /* @__PURE__ */ q(() => /* @__PURE__ */ s("img", {
+  class: "w-7 h-7",
+  src: V,
+  alt: "watingIcon"
+}, null, -1)), We = [
+  Ze,
+  Ke
+], Ye = { class: "flex justify-start" }, Je = ["placeholder"], Xe = { class: "flex justify-start items-start text-[#161916] px-1" }, es = /* @__PURE__ */ q(() => /* @__PURE__ */ s("div", { class: "pt-1 text-start font-sans" }, [
+  /* @__PURE__ */ s("div", { class: "text-xs font-bold text-gray-500 md:text-sm px-1" }, " Note: AI-generated response may not be fully accurate; check with experts for critical information. ")
+], -1)), ss = /* @__PURE__ */ y({
+  __name: "NewQuestionAMA",
+  setup(n) {
+    const e = k(), o = F();
+    e.question = "";
+    const l = d(null), p = d(!1), m = d(M), r = d(!1);
+    Q(() => {
+      l.value.focus();
+    });
+    const _ = d(((h) => new URLSearchParams(window.location.search).get(h) || "")("amaId"));
+    console.log("amaId", _.value);
+    const w = (h) => {
+      const i = h.length;
+      m.value = M - i, p.value = i >= M;
+    }, A = async () => {
+      var h, i, f, b;
+      try {
+        if (e.question.trim().length < 1) {
+          o.setError("Please enter answer!");
+          return;
+        }
+        if (e.amaQuestionsLeft <= 0) {
+          o.setError("You have exhausted your question limit!");
+          return;
+        }
+        r.value = !0, e.dotLoader = !0;
+        const a = {
+          question: e == null ? void 0 : e.question
+        };
+        e.conversations.push(a);
+        const g = d("");
+        g.value = e == null ? void 0 : e.question, e.question = "";
+        const T = {
+          skillId: _.value,
+          question: g.value,
+          past_messages: e.past_messages
+        }, j = await ee("/amaBotResponse", T);
+        e.addConversation((h = j.data) == null ? void 0 : h.body, "new"), r.value = !1, e.dotLoader = !1;
+      } catch (a) {
+        if (console.error(a), e.dotLoader = !1, r.value = !1, P.isAxiosError(a)) {
+          const g = a;
+          console.log("Error found!"), console.error((i = g.response) == null ? void 0 : i.data), o.setError((b = (f = g.response) == null ? void 0 : f.data) == null ? void 0 : b.message);
+        } else
+          o.setError("There was an issue, please contact helpmate");
+      }
+    };
+    return (h, i) => (c(), u("div", Te, [
+      s("div", je, [
+        s("div", Ue, [
+          s("div", Ve, [
+            s("div", Be, [
+              s("div", He, [
+                r.value ? (c(), u("div", Oe, We)) : (c(), u("div", ze, [
+                  (c(), u("svg", {
+                    onClick: i[0] || (i[0] = (f) => A()),
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "currentColor",
+                    class: "bi bi-send ml-2 h-7 w-7 rotate-45 rounded",
+                    viewBox: "0 0 16 16"
+                  }, De))
+                ]))
+              ]),
+              s("div", Ye, [
+                K(s("input", {
+                  onKeyup: [
+                    i[1] || (i[1] = Y((f) => r.value ? "" : A(), ["enter"])),
+                    i[3] || (i[3] = (f) => w(v(e).question))
+                  ],
+                  "onUpdate:modelValue": i[2] || (i[2] = (f) => v(e).question = f),
+                  class: "fontFormattingAMA text-[0.8125rem] md:text-[0.9375rem] rounded-lg flex w-full border border-genpact-darkest-teal py-4 pl-7 pr-16",
+                  placeholder: `Ask me about ${v(e).amaSkillName || "Skill Name"}`,
+                  type: "text",
+                  ref_key: "AiSearch",
+                  ref: l
+                }, null, 40, Je), [
+                  [W, v(e).question]
+                ])
+              ])
+            ]),
+            s("div", Xe, S(v(e).amaQuestionsLeft) + " questions remaining for the day ", 1),
+            es
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+const ts = /* @__PURE__ */ $(ss, [["__scopeId", "data-v-4d4db1ef"]]), C = (n) => (N("data-v-944ca5e3"), n = n(), E(), n), as = /* @__PURE__ */ C(() => /* @__PURE__ */ s("div", { class: "max-h-screen overflow-auto md:p-6 p-3 flex flex-col items-center justify-center gap-4 text-[#161916]" }, [
+  /* @__PURE__ */ s("div", { class: "text-2xl font-[700]" }, "Assessment Access Required"),
+  /* @__PURE__ */ s("h3", { className: "text-lg font-medium my-6 text-center text-gray-500" }, " You don't have access to this assessment. Please contact to administrator ")
+], -1)), os = {
+  key: 1,
+  className: "h-screen flex flex-col items-stretch"
+}, ns = { class: "z-20" }, rs = /* @__PURE__ */ C(() => /* @__PURE__ */ s("div", { class: "mt-6" }, null, -1)), ls = { class: "flex h-full items-stretch overflow-hidden" }, is = { class: "mx-auto w-11/12 bg-white" }, cs = { class: "relative flex h-full w-full flex-col items-stretch overflow-hidden" }, ds = /* @__PURE__ */ C(() => /* @__PURE__ */ s("div", { class: "mt-[160px]" }, null, -1)), us = { class: "relative" }, _s = /* @__PURE__ */ y({
+  __name: "AssessmentAMA",
+  setup(n) {
+    const e = d(!0), o = d(!1), l = k(), p = F();
+    d("");
+    const r = d(((_) => new URLSearchParams(window.location.search).get(_) || "")("amaId"));
+    l.amaSkillId = r.value ?? "", Q(async () => {
+      e.value = !0, await t(), e.value = !1;
+    });
+    const t = async () => {
+      var _, w, A, h, i, f, b;
+      try {
+        if (r.value === null)
+          throw {
+            response: {
+              status: 424,
+              data: {
+                message: "Invalid URL"
+              }
+            }
+          };
+        console.log("before calling get learner");
+        const a = await se(
+          `/getLearnerData?amaSkillId=${r.value}`
+        );
+        l.initialize(a.data), l.amaQuestionsLeft = (_ = a == null ? void 0 : a.data) == null ? void 0 : _.questionsLeftAIGC, l.amaSkillName = (w = a == null ? void 0 : a.data) == null ? void 0 : w.skillName, e.value = !1;
+      } catch (a) {
+        if (console.error(a), e.value = !1, P.isAxiosError(a) && ((A = a.response) != null && A.status) || a && typeof a == "object" && "response" in a && a.response && typeof a.response == "object" && "status" in a.response && a.response.status) {
+          const g = a;
+          if (console.log("Error found!"), console.error((h = g.response) == null ? void 0 : h.data), ((i = g.response) == null ? void 0 : i.status) === 424 || ((f = g.response) == null ? void 0 : f.status) === 425) {
+            o.value = !0;
+            return;
+          }
+          p.setError(((b = g.response) == null ? void 0 : b.data).message);
+        } else
+          p.setError("There was an issue, please contact helpmate");
+      }
+    };
+    return (_, w) => (c(), u("section", null, [
+      x(z, { "is-visible": o.value }, {
+        default: J(() => [
+          as
+        ]),
+        _: 1
+      }, 8, ["is-visible"]),
+      s("div", null, [
+        e.value ? (c(), X(B, { key: 0 })) : (c(), u("main", os, [
+          s("div", ns, [
+            x(ce)
+          ]),
+          rs,
+          s("div", ls, [
+            s("div", is, [
+              s("div", cs, [
+                x(Pe),
+                ds
+              ]),
+              s("div", us, [
+                x(ts)
+              ])
+            ])
+          ])
+        ]))
+      ])
+    ]));
+  }
+});
+const xs = /* @__PURE__ */ $(_s, [["__scopeId", "data-v-944ca5e3"]]);
+export {
+  xs as default
+};