@gamelearn/arcade-components 3.14.4 → 3.14.6

package/dist/arcade-components.js

@@ -29982,6 +29982,7 @@ function BasicDecision({
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "popup--buttons", children: (s ? !o : (t == null ? void 0 : t.id) !== void 0) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
+            "data-testid": "continueButtonDecision",
             type: "button",
             className: `gat--btn__navigation ${p || (t == null ? void 0 : t.id) === void 0 ? "disabled" : ""}`,
             onClick: () => T(),
@@ -30004,6 +30005,7 @@ function ComplexDecision({ question: l, inScene: e, disabled: n, onNext: t, chil
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
+          "data-testid": "continueButtonComplexDecision",
           className: `gat--btn__round ${n ? "disabled" : ""}`,
           type: "button",
           onClick: () => !n && t(),
@@ -30057,17 +30059,17 @@ function DecisionBody({
     }
   );
 }
-function Wrapper({ children: l, inherit: e, feedback: n }) {
-  return e ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `conversation--feedback ${n ? "" : "only--rewards"}`, children: l }) : n ? l : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "popup__basicDecision__only--rewards only--rewards", children: l });
+function Wrapper({ children: l, inherit: e }) {
+  return e ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "conversation--feedback", children: l }) : l;
 }
 function FeedBack({ choice: l, inherited: e, question: n }) {
-  return l.feedback ? /* @__PURE__ */ jsxRuntimeExports.jsx(Wrapper, { inherit: e, feedback: l.feedback, children: l.feedback ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  return l.feedback ? /* @__PURE__ */ jsxRuntimeExports.jsx(Wrapper, { inherit: e, children: l.feedback && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "conversation--feedback__title", children: n }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "conversation--feedback__text", dir: "auto", children: [
       l.right ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-check-circle-black color--success" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-error-circle-black color--error" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "conversation--feedback__wysiwyg", children: HTMLReactParser$1(l.feedback) })
     ] })
-  ] }) : null }) : null;
+  ] }) }) : null;
 }
 function DecisionComponent({ emitEvent: l, soundActions: e, keyboardControl: n, inScene: t, ...s }) {
   var M, U;
@@ -30630,31 +30632,40 @@ function Vignette({ vignette: l, alias: e, translate: n, backgroundImageCover: t
     document.querySelector(`#${p}`).focus(), h(!d);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `comic-image ${t ? "comic-image--cover" : ""}`, children: o && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: o, alt: "comic pic" }) }),
-    (u = l == null ? void 0 : l.textData) != null && u.text ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `comic-collapsable ${d ? "comic-collapsable--opened" : ""}`, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          id: "buttonDown",
-          onClick: () => f("buttonUp"),
-          type: "button",
-          className: "un-btn comic-collapsable__headertoggle",
-          "aria-label": n("comic.toggleText"),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-down-arrow" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "comic-collapsable__text", children: [
-        e ? /* @__PURE__ */ jsxRuntimeExports.jsxs("b", { children: [
-          e,
-          ": "
-        ] }) : null,
-        HTMLReactParser$1(l.textData.text)
-      ] })
-    ] }) : null,
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "comic-image", className: `comic-image ${t ? "comic-image--cover" : ""}`, children: o && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: o, alt: "comic pic" }) }),
+    (u = l == null ? void 0 : l.textData) != null && u.text ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        "data-testid": "comicCollapsable",
+        className: `comic-collapsable ${d ? "comic-collapsable--opened" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              id: "buttonDown",
+              "data-testid": "buttonDown",
+              onClick: () => f("buttonUp"),
+              type: "button",
+              className: "un-btn comic-collapsable__headertoggle",
+              "aria-label": n("comic.toggleText"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-down-arrow" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "comic-collapsable__text", children: [
+            e ? /* @__PURE__ */ jsxRuntimeExports.jsxs("b", { children: [
+              e,
+              ": "
+            ] }) : null,
+            HTMLReactParser$1(l.textData.text)
+          ] })
+        ]
+      }
+    ) : null,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
         id: "buttonUp",
+        "data-testid": "buttonUp",
         tabIndex: d ? "-1" : "0",
         "aria-hidden": d,
         className: `unset-button comic-buttonup