@lanaco/lnc-react-ui 4.0.72 → 4.0.73

package/dist/GeneralWithTagsCardsSection.cjs

@@ -130,7 +130,7 @@
   height: 3rem;
   border-radius: 999px;
   background: ${m.linearGradientAnimation("-90deg")};
-`,E=l.forwardRef(({},t)=>r.jsx(C,{})),W=l.forwardRef(({text:t,icon:i,onSelectCard:a=()=>{}},p)=>r.jsxs(N,{onClick:a,children:[r.jsx(j,{icon:` ${i}`,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),G=l.forwardRef(({image:t,imageComponent:i,title:a,onSelectCard:p=()=>{}},c)=>{const{theme:h}=k.useTheme();return r.jsxs($,{ref:c,theme:h,onClick:p,children:[m.isDefined(i)?i:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:a})})]})}),R=l.forwardRef(({},t)=>r.jsx(I,{})),q=o.styled.div`
+`,E=l.forwardRef(({},t)=>r.jsx(C,{})),W=l.forwardRef(({title:t,icon:i,onSelectCard:a=()=>{}},p)=>r.jsxs(N,{onClick:a,children:[r.jsx(j,{icon:` ${i}`,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),G=l.forwardRef(({imageUrl:t,imageComponent:i,title:a,onSelectCard:p=()=>{}},c)=>{const{theme:h}=k.useTheme();return r.jsxs($,{ref:c,theme:h,onClick:p,children:[m.isDefined(i)?i:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:a})})]})}),R=l.forwardRef(({},t)=>r.jsx(I,{})),q=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -207,4 +207,4 @@
       gap: 1rem;
     }
   }
-`,z=l.forwardRef(({title:t,subtitle:i,options:a=[],limitTags:p=7,limitTagsForMobile:c=2,limit:h=3,limitForMobile:b=3,items:n=[],onSelectTag:_=()=>{},onSelectCard:x=()=>{},isLoading:y},v)=>{var f,u;const g=e=>{_==null||_(e==null?void 0:e.uuid)},w=e=>{x==null||x(e==null?void 0:e.uuid)};return r.jsxs(q,{ref:v,limitTags:p,limitTagsForMobile:c,limitCards:h,limitCardsForMobile:b,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,s)=>r.jsx(G,{image:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>w==null?void 0:w(e==null?void 0:e.uuid)},`general-with-tags-card__${s+1}`)):(f=Array.from("123"))==null?void 0:f.map((e,s)=>r.jsx(R,{},`general-with-tags-card-skeleton__${s+1}`))}),(a==null?void 0:a.length)>0&&r.jsx("div",{className:"wrapper__tags",children:a==null?void 0:a.map((e,s)=>r.jsx(W,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.text,onSelectCard:()=>g==null?void 0:g(e)},`general-with-tags-card-tag__${s+1}`))}),y===!0&&!((a==null?void 0:a.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(u=Array.from("123"))==null?void 0:u.map((e,s)=>r.jsx(E,{},`general-with-tags-card-tag-skeleton__${s+1}`))})]})});module.exports=z;
+`,z=l.forwardRef(({title:t,subtitle:i,options:a=[],limitTags:p=7,limitTagsForMobile:c=2,limit:h=3,limitForMobile:b=3,items:n=[],onSelectTag:_=()=>{},onSelectCard:g=()=>{},isLoading:y},v)=>{var f,u;const w=e=>{_==null||_(e==null?void 0:e.uuid)},x=e=>{g==null||g(e==null?void 0:e.uuid)};return r.jsxs(q,{ref:v,limitTags:p,limitTagsForMobile:c,limitCards:h,limitCardsForMobile:b,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,s)=>r.jsx(G,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>x==null?void 0:x(e==null?void 0:e.uuid)},`general-with-tags-card__${s+1}`)):(f=Array.from("123"))==null?void 0:f.map((e,s)=>r.jsx(R,{},`general-with-tags-card-skeleton__${s+1}`))}),(a==null?void 0:a.length)>0&&r.jsx("div",{className:"wrapper__tags",children:a==null?void 0:a.map((e,s)=>r.jsx(W,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>w==null?void 0:w(e)},`general-with-tags-card-tag__${s+1}`))}),y===!0&&!((a==null?void 0:a.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(u=Array.from("123"))==null?void 0:u.map((e,s)=>r.jsx(E,{},`general-with-tags-card-tag-skeleton__${s+1}`))})]})});module.exports=z;

package/dist/GeneralWithTagsCardsSection.js

@@ -138,14 +138,14 @@ const j = s.div`
   border-radius: 999px;
   background: ${b("-90deg")};
 `, I = o(({}, r) => /* @__PURE__ */ a(T, {})), M = o(
-  ({ text: r, icon: i, onSelectCard: t = () => {
+  ({ title: r, icon: i, onSelectCard: t = () => {
   } }, p) => /* @__PURE__ */ m(z, { onClick: t, children: [
     /* @__PURE__ */ a(C, { icon: ` ${i}`, className: "wrapper__icon" }),
     /* @__PURE__ */ a("div", { className: "wrapper__text", children: r })
   ] })
 ), A = o(
   // eslint-disable-next-line react/prop-types
-  ({ image: r, imageComponent: i, title: t, onSelectCard: p = () => {
+  ({ imageUrl: r, imageComponent: i, title: t, onSelectCard: p = () => {
   } }, c) => {
     const { theme: h } = W();
     return /* @__PURE__ */ m(j, { ref: c, theme: h, onClick: p, children: [
@@ -268,7 +268,7 @@ const j = s.div`
           /* @__PURE__ */ a("div", { className: "wrapper__cards", children: n && (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((e, l) => /* @__PURE__ */ a(
             A,
             {
-              image: e == null ? void 0 : e.imageUrl,
+              imageUrl: e == null ? void 0 : e.imageUrl,
               imageComponent: e == null ? void 0 : e.imageComponent,
               title: e == null ? void 0 : e.title,
               onSelectCard: () => f == null ? void 0 : f(e == null ? void 0 : e.uuid)
@@ -283,7 +283,7 @@ const j = s.div`
             M,
             {
               icon: e == null ? void 0 : e.icon,
-              text: e == null ? void 0 : e.text,
+              title: e == null ? void 0 : e.title,
               onSelectCard: () => _ == null ? void 0 : _(e)
             },
             `general-with-tags-card-tag__${l + 1}`

package/dist/QuizSection.cjs

@@ -392,4 +392,4 @@
       display: none;
     }
   }
-`,ie=i.forwardRef(({title:g,subtitle:c,endTitle:f,endDescription:x,imageUrl:h,imageComponent:n,questions:r,secondsPerQuestion:C,numberOfCredits:z,startQuizText:Q="Start quiz",nextText:U="Next",giveUpText:Z="Give up",questionNoText:L="Question",continueText:$="Continue",endQuizText:o="End quiz",onStartQuiz:R=()=>{},onSelectAnswer:p=()=>{},onGiveUp:b=()=>{},onNext:u=()=>{},onContinue:E=()=>{},onEndQuiz:w=()=>{}},W)=>{const[d,a]=i.useState(l.START_QUIZ),[m,v]=i.useState(1),[t,D]=i.useState(null),[O,y]=i.useState(null),[P,j]=i.useState(null),A=i.useRef([]),I=i.useRef(0),B=()=>{var s;a(l.QUIZ),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,+m)),R==null||R()},X=(s,S)=>{j(S),y(s),p==null||p()},F=()=>{a(l.START_QUIZ),v(1),y(null),j(null),b==null||b()},G=()=>{var S;const s=P===(t==null?void 0:t.correctAnswerIndex);s?(a(l.CORRECT_ANSWER),I.current+=z||(t==null?void 0:t.numberOfCredits)):m===(r==null?void 0:r.length)?(a(l.START_QUIZ),v(1),y(null),j(null)):(v(m+1),D((S=r==null?void 0:r.at)==null?void 0:S.call(r,+m+1)),y(null),j(null)),A.current=[...A.current,{question:t,selectedAnswer:O,isCorrect:s}],u==null||u()},H=()=>{var s;m===(r==null?void 0:r.length)?(a(l.START_QUIZ),v(1)):(a(l.QUIZ),v(m+1),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,+m+1))),y(null),j(null),E==null||E(I==null?void 0:I.current)},J=()=>{a(l.START_QUIZ),v(1),y(null),j(null),w==null||w()};return e.jsxs(ae,{ref:W,children:[e.jsxs("div",{className:"wrapper__outlet",children:[d===l.START_QUIZ&&e.jsx(ee,{title:g,description:c,startQuizText:Q,onStartQuiz:B}),d===l.QUIZ&&t&&e.jsx(re,{questionNoText:L,questionNo:m,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.questionText,options:t==null?void 0:t.options,secondsPerQuestion:C||(t==null?void 0:t.secondsPerQuestion),correctAnswerIndex:t==null?void 0:t.correctAnswerIndex,selectedAnswer:O,nextText:U,giveUpText:Z,nextDisabled:!N.isDefined(O),onSelectAnswer:X,onGiveUp:F,onNext:G,selectedAnswerIndex:P},`quiz-question__${m}`),d===l.CORRECT_ANSWER&&e.jsx(te,{title:f,description:N.formatString(x,z||(t==null?void 0:t.numberOfCredits)),continueText:$,endQuizText:o,onContinue:H,onEndQuiz:J})]}),N.isDefined(n)?n:e.jsx("img",{src:h,className:"wrapper__image"})]})});module.exports=ie;
+`,ie=i.forwardRef(({title:g,subtitle:c,endTitle:f,endDescription:x,imageUrl:h,imageComponent:n,questions:r,secondsPerQuestion:C,numberOfCredits:z,startQuizText:Q="Start quiz",nextText:U="Next",giveUpText:Z="Give up",questionNoText:L="Question",continueText:$="Continue",endQuizText:o="End quiz",onStartQuiz:R=()=>{},onSelectAnswer:p=()=>{},onGiveUp:b=()=>{},onNext:u=()=>{},onContinue:E=()=>{},onEndQuiz:w=()=>{}},W)=>{const[d,a]=i.useState(l.START_QUIZ),[m,v]=i.useState(0),[t,D]=i.useState(null),[O,y]=i.useState(null),[P,j]=i.useState(null),A=i.useRef([]),I=i.useRef(0),B=()=>{var s;a(l.QUIZ),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,m)),R==null||R()},X=(s,S)=>{j(S),y(s),p==null||p()},F=()=>{a(l.START_QUIZ),v(0),y(null),j(null),b==null||b()},G=()=>{var S;const s=P===(t==null?void 0:t.correctAnswerIndex);s?(a(l.CORRECT_ANSWER),I.current+=z||(t==null?void 0:t.numberOfCredits)):m===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0),y(null),j(null)):(v(m+1),D((S=r==null?void 0:r.at)==null?void 0:S.call(r,m+1)),y(null),j(null)),A.current=[...A.current,{question:t,selectedAnswer:O,isCorrect:s}],u==null||u()},H=()=>{var s;m===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0)):(a(l.QUIZ),v(m+1),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,m+1))),y(null),j(null),E==null||E(I==null?void 0:I.current)},J=()=>{a(l.START_QUIZ),v(0),y(null),j(null),w==null||w()};return e.jsxs(ae,{ref:W,children:[e.jsxs("div",{className:"wrapper__outlet",children:[d===l.START_QUIZ&&e.jsx(ee,{title:g,description:c,startQuizText:Q,onStartQuiz:B}),d===l.QUIZ&&t&&e.jsx(re,{questionNoText:L,questionNo:m,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.questionText,options:t==null?void 0:t.options,secondsPerQuestion:C||(t==null?void 0:t.secondsPerQuestion),correctAnswerIndex:t==null?void 0:t.correctAnswerIndex,selectedAnswer:O,nextText:U,giveUpText:Z,nextDisabled:!N.isDefined(O),onSelectAnswer:X,onGiveUp:F,onNext:G,selectedAnswerIndex:P},`quiz-question__${m}`),d===l.CORRECT_ANSWER&&e.jsx(te,{title:f,description:N.formatString(x,z||(t==null?void 0:t.numberOfCredits)),continueText:$,endQuizText:o,onContinue:H,onEndQuiz:J})]}),N.isDefined(n)?n:e.jsx("img",{src:h,className:"wrapper__image"})]})});module.exports=ie;

package/dist/QuizSection.js

@@ -634,22 +634,22 @@ const le = E.div`
     onEndQuiz: x = () => {
     }
   }, L) => {
-    const [m, i] = w(l.START_QUIZ), [d, v] = w(1), [a, A] = w(null), [O, y] = w(null), [F, b] = w(null), X = B([]), Q = B(0), J = () => {
+    const [m, i] = w(l.START_QUIZ), [d, v] = w(0), [a, A] = w(null), [O, y] = w(null), [F, b] = w(null), X = B([]), Q = B(0), J = () => {
       var c;
       i(l.QUIZ), A(
         // questions?.find((question) => question?.questionNo === questionNo)
-        (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, +d)
+        (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, d)
       ), N == null || N();
     }, K = (c, S) => {
       b(S), y(c), p == null || p();
     }, V = () => {
-      i(l.START_QUIZ), v(1), y(null), b(null), k == null || k();
+      i(l.START_QUIZ), v(0), y(null), b(null), k == null || k();
     }, Y = () => {
       var S;
       const c = F === (a == null ? void 0 : a.correctAnswerIndex);
-      c ? (i(l.CORRECT_ANSWER), Q.current += C || (a == null ? void 0 : a.numberOfCredits)) : d === (e == null ? void 0 : e.length) ? (i(l.START_QUIZ), v(1), y(null), b(null)) : (v(d + 1), A(
+      c ? (i(l.CORRECT_ANSWER), Q.current += C || (a == null ? void 0 : a.numberOfCredits)) : d === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0), y(null), b(null)) : (v(d + 1), A(
         // questions?.find((question) => question?.questionNo === questionNo + 1)
-        (S = e == null ? void 0 : e.at) == null ? void 0 : S.call(e, +d + 1)
+        (S = e == null ? void 0 : e.at) == null ? void 0 : S.call(e, d + 1)
       ), y(null), b(null)), X.current = [
         ...X.current,
         {
@@ -660,12 +660,12 @@ const le = E.div`
       ], u == null || u();
     }, q = () => {
       var c;
-      d === (e == null ? void 0 : e.length) ? (i(l.START_QUIZ), v(1)) : (i(l.QUIZ), v(d + 1), A(
+      d === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0)) : (i(l.QUIZ), v(d + 1), A(
         // questions?.find((question) => question?.questionNo === questionNo + 1)
-        (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, +d + 1)
+        (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, d + 1)
       )), y(null), b(null), T == null || T(Q == null ? void 0 : Q.current);
     }, ee = () => {
-      i(l.START_QUIZ), v(1), y(null), b(null), x == null || x();
+      i(l.START_QUIZ), v(0), y(null), b(null), x == null || x();
     };
     return /* @__PURE__ */ t(de, { ref: L, children: [
       /* @__PURE__ */ t("div", { className: "wrapper__outlet", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.72",
+  "version": "4.0.73",
   "description": "React component library",
   "type": "module",
   "keywords": [