@lanaco/lnc-react-ui 4.0.117 → 4.0.119

package/dist/FaqSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("react"),r=require("./index-BpbMKBf_.cjs"),q=require("./Chip.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),j=require("./Icon.cjs"),P=require("./IconButton.cjs"),C=require("./Button.cjs"),M=v.styled.div`
+"use strict";const e=require("react/jsx-runtime"),f=require("react"),n=require("./index-BpbMKBf_.cjs"),q=require("./Chip.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),j=require("./Icon.cjs"),P=require("./IconButton.cjs"),C=require("./Button.cjs"),M=b.styled.div`
   display: flex;
   gap: 0.75rem;
   align-items: center;
@@ -34,7 +34,7 @@
     }
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     width: 100%;
     overflow-x: auto;
     white-space: nowrap;
@@ -53,7 +53,7 @@
       /* Safari and Chrome */
     }
   }
-`,E=v.styled.div`
+`,E=b.styled.div`
   display: flex;
   gap: 1.25rem;
   width: 100%;
@@ -78,10 +78,10 @@
     }
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
   }
-`,$=v.styled.div`
+`,$=b.styled.div`
   width: 100%;
   height: fit-content;
   background: var(--white, #fff);
@@ -161,7 +161,7 @@
     }
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     & .card__impression {
       justify-content: space-between;
 
@@ -170,7 +170,7 @@
       }
     }
   }
