@anoki/fse-ui 1.0.0-beta1.47.17 → 1.0.0-beta1.47.19

package/dist/index.es126.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es126.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { Col } from \"@/components\";\r\nimport \"./DeclarantsSelect.scss\";\r\nimport { ArrowDown, Close } from \"@/icons\";\r\n\r\nexport type Labels = {\r\n  it?: string;\r\n};\r\n\r\nexport type IncomeBasedDeclarant = {\r\n  code?: string;\r\n  labels: Labels;\r\n};\r\n\r\ntype DeclarantsSelectProps = {\r\n  size?: \"small\" | \"large\";\r\n  items: IncomeBasedDeclarant[];\r\n  className?: string;\r\n  selectedItem: string | null;\r\n  setSelectedItem: (item: string | null) => void;\r\n  placeholder?: string;\r\n  btnText?: string;\r\n};\r\n\r\nexport const DeclarantsSelect = ({\r\n  size = \"large\",\r\n  items = [],\r\n  className,\r\n  selectedItem,\r\n  setSelectedItem,\r\n  placeholder = \"\",\r\n}: DeclarantsSelectProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const filteredItems = items.filter((item) => {\r\n    const fullName = `${item.labels?.it}`.toLowerCase();\r\n    return fullName.includes(searchTerm.toLowerCase());\r\n  });\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (isExpanded) {\r\n      setSearchTerm(\"\");\r\n      if (inputRef.current) {\r\n        inputRef.current.focus();\r\n      }\r\n    }\r\n  }, [isExpanded]);\r\n\r\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (isExpanded) {\r\n      setSearchTerm(e.target.value);\r\n    }\r\n  };\r\n\r\n  const handleInputClick = () => {\r\n    setIsExpanded(!isExpanded);\r\n  };\r\n\r\n  const handleClearClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    setSelectedItem(null);\r\n    setSearchTerm(\"\");\r\n  };\r\n\r\n  const displayValue = useMemo(() => {\r\n    if (!isExpanded && selectedItem) {\r\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\r\n    }\r\n    return searchTerm;\r\n  }, [isExpanded, selectedItem, searchTerm]);\r\n\r\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query || query.trim() === \"\")\r\n      return (\r\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\r\n      );\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\r\n        {beforeMatch}\r\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\r\n          {match}\r\n        </span>\r\n        {afterMatch}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={clsx(\r\n        \"ui-related-dropdown\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n      )}\r\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\r\n    >\r\n      <div className=\"ui-input-container\">\r\n        <input\r\n          ref={inputRef}\r\n          className={clsx(\r\n            \"ui-related-dropdown-input\",\r\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\r\n            { active: isExpanded },\r\n          )}\r\n          value={displayValue}\r\n          onChange={handleInputChange}\r\n          placeholder={placeholder}\r\n          onClick={handleInputClick}\r\n        />\r\n\r\n        {showCloseButton && (\r\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\r\n            <Close width={40} />\r\n          </div>\r\n        )}\r\n\r\n        {!showCloseButton && (\r\n          <div className=\"ui-close-button\">\r\n            <ArrowDown width={40} height={40} />\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {isExpanded && (\r\n        <div className=\"ui-related-dropdown-options\">\r\n          <div className=\"px-x24 shadow w-full\">\r\n            <Col\r\n              gap={\"x4\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-options-list fw-regular\"}\r\n            >\r\n              {filteredItems.length > 0 ? (\r\n                filteredItems.map((item, index) => {\r\n                  const fullName = `${item.labels?.it} `;\r\n                  return (\r\n                    <div\r\n                      className=\"ui-option-item\"\r\n                      key={item?.code || index}\r\n                      onClick={() => {\r\n                        setSelectedItem(item?.code || \"\");\r\n                        setIsExpanded(false);\r\n                      }}\r\n                    >\r\n                      {highlightMatch(fullName, searchTerm)}\r\n                    </div>\r\n                  );\r\n                })\r\n              ) : (\r\n                <div className=\"ui-option-item no-results\">\r\n                  <span style={{ color: \"gray\" }}>\r\n                    Nessun risultato trovato\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}
+{"version":3,"file":"index.es126.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Col } from \"@/components\";\nimport \"./DeclarantsSelect.scss\";\nimport { ArrowDown, Close } from \"@/icons\";\n\nexport type Labels = {\n  it?: string;\n};\n\nexport type IncomeBasedDeclarant = {\n  code?: string;\n  labels: Labels;\n};\n\ntype DeclarantsSelectProps = {\n  size?: \"small\" | \"large\";\n  items: IncomeBasedDeclarant[];\n  className?: string;\n  selectedItem: string | null;\n  setSelectedItem: (item: string | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DeclarantsSelect = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedItem,\n  setSelectedItem,\n  placeholder = \"\",\n}: DeclarantsSelectProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((item) => {\n    const fullName = `${item.labels?.it}`.toLowerCase();\n    return fullName.includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedItem(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue = useMemo(() => {\n    if (!isExpanded && selectedItem) {\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\n    }\n    return searchTerm;\n  }, [isExpanded, selectedItem, searchTerm]);\n\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <div className=\"ui-input-container\">\n        <input\n          ref={inputRef}\n          className={clsx(\n            \"ui-related-dropdown-input\",\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\n            { active: isExpanded },\n          )}\n          value={displayValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          onClick={handleInputClick}\n        />\n\n        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={40} />\n          </div>\n        )}\n\n        {!showCloseButton && (\n          <div className=\"ui-close-button\">\n            <ArrowDown width={40} height={40} />\n          </div>\n        )}\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((item, index) => {\n                  const fullName = `${item.labels?.it} `;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={item?.code || index}\n                      onClick={() => {\n                        setSelectedItem(item?.code || \"\");\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item no-results\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}

package/dist/index.es127.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es127.js","sources":["../src/components/ui/CreateReservationModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./CreateReservationModal.scss\";\r\nimport { BaseModal } from \"@/components\";\r\nimport { CreateReservationModalFooter } from \"@/components/ui/CreateReservationModal/CreateReservationModalFooter\";\r\nimport { CreateReservationModalContent } from \"@/components/ui/CreateReservationModal/CreateReservationModalContent\";\r\n\r\ntype CreateReservationModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst CreateReservationModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: CreateReservationModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nCreateReservationModal.Content = CreateReservationModalContent;\r\nCreateReservationModal.Footer = CreateReservationModalFooter;\r\n\r\nexport { CreateReservationModal };\r\n"],"names":["CreateReservationModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","CreateReservationModalContent","CreateReservationModalFooter"],"mappings":";;;;;;AAaA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAuB,UAAUQ;AACjCR,EAAuB,SAASS;"}
+{"version":3,"file":"index.es127.js","sources":["../src/components/ui/CreateReservationModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./CreateReservationModal.scss\";\nimport { BaseModal } from \"@/components\";\nimport { CreateReservationModalFooter } from \"@/components/ui/CreateReservationModal/CreateReservationModalFooter\";\nimport { CreateReservationModalContent } from \"@/components/ui/CreateReservationModal/CreateReservationModalContent\";\n\ntype CreateReservationModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst CreateReservationModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: CreateReservationModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nCreateReservationModal.Content = CreateReservationModalContent;\nCreateReservationModal.Footer = CreateReservationModalFooter;\n\nexport { CreateReservationModal };\n"],"names":["CreateReservationModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","CreateReservationModalContent","CreateReservationModalFooter"],"mappings":";;;;;;AAaA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAuB,UAAUQ;AACjCR,EAAuB,SAASS;"}

