@lanaco/lnc-react-ui 4.0.37 → 4.0.38

package/dist/QuizSection.cjs

@@ -384,4 +384,4 @@
       display: none;
     }
   }
-`,te=i.forwardRef(({welcomeTitle:d,welcomeDescription:s,endTitle:m,endDescription:f,image:c,imageComponent:_,questions:r,secondsPerQuestion:E,numOfCredits:C,startQuizText:T="Start quiz",nextText:Q="Next",giveUpText:U="Give up",questionNoText:Z="Question",continueText:W="Continue",endQuizText:g="End quiz",onStartQuiz:N=()=>{},onSelectAnswer:x=()=>{},onGiveUp:I=()=>{},onNext:u=()=>{},onContinue:b=()=>{},onEndQuiz:w=()=>{}},a)=>{const[v,h]=i.useState(l.START_QUIZ),[o,y]=i.useState(1),[t,L]=i.useState(null),[j,R]=i.useState(null),O=i.useRef([]),D=i.useRef(0),M=()=>{h(l.QUIZ),L(r==null?void 0:r.find(n=>(n==null?void 0:n.questionNo)===o)),N==null||N()},P=n=>{R(n),x==null||x()},B=()=>{h(l.START_QUIZ),y(1),R(null),I==null||I()},X=()=>{let n=(j==null?void 0:j.uuid)===(t==null?void 0:t.correctAnswer);n?(h(l.CORRECT_ANSWER),D.current+=C||(t==null?void 0:t.numOfCredits)):o===(r==null?void 0:r.length)?(h(l.START_QUIZ),y(1),R(null)):(y(o+1),L(r==null?void 0:r.find($=>($==null?void 0:$.questionNo)===o+1)),R(null)),O.current=[...O.current,{question:t,selectedAnswer:j,isCorrect:n}],u==null||u()},F=()=>{o===(r==null?void 0:r.length)?(h(l.START_QUIZ),y(1)):(h(l.QUIZ),y(o+1),L(r==null?void 0:r.find(n=>(n==null?void 0:n.questionNo)===o+1))),R(null),b==null||b()},G=()=>{h(l.START_QUIZ),y(1),R(null),w==null||w()};return e.jsxs(re,{children:[e.jsxs("div",{className:"wrapper__outlet",children:[v===l.START_QUIZ&&e.jsx(Y,{title:d,description:s,startQuizText:T,onStartQuiz:M}),v===l.QUIZ&&t&&e.jsx(q,{questionNoText:Z,questionNo:o,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.text,answers:t==null?void 0:t.answers,secondsPerQuestion:E||(t==null?void 0:t.secondsPerQuestion),selectedAnswer:j,nextText:Q,giveUpText:U,nextDisabled:!z.isDefined(j),onSelectAnswer:P,onGiveUp:B,onNext:X},`quiz-question__${o}`),v===l.CORRECT_ANSWER&&e.jsx(ee,{title:m,description:z.formatString(f,C||(t==null?void 0:t.numOfCredits)),continueText:W,endQuizText:g,onContinue:F,onEndQuiz:G})]}),z.isDefined(_)?_:e.jsx("img",{src:c,className:"wrapper__image"})]})});module.exports=te;
+`,te=i.forwardRef(({welcomeTitle:d,welcomeDescription:s,endTitle:m,endDescription:f,image:c,imageComponent:_,questions:r,secondsPerQuestion:E,numOfCredits:C,startQuizText:T="Start quiz",nextText:Q="Next",giveUpText:U="Give up",questionNoText:Z="Question",continueText:W="Continue",endQuizText:g="End quiz",onStartQuiz:N=()=>{},onSelectAnswer:x=()=>{},onGiveUp:I=()=>{},onNext:u=()=>{},onContinue:b=()=>{},onEndQuiz:w=()=>{}},a)=>{const[v,h]=i.useState(l.START_QUIZ),[o,y]=i.useState(1),[t,L]=i.useState(null),[j,R]=i.useState(null),O=i.useRef([]),D=i.useRef(0),M=()=>{h(l.QUIZ),L(r==null?void 0:r.find(n=>(n==null?void 0:n.questionNo)===o)),N==null||N()},P=n=>{R(n),x==null||x()},B=()=>{h(l.START_QUIZ),y(1),R(null),I==null||I()},X=()=>{let n=(j==null?void 0:j.uuid)===(t==null?void 0:t.correctAnswer);n?(h(l.CORRECT_ANSWER),D.current+=C||(t==null?void 0:t.numOfCredits)):o===(r==null?void 0:r.length)?(h(l.START_QUIZ),y(1),R(null)):(y(o+1),L(r==null?void 0:r.find($=>($==null?void 0:$.questionNo)===o+1)),R(null)),O.current=[...O.current,{question:t,selectedAnswer:j,isCorrect:n}],u==null||u()},F=()=>{o===(r==null?void 0:r.length)?(h(l.START_QUIZ),y(1)):(h(l.QUIZ),y(o+1),L(r==null?void 0:r.find(n=>(n==null?void 0:n.questionNo)===o+1))),R(null),b==null||b()},G=()=>{h(l.START_QUIZ),y(1),R(null),w==null||w()};return e.jsxs(re,{ref:a,children:[e.jsxs("div",{className:"wrapper__outlet",children:[v===l.START_QUIZ&&e.jsx(Y,{title:d,description:s,startQuizText:T,onStartQuiz:M}),v===l.QUIZ&&t&&e.jsx(q,{questionNoText:Z,questionNo:o,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.text,answers:t==null?void 0:t.answers,secondsPerQuestion:E||(t==null?void 0:t.secondsPerQuestion),selectedAnswer:j,nextText:Q,giveUpText:U,nextDisabled:!z.isDefined(j),onSelectAnswer:P,onGiveUp:B,onNext:X},`quiz-question__${o}`),v===l.CORRECT_ANSWER&&e.jsx(ee,{title:m,description:z.formatString(f,C||(t==null?void 0:t.numOfCredits)),continueText:W,endQuizText:g,onContinue:F,onEndQuiz:G})]}),z.isDefined(_)?_:e.jsx("img",{src:c,className:"wrapper__image"})]})});module.exports=te;

