@enspiredigital/xlms-headless 0.0.9 → 0.0.11

package/dist/index.js

@@ -1,161 +1,161 @@
-import { useState as C, useEffect as B } from "react";
-function S() {
-  const [t, e] = C(null), [s, i] = C(null), [a, g] = C(0);
-  function w(c) {
-    e(!0), i(c), g((A) => A + 1);
+import { useState as S, useEffect as y, useMemo as B } from "react";
+function M() {
+  const [t, c] = S(null), [u, g] = S(null), [w, h] = S(0);
+  function Q(d) {
+    c(!0), g(d), h((v) => v + 1);
   }
-  function r() {
-    e(!1), i(null);
+  function n() {
+    c(!1), g(null);
   }
   return {
     // state
     submitted: t,
-    isCorrect: s,
-    attempts: a,
+    isCorrect: u,
+    attempts: w,
     // derived
     canAnswer: !t,
     // actions
-    submitQuestion: w,
-    resetQuestion: r
+    submitQuestion: Q,
+    resetQuestion: n
   };
 }
-function k(t, e) {
-  if (t.length !== e.length) return !1;
-  const s = new Set(t), i = new Set(e);
-  if (s.size !== i.size) return !1;
-  for (const a of s)
-    if (!i.has(a)) return !1;
+function k(t, c) {
+  if (t.length !== c.length) return !1;
+  const u = new Set(t), g = new Set(c);
+  if (u.size !== g.size) return !1;
+  for (const w of u)
+    if (!g.has(w)) return !1;
   return !0;
 }
 function V(t) {
   const {
-    canAnswer: e,
-    submitted: s,
-    isCorrect: i,
-    attempts: a,
-    resetQuestion: g,
-    submitQuestion: w
-  } = S(), [r, c] = C([]);
-  function A(d) {
-    c((n) => t.options.allowMultipleAnswers ? n.includes(d) ? n.filter((l) => l !== d) : [...n, d] : [d]);
-  }
-  function h() {
-    if (r.length === 0) return;
-    const d = t.options.answers.reduce(
-      (l, f) => (f.is_correct && l.push(f.id), l),
+    canAnswer: c,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    resetQuestion: h,
+    submitQuestion: Q
+  } = M(), [n, d] = S([]);
+  function v(C) {
+    d((p) => t.options.allowMultipleAnswers ? p.includes(C) ? p.filter((I) => I !== C) : [...p, C] : [C]);
+  }
+  function O() {
+    if (n.length === 0) return;
+    const C = t.options.answers.reduce(
+      (I, A) => (A.is_correct && I.push(A.id), I),
       []
-    ), n = k(r, d);
-    w(n);
+    ), p = k(n, C);
+    Q(p);
   }
-  function I() {
-    c([]), g();
+  function L() {
+    d([]), h();
   }
   return {
     // data
     question: t,
-    selectedIds: r,
+    selectedIds: n,
     // actions
-    select: A,
-    submit: h,
-    reset: I,
+    select: v,
+    submit: O,
+    reset: L,
     // base
-    submitted: s,
-    isCorrect: i,
-    attempts: a,
-    canAnswer: e
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    canAnswer: c
   };
 }
-function v(t) {
+function z(t) {
   const {
-    canAnswer: e,
-    submitted: s,
-    isCorrect: i,
-    attempts: a,
-    submitQuestion: g,
-    resetQuestion: w
-  } = S(), [r, c] = C([]), [A, h] = C(
+    canAnswer: c,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    submitQuestion: h,
+    resetQuestion: Q
+  } = M(), [n, d] = S([]), [v, O] = S(
     []
-  ), [I, d] = C(
+  ), [L, C] = S(
     []
   );
-  function n(o, m) {
-    c((u) => [
-      ...u.filter(
-        (p) => p.targetId !== o && p.sourceId !== m
+  function p(l, r) {
+    d((s) => [
+      ...s.filter(
+        (o) => o.targetId !== l && o.sourceId !== r
       ),
-      { targetId: o, sourceId: m }
+      { targetId: l, sourceId: r }
     ]);
   }
-  function l(o, m) {
-    c(
-      (u) => u.filter((p) => p.targetId !== o || p.sourceId !== m)
+  function I(l, r) {
+    d(
+      (s) => s.filter((o) => o.targetId !== l || o.sourceId !== r)
     );
   }
-  function f() {
-    let o = 0, m = !0;
-    return t.options.targets.forEach((u) => {
-      const p = r.find((M) => M.targetId === u.id), x = t.options.sources[u.content.correct_position - 1];
-      p && x && p.sourceId === x.id ? o += u.content.point : m = !1;
+  function A() {
+    let l = 0, r = !0;
+    return t.options.targets.forEach((s) => {
+      const o = n.find((i) => i.targetId === s.id), e = t.options.sources[s.content.correct_position - 1];
+      o && e && o.sourceId === e.id ? l += s.content.point : r = !1;
     }), {
-      isCorrect: m,
-      score: o,
+      isCorrect: r,
+      score: l,
       maxScore: t.options.targets.reduce(
-        (u, p) => u + p.content.point,
+        (s, o) => s + o.content.point,
         0
       )
     };
   }
-  function Q() {
-    const o = f();
-    return g(o.isCorrect), o;
+  function a() {
+    const l = A();
+    return h(l.isCorrect), l;
   }
-  function b() {
-    c([]), w();
+  function m() {
+    d([]), Q();
   }
-  return B(() => {
-    const o = t.options.sources.filter(
-      (m) => !r.some((u) => u.sourceId === m.id)
+  return y(() => {
+    const l = t.options.sources.filter(
+      (r) => !n.some((s) => s.sourceId === r.id)
     );
-    h(o);
-  }, [r, t.options.sources]), B(() => {
-    const o = t.options.targets.filter(
-      (m) => !r.some((u) => u.targetId === m.id)
+    O(l);
+  }, [n, t.options.sources]), y(() => {
+    const l = t.options.targets.filter(
+      (r) => !n.some((s) => s.targetId === r.id)
     );
-    d(o);
-  }, [r, t.options.targets]), {
+    C(l);
+  }, [n, t.options.targets]), {
     // data
     sources: t.options.sources,
     targets: t.options.targets,
-    answers: r,
+    answers: n,
     question: t,
-    availableSources: A,
-    availableTargets: I,
+    availableSources: v,
+    availableTargets: L,
     // base
-    submitted: s,
-    isCorrect: i,
-    attempts: a,
-    canAnswer: e,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    canAnswer: c,
     // actions
-    select: n,
-    remove: l,
-    submit: Q,
-    reset: b
+    select: p,
+    remove: I,
+    submit: a,
+    reset: m
   };
 }
-function T(t) {
+function P(t) {
   const {
-    canAnswer: e,
-    submitted: s,
-    isCorrect: i,
-    attempts: a,
-    resetQuestion: g,
-    submitQuestion: w
-  } = S();
-  function r() {
-    w(!0);
+    canAnswer: c,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    resetQuestion: h,
+    submitQuestion: Q
+  } = M();
+  function n() {
+    Q(!0);
   }
-  function c() {
-    g();
+  function d() {
+    h();
   }
   return {
     // data
@@ -163,112 +163,511 @@ function T(t) {
     url: t.options.url,
     type: t.options.urlType,
     // actions
-    submit: r,
-    reset: c,
+    submit: n,
+    reset: d,
+    // base
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    canAnswer: c
+  };
+}
+function T(t) {
+  const {
+    canAnswer: c,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    submitQuestion: h,
+    resetQuestion: Q
+  } = M(), [n, d] = S([]), [v, O] = S(null), L = () => {
+    const o = new Set(n.map((e) => e.itemId));
+    return t.options.items.filter((e) => !o.has(e.id));
+  }, [C, p] = S(
+    L()
+  );
+  function I(o, e) {
+    if (!t.options.dropZones.find((b) => b.id === e)) return;
+    const x = n.filter((b) => b.zoneId === e).length;
+    d((b) => [
+      ...b.filter((Z) => Z.itemId !== o),
+      {
+        itemId: o,
+        zoneId: e,
+        position: x
+      }
+    ]);
+  }
+  function A(o) {
+    d((e) => e.filter((i) => i.itemId !== o));
+  }
+  function a(o, e) {
+    I(o, e);
+  }
+  function m(o) {
+    return n.filter((e) => e.zoneId === o).sort((e, i) => e.position - i.position).map((e) => t.options.items.find(
+      (f) => f.id === e.itemId
+    )).filter(Boolean);
+  }
+  function l() {
+    let o = 0, e = !0;
+    return t.options.items.forEach((i) => {
+      const f = n.find((b) => b.itemId === i.id), x = t.options.dropZones.find(
+        (b) => b.position === i.correctPosition
+      );
+      f && x && f.zoneId === x.id ? o += i.point : e = !1;
+    }), {
+      isCorrect: e,
+      score: o,
+      maxScore: t.options.items.reduce(
+        (i, f) => i + f.point,
+        0
+      )
+    };
+  }
+  function r() {
+    const o = l();
+    return h(o.isCorrect), o;
+  }
+  function s() {
+    d([]), Q();
+  }
+  return y(() => {
+    p(L());
+  }, [n]), {
+    // data
+    items: t.options.items,
+    dropZones: t.options.dropZones,
+    answers: n,
+    availableItems: C,
+    question: t,
+    draggingItemId: v,
     // base
-    submitted: s,
-    isCorrect: i,
-    attempts: a,
-    canAnswer: e
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    canAnswer: c,
+    // actions
+    dropItem: I,
+    removeItem: A,
+    moveItem: a,
+    getItemsInZone: m,
+    setDraggingItemId: O,
+    submit: r,
+    reset: s
   };
 }
 function _(t) {
   const {
-    canAnswer: e,
-    submitted: s,
-    isCorrect: i,
-    attempts: a,
-    submitQuestion: g,
-    resetQuestion: w
-  } = S(), [r, c] = C([]);
-  function A(n, l) {
-    e && c((f) => {
-      const Q = f.findIndex((b) => b.targetId === n);
-      if (Q >= 0) {
-        const b = [...f];
-        return b[Q] = { targetId: n, value: l }, b;
+    canAnswer: c,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    submitQuestion: h,
+    resetQuestion: Q
+  } = M(), [n, d] = S(() => t.options.items.map((r) => r.id)), [v, O] = S(null);
+  function L() {
+    return n.map((r) => t.options.items.find((s) => s.id === r)).filter((r) => r !== void 0);
+  }
+  function C(r, s) {
+    d((o) => {
+      const e = [...o], [i] = e.splice(r, 1);
+      return e.splice(s, 0, i), e;
+    });
+  }
+  function p(r) {
+    const s = n.indexOf(r);
+    s > 0 && C(s, s - 1);
+  }
+  function I(r) {
+    const s = n.indexOf(r);
+    s < n.length - 1 && C(s, s + 1);
+  }
+  function A(r, s) {
+    const o = n.indexOf(r);
+    o !== -1 && s >= 0 && s < n.length && C(o, s);
+  }
+  function a() {
+    let r = 0, s = !0;
+    return n.forEach((o, e) => {
+      const i = t.options.items.find((f) => f.id === o);
+      i && (e === i.correctOrder ? r += i.point : s = !1);
+    }), {
+      isCorrect: s,
+      score: r,
+      maxScore: t.options.items.reduce(
+        (o, e) => o + e.point,
+        0
+      )
+    };
+  }
+  function m() {
+    const r = a();
+    return h(r.isCorrect), r;
+  }
+  function l() {
+    d(t.options.items.map((r) => r.id)), Q();
+  }
+  return {
+    // data
+    items: t.options.items,
+    orderedItems: L(),
+    orderedItemIds: n,
+    question: t,
+    draggingItemId: v,
+    // base
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    canAnswer: c,
+    // actions
+    moveItem: C,
+    moveUp: p,
+    moveDown: I,
+    moveToPosition: A,
+    setDraggingItemId: O,
+    submit: m,
+    reset: l
+  };
+}
+function j(t) {
+  const {
+    canAnswer: c,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    submitQuestion: h,
+    resetQuestion: Q
+  } = M(), [n, d] = S([]), [v, O] = S(null), L = () => {
+    const e = new Set(n.map((i) => i.labelId));
+    return t.options.labels.filter(
+      (i) => !e.has(i.id)
+    );
+  }, [C, p] = S(
+    L()
+  );
+  function I(e, i, f, x) {
+    const b = t.options.points.find((D) => D.id === i);
+    b && d((D) => [
+      ...D.filter((E) => E.labelId !== e),
+      {
+        labelId: e,
+        pointId: i,
+        x: f ?? b.x,
+        y: x ?? b.y
       }
-      return [...f, { targetId: n, value: l }];
+    ]);
+  }
+  function A(e) {
+    d((i) => i.filter((f) => f.labelId !== e));
+  }
+  function a(e, i, f, x) {
+    I(e, i, f, x);
+  }
+  function m(e) {
+    const i = n.find((f) => f.pointId === e);
+    return i && t.options.labels.find((f) => f.id === i.labelId) || null;
+  }
+  function l(e) {
+    const i = n.find((f) => f.labelId === e);
+    return i ? i.pointId : null;
+  }
+  function r() {
+    let e = 0, i = !0;
+    return t.options.labels.forEach((f) => {
+      const x = n.find((b) => b.labelId === f.id);
+      x && x.pointId === f.correctPointId ? e += f.point : i = !1;
+    }), {
+      isCorrect: i,
+      score: e,
+      maxScore: t.options.labels.reduce(
+        (f, x) => f + x.point,
+        0
+      )
+    };
+  }
+  function s() {
+    const e = r();
+    return h(e.isCorrect), e;
+  }
+  function o() {
+    d([]), Q();
+  }
+  return y(() => {
+    p(L());
+  }, [n]), {
+    // data
+    image: t.options.image,
+    labels: t.options.labels,
+    points: t.options.points,
+    answers: n,
+    availableLabels: C,
+    question: t,
+    draggingLabelId: v,
+    // base
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    canAnswer: c,
+    // actions
+    attachLabel: I,
+    removeLabel: A,
+    moveLabel: a,
+    getLabelAtPoint: m,
+    getPointForLabel: l,
+    setDraggingLabelId: O,
+    submit: s,
+    reset: o
+  };
+}
+function F(t) {
+  const {
+    canAnswer: c,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    submitQuestion: h,
+    resetQuestion: Q
+  } = M(), [n, d] = S([]);
+  function v(p, I) {
+    d((A) => {
+      const a = A.findIndex((m) => m.blankId === p);
+      if (a >= 0) {
+        const m = [...A];
+        return m[a] = { blankId: p, value: I }, m;
+      }
+      return [...A, { blankId: p, value: I }];
+    });
+  }
+  function O() {
+    let p = 0, I = 0, A = 0;
+    const a = t.correct_answers.list || {}, m = Object.keys(a).length;
+    Object.entries(a).forEach(([r, s]) => {
+      const o = String(s).trim().toLowerCase(), e = t.options.answers.find(
+        (b) => b.correct_position === Number(r)
+      ), i = e && e.point || 1;
+      A += i;
+      const f = n.find((b) => b.blankId === r);
+      (f ? String(f.value).trim().toLowerCase() : "") === o && (p += i, I++);
     });
+    const l = I === m && m > 0;
+    return A === 0 && m > 0 && (A = m), {
+      isCorrect: l,
+      score: Math.round(p * 100) / 100,
+      maxScore: Math.round(A * 100) / 100
+    };
   }
-  function h() {
-    let n = !0;
-    if (r.length < t.options.targets.length)
-      n = !1;
-    else
-      for (const l of t.options.targets) {
-        const f = r.find((o) => o.targetId === l.id), Q = f ? f.value.trim() : "", b = l.content.correct_answer.trim();
-        if (Q.toLowerCase() !== b.toLowerCase()) {
-          n = !1;
-          break;
-        }
+  function L() {
+    const p = O();
+    return h(p.isCorrect), p;
+  }
+  function C() {
+    d([]), Q();
+  }
+  return {
+    // data
+    groups: t.options.groups,
+    answers: n,
+    question: t,
+    // base
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    canAnswer: c,
+    // actions
+    answer: v,
+    submit: L,
+    reset: C
+  };
+}
+function G(t) {
+  const {
+    canAnswer: c,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    submitQuestion: h,
+    resetQuestion: Q
+  } = M(), [n, d] = S([]);
+  function v(a, m) {
+    d((l) => {
+      const r = l.findIndex((s) => s.itemId === a);
+      if (r >= 0) {
+        const s = [...l];
+        return s[r] = { itemId: a, categoryId: m }, s;
       }
-    return {
-      isCorrect: n,
-      score: n ? 1 : 0,
-      maxScore: 1
+      return [...l, { itemId: a, categoryId: m }];
+    });
+  }
+  function O(a) {
+    d((m) => m.filter((l) => l.itemId !== a));
+  }
+  function L() {
+    let a = 0, m = 0;
+    const r = t.correct_answers.list || {}, s = Object.keys(r).length;
+    let o = 0;
+    return Object.entries(r).forEach(([i, f]) => {
+      const x = t.options.items.find((Z) => Z.id === i), b = x ? x.point : 0;
+      o += b;
+      const D = n.find((Z) => Z.itemId === i);
+      D && D.categoryId === f && (a += b, m++);
+    }), a = Math.round(a * 100) / 100, o = Math.round(o * 100) / 100, {
+      isCorrect: m === s && s > 0,
+      score: a,
+      maxScore: o
     };
   }
-  function I() {
-    const n = h();
-    return g(n.isCorrect), n;
+  function C() {
+    const a = L();
+    return h(a.isCorrect), a;
   }
-  function d() {
-    c([]), w();
+  function p() {
+    d([]), Q();
   }
+  const I = B(() => t.options.items.filter(
+    (a) => !n.some((m) => m.itemId === a.id)
+  ), [t.options.items, n]), A = B(() => t.options.categories.map((a) => {
+    const m = n.filter((l) => l.categoryId === a.id).map((l) => ({
+      item: t.options.items.find((s) => s.id === l.itemId)
+    }));
+    return {
+      ...a,
+      items: m
+    };
+  }), [t.options.categories, t.options.items, n]);
   return {
     // data
-    targets: t.options.targets,
-    answers: r,
+    categories: t.options.categories,
+    allItems: t.options.items,
     question: t,
+    categoriesWithItems: A,
+    // state
+    answers: n,
+    unassignedItems: I,
     // base
-    submitted: s,
-    isCorrect: i,
-    attempts: a,
-    canAnswer: e,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    canAnswer: c,
+    // actions
+    move: v,
+    remove: O,
+    submit: C,
+    reset: p
+  };
+}
+function N(t) {
+  const {
+    canAnswer: c,
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    resetQuestion: h,
+    submitQuestion: Q
+  } = M();
+  function n() {
+    u || Q(!0);
+  }
+  function d() {
+    h();
+  }
+  return {
+    // data
+    question: t,
+    url: t.options.url,
+    type: t.options.urlType,
     // actions
-    answer: A,
-    submit: I,
-    reset: d
+    submit: n,
+    reset: d,
+    // base
+    submitted: u,
+    isCorrect: g,
+    attempts: w,
+    canAnswer: c
   };
 }
-function z({
+function W({
+  getData: t,
+  children: c
+}) {
+  const u = V(t());
+  return c(u);
+}
+function H({
+  getData: t,
+  children: c
+}) {
+  const u = z(t());
+  return c(u);
+}
+function J({
+  getData: t,
+  children: c
+}) {
+  const u = P(t());
+  return c(u);
+}
+function R({
+  getData: t,
+  children: c
+}) {
+  const u = T(t());
+  return c(u);
+}
+function X({
+  getData: t,
+  children: c
+}) {
+  const u = _(t());
+  return c(u);
+}
+function Y({
   getData: t,
-  children: e
+  children: c
 }) {
-  const s = V(t());
-  return e(s);
+  const u = j(t());
+  return c(u);
 }
-function E({
+function $({
   getData: t,
-  children: e
+  children: c
 }) {
-  const s = v(t());
-  return e(s);
+  const u = F(t());
+  return c(u);
 }
-function F({
+function K({
   getData: t,
-  children: e
+  children: c
 }) {
-  const s = T(t());
-  return e(s);
+  const u = G(t());
+  return c(u);
 }
-function L({
+function q({
   getData: t,
-  children: e
+  children: c
 }) {
-  const s = _(t());
-  return e(s);
+  const u = N(t());
+  return c(u);
 }
 export {
-  L as FillInBlankQuestion,
-  E as MatchingQuestion,
-  z as MultipleChoicesQuestion,
-  F as VideoQuestion,
+  R as DragDropQuestion,
+  $ as FillInBlankQuestion,
+  K as GroupingQuestion,
+  Y as LabelingQuestion,
+  H as MatchingQuestion,
+  W as MultipleChoicesQuestion,
+  X as OrderingQuestion,
+  q as PowerpointQuestion,
+  J as VideoQuestion,
   k as isSameSet,
-  S as useBaseQuestion,
-  _ as useFillInBlank,
-  v as useMatching,
+  M as useBaseQuestion,
+  T as useDragDrop,
+  F as useFillInBlank,
+  G as useGrouping,
+  j as useLabeling,
+  z as useMatching,
   V as useMultipleChoice,
-  T as useVideo
+  _ as useOrdering,
+  N as usePowerpoint,
+  P as useVideo
 };