package/dist/index.es128.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es128.js","sources":["../src/components/ui/InfoSectionCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./InfoSectionCard.scss\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype InfoSectionCardProps = {\r\n  title?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const InfoSectionCard = ({ title, children }: InfoSectionCardProps) => {\r\n  return (\r\n    <label className={clsx(\"shadow  br-x4 ui-radio-card-container\")}>\r\n      <Col style={{ width: \"100%\" }}>\r\n        <Col py={\"x32\"} px={\"x24\"}>\r\n          <div className=\"fw-semibold text-slate-20 fs-4\">{title}</div>\r\n        </Col>\r\n        <Col\r\n          style={{\r\n            height: 1,\r\n            backgroundColor: \"#C5C7C9\",\r\n            width: \"100%\",\r\n          }}\r\n        />\r\n        <Col p={\"x24\"}>{children}</Col>\r\n      </Col>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["InfoSectionCard","title","children","jsx","clsx","jsxs","Col"],"mappings":";;;;AASO,MAAMA,IAAkB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAEpCC,gBAAAA,EAAAA,IAAA,SAAA,EAAM,WAAWC,EAAK,uCAAuC,GAC5D,UAACC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,OAAO,EAAE,OAAO,OACnB,GAAA,UAAA;AAAA,EAACH,gBAAAA,EAAA,IAAAG,GAAA,EAAI,IAAI,OAAO,IAAI,OAClB,gCAAC,OAAI,EAAA,WAAU,kCAAkC,UAAAL,EAAM,CAAA,GACzD;AAAA,EACAE,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAAA,EACCH,gBAAAA,EAAAA,IAAAG,GAAA,EAAI,GAAG,OAAQ,UAAAJ,EAAS,CAAA;AAAA,EAAA,CAC3B,EACF,CAAA;"}
+{"version":3,"file":"index.es128.js","sources":["../src/components/ui/InfoSectionCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./InfoSectionCard.scss\";\nimport { Col } from \"@/components\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  children?: React.ReactNode;\n};\n\nexport const InfoSectionCard = ({ title, children }: InfoSectionCardProps) => {\n  return (\n    <label className={clsx(\"shadow  br-x4 ui-radio-card-container\")}>\n      <Col style={{ width: \"100%\" }}>\n        <Col py={\"x32\"} px={\"x24\"}>\n          <div className=\"fw-semibold text-slate-20 fs-4\">{title}</div>\n        </Col>\n        <Col\n          style={{\n            height: 1,\n            backgroundColor: \"#C5C7C9\",\n            width: \"100%\",\n          }}\n        />\n        <Col p={\"x24\"}>{children}</Col>\n      </Col>\n    </label>\n  );\n};\n"],"names":["InfoSectionCard","title","children","jsx","clsx","jsxs","Col"],"mappings":";;;;AASO,MAAMA,IAAkB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAEpCC,gBAAAA,EAAAA,IAAA,SAAA,EAAM,WAAWC,EAAK,uCAAuC,GAC5D,UAACC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,OAAO,EAAE,OAAO,OACnB,GAAA,UAAA;AAAA,EAACH,gBAAAA,EAAA,IAAAG,GAAA,EAAI,IAAI,OAAO,IAAI,OAClB,gCAAC,OAAI,EAAA,WAAU,kCAAkC,UAAAL,EAAM,CAAA,GACzD;AAAA,EACAE,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAAA,EACCH,gBAAAA,EAAAA,IAAAG,GAAA,EAAI,GAAG,OAAQ,UAAAJ,EAAS,CAAA;AAAA,EAAA,CAC3B,EACF,CAAA;"}

package/dist/index.es129.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es129.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ReservationRecapCard.scss\";\r\nimport { ActionIconText, Button, Col, Row } from \"@/components\";\r\nimport { EditPencil } from \"@/icons\";\r\nimport { CreditCard } from \"@/icons/CreditCard\";\r\n\r\ntype InfoSectionCardProps = {\r\n  title?: string;\r\n  firstStatusLabel?: string;\r\n  secondStatusLabel?: string;\r\n  code?: string;\r\n  description?: any;\r\n  onPressPay?: () => void;\r\n  onPressEdit?: () => void;\r\n  onPressDownload?: () => void;\r\n  downloadLabel?: string;\r\n  payLabel?: string;\r\n  editLabel?: string;\r\n};\r\n\r\nexport const ReservationRecapCard = ({\r\n  title,\r\n  code,\r\n  onPressDownload,\r\n  firstStatusLabel,\r\n  secondStatusLabel,\r\n  description,\r\n  onPressPay,\r\n  onPressEdit,\r\n  downloadLabel,\r\n  payLabel,\r\n  editLabel,\r\n}: InfoSectionCardProps) => {\r\n  return (\r\n    <Col className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}>\r\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\r\n        <Col gap={\"x8\"}>\r\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\r\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\r\n        </Col>\r\n        <Row mt={\"x16\"} gap={\"x16\"}>\r\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\r\n            <span className={\"text-white fs-7 fw-bold\"}>\r\n              {firstStatusLabel}\r\n            </span>\r\n          </div>\r\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\r\n            <span className={\"text-white fs-7 fw-bold\"}>\r\n              {secondStatusLabel}\r\n            </span>\r\n          </div>\r\n        </Row>\r\n        <Col mt={\"x24\"}>{description}</Col>\r\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\r\n        <Row\r\n          className={\"actions-container-card-reservation\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"space-between\"}\r\n        >\r\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\r\n            <ActionIconText\r\n              textLabel={payLabel}\r\n              icon={<CreditCard />}\r\n              handleAction={onPressPay}\r\n              handleIconAction={onPressPay}\r\n              classNameText={\"fw-bold\"}\r\n            />\r\n            <div className={\"share-divider-reservations\"}>\r\n              <ActionIconText\r\n                textLabel={editLabel}\r\n                icon={<EditPencil />}\r\n                handleAction={onPressEdit}\r\n                handleIconAction={onPressEdit}\r\n                classNameText={\"fw-bold\"}\r\n              />\r\n            </div>\r\n          </Row>\r\n          <Button onClick={onPressDownload} variant=\"secondary\" type=\"button\">\r\n            {downloadLabel}\r\n          </Button>\r\n        </Row>\r\n      </Col>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressEdit","downloadLabel","payLabel","editLabel","jsx","Col","clsx","jsxs","Row","ActionIconText","CreditCard","EditPencil","Button"],"mappings":";;;;;;;;;AAoBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAWC,EAAK,oDAAoD,GACvE,UAAAC,gBAAAA,EAAAA,KAACF,GAAI,EAAA,GAAG,OAAO,OAAO,EAAE,OAAO,OAC7B,GAAA,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAF,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,IAACD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,kCAAmC,UAAKV,GAAA;AAAA,IACxDU,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,kCAAmC,UAAMX,EAAA,CAAA;AAAA,EAAA,GAC5D;AAAA,EACCc,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAI,OAAO,KAAK,OACnB,UAAA;AAAA,IAACJ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,uCACd,UAAAA,gBAAAA,EAAA,IAAC,UAAK,WAAW,2BACd,aACH,EACF,CAAA;AAAA,IACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAW,8CACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAP,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAAA,EACCO,gBAAAA,EAAA,IAAAC,GAAA,EAAI,IAAI,OAAQ,UAAYP,GAAA;AAAA,wBAC5BO,GAAI,EAAA,IAAI,OAAO,IAAI,OAAO,WAAW,gCAAgC;AAAA,EACtEE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAAD,gBAAAA,OAACC,KAAI,YAAY,UAAU,KAAK,OAAO,WAAW,eAChD,UAAA;AAAA,UAAAJ,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,4BAAOQ,GAAW,EAAA;AAAA,cAClB,cAAcX;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,UACAK,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,8BACd,UAAAA,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWN;AAAA,cACX,4BAAOQ,GAAW,EAAA;AAAA,cAClB,cAAcX;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,EAEnB,CAAA;AAAA,QAAA,GACF;AAAA,QACAI,gBAAAA,EAAAA,IAACQ,KAAO,SAASjB,GAAiB,SAAQ,aAAY,MAAK,UACxD,UACHM,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"index.es129.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ReservationRecapCard.scss\";\nimport { ActionIconText, Button, Col, Row } from \"@/components\";\nimport { EditPencil } from \"@/icons\";\nimport { CreditCard } from \"@/icons/CreditCard\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n  code?: string;\n  description?: any;\n  onPressPay?: () => void;\n  onPressEdit?: () => void;\n  onPressDownload?: () => void;\n  downloadLabel?: string;\n  payLabel?: string;\n  editLabel?: string;\n};\n\nexport const ReservationRecapCard = ({\n  title,\n  code,\n  onPressDownload,\n  firstStatusLabel,\n  secondStatusLabel,\n  description,\n  onPressPay,\n  onPressEdit,\n  downloadLabel,\n  payLabel,\n  editLabel,\n}: InfoSectionCardProps) => {\n  return (\n    <Col className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}>\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\n        <Col gap={\"x8\"}>\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\n        </Col>\n        <Row mt={\"x16\"} gap={\"x16\"}>\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        </Row>\n        <Col mt={\"x24\"}>{description}</Col>\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\n        <Row\n          className={\"actions-container-card-reservation\"}\n          alignItems={\"center\"}\n          justifyContent={\"space-between\"}\n        >\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\n            <ActionIconText\n              textLabel={payLabel}\n              icon={<CreditCard />}\n              handleAction={onPressPay}\n              handleIconAction={onPressPay}\n              classNameText={\"fw-bold\"}\n            />\n            <div className={\"share-divider-reservations\"}>\n              <ActionIconText\n                textLabel={editLabel}\n                icon={<EditPencil />}\n                handleAction={onPressEdit}\n                handleIconAction={onPressEdit}\n                classNameText={\"fw-bold\"}\n              />\n            </div>\n          </Row>\n          <Button onClick={onPressDownload} variant=\"secondary\" type=\"button\">\n            {downloadLabel}\n          </Button>\n        </Row>\n      </Col>\n    </Col>\n  );\n};\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressEdit","downloadLabel","payLabel","editLabel","jsx","Col","clsx","jsxs","Row","ActionIconText","CreditCard","EditPencil","Button"],"mappings":";;;;;;;;;AAoBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAWC,EAAK,oDAAoD,GACvE,UAAAC,gBAAAA,EAAAA,KAACF,GAAI,EAAA,GAAG,OAAO,OAAO,EAAE,OAAO,OAC7B,GAAA,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAF,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,IAACD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,kCAAmC,UAAKV,GAAA;AAAA,IACxDU,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,kCAAmC,UAAMX,EAAA,CAAA;AAAA,EAAA,GAC5D;AAAA,EACCc,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAI,OAAO,KAAK,OACnB,UAAA;AAAA,IAACJ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,uCACd,UAAAA,gBAAAA,EAAA,IAAC,UAAK,WAAW,2BACd,aACH,EACF,CAAA;AAAA,IACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAW,8CACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAP,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAAA,EACCO,gBAAAA,EAAA,IAAAC,GAAA,EAAI,IAAI,OAAQ,UAAYP,GAAA;AAAA,wBAC5BO,GAAI,EAAA,IAAI,OAAO,IAAI,OAAO,WAAW,gCAAgC;AAAA,EACtEE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAAD,gBAAAA,OAACC,KAAI,YAAY,UAAU,KAAK,OAAO,WAAW,eAChD,UAAA;AAAA,UAAAJ,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,4BAAOQ,GAAW,EAAA;AAAA,cAClB,cAAcX;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,UACAK,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,8BACd,UAAAA,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWN;AAAA,cACX,4BAAOQ,GAAW,EAAA;AAAA,cAClB,cAAcX;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,EAEnB,CAAA;AAAA,QAAA,GACF;AAAA,QACAI,gBAAAA,EAAAA,IAACQ,KAAO,SAASjB,GAAiB,SAAQ,aAAY,MAAK,UACxD,UACHM,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EACF,CAAA;"}

package/dist/index.es13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es13.js","sources":["../src/components/ui/SearchService/index.tsx"],"sourcesContent":["import \"./SearchService.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport { Service } from \"@anoki/fse-common\";\r\n\r\nexport type SearchServiceProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  items: Service[];\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchService = ({\r\n  btnText,\r\n  helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchServiceProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<Service[]>([]);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item) =>\r\n        [item.name].some((field) =>\r\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: Service) => {\r\n    setValueInput(item.name);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto\"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {highlightMatch(item.name, valueInput || \"\")}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchService","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":";;;;;;;AAeO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA0B;AACxB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAA6BL,CAAK,GAChE,CAACM,GAAeC,CAAgB,IAAIF,EAAoB,CAAA,CAAE,GAE1DG,IAAoB,CAAC,MAAqC;AACxD,UAAAC,IAAa,EAAE,OAAO;AAGxB,QAFJL,EAAcK,CAAU,GAEpBA,EAAW,UAAU,GAAG;AAC1B,YAAMC,IAAUT,EAAM;AAAA,QAAO,CAACU,MAC5B,CAACA,EAAK,IAAI,EAAE;AAAA,UAAK,CAACC,MAChBA,KAAA,gBAAAA,EAAO,cAAc,SAASH,EAAW,YAAa;AAAA,QAAA;AAAA,MAE1D;AACA,MAAAF,EAAiBG,CAAO;AAAA,IAAA;AAExB,MAAAH,EAAiB,CAAA,CAAE;AAAA,EAEvB,GAEMM,IAAmB,CAACF,MAAkB;AAC1C,IAAAP,EAAcO,EAAK,IAAI,GACvBJ,EAAiB,CAAA,CAAE;AAAA,EACrB,GAEMO,IAAiB,CAACC,GAAcC,MAAkB;AAClD,QAAA,CAACA,EAAc,QAAAD;AAEnB,UAAME,IAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa;AACxD,QAAAC,MAAU,GAAW,QAAAF;AAEzB,UAAMG,IAAcH,EAAK,MAAM,GAAGE,CAAK,GACjCE,IAAQJ,EAAK,MAAME,GAAOA,IAAQD,EAAM,MAAM,GAC9CI,IAAaL,EAAK,MAAME,IAAQD,EAAM,MAAM;AAElD,WAEKK,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAJ;AAAA,MACAK,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAMJ,GAAA;AAAA,MAC/CC;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,gCACG,OAAI,EAAA,WAAWI,EAAK,aAAa,kCAAkC,GAClE,UAAA;AAAA,IAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,qBACd,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,WAAWC;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACA,aAAazB;AAAA,UACb,cAAW;AAAA,UACX,OAAOI;AAAA,UACP,UAAUK;AAAA,QAAA;AAAA,MACZ;AAAA,MACCL,KAAcA,EAAW,UAAU,KAClCoB,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS,MAAM;AACb,YAAArB,EAAc,EAAE,GAChBG,EAAiB,CAAA,CAAE;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,IACCD,EAAc,SAAS,KACrBiB,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,2DACb,UAAAA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAU;AAAA,QAET,YAAc,IAAI,CAACf,GAAMM,MACxBM,gBAAAA,EAAA,IAAC,SAAgB,SAAS,MAAMV,EAAiBF,CAAI,GAClD,YAAeA,EAAK,MAAMR,KAAc,EAAE,EAAA,GADnCc,CAEV,CACD;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEDM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWH;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS,MAAM;AACb,UAAAjB,EAAiB,CAAA,CAAE,GACnBL,EAASC,KAAc,EAAE;AAAA,QAC3B;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es13.js","sources":["../src/components/ui/SearchService/index.tsx"],"sourcesContent":["import \"./SearchService.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type SearchServiceProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: Service[];\n  setValue: (value: string) => void;\n};\n\nexport const SearchService = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchServiceProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<Service[]>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item) =>\n        [item.name].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto\"\n          >\n            {filteredItems.map((item, index) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {highlightMatch(item.name, valueInput || \"\")}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchService","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"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"}

package/dist/index.es130.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es130.js","sources":["../src/components/ui/FeaturedCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\r\nimport \"./FeaturedCard.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype CTAType = {\r\n  label: string;\r\n  href: string;\r\n};\r\n\r\nexport enum FeaturedCardFormatType {\r\n  LANDSCAPE = \"landscape\",\r\n  SQUARE = \"square\",\r\n}\r\n\r\ntype FeaturedCardProps = {\r\n  sectionTitle?: string;\r\n  cardTitle: string;\r\n  image?: Image;\r\n  description?: string | ReactNode;\r\n  cta: CTAType;\r\n  cardFormat?: FeaturedCardFormatType;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  asImage?: \"img\" | ComponentType<any>;\r\n};\r\n\r\nexport const FeaturedCard = ({\r\n  sectionTitle = \"\",\r\n  cardTitle = \"\",\r\n  image,\r\n  description = \"\",\r\n  cta,\r\n  cardFormat = FeaturedCardFormatType.LANDSCAPE,\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n}: FeaturedCardProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  return (\r\n    <section className=\"ui-featured-card-section\">\r\n      {sectionTitle && <h2 className=\"ui-featured-card-section-title\">{sectionTitle}</h2>}\r\n      <div\r\n        className={clsx(\r\n          \"ui-featured-card\",\r\n          cardFormat === FeaturedCardFormatType.LANDSCAPE\r\n            ? \"ui-featured-card-landscape\"\r\n            : \"ui-featured-card-square\"\r\n        )}\r\n      >\r\n        {image?.src && (\r\n          <div className=\"ui-featured-card-image\">\r\n            <ImageComponent\r\n              src={image?.src}\r\n              alt={image?.alt}\r\n              title={image?.title}\r\n            />\r\n          </div>\r\n        )}\r\n        <div className=\"ui-featured-card-content\">\r\n          <h3 className={clsx(\"cursor-pointer hover-underline ui-featured-card-title\")}>{cardTitle}</h3>\r\n          <p className={clsx(\"fs-6 flex-1 md-fs-custom text-slate-20 ui-featured-card-description\")}>{description}</p>\r\n          <div className=\"ui-featured-card-cta\">\r\n            <ArrowLink href={cta.href ?? \"#\"} asLink={asLink}>\r\n              {cta.label?.toUpperCase()}\r\n            </ArrowLink>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["FeaturedCardFormatType","FeaturedCard","sectionTitle","cardTitle","image","description","cta","cardFormat","asLink","asImage","ImageComponent","jsxs","jsx","clsx","ArrowLink","_a"],"mappings":";;;;AAgBY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;AAgBL,MAAMC,IAAe,CAAC;AAAA,EAC3B,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAyB;;AACvB,QAAMC,IAAiBD;AAGrB,SAAAE,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,4BAChB,UAAA;AAAA,IAAAT,KAAiBU,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,kCAAkC,UAAaV,GAAA;AAAA,IAC9ES,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE;AAAA,UACT;AAAA,UACAN,MAAe,cACX,+BACA;AAAA,QACN;AAAA,QAEC,UAAA;AAAA,WAAAH,KAAA,gBAAAA,EAAO,QACNQ,gBAAAA,MAAC,OAAI,EAAA,WAAU,0BACb,UAAAA,gBAAAA,EAAA;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,KAAKN,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAAA,GAElB;AAAA,UAEFO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4BACb,UAAA;AAAA,YAAAC,gBAAAA,MAAC,MAAG,EAAA,WAAWC,EAAK,uDAAuD,GAAI,UAAUV,GAAA;AAAA,kCACxF,KAAE,EAAA,WAAWU,EAAK,qEAAqE,GAAI,UAAYR,GAAA;AAAA,YACvGO,gBAAAA,MAAA,OAAA,EAAI,WAAU,wBACb,gCAACE,GAAU,EAAA,MAAMR,EAAI,QAAQ,KAAK,QAAAE,GAC/B,WAAAO,IAAAT,EAAI,UAAJ,gBAAAS,EAAW,eACd,EACF,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"index.es130.js","sources":["../src/components/ui/FeaturedCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\nimport \"./FeaturedCard.scss\";\nimport { ComponentType, ReactNode } from \"react\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype CTAType = {\n  label: string;\n  href: string;\n};\n\nexport enum FeaturedCardFormatType {\n  LANDSCAPE = \"landscape\",\n  SQUARE = \"square\",\n}\n\ntype FeaturedCardProps = {\n  sectionTitle?: string;\n  cardTitle: string;\n  image?: Image;\n  description?: string | ReactNode;\n  cta: CTAType;\n  cardFormat?: FeaturedCardFormatType;\n  asLink?: \"a\" | ComponentType<any>;\n  asImage?: \"img\" | ComponentType<any>;\n};\n\nexport const FeaturedCard = ({\n  sectionTitle = \"\",\n  cardTitle = \"\",\n  image,\n  description = \"\",\n  cta,\n  cardFormat = FeaturedCardFormatType.LANDSCAPE,\n  asLink = \"a\",\n  asImage = \"img\",\n}: FeaturedCardProps) => {\n  const ImageComponent = asImage;\n\n  return (\n    <section className=\"ui-featured-card-section\">\n      {sectionTitle && <h2 className=\"ui-featured-card-section-title\">{sectionTitle}</h2>}\n      <div\n        className={clsx(\n          \"ui-featured-card\",\n          cardFormat === FeaturedCardFormatType.LANDSCAPE\n            ? \"ui-featured-card-landscape\"\n            : \"ui-featured-card-square\"\n        )}\n      >\n        {image?.src && (\n          <div className=\"ui-featured-card-image\">\n            <ImageComponent\n              src={image?.src}\n              alt={image?.alt}\n              title={image?.title}\n            />\n          </div>\n        )}\n        <div className=\"ui-featured-card-content\">\n          <h3 className={clsx(\"cursor-pointer hover-underline ui-featured-card-title\")}>{cardTitle}</h3>\n          <p className={clsx(\"fs-6 flex-1 md-fs-custom text-slate-20 ui-featured-card-description\")}>{description}</p>\n          <div className=\"ui-featured-card-cta\">\n            <ArrowLink href={cta.href ?? \"#\"} asLink={asLink}>\n              {cta.label?.toUpperCase()}\n            </ArrowLink>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":["FeaturedCardFormatType","FeaturedCard","sectionTitle","cardTitle","image","description","cta","cardFormat","asLink","asImage","ImageComponent","jsxs","jsx","clsx","ArrowLink","_a"],"mappings":";;;;AAgBY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;AAgBL,MAAMC,IAAe,CAAC;AAAA,EAC3B,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAyB;;AACvB,QAAMC,IAAiBD;AAGrB,SAAAE,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,4BAChB,UAAA;AAAA,IAAAT,KAAiBU,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,kCAAkC,UAAaV,GAAA;AAAA,IAC9ES,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE;AAAA,UACT;AAAA,UACAN,MAAe,cACX,+BACA;AAAA,QACN;AAAA,QAEC,UAAA;AAAA,WAAAH,KAAA,gBAAAA,EAAO,QACNQ,gBAAAA,MAAC,OAAI,EAAA,WAAU,0BACb,UAAAA,gBAAAA,EAAA;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,KAAKN,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAAA,GAElB;AAAA,UAEFO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4BACb,UAAA;AAAA,YAAAC,gBAAAA,MAAC,MAAG,EAAA,WAAWC,EAAK,uDAAuD,GAAI,UAAUV,GAAA;AAAA,kCACxF,KAAE,EAAA,WAAWU,EAAK,qEAAqE,GAAI,UAAYR,GAAA;AAAA,YACvGO,gBAAAA,MAAA,OAAA,EAAI,WAAU,wBACb,gCAACE,GAAU,EAAA,MAAMR,EAAI,QAAQ,KAAK,QAAAE,GAC/B,WAAAO,IAAAT,EAAI,UAAJ,gBAAAS,EAAW,eACd,EACF,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/index.es131.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es131.js","sources":["../src/components/ui/Feedback/Feedback.tsx"],"sourcesContent":["import \"./Feedback.scss\";\r\nimport { Rating } from \"./Rating.tsx\";\r\n\r\nimport { Questions } from \"./Questions.tsx\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { CardComponent } from \"../card\";\r\nimport \"../../../styles/typography.scss\";\r\nimport { Answer, FeedBackProps, Question, SendAnswer } from \"@anoki/fse-common\";\r\n\r\nexport function Feedback({\r\n  question,\r\n  rating,\r\n  questions,\r\n  onSend,\r\n  buttons,\r\n  maxCharactersMessage,\r\n  successMessage,\r\n  errorMessage,\r\n  loadingMessage,\r\n  isLoading = false,\r\n  hasError = false,\r\n  openAnswerPlaceholder,\r\n}: FeedBackProps) {\r\n  const [ratingValue, setRatingValue] = useState(() => rating ?? 0);\r\n  const [selectedAnswers, setSelectedAnswers] = useState<Array<SendAnswer>>([]);\r\n  const [openAnswer, setOpenAnswer] = useState<string>(\"\");\r\n  const [hide, setHide] = useState<boolean>(false);\r\n  const [filteredQuestions, setFilteredQuestions] = useState<Question[]>([]);\r\n\r\n  useEffect(() => {\r\n    const validQuestions = () => {\r\n      const currentQuestions = [];\r\n      if (ratingValue >= 3) {\r\n        currentQuestions[0] = questions[0];\r\n        currentQuestions[1] = questions[2];\r\n      } else {\r\n        currentQuestions[0] = questions[1];\r\n        currentQuestions[1] = questions[2];\r\n      }\r\n\r\n      return currentQuestions;\r\n    };\r\n\r\n    setFilteredQuestions(validQuestions());\r\n    setSelectedAnswers([]);\r\n  }, [ratingValue, questions]);\r\n\r\n  const onStarClick = (value: number) => {\r\n    setRatingValue(value);\r\n  };\r\n\r\n  /* \r\n   * PREVIOUS CHECKBOX IMPLEMENTATION:\r\n   * More complex implementation for checkboxes where multiple selections are allowed\r\n   * It used the lodash 'xor' function which performs \"exclusive or\" operation - meaning it toggles items\r\n   *\r\n   */\r\n  /* const onChangeAnswer = (questionId: string, answer: Answer) => {\r\n    const currentAnswer = selectedAnswers.find(\r\n      (value) => value.id === questionId,\r\n    );\r\n\r\n    if (!currentAnswer) {\r\n      setSelectedAnswers((prev) => [\r\n        ...prev,\r\n        {\r\n          id: questionId,\r\n          answer: [answer],\r\n        },\r\n      ]);\r\n      return;\r\n    }\r\n\r\n    const index = findIndex(currentAnswer.answer, { id: answer.id });\r\n    if (index === -1) {\r\n      currentAnswer.answer = [...currentAnswer.answer, answer];\r\n    } else {\r\n      currentAnswer.answer = xor([...currentAnswer.answer], [answer]);\r\n    }\r\n    setSelectedAnswers((prev) => xor([...prev, currentAnswer]));\r\n  }; */\r\n\r\n  const onChangeAnswer = (questionId: string, answer: Answer) => {\r\n    // For radio buttons, we simply replace the answer\r\n    setSelectedAnswers((prev) => {\r\n      const otherAnswers = prev.filter((a) => a.id !== questionId);\r\n      return [...otherAnswers, {\r\n        id: questionId,\r\n        answer: [answer], // Single answer for radio buttons\r\n      }];\r\n    });\r\n  };\r\n\r\n  const handleOpenAnswer = (answer: string) => {\r\n    setOpenAnswer(answer);\r\n  };\r\n  const onConfirm = () => {\r\n    setHide(true);\r\n\r\n    const formatSelectedAnswers = selectedAnswers\r\n      .map((answer) => answer.answer.map((a) => a.answer))\r\n      .flat();\r\n\r\n    const answer = {\r\n      rating: ratingValue,\r\n      closedAnswer: formatSelectedAnswers,\r\n      openAnswer: openAnswer,\r\n    };\r\n\r\n    onSend(answer);\r\n  };\r\n\r\n  const handleMessage = () => {\r\n    if (isLoading) {\r\n      return loadingMessage;\r\n    }\r\n\r\n    if (hasError) {\r\n      return errorMessage;\r\n    }\r\n\r\n    return successMessage;\r\n  };\r\n\r\n  return (\r\n    <CardComponent.Root>\r\n      {!hide && (\r\n        <>\r\n          <div className=\"p-3 d-flex flex-column gap-3 align-items-start\">\r\n            <p className=\"fs-5 fw-semibold\">{question}</p>\r\n            <Rating onClick={onStarClick} rating={ratingValue} />\r\n          </div>\r\n          {ratingValue > 0 && (\r\n            <div className=\"feedback-questions-container\">\r\n              <Questions\r\n                onSend={onConfirm}\r\n                questions={filteredQuestions}\r\n                onChangeAnswer={onChangeAnswer}\r\n                values={selectedAnswers}\r\n                openAnswer={openAnswer}\r\n                handleOpenAnswer={handleOpenAnswer}\r\n                buttons={buttons}\r\n                maxCharactersMessage={maxCharactersMessage}\r\n                openAnswerPlaceholder={openAnswerPlaceholder}\r\n              />\r\n            </div>\r\n          )}\r\n        </>\r\n      )}\r\n      {hide && (\r\n        <div className=\"steppers-content p-4\" aria-live=\"polite\">\r\n          <p className={\"feedback-final-message fw-semibold fs-custom\"}>{handleMessage()}</p>\r\n        </div>\r\n      )}\r\n    </CardComponent.Root>\r\n  );\r\n}\r\n"],"names":["Feedback","question","rating","questions","onSend","buttons","maxCharactersMessage","successMessage","errorMessage","loadingMessage","isLoading","hasError","openAnswerPlaceholder","ratingValue","setRatingValue","useState","selectedAnswers","setSelectedAnswers","openAnswer","setOpenAnswer","hide","setHide","filteredQuestions","setFilteredQuestions","useEffect","currentQuestions","onStarClick","value","onChangeAnswer","questionId","answer","prev","a","handleOpenAnswer","onConfirm","formatSelectedAnswers","handleMessage","jsxs","CardComponent","Fragment","jsx","Rating","Questions"],"mappings":"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"}
+{"version":3,"file":"index.es131.js","sources":["../src/components/ui/Feedback/Feedback.tsx"],"sourcesContent":["import \"./Feedback.scss\";\nimport { Rating } from \"./Rating.tsx\";\n\nimport { Questions } from \"./Questions.tsx\";\nimport { useEffect, useState } from \"react\";\nimport { CardComponent } from \"../card\";\nimport \"../../../styles/typography.scss\";\nimport { Answer, FeedBackProps, Question, SendAnswer } from \"@anoki/fse-common\";\n\nexport function Feedback({\n  question,\n  rating,\n  questions,\n  onSend,\n  buttons,\n  maxCharactersMessage,\n  successMessage,\n  errorMessage,\n  loadingMessage,\n  isLoading = false,\n  hasError = false,\n  openAnswerPlaceholder,\n}: FeedBackProps) {\n  const [ratingValue, setRatingValue] = useState(() => rating ?? 0);\n  const [selectedAnswers, setSelectedAnswers] = useState<Array<SendAnswer>>([]);\n  const [openAnswer, setOpenAnswer] = useState<string>(\"\");\n  const [hide, setHide] = useState<boolean>(false);\n  const [filteredQuestions, setFilteredQuestions] = useState<Question[]>([]);\n\n  useEffect(() => {\n    const validQuestions = () => {\n      const currentQuestions = [];\n      if (ratingValue >= 3) {\n        currentQuestions[0] = questions[0];\n        currentQuestions[1] = questions[2];\n      } else {\n        currentQuestions[0] = questions[1];\n        currentQuestions[1] = questions[2];\n      }\n\n      return currentQuestions;\n    };\n\n    setFilteredQuestions(validQuestions());\n    setSelectedAnswers([]);\n  }, [ratingValue, questions]);\n\n  const onStarClick = (value: number) => {\n    setRatingValue(value);\n  };\n\n  /* \n   * PREVIOUS CHECKBOX IMPLEMENTATION:\n   * More complex implementation for checkboxes where multiple selections are allowed\n   * It used the lodash 'xor' function which performs \"exclusive or\" operation - meaning it toggles items\n   *\n   */\n  /* const onChangeAnswer = (questionId: string, answer: Answer) => {\n    const currentAnswer = selectedAnswers.find(\n      (value) => value.id === questionId,\n    );\n\n    if (!currentAnswer) {\n      setSelectedAnswers((prev) => [\n        ...prev,\n        {\n          id: questionId,\n          answer: [answer],\n        },\n      ]);\n      return;\n    }\n\n    const index = findIndex(currentAnswer.answer, { id: answer.id });\n    if (index === -1) {\n      currentAnswer.answer = [...currentAnswer.answer, answer];\n    } else {\n      currentAnswer.answer = xor([...currentAnswer.answer], [answer]);\n    }\n    setSelectedAnswers((prev) => xor([...prev, currentAnswer]));\n  }; */\n\n  const onChangeAnswer = (questionId: string, answer: Answer) => {\n    // For radio buttons, we simply replace the answer\n    setSelectedAnswers((prev) => {\n      const otherAnswers = prev.filter((a) => a.id !== questionId);\n      return [...otherAnswers, {\n        id: questionId,\n        answer: [answer], // Single answer for radio buttons\n      }];\n    });\n  };\n\n  const handleOpenAnswer = (answer: string) => {\n    setOpenAnswer(answer);\n  };\n  const onConfirm = () => {\n    setHide(true);\n\n    const formatSelectedAnswers = selectedAnswers\n      .map((answer) => answer.answer.map((a) => a.answer))\n      .flat();\n\n    const answer = {\n      rating: ratingValue,\n      closedAnswer: formatSelectedAnswers,\n      openAnswer: openAnswer,\n    };\n\n    onSend(answer);\n  };\n\n  const handleMessage = () => {\n    if (isLoading) {\n      return loadingMessage;\n    }\n\n    if (hasError) {\n      return errorMessage;\n    }\n\n    return successMessage;\n  };\n\n  return (\n    <CardComponent.Root>\n      {!hide && (\n        <>\n          <div className=\"p-3 d-flex flex-column gap-3 align-items-start\">\n            <p className=\"fs-5 fw-semibold\">{question}</p>\n            <Rating onClick={onStarClick} rating={ratingValue} />\n          </div>\n          {ratingValue > 0 && (\n            <div className=\"feedback-questions-container\">\n              <Questions\n                onSend={onConfirm}\n                questions={filteredQuestions}\n                onChangeAnswer={onChangeAnswer}\n                values={selectedAnswers}\n                openAnswer={openAnswer}\n                handleOpenAnswer={handleOpenAnswer}\n                buttons={buttons}\n                maxCharactersMessage={maxCharactersMessage}\n                openAnswerPlaceholder={openAnswerPlaceholder}\n              />\n            </div>\n          )}\n        </>\n      )}\n      {hide && (\n        <div className=\"steppers-content p-4\" aria-live=\"polite\">\n          <p className={\"feedback-final-message fw-semibold fs-custom\"}>{handleMessage()}</p>\n        </div>\n      )}\n    </CardComponent.Root>\n  );\n}\n"],"names":["Feedback","question","rating","questions","onSend","buttons","maxCharactersMessage","successMessage","errorMessage","loadingMessage","isLoading","hasError","openAnswerPlaceholder","ratingValue","setRatingValue","useState","selectedAnswers","setSelectedAnswers","openAnswer","setOpenAnswer","hide","setHide","filteredQuestions","setFilteredQuestions","useEffect","currentQuestions","onStarClick","value","onChangeAnswer","questionId","answer","prev","a","handleOpenAnswer","onConfirm","formatSelectedAnswers","handleMessage","jsxs","CardComponent","Fragment","jsx","Rating","Questions"],"mappings":"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"}

package/dist/index.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es132.js","sources":["../src/components/ui/CardFaqCTA/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./CardFaqCTA.scss\";\r\nimport { CtaCardIcon } from \"@/icons/CtaCardIcon\";\r\n\r\nexport enum CardFaqCTAType {\r\n  FAQ = \"FAQ\", //it has a title a description and a link\r\n  CTA = \"CTA\", //it has a title and a link\r\n  CTAICON = \"CTAICON\", //it has a title and a link\r\n}\r\n\r\ninterface CardFaqCTAProps {\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link: string;\r\n  openModal?: Function;\r\n  isExternal?: boolean;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n}\r\n\r\nexport const CardFaqCTA: React.FC<CardFaqCTAProps> = ({\r\n  type = \"Evento\",\r\n  title,\r\n  description,\r\n  link,\r\n  openModal,\r\n  isExternal,\r\n  asLink = \"a\",\r\n}) => {\r\n  const WrapComponent = type === CardFaqCTAType.FAQ ? \"div\" : asLink;\r\n  const cardClass = type === CardFaqCTAType.FAQ ? \"faq-card\" : type === CardFaqCTAType.CTA ? \"cta-card\" : \"cta-icon-card\";\r\n  const WrapComponentProps = \r\n    type === CardFaqCTAType.FAQ ? {\r\n      className: cardClass,\r\n      onClick: openModal,\r\n    } : {\r\n      href: link,\r\n      target: isExternal ? \"_blank\" : undefined,\r\n      rel: isExternal ? \"noopener noreferrer\" : undefined,\r\n      className: cardClass,\r\n     };\r\n\r\n  return (\r\n    <WrapComponent {...WrapComponentProps}>\r\n      <div className={`${cardClass}__header`}>\r\n        <h3 className={`${cardClass}__title`}>\r\n          {title}\r\n        </h3>\r\n      </div>\r\n      {type === CardFaqCTAType.FAQ && description && (\r\n        <span className={`${cardClass}__description`}>\r\n          {description}\r\n        </span>\r\n      )}\r\n      {type === CardFaqCTAType.CTAICON && (\r\n        <CtaCardIcon className={`${cardClass}__icon`}></CtaCardIcon>\r\n      )}\r\n    </WrapComponent>\r\n  );\r\n};\r\n"],"names":["CardFaqCTAType","CardFaqCTA","type","title","description","link","openModal","isExternal","asLink","WrapComponent","cardClass","WrapComponentProps","jsxs","jsx","CtaCardIcon"],"mappings":";;;AAIY,IAAAA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;AAgBL,MAAMC,IAAwC,CAAC;AAAA,EACpD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACE,QAAAC,IAAgBP,MAAS,QAAqB,QAAQM,GACtDE,IAAYR,MAAS,QAAqB,aAAaA,MAAS,QAAqB,aAAa,iBAClGS,IACJT,MAAS,QAAqB;AAAA,IAC5B,WAAWQ;AAAA,IACX,SAASJ;AAAA,EAAA,IACP;AAAA,IACF,MAAMD;AAAA,IACN,QAAQE,IAAa,WAAW;AAAA,IAChC,KAAKA,IAAa,wBAAwB;AAAA,IAC1C,WAAWG;AAAA,EACZ;AAGD,SAAAE,gBAAAA,EAAA,KAACH,GAAe,EAAA,GAAGE,GACjB,UAAA;AAAA,IAAAE,gBAAAA,MAAC,OAAI,EAAA,WAAW,GAAGH,CAAS,YAC1B,UAAAG,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAW,GAAGH,CAAS,WACxB,UAAAP,EACH,CAAA,GACF;AAAA,IACCD,MAAS,SAAsBE,KAC9BS,gBAAAA,EAAA,IAAC,UAAK,WAAW,GAAGH,CAAS,iBAC1B,UACHN,EAAA,CAAA;AAAA,IAEDF,MAAS,aACRW,gBAAAA,EAAAA,IAACC,KAAY,WAAW,GAAGJ,CAAS,SAAU,CAAA;AAAA,EAAA,GAElD;AAEJ;"}
+{"version":3,"file":"index.es132.js","sources":["../src/components/ui/CardFaqCTA/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./CardFaqCTA.scss\";\nimport { CtaCardIcon } from \"@/icons/CtaCardIcon\";\n\nexport enum CardFaqCTAType {\n  FAQ = \"FAQ\", //it has a title a description and a link\n  CTA = \"CTA\", //it has a title and a link\n  CTAICON = \"CTAICON\", //it has a title and a link\n}\n\ninterface CardFaqCTAProps {\n  type: CardFaqCTAType;\n  title: string;\n  description?: string;\n  link: string;\n  openModal?: Function;\n  isExternal?: boolean;\n  asLink?: \"a\" | React.ComponentType<any>;\n}\n\nexport const CardFaqCTA: React.FC<CardFaqCTAProps> = ({\n  type = \"Evento\",\n  title,\n  description,\n  link,\n  openModal,\n  isExternal,\n  asLink = \"a\",\n}) => {\n  const WrapComponent = type === CardFaqCTAType.FAQ ? \"div\" : asLink;\n  const cardClass = type === CardFaqCTAType.FAQ ? \"faq-card\" : type === CardFaqCTAType.CTA ? \"cta-card\" : \"cta-icon-card\";\n  const WrapComponentProps = \n    type === CardFaqCTAType.FAQ ? {\n      className: cardClass,\n      onClick: openModal,\n    } : {\n      href: link,\n      target: isExternal ? \"_blank\" : undefined,\n      rel: isExternal ? \"noopener noreferrer\" : undefined,\n      className: cardClass,\n     };\n\n  return (\n    <WrapComponent {...WrapComponentProps}>\n      <div className={`${cardClass}__header`}>\n        <h3 className={`${cardClass}__title`}>\n          {title}\n        </h3>\n      </div>\n      {type === CardFaqCTAType.FAQ && description && (\n        <span className={`${cardClass}__description`}>\n          {description}\n        </span>\n      )}\n      {type === CardFaqCTAType.CTAICON && (\n        <CtaCardIcon className={`${cardClass}__icon`}></CtaCardIcon>\n      )}\n    </WrapComponent>\n  );\n};\n"],"names":["CardFaqCTAType","CardFaqCTA","type","title","description","link","openModal","isExternal","asLink","WrapComponent","cardClass","WrapComponentProps","jsxs","jsx","CtaCardIcon"],"mappings":";;;AAIY,IAAAA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;AAgBL,MAAMC,IAAwC,CAAC;AAAA,EACpD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACE,QAAAC,IAAgBP,MAAS,QAAqB,QAAQM,GACtDE,IAAYR,MAAS,QAAqB,aAAaA,MAAS,QAAqB,aAAa,iBAClGS,IACJT,MAAS,QAAqB;AAAA,IAC5B,WAAWQ;AAAA,IACX,SAASJ;AAAA,EAAA,IACP;AAAA,IACF,MAAMD;AAAA,IACN,QAAQE,IAAa,WAAW;AAAA,IAChC,KAAKA,IAAa,wBAAwB;AAAA,IAC1C,WAAWG;AAAA,EACZ;AAGD,SAAAE,gBAAAA,EAAA,KAACH,GAAe,EAAA,GAAGE,GACjB,UAAA;AAAA,IAAAE,gBAAAA,MAAC,OAAI,EAAA,WAAW,GAAGH,CAAS,YAC1B,UAAAG,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAW,GAAGH,CAAS,WACxB,UAAAP,EACH,CAAA,GACF;AAAA,IACCD,MAAS,SAAsBE,KAC9BS,gBAAAA,EAAA,IAAC,UAAK,WAAW,GAAGH,CAAS,iBAC1B,UACHN,EAAA,CAAA;AAAA,IAEDF,MAAS,aACRW,gBAAAA,EAAAA,IAACC,KAAY,WAAW,GAAGJ,CAAS,SAAU,CAAA;AAAA,EAAA,GAElD;AAEJ;"}

package/dist/index.es133.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es133.js","sources":["../src/components/ui/sections/Feedback/index.tsx"],"sourcesContent":["import \"./Feedback.scss\";\r\nimport { Feedback } from \"@/components\";\r\nimport { FeedBackProps } from \"@anoki/fse-common\";\r\n\r\ntype FeedbackSectionProps = {\r\n  section: {\r\n    feedback: FeedBackProps;\r\n    sectionId?: string;\r\n  };\r\n};\r\n\r\nexport function FeedbackSection({\r\n  section: { feedback, sectionId = \"\" },\r\n}: FeedbackSectionProps) {\r\n  return (\r\n    <section className=\"container-feedback-bg\" id={sectionId}>\r\n      <div className={\"content-container\"}>\r\n        <div className=\"container-feedback-section feedback-container section-padding d-flex justify-content-center align-items-center\">\r\n          {feedback && (\r\n            <Feedback\r\n              rating={feedback?.rating}\r\n              questions={feedback?.questions ?? []}\r\n              onSend={feedback?.onSend}\r\n              question={feedback?.question}\r\n              buttons={feedback?.buttons}\r\n              successMessage={feedback?.successMessage}\r\n              errorMessage={feedback?.errorMessage}\r\n              loadingMessage={feedback?.loadingMessage}\r\n              maxCharactersMessage={feedback?.maxCharactersMessage}\r\n              isLoading={feedback?.isLoading}\r\n              hasError={feedback?.hasError}\r\n              openAnswerPlaceholder={feedback?.openAnswerPlaceholder}\r\n            />\r\n          )}\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["FeedbackSection","feedback","sectionId","jsx","Feedback"],"mappings":";;;AAWO,SAASA,EAAgB;AAAA,EAC9B,SAAS,EAAE,UAAAC,GAAU,WAAAC,IAAY,GAAG;AACtC,GAAyB;AACvB,SACGC,gBAAAA,EAAA,IAAA,WAAA,EAAQ,WAAU,yBAAwB,IAAID,GAC7C,UAAAC,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,qBACd,UAAAA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,kHACZ,UACCF,KAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQH,KAAA,gBAAAA,EAAU;AAAA,MAClB,YAAWA,KAAA,gBAAAA,EAAU,cAAa,CAAC;AAAA,MACnC,QAAQA,KAAA,gBAAAA,EAAU;AAAA,MAClB,UAAUA,KAAA,gBAAAA,EAAU;AAAA,MACpB,SAASA,KAAA,gBAAAA,EAAU;AAAA,MACnB,gBAAgBA,KAAA,gBAAAA,EAAU;AAAA,MAC1B,cAAcA,KAAA,gBAAAA,EAAU;AAAA,MACxB,gBAAgBA,KAAA,gBAAAA,EAAU;AAAA,MAC1B,sBAAsBA,KAAA,gBAAAA,EAAU;AAAA,MAChC,WAAWA,KAAA,gBAAAA,EAAU;AAAA,MACrB,UAAUA,KAAA,gBAAAA,EAAU;AAAA,MACpB,uBAAuBA,KAAA,gBAAAA,EAAU;AAAA,IAAA;AAAA,EAAA,EAGvC,CAAA,EACF,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es133.js","sources":["../src/components/ui/sections/Feedback/index.tsx"],"sourcesContent":["import \"./Feedback.scss\";\nimport { Feedback } from \"@/components\";\nimport { FeedBackProps } from \"@anoki/fse-common\";\n\ntype FeedbackSectionProps = {\n  section: {\n    feedback: FeedBackProps;\n    sectionId?: string;\n  };\n};\n\nexport function FeedbackSection({\n  section: { feedback, sectionId = \"\" },\n}: FeedbackSectionProps) {\n  return (\n    <section className=\"container-feedback-bg\" id={sectionId}>\n      <div className={\"content-container\"}>\n        <div className=\"container-feedback-section feedback-container section-padding d-flex justify-content-center align-items-center\">\n          {feedback && (\n            <Feedback\n              rating={feedback?.rating}\n              questions={feedback?.questions ?? []}\n              onSend={feedback?.onSend}\n              question={feedback?.question}\n              buttons={feedback?.buttons}\n              successMessage={feedback?.successMessage}\n              errorMessage={feedback?.errorMessage}\n              loadingMessage={feedback?.loadingMessage}\n              maxCharactersMessage={feedback?.maxCharactersMessage}\n              isLoading={feedback?.isLoading}\n              hasError={feedback?.hasError}\n              openAnswerPlaceholder={feedback?.openAnswerPlaceholder}\n            />\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["FeedbackSection","feedback","sectionId","jsx","Feedback"],"mappings":";;;AAWO,SAASA,EAAgB;AAAA,EAC9B,SAAS,EAAE,UAAAC,GAAU,WAAAC,IAAY,GAAG;AACtC,GAAyB;AACvB,SACGC,gBAAAA,EAAA,IAAA,WAAA,EAAQ,WAAU,yBAAwB,IAAID,GAC7C,UAAAC,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,qBACd,UAAAA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,kHACZ,UACCF,KAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQH,KAAA,gBAAAA,EAAU;AAAA,MAClB,YAAWA,KAAA,gBAAAA,EAAU,cAAa,CAAC;AAAA,MACnC,QAAQA,KAAA,gBAAAA,EAAU;AAAA,MAClB,UAAUA,KAAA,gBAAAA,EAAU;AAAA,MACpB,SAASA,KAAA,gBAAAA,EAAU;AAAA,MACnB,gBAAgBA,KAAA,gBAAAA,EAAU;AAAA,MAC1B,cAAcA,KAAA,gBAAAA,EAAU;AAAA,MACxB,gBAAgBA,KAAA,gBAAAA,EAAU;AAAA,MAC1B,sBAAsBA,KAAA,gBAAAA,EAAU;AAAA,MAChC,WAAWA,KAAA,gBAAAA,EAAU;AAAA,MACrB,UAAUA,KAAA,gBAAAA,EAAU;AAAA,MACpB,uBAAuBA,KAAA,gBAAAA,EAAU;AAAA,IAAA;AAAA,EAAA,EAGvC,CAAA,EACF,CAAA,GACF;AAEJ;"}

package/dist/index.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es134.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\r\nimport { Col } from \"../Col\";\r\nimport { Row } from \"../Row\";\r\nimport { File } from \"@/icons\";\r\nimport \"./AggregationItemCard.scss\";\r\nimport { Tag, TagProps } from \"../Tags\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype AggregationItemCardProps = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  tags?: Array<TagProps>;\r\n  totalTags?: number;\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string | ReactNode;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const AggregationItemCard = ({\r\n  category,\r\n  tags = [],\r\n  totalTags = 2,\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  href,\r\n  isExternal = false,\r\n  asImage = \"img\",\r\n  className,\r\n  handleOnClick,\r\n}: AggregationItemCardProps) => {\r\n  const ImageComponent = asImage;\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n    >\r\n      <div className=\"category-header text-muted\">\r\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\r\n          {category && (\r\n            <File\r\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\r\n              width={30}\r\n              height={30}\r\n            />\r\n          )}\r\n          {category?.type ?? \" \"}\r\n        </Row>\r\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\r\n      </div>\r\n\r\n      {image?.src && (\r\n        <header className=\"image\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n          <div className=\"backdrop\"></div>\r\n        </header>\r\n      )}\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <a\r\n            className=\"text-decoration-none\"\r\n            href={href}\r\n            target={isExternal ? \"_blank\" : undefined}\r\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n            onClick={handleOnClick ?? undefined}\r\n          >\r\n            <TitleTag\r\n              className={clsx(\r\n                \"title\",\r\n                \"cursor-pointer hover-underline\",\r\n                \"text-primary fs-5 md-fs-custom-2\",\r\n              )}\r\n            >\r\n              {title}\r\n            </TitleTag>\r\n          </a>\r\n        </Row>\r\n      </Col>\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row\r\n          className=\"topics-container\"\r\n          gap=\"x16\"\r\n          flexWrap=\"wrap\"\r\n          alignItems=\"flex-start\"\r\n        >\r\n          {tags.slice(0, totalTags).map((topic, index) => (\r\n            <Tag key={index} {...topic} />\r\n          ))}\r\n        </Row>\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAqCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es134.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\nimport { Col } from \"../Col\";\nimport { Row } from \"../Row\";\nimport { File } from \"@/icons\";\nimport \"./AggregationItemCard.scss\";\nimport { Tag, TagProps } from \"../Tags\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype AggregationItemCardProps = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  tags?: Array<TagProps>;\n  totalTags?: number;\n  image?: Image;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string | ReactNode;\n  description2?: string;\n  isExternal?: boolean;\n  asImage?: \"img\";\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  classNameTitle?: string;\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\n};\n\nexport const AggregationItemCard = ({\n  category,\n  tags = [],\n  totalTags = 2,\n  image,\n  title,\n  titleTag: TitleTag = \"h3\",\n  href,\n  isExternal = false,\n  asImage = \"img\",\n  className,\n  handleOnClick,\n}: AggregationItemCardProps) => {\n  const ImageComponent = asImage;\n  return (\n    <div\n      className={clsx(\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\n        className,\n        handleOnClick && \"cursor-pointer\",\n      )}\n    >\n      <div className=\"category-header text-muted\">\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\n          {category && (\n            <File\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\n              width={30}\n              height={30}\n            />\n          )}\n          {category?.type ?? \" \"}\n        </Row>\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\n      </div>\n\n      {image?.src && (\n        <header className=\"image\">\n          <ImageComponent\n            src={image?.src}\n            alt={image?.alt}\n            title={image?.title}\n          />\n          <div className=\"backdrop\"></div>\n        </header>\n      )}\n      <Col className=\"content-container gap-x16\">\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\n          <a\n            className=\"text-decoration-none\"\n            href={href}\n            target={isExternal ? \"_blank\" : undefined}\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\n            onClick={handleOnClick ?? undefined}\n          >\n            <TitleTag\n              className={clsx(\n                \"title\",\n                \"cursor-pointer hover-underline\",\n                \"text-primary fs-5 md-fs-custom-2\",\n              )}\n            >\n              {title}\n            </TitleTag>\n          </a>\n        </Row>\n      </Col>\n      <Col className=\"content-container gap-x16\">\n        <Row\n          className=\"topics-container\"\n          gap=\"x16\"\n          flexWrap=\"wrap\"\n          alignItems=\"flex-start\"\n        >\n          {tags.slice(0, totalTags).map((topic, index) => (\n            <Tag key={index} {...topic} />\n          ))}\n        </Row>\n      </Col>\n    </div>\n  );\n};\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAqCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useCallback, useMemo, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close, Spinner } from \"@/icons\";\r\nimport { Service } from \"@anoki/fse-common\";\r\n\r\nexport type Suggestion = {\r\n  category: string;\r\n  items: Service[];\r\n};\r\n\r\nexport type CommunicationSearchProps = {\r\n  btnText: string;\r\n  helperText?: string;\r\n  value: string;\r\n  items: Suggestion[];\r\n  loading?: boolean;\r\n  emptyLabel?: string;\r\n  setValue: (value: string) => void;\r\n  setSelectedElement: (value: Service) => void;\r\n};\r\n\r\nexport const CommunicationSearch = ({\r\n  btnText,\r\n  helperText = \"Cosa vuoi approfondire?\",\r\n  value,\r\n  loading,\r\n  items,\r\n  emptyLabel = \"Nessun risultato disponibile\",\r\n  setValue,\r\n  setSelectedElement,\r\n}: CommunicationSearchProps) => {\r\n  const [focus, setFocus] = useState(false);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValue(inputValue);\r\n  };\r\n\r\n  const handleSelectItem = (item: Service) => {\r\n    setSelectedElement(item);\r\n    setFocus(false);\r\n  };\r\n\r\n  const highlightMatch = useCallback((text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  }, []);\r\n\r\n  const showMenu = useMemo(() => {\r\n    if (focus) {\r\n      return true;\r\n    }\r\n\r\n    if (value.length >= 3 && items?.length > 0) {\r\n      return true;\r\n    }\r\n\r\n    return focus;\r\n  }, [focus, items?.length, value.length]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-communication-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n      )}\r\n      onBlur={() => {\r\n        setTimeout(() => {\r\n          setFocus(false);\r\n        }, 150);\r\n      }}\r\n    >\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-communication-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={value}\r\n          onChange={handleInputChange}\r\n          onFocus={() => setFocus(true)}\r\n        />\r\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\r\n        {value && value.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      <div\r\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\r\n          \"py-x24\": showMenu,\r\n        })}\r\n      >\r\n        <Col\r\n          gap=\"x24\"\r\n          fw=\"regular\"\r\n          text=\"secondary\"\r\n          fs=\"6\"\r\n          className=\"ui-list-item-search overflow-y-auto\"\r\n        >\r\n          {showMenu && (\r\n            <>\r\n              {items.map((group, index) =>\r\n                group.items?.length ? (\r\n                  <>\r\n                    {\" \"}\r\n                    <div key={index}>\r\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\r\n                        {group.category}\r\n                      </h4>\r\n                      <ul className=\"list-unstyled\">\r\n                        {group.items.map((item) => (\r\n                          <li\r\n                            key={item.id}\r\n                            onClick={(e) => {\r\n                              e.stopPropagation();\r\n                              e.preventDefault();\r\n\r\n                              handleSelectItem(item);\r\n                            }}\r\n                            className=\"cursor-pointer py-x8 px-x24\"\r\n                          >\r\n                            {highlightMatch(item.name, value || \"\")}\r\n                          </li>\r\n                        ))}\r\n                      </ul>\r\n                    </div>\r\n                  </>\r\n                ) : (\r\n                  <></>\r\n                ),\r\n              )}\r\n\r\n              {!loading &&\r\n              items.every((suggestion) => suggestion.items.length === 0) ? (\r\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\r\n              ) : (\r\n                \"\"\r\n              )}\r\n            </>\r\n          )}\r\n        </Col>\r\n      </div>\r\n\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            handleInputChange({ target: { value } } as any);\r\n            setFocus(true);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","e","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","suggestion","Button"],"mappings":"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"}
+{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValue(inputValue);\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = useCallback((text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  }, []);\n\n  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (value.length >= 3 && items?.length > 0) {\n      return true;\n    }\n\n    return focus;\n  }, [focus, items?.length, value.length]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => {\n        setTimeout(() => {\n          setFocus(false);\n        }, 150);\n      }}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={value}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\n        {value && value.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        <Col\n          gap=\"x24\"\n          fw=\"regular\"\n          text=\"secondary\"\n          fs=\"6\"\n          className=\"ui-list-item-search overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {items.map((group, index) =>\n                group.items?.length ? (\n                  <>\n                    {\" \"}\n                    <div key={index}>\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h4>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item) => (\n                          <li\n                            key={item.id}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n\n                              handleSelectItem(item);\n                            }}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, value || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              items.every((suggestion) => suggestion.items.length === 0) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            handleInputChange({ target: { value } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","e","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","suggestion","Button"],"mappings":"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"}