-`,I=h.forwardRef(({tags:s=[],selectedTagCode:a=null,onSelectTag:l=()=>{}},g)=>e.jsx(M,{children:s==null?void 0:s.map((t,d)=>e.jsx(q,{label:t==null?void 0:t.name,borderRadius:"curved",color:"neutral",className:`tags__item ${a===(t==null?void 0:t.code)?"active":""}`,onClick:()=>{l(t)}},`faq-section-tag__${d+1}`))}));I.propTypes={tags:r.PropTypes.array,onSelectTag:r.PropTypes.func};const b=({title:s,description:a,questionText:l,feedbackText:g,impressions:t=!1,onSelectItem:d=()=>{},onImpressed:u=()=>{}})=>{const[p,_]=h.useState(!1),[m,x]=h.useState(!1),f=()=>{_(o=>!o),d()},i=(o,c)=>{o==null||o.stopPropagation(),x(!0),u(c)};return e.jsxs($,{className:p?"expanded":"",onClick:f,children:[e.jsxs("div",{className:"card__heading",children:[e.jsx("div",{className:"card__title",children:s}),e.jsx(j,{icon:p?" mng-lnc-subtract":" mng-lnc-add",sizeInUnits:"1.25rem",className:"card__icon"})]}),p&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"card__description",children:a}),t&&e.jsx(e.Fragment,{children:m?e.jsxs("div",{className:"card__impression feedback",children:[e.jsx(j,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1.25rem",color:"success"}),e.jsx("div",{className:"imppression__question",children:g})]}):e.jsxs("div",{className:"card__impression",children:[e.jsx("div",{className:"imppression__question",children:l}),e.jsxs("div",{className:"impression__actions",children:[e.jsx(P,{icon:" mng-lnc-thumbs-up",borderRadius:"curved",btnType:"outline",onClick:o=>i(o,!0)}),e.jsx(P,{icon:" mng-lnc-thumbs-down",borderRadius:"curved",btnType:"outline",onClick:o=>i(o,!1)})]})]})})]})]})},S=h.forwardRef(({items:s=[],questionText:a,feedbackText:l,showMoreText:g,impressions:t=!1,onSelectItem:d=()=>{},onImpressed:u=()=>{}},p)=>{const _=N.useDetectMobile(),[m,x]=h.useState(!1),f=()=>{x(o=>!o)},i=h.useMemo(()=>{if(_)return s==null?void 0:s.map((n,y)=>e.jsx(b,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:a,feedbackText:l,impressions:t,onSelectItem:()=>d(n),onImpressed:w=>u(n,w)},`faq-section-item__${y+1}`));const o=[],c=[];return s==null||s.forEach((n,y)=>{y%2===0?o.push(e.jsx(b,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:a,feedbackText:l,impressions:t,onSelectItem:()=>d(n),onImpressed:w=>u(n,w)},`faq-section-item__${y+1}`)):c.push(e.jsx(b,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:a,feedbackText:l,impressions:t,onSelectItem:()=>d(n),onImpressed:w=>u(n,w)},`faq-section-item__${y+1}`))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"section__column",children:o}),e.jsx("div",{className:"section__column",children:c})]})},[s,_]);return e.jsx(E,{children:_?m?i:e.jsxs(e.Fragment,{children:[i==null?void 0:i.slice(0,4),(i==null?void 0:i.length)>4&&e.jsx(C,{text:g,btnType:"basic",color:"neutral",className:"section__show-more",onClick:f})]}):i})});b.propTypes={title:r.PropTypes.string,description:r.PropTypes.string,questionText:r.PropTypes.string,feedbackText:r.PropTypes.string,showMoreText:r.PropTypes.string,impressions:r.PropTypes.bool,onSelectItem:r.PropTypes.func,onImpressed:r.PropTypes.func};S.propTypes={items:r.PropTypes.array,questionText:r.PropTypes.string,feedbackText:r.PropTypes.string,showMoreText:r.PropTypes.string,impressions:r.PropTypes.bool,onSelectItem:r.PropTypes.func,onImpressed:r.PropTypes.func};const F=v.styled.div`
+`,I=f.forwardRef(({tags:i=[],allTagText:c,selectedTagCode:l=null,onSelectTag:h=()=>{}},d)=>e.jsx(M,{children:[{name:c,code:null},...i].map((t,p)=>e.jsx(q,{label:t==null?void 0:t.name,borderRadius:"curved",color:"neutral",className:`tags__item ${l===(t==null?void 0:t.code)?"active":""}`,onClick:()=>{h(t)}},`faq-section-tag__${p+1}`))}));I.propTypes={tags:n.PropTypes.array,allTagText:n.PropTypes.string,onSelectTag:n.PropTypes.func};const w=({title:i,description:c,questionText:l,feedbackText:h,impressions:d=!1,onSelectItem:t=()=>{},onImpressed:p=()=>{}})=>{const[u,a]=f.useState(!1),[_,m]=f.useState(!1),x=()=>{a(o=>!o),t()},s=(o,g)=>{o==null||o.stopPropagation(),m(!0),p(g)};return e.jsxs($,{className:u?"expanded":"",onClick:x,children:[e.jsxs("div",{className:"card__heading",children:[e.jsx("div",{className:"card__title",children:i}),e.jsx(j,{icon:u?" mng-lnc-subtract":" mng-lnc-add",sizeInUnits:"1.25rem",className:"card__icon"})]}),u&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"card__description",children:c}),d&&e.jsx(e.Fragment,{children:_?e.jsxs("div",{className:"card__impression feedback",children:[e.jsx(j,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1.25rem",color:"success"}),e.jsx("div",{className:"imppression__question",children:h})]}):e.jsxs("div",{className:"card__impression",children:[e.jsx("div",{className:"imppression__question",children:l}),e.jsxs("div",{className:"impression__actions",children:[e.jsx(P,{icon:" mng-lnc-thumbs-up",borderRadius:"curved",btnType:"outline",onClick:o=>s(o,!0)}),e.jsx(P,{icon:" mng-lnc-thumbs-down",borderRadius:"curved",btnType:"outline",onClick:o=>s(o,!1)})]})]})})]})]})},S=f.forwardRef(({items:i=[],questionText:c,feedbackText:l,showMoreText:h,impressions:d=!1,onSelectItem:t=()=>{},onImpressed:p=()=>{}},u)=>{const a=N.useDetectMobile(),[_,m]=f.useState(!1),x=()=>{m(o=>!o)},s=f.useMemo(()=>{if(a)return i==null?void 0:i.map((r,y)=>e.jsx(w,{title:r==null?void 0:r.title,description:r==null?void 0:r.description,questionText:c,feedbackText:l,impressions:d,onSelectItem:()=>t(r),onImpressed:T=>p(r,T)},`faq-section-item__${y+1}`));const o=[],g=[];return i==null||i.forEach((r,y)=>{y%2===0?o.push(e.jsx(w,{title:r==null?void 0:r.title,description:r==null?void 0:r.description,questionText:c,feedbackText:l,impressions:d,onSelectItem:()=>t(r),onImpressed:T=>p(r,T)},`faq-section-item__${y+1}`)):g.push(e.jsx(w,{title:r==null?void 0:r.title,description:r==null?void 0:r.description,questionText:c,feedbackText:l,impressions:d,onSelectItem:()=>t(r),onImpressed:T=>p(r,T)},`faq-section-item__${y+1}`))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"section__column",children:o}),e.jsx("div",{className:"section__column",children:g})]})},[i,a]);return e.jsx(E,{children:a?_?s:e.jsxs(e.Fragment,{children:[s==null?void 0:s.slice(0,4),(s==null?void 0:s.length)>4&&e.jsx(C,{text:h,btnType:"basic",color:"neutral",className:"section__show-more",onClick:x})]}):s})});w.propTypes={title:n.PropTypes.string,description:n.PropTypes.string,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};S.propTypes={items:n.PropTypes.array,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};const F=b.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -202,7 +202,7 @@
     line-height: 1.5rem;
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     & .section__title {
       font-size: 1rem;
       font-weight: 500;
@@ -216,4 +216,4 @@
       letter-spacing: 0.25px;
     }
   }
-`,k=h.forwardRef(({title:s,description:a,questionText:l="What do you think about this answer?",feedbackText:g="Thank you for feedback!",showMoreText:t="Show more",impressions:d=!1,tags:u=[],items:p=[],onSelectItem:_=()=>{},onImpressed:m=()=>{}},x)=>{const[f,i]=h.useState(null),o=c=>{i(c==null?void 0:c.code)};return e.jsxs(F,{ref:x,children:[e.jsxs("div",{className:"section__heading",children:[s&&e.jsx("div",{className:"section__title",children:s}),a&&e.jsx("div",{className:"section__description",children:a})]}),e.jsx(I,{tags:u,selectedTagCode:f,onSelectTag:o}),e.jsx(S,{items:f===null?p:p==null?void 0:p.filter(c=>(c==null?void 0:c.tagCode)===f),questionText:l,feedbackText:g,showMoreText:t,impressions:d,onSelectItem:_,onImpressed:m},`faq-section-items__${f}`)]})});k.propTypes={title:r.PropTypes.string,description:r.PropTypes.string,tags:r.PropTypes.array,items:r.PropTypes.array,questionText:r.PropTypes.string,feedbackText:r.PropTypes.string,showMoreText:r.PropTypes.string,impressions:r.PropTypes.bool,onSelectItem:r.PropTypes.func,onImpressed:r.PropTypes.func};module.exports=k;
+`,k=f.forwardRef(({title:i,description:c,questionText:l="What do you think about this answer?",feedbackText:h="Thank you for feedback!",showMoreText:d="Show more",allTagText:t="All",impressions:p=!1,tags:u=[],items:a=[],onSelectItem:_=()=>{},onImpressed:m=()=>{}},x)=>{const[s,o]=f.useState(null),g=r=>{o(r==null?void 0:r.code)};return e.jsxs(F,{ref:x,children:[e.jsxs("div",{className:"section__heading",children:[i&&e.jsx("div",{className:"section__title",children:i}),c&&e.jsx("div",{className:"section__description",children:c})]}),e.jsx(I,{tags:u,allTagText:t,selectedTagCode:s,onSelectTag:g}),e.jsx(S,{items:s===null?a:a==null?void 0:a.filter(r=>(r==null?void 0:r.tagCode)===s),questionText:l,feedbackText:h,showMoreText:d,impressions:p,onSelectItem:_,onImpressed:m},`faq-section-items__${s}`)]})});k.propTypes={title:n.PropTypes.string,description:n.PropTypes.string,tags:n.PropTypes.array,items:n.PropTypes.array,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,allTagText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};module.exports=k;

package/dist/FaqSection.js

@@ -1,14 +1,14 @@
-import { jsx as r, jsxs as l, Fragment as x } from "react/jsx-runtime";
-import { forwardRef as S, useState as k, useMemo as $ } from "react";
-import { P as e } from "./index-CblbdqjE.js";
+import { jsx as r, jsxs as l, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as S, useState as T, useMemo as $ } from "react";
+import { P as n } from "./index-CblbdqjE.js";
 import z from "./Chip.js";
-import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as I } from "./consts-BuFChS64.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
 import N from "./Icon.js";
 import C from "./IconButton.js";
 import F from "./Button.js";
-const j = T.div`
+const j = k.div`
   display: flex;
   gap: 0.75rem;
   align-items: center;
@@ -63,7 +63,7 @@ const j = T.div`
       /* Safari and Chrome */
     }
   }
