@lanaco/lnc-react-ui 4.0.206 → 4.0.208

package/dist/QuizSection.js

@@ -1,12 +1,12 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { forwardRef as I, useState as w, useRef as B, useEffect as re } from "react";
-import { x as ae, k as te, l as G, s as ie } from "./utils-DtEfC-TX.js";
+import { y as ae, l as te, m as J, s as ie } from "./utils-B2fsQ6PS.js";
 import z from "./Button.js";
-import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as U, C as H, a as P } from "./consts-BuFChS64.js";
+import { s as U } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as E } from "./breakpoints-ff0SIcV3.js";
 import M from "./Icon.js";
 import ne from "./ProgressBar.js";
-const le = E.div`
+const le = U.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -57,7 +57,7 @@ const le = E.div`
     }
   }
 
-  @media (max-width: ${U + "px"}) {
+  @media ${E("S")} {
     & .wrapper__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
@@ -68,7 +68,7 @@ const le = E.div`
       line-height: 1.25rem;
     }
   }
-`, ce = E.div`
+`, ce = U.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -258,7 +258,7 @@ const le = E.div`
     }
   }
 
-  @media (max-width: ${U + "px"}) {
+  @media ${E("S")} {
     & .wrapper__content {
       & .wrapper__item {
         & .wrapper__answers {
@@ -267,7 +267,7 @@ const le = E.div`
       }
     }
   }
-`, oe = E.div`
+`, oe = U.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -357,7 +357,7 @@ const le = E.div`
     }
   }
 