package/dist/index.es136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\r\nimport { Col } from \"../Col\";\r\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\r\nimport { Divider } from \"../Divider\";\r\nimport { ReactNode } from \"react\";\r\nimport \"./CardBanner.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  description: string | ReactNode;\r\n  link?: Link;\r\n  actions?: Array<ActionIconTextProps>;\r\n  firstStatusLabel?: string;\r\n  secondStatusLabel?: string;\r\n  personalStatusLabel?: string;\r\n};\r\n\r\nexport const CardBanner = ({\r\n  actions,\r\n  description,\r\n  title,\r\n  link,\r\n  firstStatusLabel,\r\n  secondStatusLabel,\r\n  personalStatusLabel,\r\n}: Props) => {\r\n  return (\r\n    <Col className=\"ui-card-banner\" py=\"x24\">\r\n      <Row gap={\"x16\"} px=\"x24\" flexWrap=\"wrap\">\r\n        {personalStatusLabel && (\r\n          <div\r\n            className={\"px-x16 py-x4 bg-status-secondary rounded text-white \"}\r\n          >\r\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\r\n              {personalStatusLabel}\r\n            </span>\r\n          </div>\r\n        )}\r\n        {firstStatusLabel && (\r\n          <div className={\"px-x16 py-x4 bg-primary rounded text-white \"}>\r\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\r\n              {firstStatusLabel}\r\n            </span>\r\n          </div>\r\n        )}\r\n        {secondStatusLabel && (\r\n          <div className={\"px-x16 py-x4 bg-status-warning rounded text-white \"}>\r\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\r\n              {secondStatusLabel}\r\n            </span>\r\n          </div>\r\n        )}\r\n      </Row>\r\n      <Col px=\"x24\" gap=\"x16\">\r\n        <h3 className=\"title\">{title}</h3>\r\n        <p className=\"description\">{description}</p>\r\n        {!!link && (\r\n          <Row justifyContent=\"flex-end \">\r\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\r\n              {link.title}\r\n            </ArrowLink>\r\n          </Row>\r\n        )}\r\n      </Col>\r\n\r\n      {!!actions && (\r\n        <>\r\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\r\n          <Row\r\n            justifyContent=\"flex-end\"\r\n            gap=\"x16\"\r\n            px=\"x24\"\r\n            flexWrap=\"wrap\"\r\n            className=\"ui-actions-wrapper\"\r\n          >\r\n            {actions?.map((action) => (\r\n              <ActionIconText\r\n                classNameComponent=\"action-icon-text\"\r\n                {...action}\r\n              />\r\n            ))}\r\n          </Row>\r\n        </>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","personalStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,OAACE,KAAI,KAAK,OAAO,IAAG,OAAM,UAAS,QAChC,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QAEX,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,oCACd,UACHJ,EAAA,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEDF,KACEM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,+CACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAN,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,sDACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAL,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCE,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMR,GAAA;AAAA,IAC5BQ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYT,GAAA;AAAA,IACvC,CAAC,CAACE,KACAO,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,aAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMR,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECO,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,IAChDH,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,UAAS;AAAA,QACT,WAAU;AAAA,QAET,UAAAT,KAAA,gBAAAA,EAAS,IAAI,CAACc,MACbJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,oBAAmB;AAAA,YAClB,GAAGD;AAAA,UAAA;AAAA,QAEP;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EACF,CAAA;AAAA,GAEJ;"}
+{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\nimport { Col } from \"../Col\";\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\nimport { Divider } from \"../Divider\";\nimport { ReactNode } from \"react\";\nimport \"./CardBanner.scss\";\n\ntype Props = {\n  title: string;\n  description: string | ReactNode;\n  link?: Link;\n  actions?: Array<ActionIconTextProps>;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n  personalStatusLabel?: string;\n};\n\nexport const CardBanner = ({\n  actions,\n  description,\n  title,\n  link,\n  firstStatusLabel,\n  secondStatusLabel,\n  personalStatusLabel,\n}: Props) => {\n  return (\n    <Col className=\"ui-card-banner\" py=\"x24\">\n      <Row gap={\"x16\"} px=\"x24\" flexWrap=\"wrap\">\n        {personalStatusLabel && (\n          <div\n            className={\"px-x16 py-x4 bg-status-secondary rounded text-white \"}\n          >\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {personalStatusLabel}\n            </span>\n          </div>\n        )}\n        {firstStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-primary rounded text-white \"}>\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n        )}\n        {secondStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-status-warning rounded text-white \"}>\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        )}\n      </Row>\n      <Col px=\"x24\" gap=\"x16\">\n        <h3 className=\"title\">{title}</h3>\n        <p className=\"description\">{description}</p>\n        {!!link && (\n          <Row justifyContent=\"flex-end \">\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\n              {link.title}\n            </ArrowLink>\n          </Row>\n        )}\n      </Col>\n\n      {!!actions && (\n        <>\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\n          <Row\n            justifyContent=\"flex-end\"\n            gap=\"x16\"\n            px=\"x24\"\n            flexWrap=\"wrap\"\n            className=\"ui-actions-wrapper\"\n          >\n            {actions?.map((action) => (\n              <ActionIconText\n                classNameComponent=\"action-icon-text\"\n                {...action}\n              />\n            ))}\n          </Row>\n        </>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","personalStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,OAACE,KAAI,KAAK,OAAO,IAAG,OAAM,UAAS,QAChC,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QAEX,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,oCACd,UACHJ,EAAA,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEDF,KACEM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,+CACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAN,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,sDACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAL,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCE,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMR,GAAA;AAAA,IAC5BQ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYT,GAAA;AAAA,IACvC,CAAC,CAACE,KACAO,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,aAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMR,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECO,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,IAChDH,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,UAAS;AAAA,QACT,WAAU;AAAA,QAET,UAAAT,KAAA,gBAAAA,EAAS,IAAI,CAACc,MACbJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,oBAAmB;AAAA,YAClB,GAAGD;AAAA,UAAA;AAAA,QAEP;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EACF,CAAA;AAAA,GAEJ;"}