-`, P = T.div`
+`, P = k.div`
   display: flex;
   gap: 1.25rem;
   width: 100%;
@@ -91,7 +91,7 @@ const j = T.div`
   @media (max-width: ${I + "px"}) {
     flex-direction: column;
   }
-`, R = T.div`
+`, R = k.div`
   width: 100%;
   height: fit-content;
   background: var(--white, #fff);
@@ -181,61 +181,62 @@ const j = T.div`
     }
   }
 `, q = S(
-  ({ tags: o = [], selectedTagCode: c = null, onSelectTag: d = () => {
-  } }, u) => /* @__PURE__ */ r(j, { children: o == null ? void 0 : o.map((t, f) => /* @__PURE__ */ r(
+  ({ tags: s = [], allTagText: a, selectedTagCode: d = null, onSelectTag: h = () => {
+  } }, p) => /* @__PURE__ */ r(j, { children: [{ name: a, code: null }, ...s].map((i, f) => /* @__PURE__ */ r(
     z,
     {
-      label: t == null ? void 0 : t.name,
+      label: i == null ? void 0 : i.name,
       borderRadius: "curved",
       color: "neutral",
-      className: `tags__item ${c === (t == null ? void 0 : t.code) ? "active" : ""}`,
+      className: `tags__item ${d === (i == null ? void 0 : i.code) ? "active" : ""}`,
       onClick: () => {
-        d(t);
+        h(i);
       }
     },
     `faq-section-tag__${f + 1}`
   )) })
 );
 q.propTypes = {
-  tags: e.array,
-  onSelectTag: e.func
+  tags: n.array,
+  allTagText: n.string,
+  onSelectTag: n.func
 };
-const y = ({
-  title: o,
-  description: c,
+const b = ({
+  title: s,
+  description: a,
   questionText: d,
-  feedbackText: u,
-  impressions: t = !1,
-  onSelectItem: f = () => {
+  feedbackText: h,
+  impressions: p = !1,
+  onSelectItem: i = () => {
   },
-  onImpressed: m = () => {
+  onImpressed: f = () => {
   }
 }) => {
-  const [p, g] = k(!1), [_, w] = k(!1), h = () => {
-    g((i) => !i), f();
-  }, s = (i, a) => {
-    i == null || i.stopPropagation(), w(!0), m(a);
+  const [m, c] = T(!1), [g, u] = T(!1), _ = () => {
+    c((t) => !t), i();
+  }, o = (t, w) => {
+    t == null || t.stopPropagation(), u(!0), f(w);
   };
   return /* @__PURE__ */ l(
     R,
     {
-      className: p ? "expanded" : "",
-      onClick: h,
+      className: m ? "expanded" : "",
+      onClick: _,
       children: [
         /* @__PURE__ */ l("div", { className: "card__heading", children: [
-          /* @__PURE__ */ r("div", { className: "card__title", children: o }),
+          /* @__PURE__ */ r("div", { className: "card__title", children: s }),
           /* @__PURE__ */ r(
             N,
             {
-              icon: p ? " mng-lnc-subtract" : " mng-lnc-add",
+              icon: m ? " mng-lnc-subtract" : " mng-lnc-add",
               sizeInUnits: "1.25rem",
               className: "card__icon"
             }
           )
         ] }),
-        p && /* @__PURE__ */ l(x, { children: [
-          /* @__PURE__ */ r("div", { className: "card__description", children: c }),
-          t && /* @__PURE__ */ r(x, { children: _ ? /* @__PURE__ */ l("div", { className: "card__impression feedback", children: [
+        m && /* @__PURE__ */ l(y, { children: [
+          /* @__PURE__ */ r("div", { className: "card__description", children: a }),
+          p && /* @__PURE__ */ r(y, { children: g ? /* @__PURE__ */ l("div", { className: "card__impression feedback", children: [
             /* @__PURE__ */ r(
               N,
               {
@@ -244,7 +245,7 @@ const y = ({
                 color: "success"
               }
             ),
-            /* @__PURE__ */ r("div", { className: "imppression__question", children: u })
+            /* @__PURE__ */ r("div", { className: "imppression__question", children: h })
           ] }) : /* @__PURE__ */ l("div", { className: "card__impression", children: [
             /* @__PURE__ */ r("div", { className: "imppression__question", children: d }),
             /* @__PURE__ */ l("div", { className: "impression__actions", children: [
@@ -254,7 +255,7 @@ const y = ({
                   icon: " mng-lnc-thumbs-up",
                   borderRadius: "curved",
                   btnType: "outline",
-                  onClick: (i) => s(i, !0)
+                  onClick: (t) => o(t, !0)
                 }
               ),
               /* @__PURE__ */ r(
@@ -263,7 +264,7 @@ const y = ({
                   icon: " mng-lnc-thumbs-down",
                   borderRadius: "curved",
                   btnType: "outline",
-                  onClick: (i) => s(i, !1)
+                  onClick: (t) => o(t, !1)
                 }
               )
             ] })
@@ -274,104 +275,104 @@ const y = ({
   );
 }, M = S(
   ({
-    items: o = [],
-    questionText: c,
+    items: s = [],
+    questionText: a,
     feedbackText: d,
-    showMoreText: u,
-    impressions: t = !1,
-    onSelectItem: f = () => {
+    showMoreText: h,
+    impressions: p = !1,
+    onSelectItem: i = () => {
     },
-    onImpressed: m = () => {
+    onImpressed: f = () => {
     }
-  }, p) => {
-    const g = E(), [_, w] = k(!1), h = () => {
-      w((i) => !i);
-    }, s = $(() => {
-      if (g)
-        return o == null ? void 0 : o.map((n, v) => /* @__PURE__ */ r(
-          y,
+  }, m) => {
+    const c = E(), [g, u] = T(!1), _ = () => {
+      u((t) => !t);
+    }, o = $(() => {
+      if (c)
+        return s == null ? void 0 : s.map((e, v) => /* @__PURE__ */ r(
+          b,
           {
-            title: n == null ? void 0 : n.title,
-            description: n == null ? void 0 : n.description,
-            questionText: c,
+            title: e == null ? void 0 : e.title,
+            description: e == null ? void 0 : e.description,
+            questionText: a,
             feedbackText: d,
-            impressions: t,
-            onSelectItem: () => f(n),
-            onImpressed: (b) => m(n, b)
+            impressions: p,
+            onSelectItem: () => i(e),
+            onImpressed: (x) => f(e, x)
           },
           `faq-section-item__${v + 1}`
         ));
-      const i = [], a = [];
-      return o == null || o.forEach((n, v) => {
-        v % 2 === 0 ? i.push(
+      const t = [], w = [];
+      return s == null || s.forEach((e, v) => {
+        v % 2 === 0 ? t.push(
           /* @__PURE__ */ r(
-            y,
+            b,
             {
-              title: n == null ? void 0 : n.title,
-              description: n == null ? void 0 : n.description,
-              questionText: c,
+              title: e == null ? void 0 : e.title,
+              description: e == null ? void 0 : e.description,
+              questionText: a,
               feedbackText: d,
-              impressions: t,
-              onSelectItem: () => f(n),
-              onImpressed: (b) => m(n, b)
+              impressions: p,
+              onSelectItem: () => i(e),
+              onImpressed: (x) => f(e, x)
             },
             `faq-section-item__${v + 1}`
           )
-        ) : a.push(
+        ) : w.push(
           /* @__PURE__ */ r(
-            y,
+            b,
             {
-              title: n == null ? void 0 : n.title,
-              description: n == null ? void 0 : n.description,
-              questionText: c,
+              title: e == null ? void 0 : e.title,
+              description: e == null ? void 0 : e.description,
+              questionText: a,
               feedbackText: d,
-              impressions: t,
-              onSelectItem: () => f(n),
-              onImpressed: (b) => m(n, b)
+              impressions: p,
+              onSelectItem: () => i(e),
+              onImpressed: (x) => f(e, x)
             },
             `faq-section-item__${v + 1}`
           )
         );
-      }), /* @__PURE__ */ l(x, { children: [
-        /* @__PURE__ */ r("div", { className: "section__column", children: i }),
-        /* @__PURE__ */ r("div", { className: "section__column", children: a })
+      }), /* @__PURE__ */ l(y, { children: [
+        /* @__PURE__ */ r("div", { className: "section__column", children: t }),
+        /* @__PURE__ */ r("div", { className: "section__column", children: w })
       ] });
-    }, [o, g]);
-    return /* @__PURE__ */ r(P, { children: g ? _ ? s : /* @__PURE__ */ l(x, { children: [
-      s == null ? void 0 : s.slice(0, 4),
-      (s == null ? void 0 : s.length) > 4 && /* @__PURE__ */ r(
+    }, [s, c]);
+    return /* @__PURE__ */ r(P, { children: c ? g ? o : /* @__PURE__ */ l(y, { children: [
+      o == null ? void 0 : o.slice(0, 4),
+      (o == null ? void 0 : o.length) > 4 && /* @__PURE__ */ r(
         F,
         {
-          text: u,
+          text: h,
           btnType: "basic",
           color: "neutral",
           className: "section__show-more",
-          onClick: h
+          onClick: _
         }
       )
-    ] }) : s });
+    ] }) : o });
   }
 );
-y.propTypes = {
-  title: e.string,
-  description: e.string,
-  questionText: e.string,
-  feedbackText: e.string,
-  showMoreText: e.string,
-  impressions: e.bool,
-  onSelectItem: e.func,
-  onImpressed: e.func
+b.propTypes = {
+  title: n.string,
+  description: n.string,
+  questionText: n.string,
+  feedbackText: n.string,
+  showMoreText: n.string,
+  impressions: n.bool,
+  onSelectItem: n.func,
+  onImpressed: n.func
 };
 M.propTypes = {
-  items: e.array,
-  questionText: e.string,
-  feedbackText: e.string,
-  showMoreText: e.string,
-  impressions: e.bool,
-  onSelectItem: e.func,
-  onImpressed: e.func
+  items: n.array,
+  questionText: n.string,
+  feedbackText: n.string,
+  showMoreText: n.string,
+  impressions: n.bool,
+  onSelectItem: n.func,
+  onImpressed: n.func
 };
-const B = T.div`
+const B = k.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -419,62 +420,65 @@ const B = T.div`
   }
 `, U = S(
   ({
-    title: o,
-    description: c,
+    title: s,
+    description: a,
     questionText: d = "What do you think about this answer?",
-    feedbackText: u = "Thank you for feedback!",
-    showMoreText: t = "Show more",
+    feedbackText: h = "Thank you for feedback!",
+    showMoreText: p = "Show more",
+    allTagText: i = "All",
     impressions: f = !1,
     tags: m = [],
-    items: p = [],
+    items: c = [],
     onSelectItem: g = () => {
     },
-    onImpressed: _ = () => {
+    onImpressed: u = () => {
     }
-  }, w) => {
-    const [h, s] = k(null);
-    return /* @__PURE__ */ l(B, { ref: w, children: [
+  }, _) => {
+    const [o, t] = T(null);
+    return /* @__PURE__ */ l(B, { ref: _, children: [
       /* @__PURE__ */ l("div", { className: "section__heading", children: [
-        o && /* @__PURE__ */ r("div", { className: "section__title", children: o }),
-        c && /* @__PURE__ */ r("div", { className: "section__description", children: c })
+        s && /* @__PURE__ */ r("div", { className: "section__title", children: s }),
+        a && /* @__PURE__ */ r("div", { className: "section__description", children: a })
       ] }),
       /* @__PURE__ */ r(
         q,
         {
           tags: m,
-          selectedTagCode: h,
-          onSelectTag: (a) => {
-            s(a == null ? void 0 : a.code);
+          allTagText: i,
+          selectedTagCode: o,
+          onSelectTag: (e) => {
+            t(e == null ? void 0 : e.code);
           }
         }
       ),
       /* @__PURE__ */ r(
         M,
         {
-          items: h === null ? p : p == null ? void 0 : p.filter((a) => (a == null ? void 0 : a.tagCode) === h),
+          items: o === null ? c : c == null ? void 0 : c.filter((e) => (e == null ? void 0 : e.tagCode) === o),
           questionText: d,
-          feedbackText: u,
-          showMoreText: t,
+          feedbackText: h,
+          showMoreText: p,
           impressions: f,
           onSelectItem: g,
-          onImpressed: _
+          onImpressed: u
         },
-        `faq-section-items__${h}`
+        `faq-section-items__${o}`
       )
     ] });
   }
 );
 U.propTypes = {
-  title: e.string,
-  description: e.string,
-  tags: e.array,
-  items: e.array,
-  questionText: e.string,
-  feedbackText: e.string,
-  showMoreText: e.string,
-  impressions: e.bool,
-  onSelectItem: e.func,
-  onImpressed: e.func
+  title: n.string,
+  description: n.string,
+  tags: n.array,
+  items: n.array,
+  questionText: n.string,
+  feedbackText: n.string,
+  showMoreText: n.string,
+  allTagText: n.string,
+  impressions: n.bool,
+  onSelectItem: n.func,
+  onImpressed: n.func
 };
 export {
   U as default