-  @media (max-width: ${U + "px"}) {
+  @media ${E("S")} {
     width: 100%;
 
     & .wrapper__actions {
@@ -389,7 +389,7 @@ const le = E.div`
       }
     )
   ] })
-), pe = I(
+), F = 26, P = 2 * Math.PI * F, pe = I(
   ({
     questionNoText: g,
     questionNo: o,
@@ -400,9 +400,9 @@ const le = E.div`
     selectedAnswer: e,
     secondsPerQuestion: R,
     nextText: C = "Next",
-    giveUpText: Z = "Give up",
-    nextDisabled: $ = !0,
-    onSelectAnswer: W = () => {
+    giveUpText: $ = "Give up",
+    nextDisabled: W = !0,
+    onSelectAnswer: Z = () => {
     },
     onGiveUp: j = () => {
     },
@@ -410,11 +410,11 @@ const le = E.div`
     },
     selectedAnswerIndex: p
   }, N) => {
-    const [m, k] = w(R), [u, T] = w(!0), x = B(null);
-    re(() => (u && m > 0 && (x.current = setInterval(() => {
+    const [m, k] = w(R), [u, S] = w(!0), v = B(null);
+    re(() => (u && m > 0 && (v.current = setInterval(() => {
       k((d) => d > 0 ? d - 1 : 0);
-    }, 1e3)), () => clearInterval(x.current)), [u, m]);
-    const L = m > 0 ? m / R * P : 0;
+    }, 1e3)), () => clearInterval(v.current)), [u, m]);
+    const A = m > 0 ? m / R * P : 0;
     return /* @__PURE__ */ t(ce, { ref: N, children: [
       /* @__PURE__ */ t("div", { className: "wrapper__headline", children: [
         /* @__PURE__ */ t("div", { className: "wrapper__question-no", children: [
@@ -435,7 +435,7 @@ const le = E.div`
                 className: "ring__progres-background",
                 cx: "30",
                 cy: "30",
-                r: H,
+                r: F,
                 stroke: "#e0e0e0",
                 strokeWidth: "4",
                 fill: "transparent"
@@ -447,14 +447,14 @@ const le = E.div`
                 className: "ring__progres",
                 cx: "30",
                 cy: "30",
-                r: H,
+                r: F,
                 stroke: "#d97706",
                 strokeWidth: "4",
                 fill: "transparent",
                 strokeLinecap: "round",
                 transform: "rotate(-90 30 30)",
                 strokeDasharray: P,
-                strokeDashoffset: P - L
+                strokeDashoffset: P - A
               }
             )
           ] }),
@@ -468,7 +468,7 @@ const le = E.div`
             "div",
             {
               className: `wrapper__answer ${n === i && n === p ? "active" : te(e) && n !== p && p === i ? "incorrect" : ""}`,
-              onClick: () => W(d, i),
+              onClick: () => Z(d, i),
               children: [
                 `${String.fromCharCode(65 + i)}: ${d}`,
                 n === i && n === p && /* @__PURE__ */ r(
@@ -496,7 +496,7 @@ const le = E.div`
           /* @__PURE__ */ r(
             z,
             {
-              text: Z,
+              text: $,
               borderRadius: "curved",
               size: "medium",
               className: "wrapper__action action__give-up",
@@ -510,7 +510,7 @@ const le = E.div`
               borderRadius: "curved",
               size: "medium",
               className: "wrapper__action action__next",
-              disabled: $,
+              disabled: W,
               onClick: D
             }
           )
@@ -571,7 +571,7 @@ const le = E.div`
   START_QUIZ: 0,
   QUIZ: 1,
   CORRECT_ANSWER: 2
-}, de = E.div`
+}, de = U.div`
   display: flex;
   width: 100%;
   align-items: center;
@@ -595,7 +595,7 @@ const le = E.div`
     border-radius: 0.75rem;
   }
 
-  @media (max-width: ${U + "px"}) {
+  @media ${E("S")} {
     & .wrapper__outlet {
       padding: 0;
     }
@@ -615,9 +615,9 @@ const le = E.div`
     questions: e,
     secondsPerQuestion: R,
     numberOfCredits: C,
-    startQuizText: Z = "Start quiz",
-    nextText: $ = "Next",
-    giveUpText: W = "Give up",
+    startQuizText: $ = "Start quiz",
+    nextText: W = "Next",
+    giveUpText: Z = "Give up",
     questionNoText: j = "Question",
     continueText: D = "Continue",
     endQuizText: p = "End quiz",
@@ -629,29 +629,29 @@ const le = E.div`
     },
     onNext: u = () => {
     },
-    onContinue: T = () => {
+    onContinue: S = () => {
     },
-    onEndQuiz: x = () => {
+    onEndQuiz: v = () => {
     }
-  }, L) => {
-    const [d, i] = w(l.START_QUIZ), [_, v] = w(0), [a, A] = w(null), [O, y] = w(null), [F, b] = w(null), X = B([]), Q = B(0), J = () => {
+  }, A) => {
+    const [d, i] = w(l.START_QUIZ), [_, x] = w(0), [a, L] = w(null), [O, y] = w(null), [G, b] = w(null), H = B([]), T = B(0), K = () => {
       var c;
-      i(l.QUIZ), A(
+      i(l.QUIZ), L(
         // questions?.find((question) => question?.questionNo === questionNo)
         (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, _)
       ), N == null || N();
-    }, K = (c, S) => {
-      b(S), y(c), m == null || m();
-    }, V = () => {
-      i(l.START_QUIZ), v(0), y(null), b(null), k == null || k();
+    }, V = (c, Q) => {
+      b(Q), y(c), m == null || m();
+    }, X = () => {
+      i(l.START_QUIZ), x(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)) : _ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0), y(null), b(null)) : (v(_ + 1), A(
+      var Q;
+      const c = G === (a == null ? void 0 : a.correctAnswerIndex);
+      c ? (i(l.CORRECT_ANSWER), T.current += C || (a == null ? void 0 : a.numberOfCredits)) : _ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), x(0), y(null), b(null)) : (x(_ + 1), L(
         // questions?.find((question) => question?.questionNo === questionNo + 1)
-        (S = e == null ? void 0 : e.at) == null ? void 0 : S.call(e, _ + 1)
-      ), y(null), b(null)), X.current = [
-        ...X.current,
+        (Q = e == null ? void 0 : e.at) == null ? void 0 : Q.call(e, _ + 1)
+      ), y(null), b(null)), H.current = [
+        ...H.current,
         {
           question: a,
           selectedAnswer: O,
@@ -660,22 +660,22 @@ const le = E.div`
       ], u == null || u();
     }, q = () => {
       var c;
-      _ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0)) : (i(l.QUIZ), v(_ + 1), A(
+      _ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), x(0)) : (i(l.QUIZ), x(_ + 1), L(
         // questions?.find((question) => question?.questionNo === questionNo + 1)
         (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, _ + 1)
-      )), y(null), b(null), T == null || T(Q == null ? void 0 : Q.current);
+      )), y(null), b(null), S == null || S(T == null ? void 0 : T.current);
     }, ee = () => {
-      i(l.START_QUIZ), v(0), y(null), b(null), x == null || x();
+      i(l.START_QUIZ), x(0), y(null), b(null), v == null || v();
     };
-    return /* @__PURE__ */ t(de, { ref: L, children: [
+    return /* @__PURE__ */ t(de, { ref: A, children: [
       /* @__PURE__ */ t("div", { className: "wrapper__outlet", children: [
         d === l.START_QUIZ && /* @__PURE__ */ r(
           se,
           {
             title: g,
             description: o,
-            startQuizText: Z,
-            onStartQuiz: J
+            startQuizText: $,
+            onStartQuiz: K
           }
         ),
         d === l.QUIZ && a && /* @__PURE__ */ r(
@@ -689,13 +689,13 @@ const le = E.div`
             secondsPerQuestion: R || (a == null ? void 0 : a.secondsPerQuestion),
             correctAnswerIndex: a == null ? void 0 : a.correctAnswerIndex,
             selectedAnswer: O,
-            nextText: $,
-            giveUpText: W,
-            nextDisabled: !G(O),
-            onSelectAnswer: K,
-            onGiveUp: V,
+            nextText: W,
+            giveUpText: Z,
+            nextDisabled: !J(O),
+            onSelectAnswer: V,
+            onGiveUp: X,
             onNext: Y,
-            selectedAnswerIndex: F
+            selectedAnswerIndex: G
           },
           `quiz-question__${_}`
         ),
@@ -714,7 +714,7 @@ const le = E.div`
           }
         )
       ] }),
-      G(n) ? n : /* @__PURE__ */ r("img", { src: s, className: "wrapper__image" })
+      J(n) ? n : /* @__PURE__ */ r("img", { src: s, className: "wrapper__image" })
     ] });
   }
 );

package/dist/RadioInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const l=require("react/jsx-runtime"),h=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=e=>e=="left"?"row-reverse":"row",B=g.styled.label`
+"use strict";const l=require("react/jsx-runtime"),h=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=e=>e=="left"?"row-reverse":"row",B=g.styled.label`
   min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
   max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
   width: 100%;

package/dist/RadioInput.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as l } from "react/jsx-runtime";
 import { forwardRef as B, useState as j } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as b, c as N, e as P, b as i } from "./utils-DtEfC-TX.js";
+import { e as b, d as N, f as P, c as i } from "./utils-B2fsQ6PS.js";
 import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const I = (e) => e == "left" ? "row-reverse" : "row", L = f.label`
   min-height: ${(e) => b(e.theme, e.size)};

package/dist/RangeSlider.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("react"),a=require("./utils-RnrgDDZP.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),U=require("./useUpdateEffect-BtMgpgIV.cjs"),_=({theme:e,size:i})=>{var u=a.getSizeValueWithUnits(e,i);return`
+"use strict";const t=require("react/jsx-runtime"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("react"),a=require("./utils-CITgSxXe.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),U=require("./useUpdateEffect-BtMgpgIV.cjs"),_=({theme:e,size:i})=>{var u=a.getSizeValueWithUnits(e,i);return`
     min-height: ${u};
     max-height: ${u};
   `},g={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},T=x.styled.div`

package/dist/RangeSlider.js

@@ -1,7 +1,7 @@
 import { jsxs as M, jsx as t, Fragment as L } from "react/jsx-runtime";
 import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { forwardRef as W, useRef as X, useState as f, useCallback as q, useEffect as N } from "react";
-import { a as A, b as r, c as D, d as G } from "./utils-DtEfC-TX.js";
+import { b as A, c as r, d as D, e as G } from "./utils-B2fsQ6PS.js";
 import { u as H } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as J } from "./useUpdateEffect-CuYWz7EA.js";
 const K = ({ theme: e, size: o }) => {

package/dist/ReviewsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("react"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),S=require("./useDetectMobile-zkbzoOGV.cjs"),w=require("./utils-RnrgDDZP.cjs"),v=require("./ThemeProvider.cjs"),k=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),R=s.styled.div`
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),S=require("./useDetectMobile-DYV6V1yw.cjs"),b=require("./utils-CITgSxXe.cjs"),k=require("./ThemeProvider.cjs"),v=require("./index-DsINTjQk.cjs"),i=require("./style-BAcV7F53.cjs"),R=l.styled.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -8,20 +8,28 @@
     font-weight: 600;
     font-size: 1.5rem;
   }
-`,y=s.styled.div`
+`,y=l.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media ${w.down("M")} {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${w.down("S")} {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${w.down("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,P=s.styled.a`
+`,$=l.styled.a`
   padding-top: 5rem;
   overflow: hidden;
   text-decoration: none;
   color: var(--gray-950);
-`,$=s.styled.div`
+`,C=l.styled.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -53,11 +61,11 @@
       font-size: 1.375rem;
       font-weight: 600;
       color: var(--gray-950, #14161a);
-      ${w.truncateText()}
+      ${b.truncateText()}
     }
 
     & .cont-text {
-      ${w.truncateTextInRows(2)}
+      ${b.truncateTextInRows(2)}
     }
   }
 
@@ -77,9 +85,9 @@
     box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
       0px 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
-`,b=(t,o)=>w.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",o),C=s.styled.div`
-  font-size: ${t=>b(t,"fontSize")};
-  line-height: ${t=>b(t,"lineHeight")};
+`,j=(t,o)=>b.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",o),P=l.styled.div`
+  font-size: ${t=>j(t,"fontSize")};
+  line-height: ${t=>j(t,"lineHeight")};
   line-height: 1.5rem;
   width: fit-content;
   display: flex;
@@ -98,7 +106,7 @@
     line-height: 1.5rem;
     color: ${t=>t.color};
   }
-`,L=s.styled.span`
+`,L=l.styled.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -107,14 +115,14 @@
   overflow: hidden;
   width: ${t=>t.width}%;
 
-  color: ${t=>w.getColorRgbaValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled","filledColor")};
-`,N=s.styled.span`
+  color: ${t=>b.getColorRgbaValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled","filledColor")};
+`,N=l.styled.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${t=>t.color};
-`,q=g.forwardRef((t,o)=>{const{rating:l=0,reviewCount:n=null,disabled:a=!1,tabIndex:d=0,className:p="",style:h={},color:c="primary",size:u="large"}=t,{theme:r}=v.useTheme(),m={theme:r,color:c,size:u,style:h,disabled:a},f=l/5*100;return e.jsxs(C,{ref:o,tabIndex:d,...m,className:`star-rating ${p}`,children:[e.jsxs("div",{className:"rating",children:[e.jsx(L,{className:"filled-stars",...m,width:f,children:"★★★★★"}),e.jsx(N,{...m,children:"★★★★★"})]}),!isNaN(n)&&Number.isFinite(n)&&e.jsx("div",{className:"review-count",children:`(${n.toLocaleString()})`})]})}),z=g.forwardRef((t,o)=>{const{image:l,text:n,title:a,link:d,rating:p,onSelectCard:h=()=>{},LinkComponent:c}=t,u=c||"a";return e.jsx(P,{ref:o,className:"review-card",onClick:h,as:u,...c?{to:`/${d}`}:{href:`/${d}`},children:e.jsxs($,{children:[e.jsx(k.ProductImageWrapper,{src:l}),e.jsxs("div",{className:"cont",children:[e.jsx("span",{className:"cont-title",children:a}),e.jsx("div",{className:"cont-text",children:n})]}),e.jsx(q,{color:"warning",rating:p})]})})}),M=s.styled(i.SkeletonRowWrapper)`
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+`,q=g.forwardRef((t,o)=>{const{rating:a=0,reviewCount:n=null,disabled:s=!1,tabIndex:d=0,className:p="",style:h={},color:c="primary",size:u="large"}=t,{theme:r}=k.useTheme(),m={theme:r,color:c,size:u,style:h,disabled:s},x=a/5*100;return e.jsxs(P,{ref:o,tabIndex:d,...m,className:`star-rating ${p}`,children:[e.jsxs("div",{className:"rating",children:[e.jsx(L,{className:"filled-stars",...m,width:x,children:"★★★★★"}),e.jsx(N,{...m,children:"★★★★★"})]}),!isNaN(n)&&Number.isFinite(n)&&e.jsx("div",{className:"review-count",children:`(${n.toLocaleString()})`})]})}),z=g.forwardRef((t,o)=>{const{image:a,text:n,title:s,link:d,rating:p,onSelectCard:h=()=>{},LinkComponent:c}=t,u=c||"a";return e.jsx($,{ref:o,className:"review-card",onClick:h,as:u,...c?{to:`/${d}`}:{href:`/${d}`},children:e.jsxs(C,{children:[e.jsx(v.ProductImageWrapper,{src:a}),e.jsxs("div",{className:"cont",children:[e.jsx("span",{className:"cont-title",children:s}),e.jsx("div",{className:"cont-text",children:n})]}),e.jsx(q,{color:"warning",rating:p})]})})}),M=l.styled(i.SkeletonRowWrapper)`
+  @media ${w.down("S")} {
     flex-direction: column;
 
     & > div {
@@ -125,4 +133,4 @@
       }
     }
   }
-`,W=({keyPrefix:t})=>e.jsxs(M,{children:[e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-3`)]}),E=({keyPrefix:t,isLoading:o=!1,fallbackComponent:l=e.jsx(e.Fragment,{}),children:n})=>e.jsx(g.Suspense,{fallbackComponent:l,children:o===!0?e.jsx(W,{keyPrefix:t}):n}),x=g.memo(z),I=g.forwardRef((t,o)=>{const{title:l="Electronics reviews",items:n,limit:a=3,onSelectCard:d=()=>{},isLoading:p=!1,LinkComponent:h}=t,c=S.useDetectMobile(),u=g.useMemo(()=>e.jsx(e.Fragment,{children:c===!0?n==null?void 0:n.map((r,m)=>e.jsx(x,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m)):n==null?void 0:n.slice(0,a).map((r,m)=>e.jsx(x,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m))}),[n,c,a]);return e.jsxs(R,{ref:o,children:[e.jsx("div",{className:"container-title",children:l}),e.jsx(E,{isLoading:p,keyPrefix:"reviews-skeleton",children:e.jsx(y,{limit:a,children:u})})]})});module.exports=I;
+`,W=({keyPrefix:t})=>e.jsxs(M,{children:[e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-3`)]}),F=({keyPrefix:t,isLoading:o=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:n})=>e.jsx(g.Suspense,{fallbackComponent:a,children:o===!0?e.jsx(W,{keyPrefix:t}):n}),f=g.memo(z),G=g.forwardRef((t,o)=>{const{title:a="Electronics reviews",items:n,limit:s=3,onSelectCard:d=()=>{},isLoading:p=!1,LinkComponent:h}=t,c=S.useDetectMobile(),u=g.useMemo(()=>e.jsx(e.Fragment,{children:c===!0?n==null?void 0:n.map((r,m)=>e.jsx(f,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m)):n==null?void 0:n.slice(0,s).map((r,m)=>e.jsx(f,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m))}),[n,c,s]);return e.jsxs(R,{ref:o,children:[e.jsx("div",{className:"container-title",children:a}),e.jsx(F,{isLoading:p,keyPrefix:"reviews-skeleton",children:e.jsx(y,{limit:s,children:u})})]})});module.exports=G;