package/dist/index.es137.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es137.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { Col, EntryButton } from \"@/components\";\r\nimport \"./Login.scss\";\r\nimport { Config } from \"@/utils/config.ts\";\r\n\r\nexport type LoginProps = {\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  loginTitle: string;\r\n  loginDescription: React.ReactNode;\r\n  buttonLabel: string;\r\n  buttonAriaLabel: string;\r\n  buttonHref: string;\r\n  asImage?: \"img\";\r\n  region?: Config[\"REGION\"];\r\n  authSrc?: string;\r\n};\r\n\r\nexport const Login = ({\r\n  title,\r\n  description,\r\n  loginTitle,\r\n  loginDescription,\r\n  buttonLabel,\r\n  buttonAriaLabel,\r\n  buttonHref,\r\n  asImage = \"img\",\r\n  region = \"marche\",\r\n  authSrc = \"\",\r\n}: LoginProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  console.log(region);\r\n\r\n  return (\r\n    <Section className=\"base-col ui-login-section\">\r\n      <Col className=\"ui-login-content\">\r\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\r\n          {title}\r\n        </Section.Title>\r\n        {description && (\r\n          <Section.Description className=\"ui-login-description\">\r\n            {description}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\r\n        <Col gap={\"x16\"}>\r\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\r\n            {loginTitle}\r\n          </h3>\r\n          <Section.Description>{loginDescription}</Section.Description>\r\n          <EntryButton\r\n            // showIcon={region === \"marche\"}\r\n            ariaLabel={buttonAriaLabel}\r\n            href={buttonHref}\r\n          >\r\n            {buttonLabel}\r\n          </EntryButton>\r\n        </Col>\r\n\r\n        <div className=\"ui-login-body-img h-full\">\r\n          <ImageComponent\r\n            src={authSrc}\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n            width={246}\r\n            height={746}\r\n          />\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es137.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n\n  console.log(region);\n\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\n        <Col gap={\"x16\"}>\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h3>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            // showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es138.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es138.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./HomeServices.scss\";\r\nimport { ComponentType, ReactNode, useMemo } from \"react\";\r\nimport { omit } from \"lodash\";\r\n\r\nexport const HOME_SERVICES_LAYOUTS = {\r\n  LayoutOne: \"LayoutOne\",\r\n  LayoutTwo: \"LayoutTwo\",\r\n  LayoutThree: \"LayoutThree\",\r\n  LayoutFour: \"LayoutFour\",\r\n} as const;\r\n\r\ntype Layout =\r\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\r\n\r\nexport type AggregationItemsProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  layout?: Layout;\r\n  className?: string;\r\n  showBlueBackground?: boolean;\r\n};\r\n\r\nexport const HomeServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\r\n  className,\r\n  showBlueBackground = false,\r\n}: AggregationItemsProps) => {\r\n  const layoutClassName =\r\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\r\n      ? \"ui-home-services-layout-one\"\r\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\r\n        ? \"ui-home-services-layout-two\"\r\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\r\n        ? \"ui-home-services-layout-three\"\r\n        : layout === HOME_SERVICES_LAYOUTS.LayoutFour\r\n          ? \"ui-home-services-layout-four\"\r\n          : \"\";\r\n\r\n  const itemsNormalized = useMemo(() => {\r\n    switch (layout) {\r\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\r\n        return items.map((item) => {\r\n          const removeImage = false;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 2;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      default:\r\n        return items;\r\n    }\r\n  }, [items, layout]);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col ui-home-services-section\", className, showBlueBackground ? \"blue-background\" : \"\")}>\r\n      <Col className=\"ui-home-services-section-content\">\r\n        <div className=\"ui-home-services-section-title\">\r\n          <Section.Title fs=\"2\">{title}</Section.Title>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {itemsNormalized?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardCategory\r\n                key={item._id}\r\n                title={item?.name}\r\n                description={item?.description}\r\n                image={item?.image}\r\n                href={item?.link || item?.externalLink}\r\n                showIcon={item?.externalLink}\r\n                asLink={asLink}\r\n                isExternal={item?.externalLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.es138.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./HomeServices.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const HOME_SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n} as const;\n\ntype Layout =\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\n\nexport type AggregationItemsProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: Layout;\n  className?: string;\n  showBlueBackground?: boolean;\n};\n\nexport const HomeServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\n  className,\n  showBlueBackground = false,\n}: AggregationItemsProps) => {\n  const layoutClassName =\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\n      ? \"ui-home-services-layout-one\"\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\n        ? \"ui-home-services-layout-two\"\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\n        ? \"ui-home-services-layout-three\"\n        : layout === HOME_SERVICES_LAYOUTS.LayoutFour\n          ? \"ui-home-services-layout-four\"\n          : \"\";\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item) => {\n          const removeImage = false;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 2;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-home-services-section\", className, showBlueBackground ? \"blue-background\" : \"\")}>\n      <Col className=\"ui-home-services-section-content\">\n        <div className=\"ui-home-services-section-title\">\n          <Section.Title fs=\"2\">{title}</Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardCategory\n                key={item._id}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}

