@anoki/fse-ui 2.1.0-SNAPSHOT3 → 2.1.0-SNAPSHOT5

package/dist/index.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableMobileList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { TableMobile, ColumnConfig, TableRowData } from \"@/components\";\nimport { TableAlignment } from \"../TableList\";\n\ntype TableMobileListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  tableJson?: {\n    columns: ColumnConfig[];\n    rows: TableRowData[];\n  };\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n  pagination?: boolean;\n  resultsPerPage?: number;\n  // Sorting props\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n  // Server pagination props\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n}>;\n\nexport const TableMobileList = ({\n  title,\n  description,\n  tableJson,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  pagination = true,\n  resultsPerPage = 5,\n  sortConfig,\n  onSortChange,\n  totalResults,\n  initialCurrentPage,\n  serverSidePagination,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage,\n  children,\n}: TableMobileListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-mobile-list-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n            color={\"blue-48\"}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description\n            className={clsx(\"text-slate-28\", variantClassTable)}\n          >\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n        {tableJson && tableJson.columns && tableJson.rows && (\n          <TableMobile\n            data={tableJson.rows}\n            columns={tableJson.columns}\n            pagination={pagination}\n            resultsPerPage={resultsPerPage}\n            sortConfig={sortConfig}\n            onSortChange={onSortChange}\n            totalResults={totalResults}\n            initialCurrentPage={initialCurrentPage}\n            serverSidePagination={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n            onPageChange={onPageChange}\n            setCurrentPage={setCurrentPage}\n          />\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","React","HTML","TableMobile"],"mappings":";;;;;;;;;AA2CO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAACkB,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,gCACZ,UAAA;AAAA,QACC3B,KAAA4B,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,IAAItB;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,OAAO;AAAA,YAEN,UAAAL;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,KACC2B,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,WAAWC,EAAK,iBAAiBnB,CAAiB;AAAA,YAEjD,UAAO,OAAAN,KAAgB,YACxB4B,EAAM,eAAe5B,CAAW,IAC5BA,IACA6B,EAAK7B,EAAY,SAAS,GAAG,KAAK;AAAA,UAAA;AAAA,QACxC;AAAA,QAEDC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAM7B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es157.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableMobileList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { TableMobile, ColumnConfig, TableRowData } from \"@/components\";\nimport { TableAlignment } from \"../TableList\";\n\ntype TableMobileListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  tableJson?: {\n    columns: ColumnConfig[];\n    rows: TableRowData[];\n  };\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n  pagination?: boolean;\n  resultsPerPage?: number;\n  // Sorting props\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n  // Server pagination props\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n}>;\n\nexport const TableMobileList = ({\n  title,\n  description,\n  tableJson,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  pagination = true,\n  resultsPerPage = 5,\n  sortConfig,\n  onSortChange,\n  totalResults,\n  initialCurrentPage,\n  serverSidePagination,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage,\n  children,\n}: TableMobileListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-mobile-list-content\">\n        <SectionHeading\n          title={title}\n          fs={fontSize}\n          mdFs={mdFontSize}\n          className={classNameTitle}\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\n          color={\"blue-48\"}\n          description={\n            description\n              ? typeof description === \"string\" &&\n                React.isValidElement(description)\n                ? description\n                : HTML(description.toString(), \"div\")\n              : undefined\n          }\n          descriptionMarginBottom=\"0\"\n          titleMarginBottom=\"0\"\n        />\n        {tableJson && tableJson.columns && tableJson.rows && (\n          <TableMobile\n            data={tableJson.rows}\n            columns={tableJson.columns}\n            pagination={pagination}\n            resultsPerPage={resultsPerPage}\n            sortConfig={sortConfig}\n            onSortChange={onSortChange}\n            totalResults={totalResults}\n            initialCurrentPage={initialCurrentPage}\n            serverSidePagination={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n            onPageChange={onPageChange}\n            setCurrentPage={setCurrentPage}\n          />\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","SectionHeading","React","HTML","TableMobile"],"mappings":";;;;;;;;;AA2CO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAACkB,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAA7B;AAAA,YACA,IAAIG;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,sBAAsBqB,EAAK,iBAAiBnB,CAAiB;AAAA,YAC7D,OAAO;AAAA,YACP,aACEN,IACI,OAAOA,KAAgB,YACvB6B,EAAM,eAAe7B,CAAW,IAC9BA,IACA8B,EAAK9B,EAAY,SAAS,GAAG,KAAK,IACpC;AAAA,YAEN,yBAAwB;AAAA,YACxB,mBAAkB;AAAA,UAAA;AAAA,QACpB;AAAA,QACCC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAM9B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/index.es158.js

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

