@anoki/fse-ui 1.0.0-beta1.50.5 → 1.0.0-beta1.50.7

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es245.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es247.js";
+import { clsx as l } from "./index.es246.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es283.js";
+import { useMediaQuery as N } from "./index.es253.js";
 import { Close as I } from "./index.es162.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es28.js";

package/dist/index.es120.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es245.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as o } from "./index.es42.js";
-import { Image as _ } from "./index.es430.js";
+import { Image as _ } from "./index.es401.js";
 var m = /* @__PURE__ */ ((e) => (e.WITH_TOPIC_DATE = "withTopicDate", e.NO_TOPIC_DATE = "noTopicDate", e))(m || {});
 const p = ({
   variant: e = "withTopicDate",

package/dist/index.es122.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es245.js";
-import { Swiper as t, SwiperSlide as o } from "./index.es262.js";
-import c from "./index.es263.js";
-import n from "./index.es264.js";
+import { Swiper as t, SwiperSlide as o } from "./index.es403.js";
+import c from "./index.es404.js";
+import n from "./index.es405.js";
 import './components/ui/Carousel/Carousel.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */

package/dist/index.es123.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es245.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as l } from "./index.es247.js";
+import { clsx as l } from "./index.es246.js";
 import { useState as p, useRef as u, useEffect as d } from "react";
 import { ShareLink as f } from "./index.es208.js";
 import { Meta as h } from "./index.es220.js";

package/dist/index.es125.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es245.js";
-import { clsx as a } from "./index.es247.js";
+import { clsx as a } from "./index.es246.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { DoctorModalContent as i } from "./index.es337.js";
-import { DoctorModalFooter as n } from "./index.es338.js";
+import { DoctorModalContent as i } from "./index.es307.js";
+import { DoctorModalFooter as n } from "./index.es308.js";
 import { BaseModal as l } from "./index.es44.js";
 const o = ({
   open: r,

package/dist/index.es126.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es245.js";
-import { clsx as x } from "./index.es247.js";
+import { clsx as x } from "./index.es246.js";
 import { useState as w, useRef as g, useEffect as j, useMemo as R } from "react";
 import './components/ui/DeclarantsSelect/DeclarantsSelect.css';/* empty css            */
 import { Close as z } from "./index.es162.js";

package/dist/index.es127.js

@@ -1,8 +1,8 @@
 import { j as m } from "./index.es245.js";
-import { clsx as s } from "./index.es247.js";
+import { clsx as s } from "./index.es246.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { CreateReservationModalFooter as i } from "./index.es438.js";
-import { CreateReservationModalContent as n } from "./index.es439.js";
+import { CreateReservationModalFooter as i } from "./index.es415.js";
+import { CreateReservationModalContent as n } from "./index.es416.js";
 import { BaseModal as p } from "./index.es44.js";
 const o = ({
   open: r,

package/dist/index.es128.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es245.js";
-import { clsx as e } from "./index.es247.js";
+import { clsx as e } from "./index.es246.js";
 import './components/ui/InfoSectionCard/InfoSectionCard.css';/* empty css            */
 import { Col as s } from "./index.es10.js";
 const d = ({ title: o, children: t }) => /* @__PURE__ */ r.jsx("label", { className: e("shadow  br-x4 ui-radio-card-container"), children: /* @__PURE__ */ r.jsxs(s, { style: { width: "100%" }, children: [

package/dist/index.es129.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es245.js";
-import { clsx as j } from "./index.es247.js";
+import { clsx as j } from "./index.es246.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
 import { CreditCard as f } from "./index.es224.js";
 import { EditPencil as b } from "./index.es203.js";

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es245.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es247.js";
+import { clsx as n } from "./index.es246.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es162.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es130.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es245.js";
-import { clsx as c } from "./index.es247.js";
+import { clsx as c } from "./index.es246.js";
 import { ArrowLink as f } from "./index.es42.js";
 import './components/ui/FeaturedCard/FeaturedCard.css';/* empty css            */
 var x = /* @__PURE__ */ ((e) => (e.LANDSCAPE = "landscape", e.SQUARE = "square", e))(x || {});

package/dist/index.es131.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es245.js";
 import './styles/typography.css';import './components/ui/Feedback/Feedback.css';/* empty css            */
-import { Rating as M } from "./index.es444.js";
-import { Questions as y } from "./index.es445.js";
+import { Rating as M } from "./index.es421.js";
+import { Questions as y } from "./index.es422.js";
 import { useState as o, useEffect as z } from "react";
-import { CardComponent as B } from "./index.es446.js";
+import { CardComponent as B } from "./index.es423.js";
 /* empty css            */
 function U({
   question: f,

package/dist/index.es132.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es245.js";
 import './components/ui/CardFaqCTA/CardFaqCTA.css';/* empty css            */
-import { CtaCardIcon as d } from "./index.es448.js";
+import { CtaCardIcon as d } from "./index.es425.js";
 var C = /* @__PURE__ */ ((r) => (r.FAQ = "FAQ", r.CTA = "CTA", r.CTAICON = "CTAICON", r))(C || {});
 const h = ({
   type: r = "Evento",

package/dist/index.es134.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es245.js";
-import { clsx as o } from "./index.es247.js";
+import { clsx as o } from "./index.es246.js";
 import { Col as c } from "./index.es10.js";
 import { Row as e } from "./index.es9.js";
 import './components/ui/AggregationItemCard/AggregationItemCard.css';/* empty css            */

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es245.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as l } from "./index.es247.js";
+import { clsx as l } from "./index.es246.js";
 import { useState as C, useCallback as y, useMemo as v, Fragment as F } from "react";
 import { Spinner as k } from "./index.es197.js";
 import { Close as M } from "./index.es162.js";

package/dist/index.es137.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es245.js";
-import { clsx as a } from "./index.es247.js";
-import { createColorClasses as e } from "./index.es279.js";
+import { clsx as a } from "./index.es246.js";
+import { createColorClasses as e } from "./index.es249.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",

package/dist/index.es139.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es245.js";
 import { Section as l } from "./index.es54.js";
-import { clsx as j } from "./index.es247.js";
+import { clsx as j } from "./index.es246.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as v } from "react";
-import { l as c } from "./index.es249.js";
+import { l as c } from "./index.es433.js";
 import { CardCategory as m } from "./index.es30.js";
 import { Col as g } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es42.js";

package/dist/index.es14.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es245.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es247.js";
+import { clsx as n } from "./index.es246.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es162.js";
 import { Col as N } from "./index.es10.js";

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es245.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { clsx as m } from "./index.es247.js";
+import { clsx as m } from "./index.es246.js";
 import { Section as o } from "./index.es54.js";
 import { Col as h } from "./index.es10.js";
 import { Button as u } from "./index.es28.js";

package/dist/index.es141.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es245.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTML as a } from "./index.es146.js";
 import n from "react";
-import { clsx as x } from "./index.es247.js";
+import { clsx as x } from "./index.es246.js";
 import { Section as o } from "./index.es54.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es142.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es245.js";
 import { Section as i } from "./index.es54.js";
-import { clsx as d } from "./index.es247.js";
+import { clsx as d } from "./index.es246.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as f } from "react";
-import { l as t } from "./index.es249.js";
+import { l as t } from "./index.es433.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as j } from "./index.es42.js";
 import { CardCategory as g } from "./index.es30.js";

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es245.js";
 import { Section as c } from "./index.es54.js";
-import { clsx as u } from "./index.es247.js";
+import { clsx as u } from "./index.es246.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es34.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es245.js";
-import i from "./index.es256.js";
-import a from "./index.es257.js";
+import i from "./index.es440.js";
+import a from "./index.es329.js";
 const z = (n, t = void 0) => {
   const e = i.sanitize(n).replace(
     /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,

package/dist/index.es148.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es245.js";
-import { clsx as c } from "./index.es247.js";
+import { clsx as c } from "./index.es246.js";
 import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
 import { Section as l } from "./index.es54.js";
 const _ = {

package/dist/index.es15.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es245.js";
 import { useState as C, useId as G } from "react";
-import { clsx as m } from "./index.es247.js";
+import { clsx as m } from "./index.es246.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es283.js";
+import { useMediaQuery as Q } from "./index.es253.js";
 import { Close as S } from "./index.es162.js";
 import { Col as A } from "./index.es10.js";
 import { Button as D } from "./index.es28.js";

package/dist/index.es150.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es245.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
 import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es261.js";
+import { useDebouncedValue as d } from "./index.es444.js";
 import { Search as u } from "./index.es11.js";
 import { GridContainer as h } from "./index.es7.js";
 import { GridItem as f } from "./index.es8.js";

package/dist/index.es151.js

@@ -1,15 +1,15 @@
 import { j as r } from "./index.es245.js";
 import { useRef as L, useState as g, useCallback as x, useEffect as T } from "react";
-import { Swiper as _, SwiperSlide as V } from "./index.es262.js";
-import B from "./index.es263.js";
-import F from "./index.es264.js";
-import q from "./index.es265.js";
+import { Swiper as _, SwiperSlide as V } from "./index.es403.js";
+import B from "./index.es404.js";
+import F from "./index.es405.js";
+import q from "./index.es445.js";
 import './sections/Slider/Slider.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */
 /* empty css            */
-import { clsx as z } from "./index.es247.js";
-import { Pause as D } from "./index.es270.js";
+import { clsx as z } from "./index.es246.js";
+import { Pause as D } from "./index.es447.js";
 import { File as G } from "./index.es187.js";
 import { ArrowLeft as f } from "./index.es174.js";
 import { PlayVideo as H } from "./index.es222.js";

package/dist/index.es152.js

@@ -1,7 +1,7 @@
 import { j as i } from "./index.es245.js";
 import { createElement as j } from "react";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import f from "./index.es272.js";
+import f from "./index.es449.js";
 import { AggregationItemCard as u } from "./index.es134.js";
 import { Row as o } from "./index.es9.js";
 import { Spinner as l } from "./index.es197.js";

package/dist/index.es155.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es245.js";
 import './sections/TableList/TableList.css';/* empty css            */
 import { HTML as f } from "./index.es146.js";
 import n from "react";
-import { clsx as o } from "./index.es247.js";
+import { clsx as o } from "./index.es246.js";
 import { Section as s } from "./index.es54.js";
 import { Col as p } from "./index.es10.js";
 var u = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(u || {});

package/dist/index.es156.js

@@ -2,7 +2,7 @@ import { j as l } from "./index.es245.js";
 import './sections/TableMobileList/TableMobileList.css';/* empty css            */
 import { HTML as F } from "./index.es146.js";
 import R from "react";
-import { clsx as t } from "./index.es247.js";
+import { clsx as t } from "./index.es246.js";
 import { TableAlignment as S } from "./index.es155.js";
 import { TableMobile as _ } from "./index.es74.js";
 import { Section as r } from "./index.es54.js";

package/dist/index.es157.js

@@ -1,65 +1,64 @@
 import { j as e } from "./index.es245.js";
-import { CardFaqCTA as m, CardFaqCTAType as u } from "./index.es132.js";
+import { CardFaqCTA as j, CardFaqCTAType as h } from "./index.es132.js";
 import './sections/FaqSections/FaqSections.css';/* empty css            */
-import { useState as p } from "react";
-import { BaseModal as q } from "./index.es44.js";
-import S from "./index.es276.js";
-import { Section as t } from "./index.es54.js";
-const E = ({
-  title: i,
-  description: n,
-  items: o = [],
-  colorTitle: d = "primary",
-  fontSizeTitle: c = "2",
-  onItemClick: r
+import { useState as n } from "react";
+import { BaseModal as u } from "./index.es44.js";
+import q from "./index.es453.js";
+import { Section as a } from "./index.es54.js";
+const I = ({
+  title: o,
+  description: i,
+  items: l = [],
+  colorTitle: p = "primary",
+  fontSizeTitle: c = "2"
 }) => {
-  const [x, a] = p(!1), [l, f] = p(null), j = (s) => {
-    f(s), a(!0), r == null || r(s);
+  const [d, r] = n(!1), [t, m] = n(null), x = (s) => {
+    m(s), r(!0);
   };
-  return /* @__PURE__ */ e.jsxs(t, { className: "faq-sections", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "faq-sections__title", children: /* @__PURE__ */ e.jsx(
-      t.Title,
+  return /* @__PURE__ */ e.jsxs(a, { className: "faq-sections", children: [
+    o && /* @__PURE__ */ e.jsx("div", { className: "faq-sections__title", children: /* @__PURE__ */ e.jsx(
+      a.Title,
       {
         fs: c,
         mdFs: "2",
         as: "h1",
-        color: d,
-        children: i
+        color: p,
+        children: o
       }
     ) }),
-    n && /* @__PURE__ */ e.jsx(t.Description, { className: "faq-sections__description mb-x40", children: n }),
+    i && /* @__PURE__ */ e.jsx(a.Description, { className: "faq-sections__description mb-x40", children: i }),
     /* @__PURE__ */ e.jsx(
       "ul",
       {
         role: "list",
-        "aria-label": `Lista di ${i}`,
+        "aria-label": `Lista di ${o}`,
         className: "faq-sections__list",
-        children: o == null ? void 0 : o.map((s, h) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-          m,
+        children: l == null ? void 0 : l.map((s, f) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+          j,
           {
             type: s.type,
             title: s.title,
             description: s.description,
             link: s.link ?? "",
             isExternal: s.isExternal,
-            openModal: s.type === u.FAQ ? () => j(s) : void 0
+            openModal: s.type === h.FAQ ? () => x(s) : void 0
           }
-        ) }, s.key ?? h))
+        ) }, s.key ?? f))
       }
     ),
-    l && /* @__PURE__ */ e.jsx(q, { open: x, setOpen: a, children: /* @__PURE__ */ e.jsx(
-      S,
+    t && /* @__PURE__ */ e.jsx(u, { open: d, setOpen: r, children: /* @__PURE__ */ e.jsx(
+      q,
       {
         faq: {
-          question: l.title,
-          answer: l.description || ""
+          question: t.title,
+          answer: t.description || ""
         },
-        handleCloseModal: () => a(!1)
+        handleCloseModal: () => r(!1)
       }
     ) })
   ] });
 };
 export {
-  E as FaqSections
+  I as FaqSections
 };
 //# sourceMappingURL=index.es157.js.map

package/dist/index.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\nimport { Section } from \"@/components\";\nimport \"./FaqSections.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode, useState } from \"react\";\nimport { BaseModal } from \"@/components/ui/BaseModal\";\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\n\nexport type FaqItem = {\n  key?: string;\n  type: CardFaqCTAType;\n  title: string;\n  description?: string;\n  link?: string;\n  isExternal?: boolean;\n};\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: FaqItem[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n  onItemClick?: (item: FaqItem) => void;\n};\n\nexport const FaqSections = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n  onItemClick,\n}: Props) => {\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\n\n  const handleItemClick = (item: FaqItem) => {\n    setSelectedItem(item);\n    setIsSupportModalOpen(true);\n    onItemClick?.(item);\n  };\n  return (\n    <Section className=\"faq-sections\">\n      <div className=\"faq-sections__title\">\n        <Section.Title\n          fs={fontSizeTitle}\n          mdFs={\"2\"}\n          as={\"h1\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      {description && (\n        <Section.Description className=\"faq-sections__description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`faq-sections__list`}\n      >\n        {items?.map((item, index) => (\n          <li key={item.key ?? index}>\n            <CardFaqCTA\n              type={item.type}\n              title={item.title}\n              description={item.description}\n              link={item.link ?? \"\"}\n              isExternal={item.isExternal}\n              openModal={\n                item.type === CardFaqCTAType.FAQ\n                  ? () => handleItemClick(item)\n                  : undefined\n              }\n            />\n          </li>\n        ))}\n      </ul>\n      {selectedItem && (\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\n          <SupportModalSimple\n            faq={{\n              question: selectedItem.title,\n              answer: selectedItem.description || \"\",\n            }}\n            handleCloseModal={() => setIsSupportModalOpen(false)}\n          />\n        </BaseModal>\n      )}\n    </Section>\n  );\n};\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","onItemClick","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;AA2BO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AACF,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI,GAC1BF,KAAA,QAAAA,EAAcO;AAAA,EAChB;AAEE,SAAAC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,gBACjB,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,uBACb,UAAAA,gBAAAA,EAAA;AAAA,MAACD,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIV;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAOD;AAAA,QAEN,UAAAH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACCC,KACEc,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,oCAC5B,UACHb,GAAA;AAAA,IAEFc,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYf,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACY,GAAMI,4BAChB,MACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAML,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASM,EAAe,MACzB,MAAMP,EAAgBC,CAAI,IAC1B;AAAA,UAAA;AAAA,QAAA,KAVDA,EAAK,OAAOI,CAarB;AAAA,MACD;AAAA,IACH;AAAA,IACCP,KACEM,gBAAAA,EAAAA,IAAAI,GAAA,EAAU,MAAMb,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUX,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QACtC;AAAA,QACA,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EAEvD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es157.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\r\nimport { Section } from \"@/components\";\r\nimport \"./FaqSections.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode, useState } from \"react\";\r\nimport { BaseModal } from \"@/components/ui/BaseModal\";\r\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\r\n\r\nexport type FaqItem = {\r\n  key?: string;\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link?: string;\r\n  isExternal?: boolean;\r\n};\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: FaqItem[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const FaqSections = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"2\",\r\n}: Props) => {\r\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\r\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\r\n\r\n  const handleItemClick = (item: FaqItem) => {\r\n    setSelectedItem(item);\r\n    setIsSupportModalOpen(true);\r\n  };\r\n  return (\r\n    <Section className=\"faq-sections\">\r\n      {title && (\r\n        <div className=\"faq-sections__title\">\r\n          <Section.Title\r\n            fs={fontSizeTitle}\r\n            mdFs={\"2\"}\r\n            as={\"h1\"}\r\n            color={colorTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        </div>\r\n      )}\r\n      {description && (\r\n        <Section.Description className=\"faq-sections__description mb-x40\">\r\n          {description}\r\n        </Section.Description>\r\n      )}\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`faq-sections__list`}\r\n      >\r\n        {items?.map((item, index) => (\r\n          <li key={item.key ?? index}>\r\n            <CardFaqCTA\r\n              type={item.type}\r\n              title={item.title}\r\n              description={item.description}\r\n              link={item.link ?? \"\"}\r\n              isExternal={item.isExternal}\r\n              openModal={\r\n                item.type === CardFaqCTAType.FAQ\r\n                  ? () => handleItemClick(item)\r\n                  : undefined\r\n              }\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n      {selectedItem && (\r\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\r\n          <SupportModalSimple\r\n            faq={{\r\n              question: selectedItem.title,\r\n              answer: selectedItem.description || \"\",\r\n            }}\r\n            handleCloseModal={() => setIsSupportModalOpen(false)}\r\n          />\r\n        </BaseModal>\r\n      )}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;AA0BO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AAEE,SAAAM,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,gBAChB,UAAA;AAAA,IACCb,KAAAc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,uBACb,UAAAA,gBAAAA,EAAA;AAAA,MAACD,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIT;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAOD;AAAA,QAEN,UAAAH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEDC,KACEa,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,oCAC5B,UACHZ,GAAA;AAAA,IAEFa,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMI,4BAChB,MACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAML,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASM,EAAe,MACzB,MAAMP,EAAgBC,CAAI,IAC1B;AAAA,UAAA;AAAA,QAAA,KAVDA,EAAK,OAAOI,CAarB;AAAA,MACD;AAAA,IACH;AAAA,IACCP,KACEM,gBAAAA,EAAAA,IAAAI,GAAA,EAAU,MAAMb,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUX,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QACtC;AAAA,QACA,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EAEvD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es245.js";
-import { clsx as e } from "./index.es247.js";
-import { createColorClasses as z } from "./index.es279.js";
+import { clsx as e } from "./index.es246.js";
+import { createColorClasses as z } from "./index.es249.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es245.js";
-import { clsx as n } from "./index.es247.js";
-import { createColorClasses as m } from "./index.es279.js";
+import { clsx as n } from "./index.es246.js";
+import { createColorClasses as m } from "./index.es249.js";
 const p = ({
   width: s = 24,
   height: l = 24,

package/dist/index.es16.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es245.js";
 import { Container as N } from "./index.es6.js";
 import { Divider as F } from "./index.es137.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as b } from "./index.es247.js";
+import { clsx as b } from "./index.es246.js";
 import { FseDGT as E } from "./index.es166.js";
 import { FseMEF as I } from "./index.es168.js";
 import { FseMS as T } from "./index.es170.js";

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es245.js";
-import { clsx as i } from "./index.es247.js";
-import { createColorClasses as n } from "./index.es279.js";
+import { clsx as i } from "./index.es246.js";
+import { createColorClasses as n } from "./index.es249.js";
 const p = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es245.js";
-import { clsx as i } from "./index.es247.js";
-import { createColorClasses as n } from "./index.es279.js";
+import { clsx as i } from "./index.es246.js";
+import { createColorClasses as n } from "./index.es249.js";
 const u = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es245.js";
-import { clsx as n } from "./index.es247.js";
-import { createColorClasses as x } from "./index.es279.js";
+import { clsx as n } from "./index.es246.js";
+import { createColorClasses as x } from "./index.es249.js";
 const w = ({
   width: r = 24,
   height: l = 24,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es245.js";
-import { clsx as p } from "./index.es247.js";
-import { createColorClasses as m } from "./index.es279.js";
+import { clsx as p } from "./index.es246.js";
+import { createColorClasses as m } from "./index.es249.js";
 const f = ({
   width: r = 114,
   height: t = 115,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es245.js";
-import { clsx as c } from "./index.es247.js";
-import { createColorClasses as y } from "./index.es279.js";
+import { clsx as c } from "./index.es246.js";
+import { createColorClasses as y } from "./index.es249.js";
 const p = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es245.js";
-import { clsx as e } from "./index.es247.js";
-import { createColorClasses as i } from "./index.es279.js";
+import { clsx as e } from "./index.es246.js";
+import { createColorClasses as i } from "./index.es249.js";
 const x = ({
   width: a = 100,
   height: c = 100,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es245.js";
-import { clsx as q } from "./index.es247.js";
-import { createColorClasses as M } from "./index.es279.js";
+import { clsx as q } from "./index.es246.js";
+import { createColorClasses as M } from "./index.es249.js";
 const i = ({
   width: h = 263,
   height: v = 40,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es245.js";
-import { clsx as s } from "./index.es247.js";
-import { createColorClasses as m } from "./index.es279.js";
+import { clsx as s } from "./index.es246.js";
+import { createColorClasses as m } from "./index.es249.js";
 const p = ({
   width: h = 137,
   height: a = 40,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es245.js";
-import { clsx as i } from "./index.es247.js";
-import { createColorClasses as t } from "./index.es279.js";
+import { clsx as i } from "./index.es246.js";
+import { createColorClasses as t } from "./index.es249.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es245.js";
-import { clsx as r } from "./index.es247.js";
-import { createColorClasses as o } from "./index.es279.js";
+import { clsx as r } from "./index.es246.js";
+import { createColorClasses as o } from "./index.es249.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es17.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es245.js";
 import { Container as l } from "./index.es6.js";
-import { clsx as i } from "./index.es247.js";
+import { clsx as i } from "./index.es246.js";
 import './components/navigations/HeaderSlim/HeaderSlim.css';/* empty css            */
 import { Row as u } from "./index.es9.js";
 const h = ({

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es245.js";
-import { clsx as z } from "./index.es247.js";
-import { createColorClasses as d } from "./index.es279.js";
+import { clsx as z } from "./index.es246.js";
+import { createColorClasses as d } from "./index.es249.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es245.js";
-import { clsx as m } from "./index.es247.js";
-import { createColorClasses as t } from "./index.es279.js";
+import { clsx as m } from "./index.es246.js";
+import { createColorClasses as t } from "./index.es249.js";
 const i = ({
   width: v = 181,
   height: l = 40,