package/dist/index.es139.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es139.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport \"./WhatDoYouNeed.scss\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype WhatDoYouNeedProps = PropsWithChildren<{\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  links: EnhancedSectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  showBlueBackground?: boolean;\r\n}>;\r\n\r\ntype EnhancedSectionLink = SectionLink & {\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport const WhatDoYouNeed = ({\r\n  title,\r\n  description,\r\n  links,\r\n  asLink = \"a\",\r\n  showBlueBackground = false,\r\n}: WhatDoYouNeedProps) => {\r\n  return (\r\n    <Section className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\r\n      <Col className=\"ui-what-do-you-need-content\">\r\n        <Section.Title fs=\"2\">{title}</Section.Title>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\r\n      >\r\n        {links?.map(({ link, title, isNewTab }, index) => (\r\n          <li key={link}>\r\n            <Button\r\n              asLink={asLink}\r\n              href={link}\r\n              size=\"2\"\r\n              variant={index > 0 ? \"secondary\" : \"primary\"}\r\n              // textColor={index > 0 ? \"primary\" : undefined}\r\n              // bg={index > 0 ? \"white\" : undefined}\r\n              // className={index > 0 ? \"br-color-primary\" : undefined}\r\n              target={isNewTab ? \"_blank\" : undefined}\r\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\r\n            >\r\n              {title}\r\n            </Button>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,6BAEKC,GAAQ,EAAA,WAAW,wCAAwCD,IAAqB,oBAAoB,EAAE,IACrG,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCO,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAWS,EAAK,6CAA6CP,EAAM,SAAS,IAAI,QAAQ,MAAM;AAAA,MAE7F,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAV,GAAO,UAAAW,EAAS,GAAGC,MACtCJ,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,MAAMO;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAX;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOU,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es139.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport \"./WhatDoYouNeed.scss\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  showBlueBackground?: boolean;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n  showBlueBackground = false,\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\n      <Col className=\"ui-what-do-you-need-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,6BAEKC,GAAQ,EAAA,WAAW,wCAAwCD,IAAqB,oBAAoB,EAAE,IACrG,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCO,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAWS,EAAK,6CAA6CP,EAAM,SAAS,IAAI,QAAQ,MAAM;AAAA,MAE7F,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAV,GAAO,UAAAW,EAAS,GAAGC,MACtCJ,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,MAAMO;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAX;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOU,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es14.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type SearchDocumentProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  items: any;\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchDocument = ({\r\n  btnText,\r\n  helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchDocumentProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<any>([]);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item: any) =>\r\n        [item.classification?.type?.label].some((field) =>\r\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: any) => {\r\n    setValueInput(item.classification?.type?.label);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item: any, index: any) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {item.classification?.type?.label\r\n                  ? highlightMatch(\r\n                      item.classification?.type?.label,\r\n                      valueInput || \"\",\r\n                    )\r\n                  : \"\"}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":";;;;;;;AAcO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAA6BL,CAAK,GAChE,CAACM,GAAeC,CAAgB,IAAIF,EAAc,CAAA,CAAE,GAEpDG,IAAoB,CAAC,MAAqC;AACxD,UAAAC,IAAa,EAAE,OAAO;AAGxB,QAFJL,EAAcK,CAAU,GAEpBA,EAAW,UAAU,GAAG;AAC1B,YAAMC,IAAUT,EAAM;AAAA,QAAO,CAACU,MAC5B;;AAAA,mBAACC,KAAAC,IAAAF,EAAK,mBAAL,gBAAAE,EAAqB,SAArB,gBAAAD,EAA2B,KAAK,EAAE;AAAA,YAAK,CAACE,MACvCA,KAAA,gBAAAA,EAAO,cAAc,SAASL,EAAW,YAAa;AAAA,UAAA;AAAA;AAAA,MAE1D;AACA,MAAAF,EAAiBG,CAAO;AAAA,IAAA;AAExB,MAAAH,EAAiB,CAAA,CAAE;AAAA,EAEvB,GAEMQ,IAAmB,CAACJ,MAAc;;AACxB,IAAAP,GAAAQ,KAAAC,IAAAF,EAAK,mBAAL,gBAAAE,EAAqB,SAArB,gBAAAD,EAA2B,KAAK,GAC9CL,EAAiB,CAAA,CAAE;AAAA,EACrB,GAEMS,IAAiB,CAACC,GAAcC,MAAkB;AAClD,QAAA,CAACA,EAAc,QAAAD;AACnB,UAAME,IAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa;AACxD,QAAAC,MAAU,GAAW,QAAAF;AAEzB,UAAMG,IAAcH,EAAK,MAAM,GAAGE,CAAK,GACjCE,IAAQJ,EAAK,MAAME,GAAOA,IAAQD,EAAM,MAAM,GAC9CI,IAAaL,EAAK,MAAME,IAAQD,EAAM,MAAM;AAElD,WAEKK,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAJ;AAAA,MACAK,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAMJ,GAAA;AAAA,MAC/CC;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,gCACG,OAAI,EAAA,WAAWI,EAAK,aAAa,kCAAkC,GAClE,UAAA;AAAA,IAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,qBACd,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,WAAWC;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACA,aAAa3B;AAAA,UACb,cAAW;AAAA,UACX,OAAOI;AAAA,UACP,UAAUK;AAAA,QAAA;AAAA,MACZ;AAAA,MACCL,KAAcA,EAAW,UAAU,KAClCsB,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS,MAAM;AACb,YAAAvB,EAAc,EAAE,GAChBG,EAAiB,CAAA,CAAE;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,IACCD,EAAc,SAAS,KACrBmB,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,2DACb,UAAAA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAU;AAAA,QAET,UAActB,EAAA,IAAI,CAACK,GAAWQ,MAC5BM;;AAAAA,iCAAAA,EAAAA,IAAA,OAAA,EAAgB,SAAS,MAAMV,EAAiBJ,CAAI,GAClD,WAAKC,KAAAC,IAAAF,EAAA,mBAAA,gBAAAE,EAAgB,SAAhB,QAAAD,EAAsB,QACxBI;AAAA,aACEa,KAAAC,IAAAnB,EAAK,mBAAL,gBAAAmB,EAAqB,SAArB,gBAAAD,EAA2B;AAAA,YAC3B1B,KAAc;AAAA,UAAA,IAEhB,GANI,GAAAgB,CAOV;AAAA,SACD;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEDM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,WAAWL;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS,MAAM;AACb,UAAAnB,EAAiB,CAAA,CAAE,GACnBL,EAASC,KAAc,EAAE;AAAA,QAC3B;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es14.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\n\nexport type SearchDocumentProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: any;\n  setValue: (value: string) => void;\n};\n\nexport const SearchDocument = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchDocumentProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<any>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item: any) =>\n        [item.classification?.type?.label].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: any) => {\n    setValueInput(item.classification?.type?.label);\n    setFilteredItems([]);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item: any, index: any) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {item.classification?.type?.label\n                  ? highlightMatch(\n                      item.classification?.type?.label,\n                      valueInput || \"\",\n                    )\n                  : \"\"}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":";;;;;;;AAcO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAA6BL,CAAK,GAChE,CAACM,GAAeC,CAAgB,IAAIF,EAAc,CAAA,CAAE,GAEpDG,IAAoB,CAAC,MAAqC;AACxD,UAAAC,IAAa,EAAE,OAAO;AAGxB,QAFJL,EAAcK,CAAU,GAEpBA,EAAW,UAAU,GAAG;AAC1B,YAAMC,IAAUT,EAAM;AAAA,QAAO,CAACU,MAC5B;;AAAA,mBAACC,KAAAC,IAAAF,EAAK,mBAAL,gBAAAE,EAAqB,SAArB,gBAAAD,EAA2B,KAAK,EAAE;AAAA,YAAK,CAACE,MACvCA,KAAA,gBAAAA,EAAO,cAAc,SAASL,EAAW,YAAa;AAAA,UAAA;AAAA;AAAA,MAE1D;AACA,MAAAF,EAAiBG,CAAO;AAAA,IAAA;AAExB,MAAAH,EAAiB,CAAA,CAAE;AAAA,EAEvB,GAEMQ,IAAmB,CAACJ,MAAc;;AACxB,IAAAP,GAAAQ,KAAAC,IAAAF,EAAK,mBAAL,gBAAAE,EAAqB,SAArB,gBAAAD,EAA2B,KAAK,GAC9CL,EAAiB,CAAA,CAAE;AAAA,EACrB,GAEMS,IAAiB,CAACC,GAAcC,MAAkB;AAClD,QAAA,CAACA,EAAc,QAAAD;AACnB,UAAME,IAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa;AACxD,QAAAC,MAAU,GAAW,QAAAF;AAEzB,UAAMG,IAAcH,EAAK,MAAM,GAAGE,CAAK,GACjCE,IAAQJ,EAAK,MAAME,GAAOA,IAAQD,EAAM,MAAM,GAC9CI,IAAaL,EAAK,MAAME,IAAQD,EAAM,MAAM;AAElD,WAEKK,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAJ;AAAA,MACAK,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAMJ,GAAA;AAAA,MAC/CC;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,gCACG,OAAI,EAAA,WAAWI,EAAK,aAAa,kCAAkC,GAClE,UAAA;AAAA,IAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,qBACd,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,WAAWC;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACA,aAAa3B;AAAA,UACb,cAAW;AAAA,UACX,OAAOI;AAAA,UACP,UAAUK;AAAA,QAAA;AAAA,MACZ;AAAA,MACCL,KAAcA,EAAW,UAAU,KAClCsB,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS,MAAM;AACb,YAAAvB,EAAc,EAAE,GAChBG,EAAiB,CAAA,CAAE;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,IACCD,EAAc,SAAS,KACrBmB,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,2DACb,UAAAA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAU;AAAA,QAET,UAActB,EAAA,IAAI,CAACK,GAAWQ,MAC5BM;;AAAAA,iCAAAA,EAAAA,IAAA,OAAA,EAAgB,SAAS,MAAMV,EAAiBJ,CAAI,GAClD,WAAKC,KAAAC,IAAAF,EAAA,mBAAA,gBAAAE,EAAgB,SAAhB,QAAAD,EAAsB,QACxBI;AAAA,aACEa,KAAAC,IAAAnB,EAAK,mBAAL,gBAAAmB,EAAqB,SAArB,gBAAAD,EAA2B;AAAA,YAC3B1B,KAAc;AAAA,UAAA,IAEhB,GANI,GAAAgB,CAOV;AAAA,SACD;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEDM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,WAAWL;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS,MAAM;AACb,UAAAnB,EAAiB,CAAA,CAAE,GACnBL,EAASC,KAAc,EAAE;AAAA,QAC3B;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es140.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es140.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./RichText.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype RichTextProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n}>;\r\n\r\nexport const RichText = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  children,\r\n}: RichTextProps) => {\r\n  return (\r\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\r\n      <Col className=\"ui-rich-text-content\">\r\n        {title && (\r\n          <Section.Title\r\n            fs={fontSize}\r\n            mdFs={mdFontSize}\r\n            className={classNameTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        )}\r\n        {description && (\r\n          <Section.Description>\r\n            {typeof description === \"string\" &&\r\n            React.isValidElement(description)\r\n              ? description\r\n              : HTML(description.toString(), \"div\")}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTML"],"mappings":";;;;;;;AAoBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,6BAEKC,GAAQ,EAAA,WAAWC,EAAK,iCAAiCH,CAAe,GACvE,UAAA;AAAA,EAACI,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,IACCV,KAAAW,gBAAAA,EAAA;AAAA,MAACJ,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIL;AAAA,QACJ,MAAMC;AAAA,QACN,WAAWC;AAAA,QAEV,UAAAJ;AAAA,MAAA;AAAA,IACH;AAAA,IAEDC,KACEU,gBAAAA,EAAA,IAAAJ,EAAQ,aAAR,EACE,UAAA,OAAON,KAAgB,YACxBW,EAAM,eAAeX,CAAW,IAC5BA,IACAY,EAAKZ,EAAY,SAAS,GAAG,KAAK,EACxC,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCK;AAAA,GACH;"}
+{"version":3,"file":"index.es140.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./RichText.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\ntype RichTextProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n}>;\n\nexport const RichText = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  children,\n}: RichTextProps) => {\n  return (\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\n      <Col className=\"ui-rich-text-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description>\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTML"],"mappings":";;;;;;;AAoBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,6BAEKC,GAAQ,EAAA,WAAWC,EAAK,iCAAiCH,CAAe,GACvE,UAAA;AAAA,EAACI,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,IACCV,KAAAW,gBAAAA,EAAA;AAAA,MAACJ,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIL;AAAA,QACJ,MAAMC;AAAA,QACN,WAAWC;AAAA,QAEV,UAAAJ;AAAA,MAAA;AAAA,IACH;AAAA,IAEDC,KACEU,gBAAAA,EAAA,IAAAJ,EAAQ,aAAR,EACE,UAAA,OAAON,KAAgB,YACxBW,EAAM,eAAeX,CAAW,IAC5BA,IACAY,EAAKZ,EAAY,SAAS,GAAG,KAAK,EACxC,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCK;AAAA,GACH;"}