package/dist/index.es158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es158.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};\n\nexport const FaqSections = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\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  };\n  return (\n    <Section className=\"faq-sections\">\n      {title && (\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      )}\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","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;"}
+{"version":3,"file":"index.es158.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\nimport { Section, SectionHeading } 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};\n\nexport const FaqSections = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\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  };\n  return (\n    <Section className=\"faq-sections\">\n      <SectionHeading\n        title={title}\n        color={colorTitle}\n        fs={fontSizeTitle}\n        description={description}\n        className=\"faq-sections__title\"\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","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","SectionHeading","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,gBACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,OAAOG;AAAA,QACP,IAAIC;AAAA,QACJ,aAAAH;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACAa,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMK,4BAChB,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAMN,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASO,EAAe,MACzB,MAAMR,EAAgBC,CAAI,IAC1B;AAAA,UAAA;AAAA,QAAA,KAVDA,EAAK,OAAOK,CAarB;AAAA,MACD;AAAA,IACH;AAAA,IACCR,KACEM,gBAAAA,EAAAA,IAAAK,GAAA,EAAU,MAAMd,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUZ,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.es159.js

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

package/dist/index.es16.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es249.js";
 import { Container as N } from "./index.es6.js";
 import { Divider as F } from "./index.es138.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as b } from "./index.es250.js";
+import { clsx as b } from "./index.es251.js";
 import { FseDGT as E } from "./index.es167.js";
 import { FseMEF as I } from "./index.es169.js";
 import { FseMS as T } from "./index.es171.js";

package/dist/index.es160.js

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

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
-import { clsx as i } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es253.js";
+import { clsx as i } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
-import { clsx as i } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es253.js";
+import { clsx as i } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const h = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es163.js

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

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
-import { clsx as p } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es253.js";
+import { clsx as p } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const x = ({
   width: r = 114,
   height: e = 115,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es249.js";
-import { clsx as c } from "./index.es250.js";
-import { createColorClasses as y } from "./index.es253.js";
+import { clsx as c } from "./index.es251.js";
+import { createColorClasses as y } from "./index.es283.js";
 const n = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
-import { clsx as i } from "./index.es250.js";
-import { createColorClasses as t } from "./index.es253.js";
+import { clsx as i } from "./index.es251.js";
+import { createColorClasses as t } from "./index.es283.js";
 const x = ({
   width: m = 100,
   height: c = 100,

package/dist/index.es167.js

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

package/dist/index.es168.js

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

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es249.js";
-import { clsx as i } from "./index.es250.js";
-import { createColorClasses as a } from "./index.es253.js";
+import { clsx as i } from "./index.es251.js";
+import { createColorClasses as a } from "./index.es283.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es17.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es249.js";
 import { Container as l } from "./index.es6.js";
-import { clsx as i } from "./index.es250.js";
+import { clsx as i } from "./index.es251.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 l } from "./index.es249.js";
-import { clsx as r } from "./index.es250.js";
-import { createColorClasses as o } from "./index.es253.js";
+import { clsx as r } from "./index.es251.js";
+import { createColorClasses as o } from "./index.es283.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
-import { clsx as z } from "./index.es250.js";
-import { createColorClasses as d } from "./index.es253.js";
+import { clsx as z } from "./index.es251.js";
+import { createColorClasses as d } from "./index.es283.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es172.js

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

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
-import { clsx as o } from "./index.es250.js";
-import { createColorClasses as v } from "./index.es253.js";
+import { clsx as o } from "./index.es251.js";
+import { createColorClasses as v } from "./index.es283.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
-import { clsx as t } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es253.js";
+import { clsx as t } from "./index.es251.js";
+import { createColorClasses as i } from "./index.es283.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
-import { clsx as f } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es253.js";
+import { clsx as f } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const c = ({
   width: l = 24,
   height: t = 24,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
-import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es253.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
-import { clsx as v } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es253.js";
+import { clsx as v } from "./index.es251.js";
+import { createColorClasses as i } from "./index.es283.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es249.js";
-import { clsx as V } from "./index.es250.js";
-import { createColorClasses as o } from "./index.es253.js";
+import { clsx as V } from "./index.es251.js";
+import { createColorClasses as o } from "./index.es283.js";
 const n = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
-import { clsx as t } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es253.js";
+import { clsx as t } from "./index.es251.js";
+import { createColorClasses as i } from "./index.es283.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es18.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import { LOGOS as i } from "./index.es27.js";
-import { clsx as t } from "./index.es250.js";
+import { clsx as t } from "./index.es251.js";
 import { Divider as n } from "./index.es138.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
 import { CirlceLeftArrow as b } from "./index.es228.js";

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
-import { clsx as c } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es253.js";
+import { clsx as c } from "./index.es251.js";
+import { createColorClasses as i } from "./index.es283.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es249.js";
-import { clsx as v } from "./index.es250.js";
-import { createColorClasses as d } from "./index.es253.js";
+import { clsx as v } from "./index.es251.js";
+import { createColorClasses as d } from "./index.es283.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es182.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es249.js";
-import { clsx as i } from "./index.es250.js";
+import { clsx as i } from "./index.es251.js";
 const m = ({
   width: o = 40,
   height: a = 40,

package/dist/index.es183.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es249.js";
-import { clsx as s } from "./index.es250.js";
+import { clsx as s } from "./index.es251.js";
 const n = ({
   width: e = 40,
   height: o = 40,

package/dist/index.es184.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import { clsx as o } from "./index.es250.js";
+import { clsx as o } from "./index.es251.js";
 const n = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
-import { clsx as h } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es253.js";
+import { clsx as h } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
-import { clsx as i } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es253.js";
+import { clsx as i } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
-import { clsx as n } from "./index.es250.js";
-import { createColorClasses as p } from "./index.es253.js";
+import { clsx as n } from "./index.es251.js";
+import { createColorClasses as p } from "./index.es283.js";
 const c = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
-import { clsx as t } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es253.js";
+import { clsx as t } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const f = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es249.js";
-import { BreadcrumbItem as i } from "./index.es264.js";
-import { clsx as l } from "./index.es250.js";
+import { BreadcrumbItem as i } from "./index.es294.js";
+import { clsx as l } from "./index.es251.js";
 import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
 const n = ({
   items: e = [{ label: "Home", href: "#" }]

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
-import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es253.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
-import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es253.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const x = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
-import { clsx as d } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es253.js";
+import { clsx as d } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
-import { clsx as o } from "./index.es250.js";
-import { createColorClasses as d } from "./index.es253.js";
+import { clsx as o } from "./index.es251.js";
+import { createColorClasses as d } from "./index.es283.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
-import { clsx as r } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es253.js";
+import { clsx as r } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
-import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es253.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const x = ({
   width: l = 16,
   height: o = 29,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
-import { clsx as a } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es253.js";
+import { clsx as a } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const p = ({
   width: o = 40,
   height: r = 40,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
-import { clsx as c } from "./index.es250.js";
-import { createColorClasses as h } from "./index.es253.js";
+import { clsx as c } from "./index.es251.js";
+import { createColorClasses as h } from "./index.es283.js";
 const d = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es198.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es249.js";
-import { clsx as n } from "./index.es250.js";
+import { clsx as n } from "./index.es251.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
-import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es253.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es20.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import { clsx as r } from "./index.es250.js";
+import { clsx as r } from "./index.es251.js";
 import './components/navigations/TabBar/TabBar.css';/* empty css            */
 import { Row as i } from "./index.es9.js";
 const p = ({