package/dist/QuizSection.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { forwardRef as T, useState as b, useRef as D, useEffect as q } from "react";
 import { p as ee, l as B, q as re } from "./utils-DtRLzzTZ.js";
 import R from "./Button.js";
@@ -367,8 +367,8 @@ const ae = Q.div`
     startQuizText: d = "Start quiz",
     onStartQuiz: _ = () => {
     }
-  }, o) => /* @__PURE__ */ a(ae, { children: [
-    /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
+  }, o) => /* @__PURE__ */ i(ae, { children: [
+    /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
       /* @__PURE__ */ e("div", { className: "wrapper__title", children: s }),
       /* @__PURE__ */ e("div", { className: "wrapper__description", children: c })
     ] }),
@@ -403,12 +403,12 @@ const ae = Q.div`
   }, O) => {
     const [f, k] = b(r), [h, I] = b(!0), u = D(null);
     q(() => (h && f > 0 && (u.current = setInterval(() => {
-      k((i) => i > 0 ? i - 1 : 0);
+      k((a) => a > 0 ? a - 1 : 0);
     }, 1e3)), () => clearInterval(u.current)), [h, f]);
-    const z = f > 0 ? f / r * L : 0, w = (i) => (m == null ? void 0 : m.uuid) === i;
-    return /* @__PURE__ */ a(ie, { children: [
-      /* @__PURE__ */ a("div", { className: "wrapper__headline", children: [
-        /* @__PURE__ */ a("div", { className: "wrapper__question-no", children: [
+    const z = f > 0 ? f / r * L : 0, w = (a) => (m == null ? void 0 : m.uuid) === a;
+    return /* @__PURE__ */ i(ie, { children: [
+      /* @__PURE__ */ i("div", { className: "wrapper__headline", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__question-no", children: [
           /* @__PURE__ */ e("div", { className: "question-no__text", children: `${s} ${c} / ${d}` }),
           /* @__PURE__ */ e(
             te,
@@ -418,8 +418,8 @@ const ae = Q.div`
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "wrapper__timer", children: [
-          /* @__PURE__ */ a("svg", { className: "timer__ring", width: "60", height: "60", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__timer", children: [
+          /* @__PURE__ */ i("svg", { className: "timer__ring", width: "60", height: "60", children: [
             /* @__PURE__ */ e(
               "circle",
               {
@@ -452,17 +452,17 @@ const ae = Q.div`
           /* @__PURE__ */ e("div", { className: "timer__display", children: /* @__PURE__ */ e("span", { className: "timer__text", children: ee(f) }) })
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
-        /* @__PURE__ */ a("div", { className: "wrapper__item", children: [
+      /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__item", children: [
           /* @__PURE__ */ e("div", { className: "wrapper__text", children: _ }),
-          /* @__PURE__ */ e("div", { className: "wrapper__answers", children: o && (o == null ? void 0 : o.map((i, x) => /* @__PURE__ */ a(
+          /* @__PURE__ */ e("div", { className: "wrapper__answers", children: o && (o == null ? void 0 : o.map((a, x) => /* @__PURE__ */ i(
             "div",
             {
-              className: `wrapper__answer ${w(i == null ? void 0 : i.uuid) ? "active" : ""}`,
-              onClick: () => Z(i),
+              className: `wrapper__answer ${w(a == null ? void 0 : a.uuid) ? "active" : ""}`,
+              onClick: () => Z(a),
               children: [
-                `${String.fromCharCode(65 + x)}: ${i == null ? void 0 : i.label}`,
-                w(i == null ? void 0 : i.uuid) && /* @__PURE__ */ e(
+                `${String.fromCharCode(65 + x)}: ${a == null ? void 0 : a.label}`,
+                w(a == null ? void 0 : a.uuid) && /* @__PURE__ */ e(
                   F,
                   {
                     icon: " mng-lnc-checkmark--filled",
@@ -475,7 +475,7 @@ const ae = Q.div`
             `quiz-answer__${x + 1}`
           ))) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "wrapper__actions", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__actions", children: [
           /* @__PURE__ */ e(
             R,
             {
@@ -511,8 +511,8 @@ const ae = Q.div`
     },
     onEndQuiz: m = () => {
     }
-  }, r) => /* @__PURE__ */ a(ne, { children: [
-    /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
+  }, r) => /* @__PURE__ */ i(ne, { children: [
+    /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
       /* @__PURE__ */ e(
         F,
         {
@@ -522,12 +522,12 @@ const ae = Q.div`
           className: "wrapper__icon"
         }
       ),
-      /* @__PURE__ */ a("div", { className: "wrapper__info", children: [
+      /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
         s && /* @__PURE__ */ e("div", { className: "wrapper__title", children: s }),
         c && /* @__PURE__ */ e("div", { className: "wrapper__description", children: c })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "wrapper__actions", children: [
+    /* @__PURE__ */ i("div", { className: "wrapper__actions", children: [
       /* @__PURE__ */ e(
         R,
         {
@@ -615,7 +615,7 @@ const ae = Q.div`
     },
     onEndQuiz: w = () => {
     }
-  }, i) => {
+  }, a) => {
     const [x, g] = b(l.START_QUIZ), [p, v] = b(1), [t, j] = b(null), [y, N] = b(null), P = D([]), X = D(0), G = () => {
       g(l.QUIZ), j(
         r == null ? void 0 : r.find((n) => (n == null ? void 0 : n.questionNo) === p)
@@ -643,8 +643,8 @@ const ae = Q.div`
     }, Y = () => {
       g(l.START_QUIZ), v(1), N(null), w == null || w();
     };
-    return /* @__PURE__ */ a(pe, { children: [
-      /* @__PURE__ */ a("div", { className: "wrapper__outlet", children: [
+    return /* @__PURE__ */ i(pe, { ref: a, children: [
+      /* @__PURE__ */ i("div", { className: "wrapper__outlet", children: [
         x === l.START_QUIZ && /* @__PURE__ */ e(
           le,
           {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.37",
+  "version": "4.0.38",
   "description": "React component library",
   "type": "module",
   "keywords": [
@@ -139,7 +139,7 @@
     "./FieldOfInterestsWithAvatarsCardsSection": "./dist/FieldOfInterestsWithAvatarsCardsSection.js",
     "./FieldOfInterestsWithTagsCardsSection": "./dist/FieldOfInterestsWithTagsCardsSection.js",
     "./GeneralWithTagsCardsSection": "./dist/GeneralWithTagsCardsSection.js",
-    "./QuizSection": "./dist/QuizSection.jsx",
+    "./QuizSection": "./dist/QuizSection.js",
     "./OverlayGeneralCardsSection": "./dist/OverlayGeneralCardsSection.js",
     "./ShopCardsSection": "./dist/ShopCardsSection.js",
     "./LocationSearchSection": "./dist/LocationSearchSection.js",