package/dist/index.es142.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es142.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardService, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./SuggestedServices.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\n\r\nexport type SuggestedServicesProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  className?: string;\r\n};\r\n\r\nexport const SuggestedServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  className,\r\n}: SuggestedServicesProps) => {\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\r\n    >\r\n      <Col className=\"ui-suggested-services-sectirron-content\">\r\n        <div className=\"ui-suggested-services-section-title\">\r\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\r\n            {title}\r\n          </Section.Description>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-suggested-services-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={item._id}>\r\n              <CardService\r\n                key={item._id}\r\n                title={item?.name}\r\n                href={item?.link || item?.externalLink}\r\n                iconType={\r\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\r\n                }\r\n                titleTag={\"h3\"}\r\n                asLink={asLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":";;;;;;;AAgBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,0CAA0CH,CAAS;AAAA,IAEnE,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,UAAAI,gBAAAA,MAACH,EAAQ,aAAR,EAAoB,OAAO,YAAY,WAAW,mBAChD,UACHR,GAAA;AAAA,UACCE,KAAaC,KACZQ,gBAAAA,MAACC,GAAU,EAAA,MAAAT,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCD,KACCU,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYP,EAAA,CAAA;AAAA,MAAA,GAEtC;AAAA,MACAU,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYX,CAAK;AAAA,UAC7B,WAAW;AAAA,UAEV,UAAOK,KAAA,gBAAAA,EAAA,IAAI,CAACQ,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cAEC,OAAOF,KAAA,gBAAAA,EAAM;AAAA,cACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,cAC1B,UACEC,MAAU,IAAI,UAAUA,MAAU,IAAI,UAAU;AAAA,cAElD,UAAU;AAAA,cACV,QAAAV;AAAA,YAAA;AAAA,YAPKS,EAAK;AAAA,UAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,QAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es142.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardService, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./SuggestedServices.scss\";\nimport { ComponentType, ReactNode } from \"react\";\n\nexport type SuggestedServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  className?: string;\n};\n\nexport const SuggestedServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  className,\n}: SuggestedServicesProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\n    >\n      <Col className=\"ui-suggested-services-sectirron-content\">\n        <div className=\"ui-suggested-services-section-title\">\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\n            {title}\n          </Section.Description>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-suggested-services-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={item._id}>\n              <CardService\n                key={item._id}\n                title={item?.name}\n                href={item?.link || item?.externalLink}\n                iconType={\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\n                }\n                titleTag={\"h3\"}\n                asLink={asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":";;;;;;;AAgBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,0CAA0CH,CAAS;AAAA,IAEnE,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,UAAAI,gBAAAA,MAACH,EAAQ,aAAR,EAAoB,OAAO,YAAY,WAAW,mBAChD,UACHR,GAAA;AAAA,UACCE,KAAaC,KACZQ,gBAAAA,MAACC,GAAU,EAAA,MAAAT,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCD,KACCU,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYP,EAAA,CAAA;AAAA,MAAA,GAEtC;AAAA,MACAU,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYX,CAAK;AAAA,UAC7B,WAAW;AAAA,UAEV,UAAOK,KAAA,gBAAAA,EAAA,IAAI,CAACQ,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cAEC,OAAOF,KAAA,gBAAAA,EAAM;AAAA,cACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,cAC1B,UACEC,MAAU,IAAI,UAAUA,MAAU,IAAI,UAAU;AAAA,cAElD,UAAU;AAAA,cACV,QAAAV;AAAA,YAAA;AAAA,YAPKS,EAAK;AAAA,UAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,QAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}

package/dist/index.es143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es143.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\r\nimport \"./Documents.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode } from \"react\";\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: CardFileProps[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const Documents = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"2\",\r\n}: Props) => {\r\n  return (\r\n    <Section className=\"ui-document-section\">\r\n      <div className=\"ui-document-items-section-title\">\r\n        <Section.Title\r\n          fs={fontSizeTitle}\r\n          mdFs={\"2\"}\r\n          as={\"h3\"}\r\n          color={colorTitle}\r\n        >\r\n          {title}\r\n        </Section.Title>\r\n      </div>\r\n      {description && (\r\n        <Section.Description className=\"ui-document-section-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={`list-style-none ui-document-items-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardFile\r\n                action={item?.action}\r\n                issued_at={item.issued_at}\r\n                title={item.title}\r\n                file={item.file}\r\n                description={item.description}\r\n                asLink={item.asLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBACjB,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAIF;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAOD;AAAA,MAEN,UAAAH;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACCC,KACEM,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,0CAC5B,UACHL,GAAA;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,UAClB,QAAQA,EAAK;AAAA,QAAA;AAAA,WAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es143.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\nimport \"./Documents.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode } from \"react\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <div className=\"ui-document-items-section-title\">\n        <Section.Title\n          fs={fontSizeTitle}\n          mdFs={\"2\"}\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      {description && (\n        <Section.Description className=\"ui-document-section-description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n                asLink={item.asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBACjB,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAIF;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAOD;AAAA,MAEN,UAAAH;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACCC,KACEM,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,0CAC5B,UACHL,GAAA;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,UAClB,QAAQA,EAAK;AAAA,QAAA;AAAA,WAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}